vant 3.2.4 → 3.2.8

package/lib/uploader/Uploader.d.ts

@@ -3,12 +3,36 @@ import { Interceptor } from '../utils';
 import { ImagePreviewOptions } from '../image-preview';
 import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
-declare const props: {
+declare const uploaderProps: {
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    accept: {
+        type: PropType<string>;
+        default: string;
+    };
     capture: StringConstructor;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
     lazyLoad: BooleanConstructor;
+    maxCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    imageFit: {
+        type: PropType<ImageFit>;
+        default: ImageFit;
+    };
+    resultType: {
+        type: PropType<UploaderResultType>;
+        default: UploaderResultType;
+    };
+    uploadIcon: {
+        type: PropType<string>;
+        default: string;
+    };
     uploadText: StringConstructor;
     deletable: {
         type: BooleanConstructor;
@@ -19,6 +43,10 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
+    modelValue: {
+        type: PropType<UploaderFileListItem[]>;
+        default: () => never[];
+    };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
     previewSize: (NumberConstructor | StringConstructor)[];
@@ -31,46 +59,42 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
+    maxSize: {
+        type: PropType<UploaderMaxSize>;
+        default: number;
+    };
+};
+export declare type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
+declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     accept: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: PropType<UploaderFileListItem[]>;
-        default: () => never[];
-    };
-    maxSize: {
-        type: PropType<UploaderMaxSize>;
-        default: number;
-    };
+    capture: StringConstructor;
+    multiple: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    lazyLoad: BooleanConstructor;
     maxCount: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     imageFit: {
         type: PropType<ImageFit>;
-        default: string;
+        default: ImageFit;
     };
     resultType: {
         type: PropType<UploaderResultType>;
-        default: string;
+        default: UploaderResultType;
     };
     uploadIcon: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
-};
-export declare type UploaderProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<{
-    capture: StringConstructor;
-    multiple: BooleanConstructor;
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    lazyLoad: BooleanConstructor;
     uploadText: StringConstructor;
     deletable: {
         type: BooleanConstructor;
@@ -81,6 +105,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    modelValue: {
+        type: PropType<UploaderFileListItem[]>;
+        default: () => never[];
+    };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
     previewSize: (NumberConstructor | StringConstructor)[];
@@ -93,79 +121,51 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: PropType<UploaderFileListItem[]>;
-        default: () => never[];
-    };
     maxSize: {
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-    maxCount: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    imageFit: {
-        type: PropType<ImageFit>;
-        default: string;
-    };
-    resultType: {
-        type: PropType<UploaderResultType>;
-        default: string;
-    };
-    uploadIcon: {
-        type: StringConstructor;
-        default: string;
-    };
 }, () => 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/runtime-core").ComponentCustomProps, Readonly<{
+    name?: unknown;
+    accept?: unknown;
     capture?: unknown;
     multiple?: unknown;
     disabled?: unknown;
     readonly?: unknown;
     lazyLoad?: unknown;
+    maxCount?: unknown;
+    imageFit?: unknown;
+    resultType?: unknown;
+    uploadIcon?: unknown;
     uploadText?: unknown;
     deletable?: unknown;
     afterRead?: unknown;
     showUpload?: unknown;
+    modelValue?: unknown;
     beforeRead?: unknown;
     beforeDelete?: unknown;
     previewSize?: unknown;
     previewImage?: unknown;
     previewOptions?: unknown;
     previewFullImage?: unknown;
-    name?: unknown;
-    accept?: unknown;
-    modelValue?: unknown;
     maxSize?: unknown;
-    maxCount?: unknown;
-    imageFit?: unknown;
-    resultType?: unknown;
-    uploadIcon?: unknown;
 } & {
     name: string | number;
     accept: string;
     disabled: boolean;
-    readonly: boolean;
     modelValue: UploaderFileListItem[];
+    readonly: boolean;
     multiple: boolean;
     lazyLoad: boolean;
+    maxCount: string | number;
+    imageFit: ImageFit;
+    resultType: UploaderResultType;
+    uploadIcon: string;
     deletable: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;
-    maxCount: string | number;
-    imageFit: ImageFit;
-    resultType: UploaderResultType;
-    uploadIcon: string;
 } & {
     capture?: string | undefined;
     beforeRead?: UploaderBeforeRead | undefined;
@@ -185,18 +185,18 @@ declare const _default: import("vue").DefineComponent<{
     name: string | number;
     accept: string;
     disabled: boolean;
-    readonly: boolean;
     modelValue: UploaderFileListItem[];
+    readonly: boolean;
     multiple: boolean;
     lazyLoad: boolean;
+    maxCount: string | number;
+    imageFit: ImageFit;
+    resultType: UploaderResultType;
+    uploadIcon: string;
     deletable: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;
-    maxCount: string | number;
-    imageFit: ImageFit;
-    resultType: UploaderResultType;
-    uploadIcon: string;
 }>;
 export default _default;

package/lib/uploader/Uploader.js

@@ -24,71 +24,57 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Utils
 // Composables
 // Components
-var props = {
+var uploaderProps = {
+  name: (0, _utils.makeNumericProp)(''),
+  accept: (0, _utils.makeStringProp)('image/*'),
   capture: String,
   multiple: Boolean,
   disabled: Boolean,
   readonly: Boolean,
   lazyLoad: Boolean,
+  maxCount: (0, _utils.makeNumericProp)(Infinity),
+  imageFit: (0, _utils.makeStringProp)('cover'),
+  resultType: (0, _utils.makeStringProp)('dataUrl'),
+  uploadIcon: (0, _utils.makeStringProp)('photograph'),
   uploadText: String,
   deletable: _utils.truthProp,
   afterRead: Function,
   showUpload: _utils.truthProp,
+  modelValue: (0, _utils.makeArrayProp)(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: [Number, String],
+  previewSize: _utils.numericProp,
   previewImage: _utils.truthProp,
   previewOptions: Object,
   previewFullImage: _utils.truthProp,
-  name: {
-    type: [Number, String],
-    default: ''
-  },
-  accept: {
-    type: String,
-    default: 'image/*'
-  },
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
   maxSize: {
     type: [Number, String, Function],
-    default: Number.MAX_VALUE
-  },
-  maxCount: {
-    type: [Number, String],
-    default: Number.MAX_VALUE
-  },
-  imageFit: {
-    type: String,
-    default: 'cover'
-  },
-  resultType: {
-    type: String,
-    default: 'dataUrl'
-  },
-  uploadIcon: {
-    type: String,
-    default: 'photograph'
+    default: Infinity
   }
 };
 
 var _default = (0, _vue.defineComponent)({
   name: _utils2.name,
-  props,
+  props: uploaderProps,
   emits: ['delete', 'oversize', 'click-upload', 'close-preview', 'click-preview', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var inputRef = (0, _vue.ref)();
 
-    var getDetail = (index = props.modelValue.length) => ({
-      name: props.name,
-      index
-    });
+    var getDetail = function (index) {
+      if (index === void 0) {
+        index = props.modelValue.length;
+      }
+
+      return {
+        name: props.name,
+        index
+      };
+    };
 
     var resetInput = () => {
       if (inputRef.value) {

package/lib/uploader/UploaderPreviewItem.d.ts

@@ -4,25 +4,25 @@ import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
 declare const _default: import("vue").DefineComponent<{
     name: (NumberConstructor | StringConstructor)[];
+    item: {
+        type: PropType<UploaderFileListItem>;
+        required: true;
+    };
     index: NumberConstructor;
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
     previewSize: (NumberConstructor | StringConstructor)[];
     beforeDelete: PropType<Interceptor>;
-    item: {
-        type: PropType<UploaderFileListItem>;
-        required: true;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    item?: unknown;
     index?: unknown;
     imageFit?: unknown;
     lazyLoad?: unknown;
     deletable?: unknown;
     previewSize?: unknown;
     beforeDelete?: unknown;
-    item?: unknown;
 } & {
     item: UploaderFileListItem;
     lazyLoad: boolean;
@@ -30,9 +30,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     name?: string | number | undefined;
     index?: number | undefined;
+    imageFit?: ImageFit | undefined;
     beforeDelete?: Interceptor | undefined;
     previewSize?: string | number | undefined;
-    imageFit?: ImageFit | undefined;
 }> & {
     onDelete?: ((...args: any[]) => any) | undefined;
     onPreview?: ((...args: any[]) => any) | undefined;

package/lib/uploader/UploaderPreviewItem.js

@@ -19,24 +19,23 @@ var _loading = require("../loading");
 // Components
 var _default = (0, _vue.defineComponent)({
   props: {
-    name: [Number, String],
+    name: _utils2.numericProp,
+    item: (0, _utils2.makeRequiredProp)(Object),
     index: Number,
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: [Number, String],
-    beforeDelete: Function,
-    item: {
-      type: Object,
-      required: true
-    }
+    previewSize: _utils2.numericProp,
+    beforeDelete: Function
   },
   emits: ['delete', 'preview'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var renderMask = () => {
       var {
         status,
@@ -67,8 +66,7 @@ var _default = (0, _vue.defineComponent)({
         beforeDelete
       } = props;
       event.stopPropagation();
-      (0, _utils2.callInterceptor)({
-        interceptor: beforeDelete,
+      (0, _utils2.callInterceptor)(beforeDelete, {
         args: [item, {
           name,
           index
@@ -120,7 +118,7 @@ var _default = (0, _vue.defineComponent)({
           "lazyLoad": props.lazyLoad,
           "onClick": onPreview
         }, {
-          default: () => [renderCover()]
+          default: renderCover
         });
       }
 

package/lib/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size:80px;--van-uploader-icon-size:24px;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-gray-6);--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, 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, 0.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-color: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;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background-color: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-color: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-color: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}
+: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, 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, 0.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;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/lib/uploader/index.d.ts

@@ -1,10 +1,34 @@
 import { UploaderProps } from './Uploader';
 export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    accept: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     capture: StringConstructor;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
     lazyLoad: BooleanConstructor;
+    maxCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    imageFit: {
+        type: import("vue").PropType<import("..").ImageFit>;
+        default: import("..").ImageFit;
+    };
+    resultType: {
+        type: import("vue").PropType<import("./types").UploaderResultType>;
+        default: import("./types").UploaderResultType;
+    };
+    uploadIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     uploadText: StringConstructor;
     deletable: {
         type: BooleanConstructor;
@@ -15,6 +39,10 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    modelValue: {
+        type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
+        default: () => never[];
+    };
     beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
     beforeDelete: import("vue").PropType<import("../utils").Interceptor>;
     previewSize: (NumberConstructor | StringConstructor)[];
@@ -27,79 +55,51 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
-        default: () => never[];
-    };
     maxSize: {
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-    maxCount: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    imageFit: {
-        type: import("vue").PropType<import("..").ImageFit>;
-        default: string;
-    };
-    resultType: {
-        type: import("vue").PropType<import("./types").UploaderResultType>;
-        default: string;
-    };
-    uploadIcon: {
-        type: StringConstructor;
-        default: string;
-    };
 }, () => 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/runtime-core").ComponentCustomProps, Readonly<{
+    name?: unknown;
+    accept?: unknown;
     capture?: unknown;
     multiple?: unknown;
     disabled?: unknown;
     readonly?: unknown;
     lazyLoad?: unknown;
+    maxCount?: unknown;
+    imageFit?: unknown;
+    resultType?: unknown;
+    uploadIcon?: unknown;
     uploadText?: unknown;
     deletable?: unknown;
     afterRead?: unknown;
     showUpload?: unknown;
+    modelValue?: unknown;
     beforeRead?: unknown;
     beforeDelete?: unknown;
     previewSize?: unknown;
     previewImage?: unknown;
     previewOptions?: unknown;
     previewFullImage?: unknown;
-    name?: unknown;
-    accept?: unknown;
-    modelValue?: unknown;
     maxSize?: unknown;
-    maxCount?: unknown;
-    imageFit?: unknown;
-    resultType?: unknown;
-    uploadIcon?: unknown;
 } & {
     name: string | number;
     accept: string;
     disabled: boolean;
-    readonly: boolean;
     modelValue: import("./types").UploaderFileListItem[];
+    readonly: boolean;
     multiple: boolean;
     lazyLoad: boolean;
+    maxCount: string | number;
+    imageFit: import("..").ImageFit;
+    resultType: import("./types").UploaderResultType;
+    uploadIcon: string;
     deletable: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;
-    maxCount: string | number;
-    imageFit: import("..").ImageFit;
-    resultType: import("./types").UploaderResultType;
-    uploadIcon: string;
 } & {
     capture?: string | undefined;
     beforeRead?: import("./types").UploaderBeforeRead | undefined;
@@ -119,19 +119,19 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     name: string | number;
     accept: string;
     disabled: boolean;
-    readonly: boolean;
     modelValue: import("./types").UploaderFileListItem[];
+    readonly: boolean;
     multiple: boolean;
     lazyLoad: boolean;
+    maxCount: string | number;
+    imageFit: import("..").ImageFit;
+    resultType: import("./types").UploaderResultType;
+    uploadIcon: string;
     deletable: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;
-    maxCount: string | number;
-    imageFit: import("..").ImageFit;
-    resultType: import("./types").UploaderResultType;
-    uploadIcon: string;
 }>>;
 export default Uploader;
 export type { UploaderProps };

package/lib/uploader/index.less

@@ -70,7 +70,7 @@
     width: var(--van-uploader-size);
     height: var(--van-uploader-size);
     margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
-    background-color: var(--van-uploader-upload-background-color);
+    background: var(--van-uploader-upload-background-color);
 
     &:active {
       background-color: var(--van-uploader-upload-active-color);
@@ -110,7 +110,7 @@
       right: 0;
       width: var(--van-uploader-delete-icon-size);
       height: var(--van-uploader-delete-icon-size);
-      background-color: var(--van-uploader-delete-background-color);
+      background: var(--van-uploader-delete-background-color);
       border-radius: 0 0 0 12px;
 
       &-icon {
@@ -143,7 +143,7 @@
     align-items: center;
     justify-content: center;
     color: var(--van-uploader-mask-text-color);
-    background-color: var(--van-uploader-mask-background-color);
+    background: var(--van-uploader-mask-background-color);
 
     &-icon {
       font-size: var(--van-uploader-mask-icon-size);
@@ -170,7 +170,7 @@
     justify-content: center;
     width: var(--van-uploader-size);
     height: var(--van-uploader-size);
-    background-color: var(--van-uploader-file-background-color);
+    background: var(--van-uploader-file-background-color);
 
     &-icon {
       color: var(--van-uploader-file-icon-color);

package/lib/uploader/utils.d.ts

@@ -1,12 +1,12 @@
 import type { UploaderMaxSize, UploaderResultType, UploaderFileListItem } from './types';
-declare const name: string, bem: (el?: import("../utils/create/bem").Mods | undefined, mods?: import("../utils/create/bem").Mods | undefined) => import("../utils/create/bem").Mods;
+declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods;
 export { name, bem };
-export declare function toArray<T>(item: T | T[]): T[];
+export declare const toArray: <T>(item: T | T[]) => T[];
 export declare function readFileContent(file: File, resultType: UploaderResultType): Promise<string | void>;
 export declare function isOversize(items: UploaderFileListItem | UploaderFileListItem[], maxSize: UploaderMaxSize): boolean;
 export declare function filterFiles(items: UploaderFileListItem[], maxSize: UploaderMaxSize): {
     valid: UploaderFileListItem[];
     invalid: UploaderFileListItem[];
 };
-export declare function isImageUrl(url: string): boolean;
+export declare const isImageUrl: (url: string) => boolean;
 export declare function isImageFile(item: UploaderFileListItem): boolean;