vant 3.6.15 → 3.6.16

package/es/uploader/Uploader.d.ts

@@ -1,14 +1,15 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor, type Numeric } from '../utils';
 import { type ImagePreviewOptions } from '../image-preview';
+import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
-export declare const uploaderProps: {
+declare const uploaderProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     accept: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     capture: StringConstructor;
@@ -21,15 +22,15 @@ export declare const uploaderProps: {
         default: number;
     };
     imageFit: {
-        type: PropType<T>;
-        default: import("csstype").Property.ObjectFit | undefined;
+        type: PropType<ImageFit>;
+        default: ImageFit;
     };
     resultType: {
-        type: PropType<T>;
+        type: PropType<UploaderResultType>;
         default: UploaderResultType;
     };
     uploadIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     uploadText: StringConstructor;
@@ -37,14 +38,13 @@ export declare const uploaderProps: {
         type: BooleanConstructor;
         default: true;
     };
-    reupload: BooleanConstructor;
     afterRead: PropType<UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: {
-        type: PropType<T_1[]>;
+        type: PropType<UploaderFileListItem[]>;
         default: () => never[];
     };
     beforeRead: PropType<UploaderBeforeRead>;
@@ -64,14 +64,14 @@ export declare const uploaderProps: {
         default: number;
     };
 };
-export type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
+declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     accept: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     capture: StringConstructor;
@@ -84,15 +84,15 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     imageFit: {
-        type: PropType<T>;
-        default: import("csstype").Property.ObjectFit | undefined;
+        type: PropType<ImageFit>;
+        default: ImageFit;
     };
     resultType: {
-        type: PropType<T>;
+        type: PropType<UploaderResultType>;
         default: UploaderResultType;
     };
     uploadIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     uploadText: StringConstructor;
@@ -100,14 +100,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-    reupload: BooleanConstructor;
     afterRead: PropType<UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: {
-        type: PropType<T_1[]>;
+        type: PropType<UploaderFileListItem[]>;
         default: () => never[];
     };
     beforeRead: PropType<UploaderBeforeRead>;
@@ -126,13 +125,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     accept: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     capture: StringConstructor;
@@ -145,15 +144,15 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     imageFit: {
-        type: PropType<T>;
-        default: import("csstype").Property.ObjectFit | undefined;
+        type: PropType<ImageFit>;
+        default: ImageFit;
     };
     resultType: {
-        type: PropType<T>;
+        type: PropType<UploaderResultType>;
         default: UploaderResultType;
     };
     uploadIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     uploadText: StringConstructor;
@@ -161,14 +160,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-    reupload: BooleanConstructor;
     afterRead: PropType<UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: {
-        type: PropType<T_1[]>;
+        type: PropType<UploaderFileListItem[]>;
         default: () => never[];
     };
     beforeRead: PropType<UploaderBeforeRead>;
