vant 3.4.6 → 3.4.7

package/lib/skeleton/index.d.ts

@@ -21,7 +21,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         default: import("./Skeleton").SkeletonAvatarShape;
     };
     rowWidth: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -49,7 +49,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         default: import("./Skeleton").SkeletonAvatarShape;
     };
     rowWidth: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
 }>>, {
@@ -60,7 +60,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     row: string | number;
     avatar: boolean;
     avatarShape: import("./Skeleton").SkeletonAvatarShape;
-    rowWidth: string | number | (string | number)[];
+    rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
 }>>;
 export default Skeleton;
 export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';

package/lib/tabbar/Tabbar.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import { Interceptor } from '../utils';
+import { type Numeric, type Interceptor } from '../utils';
 declare const tabbarProps: {
     route: BooleanConstructor;
     fixed: {
@@ -27,7 +27,7 @@ declare const tabbarProps: {
 export declare type TabbarProps = ExtractPropTypes<typeof tabbarProps>;
 export declare type TabbarProvide = {
     props: TabbarProps;
-    setActive: (active: number | string, afterChange: () => void) => void;
+    setActive: (active: Numeric, afterChange: () => void) => void;
 };
 export declare const TABBAR_KEY: InjectionKey<TabbarProvide>;
 declare const _default: import("vue").DefineComponent<{

package/lib/tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import { Interceptor } from '../utils';
+import { type Interceptor } from '../utils';
 import type { TabsProvide, TabsType } from './types';
 declare const tabsProps: {
     type: {

package/lib/tabs/Tabs.js

@@ -261,6 +261,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderNav = () => children.map((item, index) => (0, import_vue.createVNode)(import_TabsTitle.default, (0, import_vue.mergeProps)({
+      "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
       "type": props.type,

package/lib/tabs/types.d.ts

@@ -1,8 +1,9 @@
 import type { ComponentPublicInstance, ComputedRef } from 'vue';
+import type { Numeric } from '../utils';
 import type { TabsProps } from './Tabs';
 export declare type TabsType = 'line' | 'card';
 export declare type TabsClickTabEventParams = {
-    name: string | number;
+    name: Numeric;
     title: string;
     event: MouseEvent;
     disabled: boolean;
@@ -11,12 +12,12 @@ export declare type TabsProvide = {
     id: string;
     props: TabsProps;
     setLine: () => void;
-    onRendered: (name: string | number, title?: string) => void;
+    onRendered: (name: Numeric, title?: string) => void;
     scrollIntoView: (immediate?: boolean) => void;
-    currentName: ComputedRef<number | string | undefined>;
+    currentName: ComputedRef<Numeric | undefined>;
 };
 export declare type TabsExpose = {
     resize: () => void;
-    scrollTo: (name: number | string) => void;
+    scrollTo: (name: Numeric) => void;
 };
 export declare type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;

package/lib/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/lib/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, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "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/lib/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, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "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/lib/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/lib/uploader/Uploader.js

@@ -57,7 +57,7 @@ const uploaderProps = {
   modelValue: (0, import_utils.makeArrayProp)(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: import_utils.numericProp,
+  previewSize: [Number, String, Array],
   previewImage: import_utils.truthProp,
   previewOptions: Object,
   previewFullImage: import_utils.truthProp,

package/lib/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/lib/uploader/UploaderPreviewItem.js

@@ -39,7 +39,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: import_utils2.numericProp,
+    previewSize: [Number, String, Array],
     beforeDelete: Function
   },
   emits: ["delete", "preview"],
@@ -113,16 +113,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const renderPreview = () => {
       const {
-        item
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize
       } = props;
       if ((0, import_utils.isImageFile)(item)) {
         return (0, import_vue.createVNode)(import_image.Image, {
-          "fit": props.imageFit,
+          "fit": imageFit,
           "src": item.content || item.url,
           "class": (0, import_utils.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/lib/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/lib/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/lib/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> = {

package/lib/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/lib/utils/format.js

@@ -44,6 +44,12 @@ function addUnit(value) {
 }
 function getSizeStyle(originSize) {
   if ((0, import_validate.isDef)(originSize)) {
+    if (Array.isArray(originSize)) {
+      return {
+        width: addUnit(originSize[0]),
+        height: addUnit(originSize[1])
+      };
+    }
     const size = addUnit(originSize);
     return {
       width: size,

package/lib/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;