From 72e08244ddac07af4a10d928fc0b48c295c9f94b Mon Sep 17 00:00:00 2001 From: John Leider Date: Sat, 27 Apr 2024 12:49:52 -0500 Subject: [PATCH] style(VFileUpload): fix typings --- .../vuetify/src/labs/VFileUpload/VFileUpload.tsx | 14 ++++++++++++-- .../src/labs/VFileUpload/VFileUploadItem.tsx | 2 +- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx b/packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx index 858430ddc65..354395d6b78 100644 --- a/packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx +++ b/packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx @@ -24,6 +24,13 @@ import { genericComponent, humanReadableFileSize, only, propsFactory, useRender, // Types import type { PropType } from 'vue' +export type VFileUploadSlots = { + default: never + icon: never + title: never + divider: never +} + export const makeVFileUploadProps = propsFactory({ browseText: { type: String, @@ -60,7 +67,7 @@ export const makeVFileUploadProps = propsFactory({ ...makeVSheetProps(), }, 'VFileUpload') -export const VFileUpload = genericComponent()({ +export const VFileUpload = genericComponent()({ name: 'VFileUpload', props: makeVFileUploadProps(), @@ -123,7 +130,10 @@ export const VFileUpload = genericComponent()({ for (const file of files) { if (!model.value.some(f => f.name === file.name)) { - model.value.push(file) + model.value = [ + ...model.value, + file, + ] } } } diff --git a/packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx b/packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx index ca55b769dd9..5a81fc91ee3 100644 --- a/packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx +++ b/packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx @@ -10,7 +10,6 @@ import { genericComponent, propsFactory, useRender } from '@/util' import type { VListItemSlots } from '@/components/VList/VListItem' export const makeVFileUploadItemProps = propsFactory({ - ...makeVListItemProps({ border: true, rounded: true, @@ -26,6 +25,7 @@ export const VFileUploadItem = genericComponent()({ emits: { 'click:remove': () => true, + click: (e: MouseEvent | KeyboardEvent) => true, }, setup (props, { emit, slots }) {