@@ -187,31 +185,29 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onOversize?: ((...args: any[]) => any) | undefined;
-    onClickUpload?: ((...args: any[]) => any) | undefined;
-    onClosePreview?: ((...args: any[]) => any) | undefined;
-    onClickPreview?: ((...args: any[]) => any) | undefined;
-    onClickReupload?: ((...args: any[]) => any) | undefined;
-}>, {
+    "onClick-upload"?: ((...args: any[]) => any) | undefined;
+    "onClose-preview"?: ((...args: any[]) => any) | undefined;
+    "onClick-preview"?: ((...args: any[]) => any) | undefined;
+}, {
     name: string | number;
     accept: string;
     disabled: boolean;
-    multiple: boolean;
     modelValue: UploaderFileListItem[];
     readonly: boolean;
+    multiple: boolean;
     lazyLoad: boolean;
     maxCount: string | number;
-    imageFit: import("csstype").Property.ObjectFit | undefined;
+    imageFit: ImageFit;
     resultType: UploaderResultType;
     uploadIcon: string;
     deletable: boolean;
-    reupload: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/uploader/Uploader.mjs

@@ -1,10 +1,11 @@
-import { ref, reactive, defineComponent, onBeforeUnmount, nextTick, mergeProps as _mergeProps, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
 import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
 import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
 import { useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
 import { Icon } from "../icon/index.mjs";
-import { showImagePreview } from "../image-preview/index.mjs";
+import { ImagePreview } from "../image-preview/index.mjs";
 import UploaderPreviewItem from "./UploaderPreviewItem.mjs";
 const uploaderProps = {
   name: makeNumericProp(""),
@@ -20,7 +21,6 @@ const uploaderProps = {
   uploadIcon: makeStringProp("photograph"),
   uploadText: String,
   deletable: truthProp,
-  reupload: Boolean,
   afterRead: Function,
   showUpload: truthProp,
   modelValue: makeArrayProp(),
@@ -38,15 +38,13 @@ const uploaderProps = {
 var stdin_default = defineComponent({
   name,
   props: uploaderProps,
-  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "clickReupload", "update:modelValue"],
+  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "update:modelValue"],
   setup(props, {
     emit,
     slots
   }) {
     const inputRef = ref();
     const urls = [];
-    const reuploadIndex = ref(-1);
-    const isReuploading = ref(false);
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
       index
@@ -72,14 +70,7 @@ var stdin_default = defineComponent({
         }
       }
       items = reactive(items);
-      if (reuploadIndex.value > -1) {
-        const arr = [...props.modelValue];
-        arr.splice(reuploadIndex.value, 1, items);
-        emit("update:modelValue", arr);
-        reuploadIndex.value = -1;
-      } else {
-        emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
-      }
+      emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
       if (props.afterRead) {
         props.afterRead(items, getDetail());
       }
@@ -153,7 +144,7 @@ var stdin_default = defineComponent({
       readFile(file);
     };
     let imagePreview;
-    const onClosePreview = () => emit("closePreview");
+    const onClosePreview = () => emit("close-preview");
     const previewImage = (item) => {
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
@@ -164,7 +155,7 @@ var stdin_default = defineComponent({
           }
           return item2.url;
         }).filter(Boolean);
-        imagePreview = showImagePreview(extend({
+        imagePreview = ImagePreview(extend({
           images,
           startPosition: imageFiles.indexOf(item),
           onClose: onClosePreview
@@ -182,27 +173,15 @@ var stdin_default = defineComponent({
       emit("update:modelValue", fileList);
       emit("delete", item, getDetail(index));
     };
-    const reuploadFile = (index) => {
-      isReuploading.value = true;
-      reuploadIndex.value = index;
-      nextTick(() => chooseFile());
-    };
-    const onInputClick = () => {
-      if (!isReuploading.value) {
-        reuploadIndex.value = -1;
-      }
-      isReuploading.value = false;
-    };
     const renderPreviewItem = (item, index) => {
-      const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
+      const needPickData = ["imageFit", "deletable", "previewSize", "beforeDelete"];
       const previewData = extend(pick(props, needPickData), pick(item, needPickData, true));
       return _createVNode(UploaderPreviewItem, _mergeProps({
         "item": item,
         "index": index,
-        "onClick": () => emit(props.reupload ? "clickReupload" : "clickPreview", item, getDetail(index)),
+        "onClick": () => emit("click-preview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
-        "onPreview": () => previewImage(item),
-        "onReupload": () => reuploadFile(index)
+        "onPreview": () => previewImage(item)
       }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
@@ -210,27 +189,28 @@ var stdin_default = defineComponent({
         return props.modelValue.map(renderPreviewItem);
       }
     };
-    const onClickUpload = (event) => emit("clickUpload", event);
+    const onClickUpload = (event) => emit("click-upload", event);
     const renderUpload = () => {
-      const lessThanMax = props.modelValue.length < +props.maxCount;
+      if (props.modelValue.length >= props.maxCount || !props.showUpload) {
+        return;
+      }
       const Input = props.readonly ? null : _createVNode("input", {
         "ref": inputRef,
         "type": "file",
         "class": bem("input"),
         "accept": props.accept,
         "capture": props.capture,
-        "multiple": props.multiple && reuploadIndex.value === -1,
+        "multiple": props.multiple,
         "disabled": props.disabled,
-        "onChange": onChange,
-        "onClick": onInputClick
+        "onChange": onChange
       }, null);
       if (slots.default) {
-        return _withDirectives(_createVNode("div", {
+        return _createVNode("div", {
           "class": bem("input-wrapper"),
           "onClick": onClickUpload
-        }, [slots.default(), Input]), [[_vShow, lessThanMax]]);
+        }, [slots.default(), Input]);
       }
-      return _withDirectives(_createVNode("div", {
+      return _createVNode("div", {
         "class": bem("upload", {
           readonly: props.readonly
         }),
@@ -241,7 +221,7 @@ var stdin_default = defineComponent({
         "class": bem("upload-icon")
       }, null), props.uploadText && _createVNode("span", {
         "class": bem("upload-text")
-      }, [props.uploadText]), Input]), [[_vShow, props.showUpload && lessThanMax]]);
+      }, [props.uploadText]), Input]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {
@@ -253,7 +233,6 @@ var stdin_default = defineComponent({
     });
     useExpose({
       chooseFile,
-      reuploadFile,
       closeImagePreview
     });
     useCustomFieldValue(() => props.modelValue);
@@ -267,6 +246,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default,
-  uploaderProps
+  stdin_default as default
 };

package/es/uploader/UploaderPreviewItem.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import { type Numeric, type Interceptor } from '../utils';
 import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;
@@ -12,10 +12,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
-    reupload: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "reupload" | "preview")[], "delete" | "reupload" | "preview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;
@@ -25,16 +24,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
-    reupload: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}>> & Readonly<{
+}>> & {
     onDelete?: ((...args: any[]) => any) | undefined;
-    onReupload?: ((...args: any[]) => any) | undefined;
     onPreview?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     lazyLoad: boolean;
     deletable: boolean;
-    reupload: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/uploader/UploaderPreviewItem.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
 import { t, bem, isImageFile } from "./utils.mjs";
 import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -12,11 +13,10 @@ var stdin_default = defineComponent({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    reupload: Boolean,
     previewSize: [Number, String, Array],
     beforeDelete: Function
   },
-  emits: ["delete", "preview", "reupload"],
+  emits: ["delete", "preview"],
   setup(props, {
     emit,
     slots
@@ -58,7 +58,6 @@ var stdin_default = defineComponent({
       });
     };
     const onPreview = () => emit("preview");
-    const onReupload = () => emit("reupload");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
         const slot = slots["preview-delete"];
@@ -94,8 +93,7 @@ var stdin_default = defineComponent({
         item,
         lazyLoad,
         imageFit,
-        previewSize,
-        reupload
+        previewSize
       } = props;
       if (isImageFile(item)) {
         return _createVNode(Image, {
@@ -105,7 +103,7 @@ var stdin_default = defineComponent({
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
           "lazyLoad": lazyLoad,
-          "onClick": reupload ? onReupload : onPreview
+          "onClick": onPreview
         }, {
           default: renderCover
         });

package/es/uploader/index.css

@@ -1 +1 @@
-:root,:host{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-border-radius: 0px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden;border-radius:var(--van-uploader-border-radius)}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background-color: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background-color: rgba(0, 0, 0, .7);--van-uploader-file-background-color: var(--van-background-color);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background-color: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/es/uploader/index.d.ts

@@ -1,11 +1,11 @@
 import { UploaderProps } from './Uploader';
-export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     accept: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     capture: StringConstructor;
@@ -18,15 +18,15 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         default: number;
     };
     imageFit: {
-        type: import("vue").PropType<T>;
-        default: import("csstype").Property.ObjectFit | undefined;
+        type: import("vue").PropType<import("..").ImageFit>;
+        default: import("..").ImageFit;
     };
     resultType: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").UploaderResultType>;
         default: import("./types").UploaderResultType;
     };
     uploadIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     uploadText: StringConstructor;
@@ -34,14 +34,13 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    reupload: BooleanConstructor;
     afterRead: import("vue").PropType<import("./types").UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: {
-        type: import("vue").PropType<T_1[]>;
+        type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
         default: () => never[];
     };
     beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
@@ -60,13 +59,13 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     accept: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     capture: StringConstructor;
@@ -79,15 +78,15 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         default: number;
     };
     imageFit: {
-        type: import("vue").PropType<T>;
-        default: import("csstype").Property.ObjectFit | undefined;
+        type: import("vue").PropType<import("..").ImageFit>;
+        default: import("..").ImageFit;
     };
     resultType: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").UploaderResultType>;
         default: import("./types").UploaderResultType;
     };
     uploadIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     uploadText: StringConstructor;
@@ -95,14 +94,13 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    reupload: BooleanConstructor;
     afterRead: import("vue").PropType<import("./types").UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
         default: true;
     };
     modelValue: {
-        type: import("vue").PropType<T_1[]>;
+        type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
         default: () => never[];
     };
     beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
@@ -121,37 +119,34 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onOversize?: ((...args: any[]) => any) | undefined;
-    onClickUpload?: ((...args: any[]) => any) | undefined;
-    onClosePreview?: ((...args: any[]) => any) | undefined;
-    onClickPreview?: ((...args: any[]) => any) | undefined;
-    onClickReupload?: ((...args: any[]) => any) | undefined;
-}>, {
+    "onClick-upload"?: ((...args: any[]) => any) | undefined;
+    "onClose-preview"?: ((...args: any[]) => any) | undefined;
+    "onClick-preview"?: ((...args: any[]) => any) | undefined;
+}, {
     name: string | number;
     accept: string;
     disabled: boolean;
-    multiple: boolean;
     modelValue: import("./types").UploaderFileListItem[];
     readonly: boolean;
+    multiple: boolean;
     lazyLoad: boolean;
     maxCount: string | number;
-    imageFit: import("csstype").Property.ObjectFit | undefined;
+    imageFit: import("..").ImageFit;
     resultType: import("./types").UploaderResultType;
     uploadIcon: string;
     deletable: boolean;
-    reupload: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Uploader;
-export { uploaderProps } from './Uploader';
 export type { UploaderProps };
-export type { UploaderInstance, UploaderThemeVars, UploaderResultType, UploaderFileListItem, UploaderBeforeRead, UploaderAfterRead, } from './types';
+export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanUploader: typeof Uploader;