vant 3.2.1 → 3.2.5

package/es/tabs/TabsTitle.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { createNamespace, isDef } from '../utils';
+import { isDef, truthProp, numericProp, createNamespace } from '../utils';
 import { Badge } from '../badge';
 var [name, bem] = createNamespace('tab');
 export default defineComponent({
@@ -10,13 +10,14 @@ export default defineComponent({
     type: String,
     color: String,
     title: String,
-    badge: [Number, String],
+    badge: numericProp,
     isActive: Boolean,
     disabled: Boolean,
     scrollable: Boolean,
     activeColor: String,
     renderTitle: Function,
-    inactiveColor: String
+    inactiveColor: String,
+    showZeroBadge: truthProp
   },
 
   setup(props) {
@@ -63,7 +64,8 @@ export default defineComponent({
       if (props.dot || isDef(props.badge) && props.badge !== '') {
         return _createVNode(Badge, {
           "dot": props.dot,
-          "content": props.badge
+          "content": props.badge,
+          "showZero": props.showZeroBadge
         }, {
           default: () => [Text]
         });

package/es/tabs/index.d.ts

@@ -1,7 +1,20 @@
-declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { TabsProps } from './Tabs';
+export declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<import("./types").TabsType>;
+        default: import("./types").TabsType;
+    };
     color: StringConstructor;
     border: BooleanConstructor;
     sticky: BooleanConstructor;
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     animated: BooleanConstructor;
     ellipsis: {
         type: BooleanConstructor;
@@ -9,6 +22,10 @@ declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent
     };
     swipeable: BooleanConstructor;
     scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     background: StringConstructor;
     lazyRender: {
         type: BooleanConstructor;
@@ -17,48 +34,32 @@ declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: import("vue").PropType<import("../utils").Interceptor>;
-    titleActiveColor: StringConstructor;
-    titleInactiveColor: StringConstructor;
-    type: {
-        type: import("vue").PropType<import("./types").TabsType>;
-        default: string;
-    };
-    active: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     swipeThreshold: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    titleActiveColor: StringConstructor;
+    titleInactiveColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active")[], "scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    type?: unknown;
     color?: unknown;
     border?: unknown;
     sticky?: unknown;
+    active?: unknown;
+    duration?: unknown;
     animated?: unknown;
     ellipsis?: unknown;
     swipeable?: unknown;
     scrollspy?: unknown;
+    offsetTop?: unknown;
     background?: unknown;
     lazyRender?: unknown;
     lineWidth?: unknown;
     lineHeight?: unknown;
     beforeChange?: unknown;
+    swipeThreshold?: unknown;
     titleActiveColor?: unknown;
     titleInactiveColor?: unknown;
-    type?: unknown;
-    active?: unknown;
-    duration?: unknown;
-    offsetTop?: unknown;
-    swipeThreshold?: unknown;
 } & {
     type: import("./types").TabsType;
     border: boolean;
@@ -103,5 +104,5 @@ declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent
     swipeThreshold: string | number;
 }>>;
 export default Tabs;
-export { Tabs };
+export type { TabsProps };
 export type { TabsType, TabsInstance } from './types';

package/es/tabs/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Tabs from './Tabs';
-var Tabs = withInstall(_Tabs);
-export default Tabs;
-export { Tabs };
+export var Tabs = withInstall(_Tabs);
+export default Tabs;

package/es/tabs/utils.js

@@ -1,8 +1,6 @@
-import { raf, cancelRaf } from '@vant/use';
+import { raf } from '@vant/use';
 import { getScrollTop, setScrollTop } from '../utils';
-var rafId;
 export function scrollLeftTo(scroller, to, duration) {
-  cancelRaf(rafId);
   var count = 0;
   var from = scroller.scrollLeft;
   var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
@@ -11,7 +9,7 @@ export function scrollLeftTo(scroller, to, duration) {
     scroller.scrollLeft += (to - from) / frames;
 
     if (++count < frames) {
-      rafId = raf(animate);
+      raf(animate);
     }
   }
 

package/es/tag/Tag.d.ts

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 declare const _default: import("vue").DefineComponent<{
     size: StringConstructor;
@@ -7,25 +6,25 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    type: {
+        type: import("vue").PropType<TagType>;
+        default: TagType;
+    };
     color: StringConstructor;
     plain: BooleanConstructor;
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-    type: {
-        type: PropType<TagType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
     mark?: unknown;
     show?: unknown;
+    type?: unknown;
     color?: unknown;
     plain?: unknown;
     round?: unknown;
     textColor?: unknown;
     closeable?: unknown;
-    type?: unknown;
 } & {
     type: TagType;
     mark: boolean;

package/es/tag/Tag.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { Transition, defineComponent } from 'vue';
-import { truthProp, createNamespace } from '../utils';
+import { truthProp, makeStringProp, createNamespace } from '../utils';
 import { Icon } from '../icon';
 var [name, bem] = createNamespace('tag');
 export default defineComponent({
@@ -9,15 +9,12 @@ export default defineComponent({
     size: String,
     mark: Boolean,
     show: truthProp,
+    type: makeStringProp('default'),
     color: String,
     plain: Boolean,
     round: Boolean,
     textColor: String,
-    closeable: Boolean,
-    type: {
-      type: String,
-      default: 'default'
-    }
+    closeable: Boolean
   },
   emits: ['close'],
 

package/es/tag/index.d.ts

@@ -1,29 +1,29 @@
-declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: StringConstructor;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
+    type: {
+        type: import("vue").PropType<import("./Tag").TagType>;
+        default: import("./Tag").TagType;
+    };
     color: StringConstructor;
     plain: BooleanConstructor;
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-    type: {
-        type: import("vue").PropType<import("./Tag").TagType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
     mark?: unknown;
     show?: unknown;
+    type?: unknown;
     color?: unknown;
     plain?: unknown;
     round?: unknown;
     textColor?: unknown;
     closeable?: unknown;
-    type?: unknown;
 } & {
     type: import("./Tag").TagType;
     mark: boolean;
@@ -46,4 +46,3 @@ declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<
     closeable: boolean;
 }>>;
 export default Tag;
-export { Tag };

package/es/tag/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Tag from './Tag';
-var Tag = withInstall(_Tag);
-export default Tag;
-export { Tag };
+export var Tag = withInstall(_Tag);
+export default Tag;

package/es/toast/Toast.d.ts

@@ -1,63 +1,62 @@
 import { PropType, CSSProperties } from 'vue';
 import { LoadingType } from '../loading';
-export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
-export declare type ToastPosition = 'top' | 'middle' | 'bottom';
+import type { ToastType, ToastPosition } from './types';
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     show: BooleanConstructor;
-    overlay: BooleanConstructor;
-    message: (NumberConstructor | StringConstructor)[];
-    iconSize: (NumberConstructor | StringConstructor)[];
-    className: PropType<unknown>;
-    iconPrefix: StringConstructor;
-    loadingType: PropType<LoadingType>;
-    forbidClick: BooleanConstructor;
-    overlayClass: PropType<unknown>;
-    overlayStyle: PropType<CSSProperties>;
-    closeOnClick: BooleanConstructor;
-    closeOnClickOverlay: BooleanConstructor;
     type: {
         type: PropType<ToastType>;
-        default: string;
+        default: ToastType;
     };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
     duration: {
         type: NumberConstructor;
         default: number;
     };
     position: {
         type: PropType<ToastPosition>;
-        default: string;
+        default: ToastPosition;
     };
+    className: PropType<unknown>;
+    iconPrefix: StringConstructor;
     transition: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
+    loadingType: PropType<LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     icon?: unknown;
     show?: unknown;
+    type?: unknown;
     overlay?: unknown;
     message?: unknown;
     iconSize?: unknown;
+    duration?: unknown;
+    position?: unknown;
     className?: unknown;
     iconPrefix?: unknown;
+    transition?: unknown;
     loadingType?: unknown;
     forbidClick?: unknown;
     overlayClass?: unknown;
     overlayStyle?: unknown;
     closeOnClick?: unknown;
     closeOnClickOverlay?: unknown;
-    type?: unknown;
-    duration?: unknown;
-    position?: unknown;
-    transition?: unknown;
 } & {
     type: ToastType;
     overlay: boolean;
     show: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
-    transition: string;
     position: ToastPosition;
+    transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
 } & {
@@ -77,8 +76,8 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
-    transition: string;
     position: ToastPosition;
+    transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
 }>;

package/es/toast/Toast.js

@@ -1,45 +1,34 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { watch, onMounted, onUnmounted, defineComponent } from 'vue'; // Utils
 
-import { createNamespace, isDef, unknownProp } from '../utils';
+import { isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from '../utils';
 import { lockClick } from './lock-click'; // Components
 
 import { Icon } from '../icon';
 import { Popup } from '../popup';
-import { Loading } from '../loading';
+import { Loading } from '../loading'; // Types
+
 var [name, bem] = createNamespace('toast');
 export default defineComponent({
   name,
   props: {
     icon: String,
     show: Boolean,
+    type: makeStringProp('text'),
     overlay: Boolean,
-    message: [Number, String],
-    iconSize: [Number, String],
+    message: numericProp,
+    iconSize: numericProp,
+    duration: makeNumberProp(2000),
+    position: makeStringProp('middle'),
     className: unknownProp,
     iconPrefix: String,
+    transition: makeStringProp('van-fade'),
     loadingType: String,
     forbidClick: Boolean,
     overlayClass: unknownProp,
     overlayStyle: Object,
     closeOnClick: Boolean,
-    closeOnClickOverlay: Boolean,
-    type: {
-      type: String,
-      default: 'text'
-    },
-    duration: {
-      type: Number,
-      default: 2000
-    },
-    position: {
-      type: String,
-      default: 'middle'
-    },
-    transition: {
-      type: String,
-      default: 'van-fade'
-    }
+    closeOnClickOverlay: Boolean
   },
   emits: ['update:show'],
 
@@ -66,9 +55,7 @@ export default defineComponent({
       }
     };
 
-    var clearTimer = () => {
-      clearTimeout(timer);
-    };
+    var clearTimer = () => clearTimeout(timer);
 
     var renderIcon = () => {
       var {

package/es/toast/function-call.d.ts

@@ -1,29 +1,6 @@
-import { App, TeleportProps } from 'vue';
+import { App } from 'vue';
 import { ComponentInstance } from '../utils';
-import { ToastType, ToastPosition } from './Toast';
-import type { LoadingType } from '../loading';
-export declare type ToastOptions = {
-    icon?: string;
-    type?: ToastType;
-    mask?: boolean;
-    message?: string | number;
-    onClose?: () => void;
-    onOpened?: () => void;
-    overlay?: boolean;
-    duration?: number;
-    teleport?: TeleportProps['to'];
-    iconSize?: number | string;
-    position?: ToastPosition;
-    className?: unknown;
-    transition?: string;
-    iconPrefix?: string;
-    loadingType?: LoadingType;
-    forbidClick?: boolean;
-    closeOnClick?: boolean;
-    overlayClass?: unknown;
-    overlayStyle?: Record<string, any>;
-    closeOnClickOverlay?: boolean;
-};
+import type { ToastType, ToastOptions } from './types';
 declare function Toast(options?: string | ToastOptions): ComponentInstance;
 declare namespace Toast {
     var loading: (options: string | ToastOptions) => ComponentInstance;

package/es/toast/function-call.js

@@ -124,7 +124,9 @@ Toast.clear = all => {
     } else if (!allowMultiple) {
       queue[0].clear();
     } else {
-      queue.shift().clear();
+      var _queue$shift;
+
+      (_queue$shift = queue.shift()) == null ? void 0 : _queue$shift.clear();
     }
   }
 };

package/es/toast/index.d.ts

@@ -1,5 +1,4 @@
-import { Toast, ToastOptions } from './function-call';
-import type { ToastType, ToastPosition } from './Toast';
+import { Toast } from './function-call';
 export default Toast;
 export { Toast };
-export type { ToastType, ToastOptions, ToastPosition };
+export type { ToastType, ToastOptions, ToastPosition } from './types';

package/es/toast/types.d.ts

@@ -0,0 +1,32 @@
+import { Toast } from './function-call';
+import type { TeleportProps } from 'vue';
+import type { LoadingType } from '../loading';
+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;
+    onClose?: () => void;
+    onOpened?: () => void;
+    overlay?: boolean;
+    duration?: number;
+    teleport?: TeleportProps['to'];
+    iconSize?: number | string;
+    position?: ToastPosition;
+    className?: unknown;
+    transition?: string;
+    iconPrefix?: string;
+    loadingType?: LoadingType;
+    forbidClick?: boolean;
+    closeOnClick?: boolean;
+    overlayClass?: unknown;
+    overlayStyle?: Record<string, any>;
+    closeOnClickOverlay?: boolean;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $toast: typeof Toast;
+    }
+}

package/es/toast/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -25,43 +25,43 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    activeId: {
-        type: PropType<string | number | (string | number)[]>;
-        default: number;
-    };
     selectedIcon: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
     mainActiveIndex: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    activeId: {
+        type: PropType<string | number | (string | number)[]>;
+        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/runtime-core").ComponentCustomProps, Readonly<{
     max?: unknown;
     items?: unknown;
     height?: unknown;
-    activeId?: unknown;
     selectedIcon?: unknown;
     mainActiveIndex?: unknown;
+    activeId?: unknown;
 } & {
-    max: string | number;
     height: string | number;
+    max: string | number;
     items: TreeSelectItem[];
-    activeId: string | number | (string | number)[];
     selectedIcon: string;
     mainActiveIndex: string | number;
+    activeId: string | number | (string | number)[];
 } & {}> & {
     "onClick-item"?: ((...args: any[]) => any) | undefined;
     "onClick-nav"?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeId"?: ((...args: any[]) => any) | undefined;
     "onUpdate:mainActiveIndex"?: ((...args: any[]) => any) | undefined;
 }, {
-    max: string | number;
     height: string | number;
+    max: string | number;
     items: TreeSelectItem[];
-    activeId: string | number | (string | number)[];
     selectedIcon: string;
     mainActiveIndex: string | number;
+    activeId: string | number | (string | number)[];
 }>;
 export default _default;

package/es/tree-select/TreeSelect.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { createNamespace, addUnit } from '../utils'; // Components
+import { addUnit, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Components
 
 import { Icon } from '../icon';
 import { Sidebar } from '../sidebar';
@@ -10,29 +10,14 @@ var [name, bem] = createNamespace('tree-select');
 export default defineComponent({
   name,
   props: {
-    max: {
-      type: [Number, String],
-      default: Infinity
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    height: {
-      type: [Number, String],
-      default: 300
-    },
+    max: makeNumericProp(Infinity),
+    items: makeArrayProp(),
+    height: makeNumericProp(300),
+    selectedIcon: makeStringProp('success'),
+    mainActiveIndex: makeNumericProp(0),
     activeId: {
       type: [Number, String, Array],
       default: 0
-    },
-    selectedIcon: {
-      type: String,
-      default: 'success'
-    },
-    mainActiveIndex: {
-      type: [Number, String],
-      default: 0
     }
   },
   emits: ['click-nav', 'click-item', 'update:activeId', 'update:mainActiveIndex'],