@sdata/web-vue 3.30.0 → 4.1.0

package/es/upload/index.d.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _Upload from './upload';
+import _Upload from './upload.vue';
 declare const Upload: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         fileList: {
@@ -30,22 +30,14 @@ declare const Upload: {
             default: boolean;
         };
         tip: StringConstructor;
-        headers: {
-            type: import("vue").PropType<Record<string, string>>;
-        };
-        data: {
-            type: import("vue").PropType<Record<string, string | Blob> | ((fileItem: import("./interfaces").FileItem) => Record<string, string | Blob>)>;
-        };
-        name: {
-            type: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
-        };
+        headers: import("vue").PropType<Record<string, string>>;
+        data: import("vue").PropType<Record<string, string | Blob> | ((fileItem: import("./interfaces").FileItem) => Record<string, string | Blob>)>;
+        name: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
         withCredentials: {
             type: BooleanConstructor;
             default: boolean;
         };
-        customRequest: {
-            type: import("vue").PropType<(option: import("./interfaces").RequestOption) => import("./interfaces").UploadRequest>;
-        };
+        customRequest: import("vue").PropType<(option: import("./interfaces").RequestOption) => import("./interfaces").UploadRequest>;
         limit: {
             type: NumberConstructor;
             default: number;
@@ -92,34 +84,22 @@ declare const Upload: {
             type: BooleanConstructor;
             default: boolean;
         };
-        imageLoading: {
-            type: import("vue").PropType<"eager" | "lazy">;
-        };
+        imageLoading: import("vue").PropType<"eager" | "lazy">;
         listType: {
             type: import("vue").PropType<import("./interfaces").ListType>;
             default: string;
         };
-        responseUrlKey: {
-            type: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
-        };
-        customIcon: {
-            type: import("vue").PropType<import("./interfaces").CustomIcon>;
-        };
+        responseUrlKey: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
+        customIcon: import("vue").PropType<import("./interfaces").CustomIcon>;
         imagePreview: {
             type: BooleanConstructor;
             default: boolean;
         };
-        onBeforeUpload: {
-            type: import("vue").PropType<(file: File) => boolean | Promise<boolean | File>>;
-        };
-        onBeforeRemove: {
-            type: import("vue").PropType<(fileItem: import("./interfaces").FileItem) => Promise<boolean>>;
-        };
-        onButtonClick: {
-            type: import("vue").PropType<(event: Event) => Promise<FileList> | void>;
-        };
+        onBeforeUpload: import("vue").PropType<(file: File) => boolean | Promise<boolean | File>>;
+        onBeforeRemove: import("vue").PropType<(fileItem: import("./interfaces").FileItem) => Promise<boolean>>;
+        onButtonClick: import("vue").PropType<(event: Event) => Promise<FileList> | void>;
     }>> & Readonly<{
-        onProgress?: ((_fileItem: import("./interfaces").FileItem, _ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+        onProgress?: ((_fileItem: import("./interfaces").FileItem, _event?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
         onSuccess?: ((_fileItem: import("./interfaces").FileItem) => any) | undefined;
         onError?: ((_fileItem: import("./interfaces").FileItem) => any) | undefined;
         onChange?: ((_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => any) | undefined;
@@ -127,33 +107,26 @@ declare const Upload: {
         onExceedLimit?: ((_fileList: import("./interfaces").FileItem[], _files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((_fileList: import("./interfaces").FileItem[]) => any) | undefined;
     }>, {
-        prefixCls: string;
-        render: () => false | import("vue/jsx-runtime").JSX.Element;
-        innerSubmit: (fileItem?: import("./interfaces").FileItem) => void;
-        innerAbort: (fileItem: import("./interfaces").FileItem) => void;
-        innerUpdateFile: (id: string, file: File) => void;
-        innerUpload: (files: File[]) => void;
-    }, {}, {}, {
-        submit(fileItem?: import("./interfaces").FileItem): void;
-        abort(fileItem: import("./interfaces").FileItem): void;
-        updateFile(id: string, file: File): void;
-        upload(files: File[]): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:fileList': (_fileList: import("./interfaces").FileItem[]) => true;
-        exceedLimit: (_fileList: import("./interfaces").FileItem[], _files: File[]) => true;
-        change: (_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => true;
-        progress: (_fileItem: import("./interfaces").FileItem, _ev?: ProgressEvent) => true;
-        preview: (_fileItem: import("./interfaces").FileItem) => true;
-        success: (_fileItem: import("./interfaces").FileItem) => true;
-        error: (_fileItem: import("./interfaces").FileItem) => true;
+        submit: (fileItem?: import("./interfaces").FileItem) => void;
+        abort: (fileItem: import("./interfaces").FileItem) => void;
+        updateFile: (id: string, file: File) => void;
+        upload: (files: File[]) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        progress: (_fileItem: import("./interfaces").FileItem, _event?: ProgressEvent<EventTarget> | undefined) => void;
+        success: (_fileItem: import("./interfaces").FileItem) => void;
+        error: (_fileItem: import("./interfaces").FileItem) => void;
+        change: (_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => void;
+        preview: (_fileItem: import("./interfaces").FileItem) => void;
+        exceedLimit: (_fileList: import("./interfaces").FileItem[], _files: File[]) => void;
+        "update:fileList": (_fileList: import("./interfaces").FileItem[]) => void;
     }, import("vue").PublicProps, {
         multiple: boolean;
         disabled: boolean;
         limit: number;
         draggable: boolean;
         withCredentials: boolean;
-        directory: boolean;
         listType: import("./interfaces").ListType;
+        directory: boolean;
         fileList: import("./interfaces").FileItem[];
         defaultFileList: import("./interfaces").FileItem[];
         autoUpload: boolean;
@@ -204,22 +177,14 @@ declare const Upload: {
             default: boolean;
         };
         tip: StringConstructor;
-        headers: {
-            type: import("vue").PropType<Record<string, string>>;
-        };
-        data: {
-            type: import("vue").PropType<Record<string, string | Blob> | ((fileItem: import("./interfaces").FileItem) => Record<string, string | Blob>)>;
-        };
-        name: {
-            type: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
-        };
+        headers: import("vue").PropType<Record<string, string>>;
+        data: import("vue").PropType<Record<string, string | Blob> | ((fileItem: import("./interfaces").FileItem) => Record<string, string | Blob>)>;
+        name: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
         withCredentials: {
             type: BooleanConstructor;
             default: boolean;
         };
-        customRequest: {
-            type: import("vue").PropType<(option: import("./interfaces").RequestOption) => import("./interfaces").UploadRequest>;
-        };
+        customRequest: import("vue").PropType<(option: import("./interfaces").RequestOption) => import("./interfaces").UploadRequest>;
         limit: {
             type: NumberConstructor;
             default: number;
@@ -266,34 +231,22 @@ declare const Upload: {
             type: BooleanConstructor;
             default: boolean;
         };
-        imageLoading: {
-            type: import("vue").PropType<"eager" | "lazy">;
-        };
+        imageLoading: import("vue").PropType<"eager" | "lazy">;
         listType: {
             type: import("vue").PropType<import("./interfaces").ListType>;
             default: string;
         };
-        responseUrlKey: {
-            type: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
-        };
-        customIcon: {
-            type: import("vue").PropType<import("./interfaces").CustomIcon>;
-        };
+        responseUrlKey: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
+        customIcon: import("vue").PropType<import("./interfaces").CustomIcon>;
         imagePreview: {
             type: BooleanConstructor;
             default: boolean;
         };
-        onBeforeUpload: {
-            type: import("vue").PropType<(file: File) => boolean | Promise<boolean | File>>;
-        };
-        onBeforeRemove: {
-            type: import("vue").PropType<(fileItem: import("./interfaces").FileItem) => Promise<boolean>>;
-        };
-        onButtonClick: {
-            type: import("vue").PropType<(event: Event) => Promise<FileList> | void>;
-        };
+        onBeforeUpload: import("vue").PropType<(file: File) => boolean | Promise<boolean | File>>;
+        onBeforeRemove: import("vue").PropType<(fileItem: import("./interfaces").FileItem) => Promise<boolean>>;
+        onButtonClick: import("vue").PropType<(event: Event) => Promise<FileList> | void>;
     }>> & Readonly<{
-        onProgress?: ((_fileItem: import("./interfaces").FileItem, _ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+        onProgress?: ((_fileItem: import("./interfaces").FileItem, _event?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
         onSuccess?: ((_fileItem: import("./interfaces").FileItem) => any) | undefined;
         onError?: ((_fileItem: import("./interfaces").FileItem) => any) | undefined;
         onChange?: ((_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => any) | undefined;
@@ -301,25 +254,18 @@ declare const Upload: {
         onExceedLimit?: ((_fileList: import("./interfaces").FileItem[], _files: File[]) => any) | undefined;
         "onUpdate:fileList"?: ((_fileList: import("./interfaces").FileItem[]) => any) | undefined;
     }>, {
-        prefixCls: string;
-        render: () => false | import("vue/jsx-runtime").JSX.Element;
-        innerSubmit: (fileItem?: import("./interfaces").FileItem) => void;
-        innerAbort: (fileItem: import("./interfaces").FileItem) => void;
-        innerUpdateFile: (id: string, file: File) => void;
-        innerUpload: (files: File[]) => void;
-    }, {}, {}, {
-        submit(fileItem?: import("./interfaces").FileItem): void;
-        abort(fileItem: import("./interfaces").FileItem): void;
-        updateFile(id: string, file: File): void;
-        upload(files: File[]): void;
-    }, {
+        submit: (fileItem?: import("./interfaces").FileItem) => void;
+        abort: (fileItem: import("./interfaces").FileItem) => void;
+        updateFile: (id: string, file: File) => void;
+        upload: (files: File[]) => void;
+    }, {}, {}, {}, {
         multiple: boolean;
         disabled: boolean;
         limit: number;
         draggable: boolean;
         withCredentials: boolean;
-        directory: boolean;
         listType: import("./interfaces").ListType;
+        directory: boolean;
         fileList: import("./interfaces").FileItem[];
         defaultFileList: import("./interfaces").FileItem[];
         autoUpload: boolean;
@@ -367,22 +313,14 @@ declare const Upload: {
         default: boolean;
     };
     tip: StringConstructor;
-    headers: {
-        type: import("vue").PropType<Record<string, string>>;
-    };
-    data: {
-        type: import("vue").PropType<Record<string, string | Blob> | ((fileItem: import("./interfaces").FileItem) => Record<string, string | Blob>)>;
-    };
-    name: {
-        type: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
-    };
+    headers: import("vue").PropType<Record<string, string>>;
+    data: import("vue").PropType<Record<string, string | Blob> | ((fileItem: import("./interfaces").FileItem) => Record<string, string | Blob>)>;
+    name: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
     withCredentials: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customRequest: {
-        type: import("vue").PropType<(option: import("./interfaces").RequestOption) => import("./interfaces").UploadRequest>;
-    };
+    customRequest: import("vue").PropType<(option: import("./interfaces").RequestOption) => import("./interfaces").UploadRequest>;
     limit: {
         type: NumberConstructor;
         default: number;
@@ -429,34 +367,22 @@ declare const Upload: {
         type: BooleanConstructor;
         default: boolean;
     };
-    imageLoading: {
-        type: import("vue").PropType<"eager" | "lazy">;
-    };
+    imageLoading: import("vue").PropType<"eager" | "lazy">;
     listType: {
         type: import("vue").PropType<import("./interfaces").ListType>;
         default: string;
     };
-    responseUrlKey: {
-        type: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
-    };
-    customIcon: {
-        type: import("vue").PropType<import("./interfaces").CustomIcon>;
-    };
+    responseUrlKey: import("vue").PropType<string | ((fileItem: import("./interfaces").FileItem) => string)>;
+    customIcon: import("vue").PropType<import("./interfaces").CustomIcon>;
     imagePreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    onBeforeUpload: {
-        type: import("vue").PropType<(file: File) => boolean | Promise<boolean | File>>;
-    };
-    onBeforeRemove: {
-        type: import("vue").PropType<(fileItem: import("./interfaces").FileItem) => Promise<boolean>>;
-    };
-    onButtonClick: {
-        type: import("vue").PropType<(event: Event) => Promise<FileList> | void>;
-    };
+    onBeforeUpload: import("vue").PropType<(file: File) => boolean | Promise<boolean | File>>;
+    onBeforeRemove: import("vue").PropType<(fileItem: import("./interfaces").FileItem) => Promise<boolean>>;
+    onButtonClick: import("vue").PropType<(event: Event) => Promise<FileList> | void>;
 }>> & Readonly<{
-    onProgress?: ((_fileItem: import("./interfaces").FileItem, _ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+    onProgress?: ((_fileItem: import("./interfaces").FileItem, _event?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
     onSuccess?: ((_fileItem: import("./interfaces").FileItem) => any) | undefined;
     onError?: ((_fileItem: import("./interfaces").FileItem) => any) | undefined;
     onChange?: ((_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => any) | undefined;
@@ -464,33 +390,26 @@ declare const Upload: {
     onExceedLimit?: ((_fileList: import("./interfaces").FileItem[], _files: File[]) => any) | undefined;
     "onUpdate:fileList"?: ((_fileList: import("./interfaces").FileItem[]) => any) | undefined;
 }>, {
-    prefixCls: string;
-    render: () => false | import("vue/jsx-runtime").JSX.Element;
-    innerSubmit: (fileItem?: import("./interfaces").FileItem) => void;
-    innerAbort: (fileItem: import("./interfaces").FileItem) => void;
-    innerUpdateFile: (id: string, file: File) => void;
-    innerUpload: (files: File[]) => void;
-}, {}, {}, {
-    submit(fileItem?: import("./interfaces").FileItem): void;
-    abort(fileItem: import("./interfaces").FileItem): void;
-    updateFile(id: string, file: File): void;
-    upload(files: File[]): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:fileList': (_fileList: import("./interfaces").FileItem[]) => true;
-    exceedLimit: (_fileList: import("./interfaces").FileItem[], _files: File[]) => true;
-    change: (_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => true;
-    progress: (_fileItem: import("./interfaces").FileItem, _ev?: ProgressEvent) => true;
-    preview: (_fileItem: import("./interfaces").FileItem) => true;
-    success: (_fileItem: import("./interfaces").FileItem) => true;
-    error: (_fileItem: import("./interfaces").FileItem) => true;
+    submit: (fileItem?: import("./interfaces").FileItem) => void;
+    abort: (fileItem: import("./interfaces").FileItem) => void;
+    updateFile: (id: string, file: File) => void;
+    upload: (files: File[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    progress: (_fileItem: import("./interfaces").FileItem, _event?: ProgressEvent<EventTarget> | undefined) => void;
+    success: (_fileItem: import("./interfaces").FileItem) => void;
+    error: (_fileItem: import("./interfaces").FileItem) => void;
+    change: (_fileList: import("./interfaces").FileItem[], _fileItem: import("./interfaces").FileItem) => void;
+    preview: (_fileItem: import("./interfaces").FileItem) => void;
+    exceedLimit: (_fileList: import("./interfaces").FileItem[], _files: File[]) => void;
+    "update:fileList": (_fileList: import("./interfaces").FileItem[]) => void;
 }, string, {
     multiple: boolean;
     disabled: boolean;
     limit: number;
     draggable: boolean;
     withCredentials: boolean;
-    directory: boolean;
     listType: import("./interfaces").ListType;
+    directory: boolean;
     fileList: import("./interfaces").FileItem[];
     defaultFileList: import("./interfaces").FileItem[];
     autoUpload: boolean;
@@ -506,7 +425,14 @@ declare const Upload: {
     download: boolean;
     showLink: boolean;
     imagePreview: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        'upload-item'?: (props: {
+            fileItem: import("./interfaces").FileItem;
+            index: number;
+        }) => any;
+    };
+}) & {
     install: (app: App, options?: SDOptions) => void;
 };
 export type UploadInstance = InstanceType<typeof _Upload>;

package/es/upload/style/index.css

@@ -16,11 +16,11 @@
 /******** radius *******/
 /********* icon hover *********/
 .sd-upload {
-  display: block;
+  display: inline-block;
   max-width: 100%;
   cursor: pointer;
 }
-.sd-upload .sd-upload.sd-upload-draggable {
+.sd-upload.sd-upload-draggable {
   width: 100%;
 }
 .sd-upload-tip {
@@ -98,7 +98,7 @@
 .sd-upload-wrapper {
   width: 100%;
 }
-.sd-upload-wrapper .sd-upload-wrapper.sd-upload-wrapper-type-picture-card {
+.sd-upload-wrapper.sd-upload-wrapper-type-picture-card {
   display: flex;
   justify-content: flex-start;
 }
@@ -170,12 +170,10 @@
   padding: 0;
   list-style: none;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-text,
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture {
+.sd-upload-list.sd-upload-list-type-text, .sd-upload-list.sd-upload-list-type-picture {
   width: 100%;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-text .sd-upload-list-item:first-of-type,
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture .sd-upload-list-item:first-of-type {
+.sd-upload-list.sd-upload-list-type-text .sd-upload-list-item:first-of-type, .sd-upload-list.sd-upload-list-type-picture .sd-upload-list-item:first-of-type {
   margin-top: 24px;
 }
 .sd-upload-list {
@@ -276,12 +274,12 @@
 .sd-upload-list {
   /*** end ****/
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture-card {
+.sd-upload-list.sd-upload-list-type-picture-card {
   display: flex;
   flex-wrap: wrap;
   vertical-align: top;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture-card .sd-upload-list-status {
+.sd-upload-list.sd-upload-list-type-picture-card .sd-upload-list-status {
   top: 50%;
   margin-left: 0;
   transform: translateY(-50%);

package/es/upload/style/index.scss

@@ -5,11 +5,11 @@
 $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
 
 .#{$upload-prefix-cls} {
-  display: block;
+  display: inline-block;
   max-width: 100%;
   cursor: pointer;
 
-  .#{$upload-prefix-cls}.#{$upload-prefix-cls}-draggable {
+  &.#{$upload-prefix-cls}-draggable {
     width: 100%;
   }
 
@@ -107,7 +107,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
   &-wrapper {
     width: 100%;
 
-    .#{$upload-prefix-cls}-wrapper.#{$upload-prefix-cls}-wrapper-type-picture-card {
+    &.#{$upload-prefix-cls}-wrapper-type-picture-card {
       display: flex;
       justify-content: flex-start;
     }
@@ -195,8 +195,8 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
   padding: 0;
   list-style: none;
 
-  .#{$upload-prefix-cls}-list.#{$upload-prefix-cls}-list-type-text,
-  .#{$upload-prefix-cls}-list.#{$upload-prefix-cls}-list-type-picture {
+  &.#{$upload-prefix-cls}-list-type-text,
+  &.#{$upload-prefix-cls}-list-type-picture {
     width: 100%;
 
     .#{$upload-prefix-cls}-list-item:first-of-type {
@@ -334,7 +334,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
   }
 
   /*** end ****/
-  .#{$upload-prefix-cls}-list.#{$upload-prefix-cls}-list-type-picture-card {
+  &.#{$upload-prefix-cls}-list-type-picture-card {
     display: flex;
     flex-wrap: wrap;
     vertical-align: top;

package/es/upload/upload-button.js

@@ -1,139 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isFunction, isPromise } from "../_utils/is.js";
-import { useI18n } from "../locale/index.js";
-import Button from "../button/index.js";
-import IconPlus from "../icon/icon-plus/index.js";
-import IconUpload from "../icon/icon-upload/index.js";
-import { getFiles, loopDirectory } from "./utils.js";
-import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
-//#region components/upload/upload-button.tsx
-var upload_button_default = /* @__PURE__ */ defineComponent({
-	name: "UploadButton",
-	props: {
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		directory: {
-			type: Boolean,
-			default: false
-		},
-		accept: String,
-		listType: { type: String },
-		tip: String,
-		draggable: {
-			type: Boolean,
-			default: false
-		},
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		uploadFiles: {
-			type: Function,
-			required: true
-		},
-		hide: Boolean,
-		onButtonClick: { type: Function }
-	},
-	setup(props, { slots }) {
-		const prefixCls = getPrefixCls("upload");
-		const { t } = useI18n();
-		const isDragging = ref(false);
-		const inputRef = ref(null);
-		const dropRef = ref(null);
-		const dragEnterCount = ref(0);
-		const setDragEnterCount = (type) => {
-			if (type === "subtract") dragEnterCount.value -= 1;
-			else if (type === "add") dragEnterCount.value += 1;
-			else if (type === "reset") dragEnterCount.value = 0;
-		};
-		const handleClick = (e) => {
-			if (props.disabled) return;
-			if (isFunction(props.onButtonClick)) {
-				const result = props.onButtonClick(e);
-				if (isPromise(result)) {
-					result.then((files) => {
-						props.uploadFiles(getFiles(files));
-					});
-					return;
-				}
-			}
-			if (inputRef.value) inputRef.value.click();
-		};
-		const handleInputChange = (e) => {
-			const target = e.target;
-			if (target.files) props.uploadFiles(getFiles(target.files));
-			target.value = "";
-		};
-		const handleDrop = (e) => {
-			var _e$dataTransfer;
-			e.preventDefault();
-			isDragging.value = false;
-			setDragEnterCount("reset");
-			if (props.disabled) return;
-			if (props.directory && ((_e$dataTransfer = e.dataTransfer) === null || _e$dataTransfer === void 0 ? void 0 : _e$dataTransfer.items)) loopDirectory(e.dataTransfer.items, props.accept, (files) => {
-				props.uploadFiles(files);
-			});
-			else {
-				var _e$dataTransfer2;
-				const files = getFiles((_e$dataTransfer2 = e.dataTransfer) === null || _e$dataTransfer2 === void 0 ? void 0 : _e$dataTransfer2.files, props.accept);
-				props.uploadFiles(props.multiple ? files : files.slice(0, 1));
-			}
-		};
-		const handleDragLeave = (e) => {
-			e.preventDefault();
-			setDragEnterCount("subtract");
-			if (dragEnterCount.value === 0) {
-				isDragging.value = false;
-				setDragEnterCount("reset");
-			}
-		};
-		const handleDragOver = (e) => {
-			e.preventDefault();
-			if (!props.disabled && !isDragging.value) isDragging.value = true;
-		};
-		const renderButton = () => {
-			if (slots.default) return createVNode("span", null, [slots.default()]);
-			if (props.listType === "picture-card") return createVNode("div", { "class": `${prefixCls}-picture-card` }, [createVNode("div", { "class": `${prefixCls}-picture-card-text` }, [createVNode(IconPlus, null, null)]), props.tip && createVNode("div", { "class": `${prefixCls}-tip` }, [props.tip])]);
-			if (props.draggable) return createVNode("div", { "class": [`${prefixCls}-drag`, { [`${prefixCls}-drag-active`]: isDragging.value }] }, [
-				createVNode("div", null, [createVNode(IconPlus, null, null)]),
-				createVNode("div", { "class": `${prefixCls}-drag-text` }, [isDragging.value ? t("upload.dragHover") : t("upload.drag")]),
-				props.tip && createVNode("div", { "class": `${prefixCls}-tip` }, [props.tip])
-			]);
-			return createVNode(Button, {
-				"type": "primary",
-				"disabled": props.disabled
-			}, {
-				default: () => [t("upload.buttonText")],
-				icon: () => createVNode(IconUpload, null, null)
-			});
-		};
-		const cls = computed(() => [prefixCls, {
-			[`${prefixCls}-type-picture-card`]: props.listType === "picture-card",
-			[`${prefixCls}-draggable`]: props.draggable,
-			[`${prefixCls}-disabled`]: props.disabled,
-			[`${prefixCls}-hide`]: props.hide
-		}]);
-		return () => createVNode("span", {
-			"ref": dropRef,
-			"class": cls.value,
-			"onClick": handleClick,
-			"onDragenter": () => {
-				setDragEnterCount("add");
-			},
-			"onDrop": handleDrop,
-			"onDragover": handleDragOver,
-			"onDragleave": handleDragLeave
-		}, [createVNode("input", mergeProps({
-			"ref": inputRef,
-			"type": "file",
-			"style": { display: "none" },
-			"disabled": props.disabled,
-			"accept": props.accept,
-			"multiple": props.multiple
-		}, props.directory ? { webkitdirectory: "webkitdirectory" } : {}, { "onChange": handleInputChange }), null), renderButton()]);
-	}
-});
+import upload_button_vue_vue_type_script_setup_true_lang_default from "./upload-button.vue_vue_type_script_setup_true_lang.js";
+//#region components/upload/upload-button.vue
+var upload_button_default = upload_button_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { upload_button_default as default };