vant 4.0.0-alpha.1 → 4.0.0-alpha.4

package/es/toast/types.d.ts

@@ -1,19 +1,20 @@
 import { Toast } from './function-call';
 import type { TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
+import type { Numeric } from '../utils';
 export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
 export declare type ToastPosition = 'top' | 'middle' | 'bottom';
 export declare type ToastOptions = {
     icon?: string;
     type?: ToastType;
     mask?: boolean;
-    message?: string | number;
+    message?: Numeric;
     onClose?: () => void;
     onOpened?: () => void;
     overlay?: boolean;
     duration?: number;
     teleport?: TeleportProps['to'];
-    iconSize?: number | string;
+    iconSize?: Numeric;
     position?: ToastPosition;
     className?: unknown;
     transition?: string;

package/es/tree-select/TreeSelect.d.ts

@@ -1,13 +1,14 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type TreeSelectChild = {
-    id: number | string;
+    id: Numeric;
     text: string;
     disabled?: boolean;
 };
 export declare type TreeSelectItem = {
     dot?: boolean;
     text: string;
-    badge?: number | string;
+    badge?: Numeric;
     children?: TreeSelectChild[];
     disabled?: boolean;
     className?: unknown;
@@ -34,7 +35,7 @@ declare const treeSelectProps: {
         default: number;
     };
     activeId: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: number;
     };
 };
@@ -61,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     activeId: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: number;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
@@ -86,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     activeId: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: number;
     };
 }>> & {
@@ -100,6 +101,6 @@ declare const _default: import("vue").DefineComponent<{
     items: TreeSelectItem[];
     selectedIcon: string;
     mainActiveIndex: string | number;
-    activeId: string | number | (string | number)[];
+    activeId: Numeric | Numeric[];
 }>;
 export default _default;

package/es/tree-select/{TreeSelect.js → TreeSelect.mjs}

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { addUnit, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { Icon } from "../icon";
-import { Sidebar } from "../sidebar";
-import { SidebarItem } from "../sidebar-item";
+import { addUnit, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Sidebar } from "../sidebar/index.mjs";
+import { SidebarItem } from "../sidebar-item/index.mjs";
 const [name, bem] = createNamespace("tree-select");
 const treeSelectProps = {
   max: makeNumericProp(Infinity),

package/es/tree-select/index.d.ts

@@ -20,7 +20,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         default: number;
     };
     activeId: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: number;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -45,7 +45,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         default: number;
     };
     activeId: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: number;
     };
 }>> & {
@@ -59,7 +59,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     items: import("./TreeSelect").TreeSelectItem[];
     selectedIcon: string;
     mainActiveIndex: string | number;
-    activeId: string | number | (string | number)[];
+    activeId: import("../utils").Numeric | import("../utils").Numeric[];
 }>>;
 export default TreeSelect;
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/es/tree-select/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _TreeSelect from "./TreeSelect";
+import { withInstall } from "../utils/index.mjs";
+import _TreeSelect from "./TreeSelect.mjs";
 const TreeSelect = withInstall(_TreeSelect);
 var stdin_default = TreeSelect;
 export {

package/es/uploader/Uploader.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-import { Interceptor } from '../utils';
+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';
@@ -49,7 +49,7 @@ declare const uploaderProps: {
     };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;
@@ -171,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;

package/es/uploader/{Uploader.js → Uploader.mjs}

@@ -1,12 +1,12 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
-import { pick, extend, isPromise, truthProp, numericProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils";
-import { bem, name, toArray, isOversize, filterFiles, isImageFile, readFileContent } from "./utils";
+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";
-import { Icon } from "../icon";
-import { ImagePreview } from "../image-preview";
-import UploaderPreviewItem from "./UploaderPreviewItem";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import { ImagePreview } from "../image-preview/index.mjs";
+import UploaderPreviewItem from "./UploaderPreviewItem.mjs";
 const uploaderProps = {
   name: makeNumericProp(""),
   accept: makeStringProp("image/*"),
@@ -26,7 +26,7 @@ const uploaderProps = {
   modelValue: makeArrayProp(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: numericProp,
+  previewSize: [Number, String, Array],
   previewImage: truthProp,
   previewOptions: Object,
   previewFullImage: truthProp,
@@ -180,9 +180,7 @@ var stdin_default = defineComponent({
         "onClick": () => emit("clickPreview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
         "onPreview": () => previewImage(item)
-      }, pick(props, ["name", "lazyLoad"]), previewData), {
-        "preview-cover": slots["preview-cover"]
-      });
+      }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
       if (props.previewImage) {

package/es/uploader/UploaderPreviewItem.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { Interceptor } from '../utils';
+import { type Numeric, type Interceptor } from '../utils';
 import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
 declare const _default: import("vue").DefineComponent<{
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
 }, () => 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)[];
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
 }>> & {
     onDelete?: ((...args: any[]) => any) | undefined;

package/es/uploader/{UploaderPreviewItem.js → UploaderPreviewItem.mjs}

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { t, bem, isImageFile } from "./utils";
-import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils";
-import { Icon } from "../icon";
-import { Image } from "../image";
-import { Loading } from "../loading";
+import { t, bem, isImageFile } from "./utils.mjs";
+import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
 var stdin_default = defineComponent({
   props: {
     name: numericProp,
@@ -13,7 +13,7 @@ var stdin_default = defineComponent({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: numericProp,
+    previewSize: [Number, String, Array],
     beforeDelete: Function
   },
   emits: ["delete", "preview"],
@@ -60,13 +60,16 @@ var stdin_default = defineComponent({
     const onPreview = () => emit("preview");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
         return _createVNode("div", {
           "role": "button",
-          "class": bem("preview-delete"),
+          "class": bem("preview-delete", {
+            shadow: !slot
+          }),
           "tabindex": 0,
           "aria-label": t("delete"),
           "onClick": onDelete
-        }, [_createVNode(Icon, {
+        }, [slot ? slot() : _createVNode(Icon, {
           "name": "cross",
           "class": bem("preview-delete-icon")
         }, null)]);
@@ -87,16 +90,19 @@ var stdin_default = defineComponent({
     };
     const renderPreview = () => {
       const {
-        item
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize
       } = props;
       if (isImageFile(item)) {
         return _createVNode(Image, {
-          "fit": props.imageFit,
+          "fit": imageFit,
           "src": item.content || item.url,
           "class": bem("preview-image"),
-          "width": props.previewSize,
-          "height": props.previewSize,
-          "lazyLoad": props.lazyLoad,
+          "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
+          "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
+          "lazyLoad": lazyLoad,
           "onClick": onPreview
         }, {
           default: renderCover

package/es/uploader/index.css

@@ -1 +1 @@
-body{--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{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)}.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}.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);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)}.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}
+body{--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{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)}.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}.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)}.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}

package/es/uploader/index.d.ts

@@ -45,7 +45,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     };
     beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
     beforeDelete: import("vue").PropType<import("../utils").Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;
@@ -105,7 +105,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     };
     beforeRead: import("vue").PropType<import("./types").UploaderBeforeRead>;
     beforeDelete: import("vue").PropType<import("../utils").Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;

package/es/uploader/index.less

@@ -106,10 +106,13 @@ body {
       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);
-      border-radius: 0 0 0 12px;
+
+      &--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;
+      }
 
       &-icon {
         position: absolute;

package/es/uploader/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Uploader from "./Uploader";
+import { withInstall } from "../utils/index.mjs";
+import _Uploader from "./Uploader.mjs";
 const Uploader = withInstall(_Uploader);
 var stdin_default = Uploader;
 export {

package/es/uploader/types.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ImageFit } from '../image';
-import type { Interceptor } from '../utils';
+import type { Numeric, Interceptor } from '../utils';
 import type { UploaderProps } from './Uploader';
 export declare type UploaderResultType = 'dataUrl' | 'text' | 'file';
 export declare type UploaderFileListItem = {
@@ -12,16 +12,16 @@ export declare type UploaderFileListItem = {
     message?: string;
     imageFit?: ImageFit;
     deletable?: boolean;
-    previewSize?: number | string;
+    previewSize?: Numeric;
     beforeDelete?: Interceptor;
 };
-export declare type UploaderMaxSize = number | string | ((file: File) => boolean);
+export declare type UploaderMaxSize = Numeric | ((file: File) => boolean);
 export declare type UploaderBeforeRead = (file: File | File[], detail: {
-    name: string | number;
+    name: Numeric;
     index: number;
 }) => boolean | undefined | Promise<File | File[] | undefined>;
 export declare type UploaderAfterRead = (items: UploaderFileListItem | UploaderFileListItem[], detail: {
-    name: string | number;
+    name: Numeric;
     index: number;
 }) => void;
 export declare type UploaderExpose = {

package/es/uploader/utils.d.ts

@@ -1,7 +1,6 @@
 import type { UploaderMaxSize, UploaderResultType, UploaderFileListItem } from './types';
 declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
 export { name, bem, 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): {

package/es/uploader/{utils.js → utils.mjs}

@@ -1,6 +1,5 @@
-import { createNamespace, isFunction } from "../utils";
+import { toArray, createNamespace, isFunction } from "../utils/index.mjs";
 const [name, bem, t] = createNamespace("uploader");
-const toArray = (item) => Array.isArray(item) ? item : [item];
 function readFileContent(file, resultType) {
   return new Promise((resolve) => {
     if (resultType === "file") {
@@ -66,6 +65,5 @@ export {
   isOversize,
   name,
   readFileContent,
-  t,
-  toArray
+  t
 };

package/es/utils/basic.d.ts

@@ -7,6 +7,7 @@ export declare const extend: {
     (target: object, ...sources: any[]): any;
 };
 export declare const inBrowser: boolean;
+export declare type Numeric = number | string;
 export declare type ComponentInstance = ComponentPublicInstance<{}, any>;
 export declare function get(object: any, path: string): any;
 export declare type Writeable<T> = {
@@ -14,3 +15,4 @@ export declare type Writeable<T> = {
 };
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
 export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
+export declare const toArray: <T>(item: T | T[]) => T[];

package/es/utils/{basic.js → basic.mjs}

@@ -20,11 +20,13 @@ function pick(obj, keys, ignoreUndefined) {
   }, {});
 }
 const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+const toArray = (item) => Array.isArray(item) ? item : [item];
 export {
   extend,
   get,
   inBrowser,
   isSameValue,
   noop,
-  pick
+  pick,
+  toArray
 };

package/es/utils/{create.js → create.mjs}

@@ -1,7 +1,7 @@
-import { get } from "./basic";
-import { camelize } from "./format";
-import { isFunction } from "./validate";
-import locale from "../locale";
+import { get } from "./basic.mjs";
+import { camelize } from "./format.mjs";
+import { isFunction } from "./validate.mjs";
+import locale from "../locale/index.mjs";
 function createTranslate(name) {
   const prefix = camelize(name) + ".";
   return (path, ...args) => {

package/es/utils/{deep-assign.js → deep-assign.mjs}

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 const { hasOwnProperty } = Object.prototype;
 function assignKey(to, from, key) {
   const val = from[key];

package/es/utils/{deep-clone.js → deep-clone.mjs}

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;

package/es/utils/{dom.js → dom.mjs}

@@ -1,6 +1,6 @@
 import { useRect, useWindowSize } from "@vant/use";
 import { unref } from "vue";
-import { isIOS as checkIsIOS } from "./validate";
+import { isIOS as checkIsIOS } from "./validate.mjs";
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);

package/es/utils/format.d.ts

@@ -1,11 +1,12 @@
-import { CSSProperties } from 'vue';
-export declare function addUnit(value?: string | number): string | undefined;
-export declare function getSizeStyle(originSize?: string | number): CSSProperties | undefined;
-export declare function getZIndexStyle(zIndex?: string | number): CSSProperties;
-export declare function unitToPx(value: string | number): number;
+import type { CSSProperties } from 'vue';
+import { type Numeric } from './basic';
+export declare function addUnit(value?: Numeric): string | undefined;
+export declare function getSizeStyle(originSize?: Numeric | Numeric[]): CSSProperties | undefined;
+export declare function getZIndexStyle(zIndex?: Numeric): CSSProperties;
+export declare function unitToPx(value: Numeric): number;
 export declare const camelize: (str: string) => string;
 export declare const kebabCase: (str: string) => string;
-export declare function padZero(num: number | string, targetLength?: number): string;
+export declare function padZero(num: Numeric, targetLength?: number): string;
 /** clamps number within the inclusive lower and upper bounds */
 export declare const clamp: (num: number, min: number, max: number) => number;
 export declare function formatNumber(value: string, allowDot?: boolean, allowMinus?: boolean): string;

package/es/utils/{format.js → format.mjs}

@@ -1,6 +1,6 @@
-import { inBrowser } from "./basic";
-import { windowWidth, windowHeight } from "./dom";
-import { isDef, isNumeric } from "./validate";
+import { inBrowser } from "./basic.mjs";
+import { windowWidth, windowHeight } from "./dom.mjs";
+import { isDef, isNumeric } from "./validate.mjs";
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);
@@ -9,6 +9,12 @@ function addUnit(value) {
 }
 function getSizeStyle(originSize) {
   if (isDef(originSize)) {
+    if (Array.isArray(originSize)) {
+      return {
+        width: addUnit(originSize[0]),
+        height: addUnit(originSize[1])
+      };
+    }
     const size = addUnit(originSize);
     return {
       width: size,

package/es/utils/index.mjs

@@ -0,0 +1,9 @@
+export * from "./basic.mjs";
+export * from "./props.mjs";
+export * from "./dom.mjs";
+export * from "./create.mjs";
+export * from "./format.mjs";
+export * from "./constant.mjs";
+export * from "./validate.mjs";
+export * from "./interceptor.mjs";
+export * from "./with-install.mjs";

package/es/utils/{interceptor.js → interceptor.mjs}

@@ -1,5 +1,5 @@
-import { noop } from "./basic";
-import { isPromise } from "./validate";
+import { noop } from "./basic.mjs";
+import { isPromise } from "./validate.mjs";
 function callInterceptor(interceptor, {
   args = [],
   done,

package/es/utils/{mount-component.js → mount-component.mjs}

@@ -1,6 +1,6 @@
 import { createApp, reactive } from "vue";
-import { extend } from "../utils";
-import { useExpose } from "../composables/use-expose";
+import { extend } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 function usePopupState() {
   const state = reactive({
     show: false

package/es/utils/validate.d.ts

@@ -1,8 +1,9 @@
+import { type Numeric } from './basic';
 export declare const isDef: <T>(val: T) => val is NonNullable<T>;
 export declare const isFunction: (val: unknown) => val is Function;
 export declare const isObject: (val: unknown) => val is Record<any, any>;
 export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
 export declare const isDate: (val: unknown) => val is Date;
 export declare function isMobile(value: string): boolean;
-export declare const isNumeric: (val: string | number) => val is string;
+export declare const isNumeric: (val: Numeric) => val is string;
 export declare const isIOS: () => boolean;

package/es/utils/{validate.js → validate.mjs}

@@ -1,4 +1,4 @@
-import { inBrowser } from "./basic";
+import { inBrowser } from "./basic.mjs";
 const isDef = (val) => val !== void 0 && val !== null;
 const isFunction = (val) => typeof val === "function";
 const isObject = (val) => val !== null && typeof val === "object";

package/es/utils/{with-install.js → with-install.mjs}

@@ -1,4 +1,4 @@
-import { camelize } from "./format";
+import { camelize } from "./format.mjs";
 function withInstall(options) {
   options.install = (app) => {
     const { name } = options;