vant 3.2.2 → 3.2.6

package/lib/tabs/TabsContent.d.ts

@@ -1,35 +1,35 @@
 declare const _default: import("vue").DefineComponent<{
-    inited: BooleanConstructor;
-    animated: BooleanConstructor;
-    swipeable: BooleanConstructor;
-    lazyRender: BooleanConstructor;
     count: {
         type: NumberConstructor;
         required: true;
     };
+    inited: BooleanConstructor;
+    animated: BooleanConstructor;
     duration: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
+    swipeable: BooleanConstructor;
+    lazyRender: BooleanConstructor;
     currentIndex: {
         type: NumberConstructor;
         required: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    count?: unknown;
     inited?: unknown;
     animated?: unknown;
+    duration?: unknown;
     swipeable?: unknown;
     lazyRender?: unknown;
-    count?: unknown;
-    duration?: unknown;
     currentIndex?: unknown;
 } & {
     duration: string | number;
     lazyRender: boolean;
+    count: number;
     inited: boolean;
     animated: boolean;
     swipeable: boolean;
-    count: number;
     currentIndex: number;
 } & {}> & {
     onChange?: ((...args: any[]) => any) | undefined;

package/lib/tabs/TabsContent.js

@@ -14,22 +14,13 @@ var [name, bem] = (0, _utils.createNamespace)('tabs');
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    count: (0, _utils.makeRequiredProp)(Number),
     inited: Boolean,
     animated: Boolean,
+    duration: (0, _utils.makeRequiredProp)(_utils.numericProp),
     swipeable: Boolean,
     lazyRender: Boolean,
-    count: {
-      type: Number,
-      required: true
-    },
-    duration: {
-      type: [Number, String],
-      required: true
-    },
-    currentIndex: {
-      type: Number,
-      required: true
-    }
+    currentIndex: (0, _utils.makeRequiredProp)(Number)
   },
   emits: ['change'],
 

package/lib/tabs/TabsTitle.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     activeColor?: string | undefined;
     inactiveColor?: string | undefined;
     renderTitle?: Function | undefined;
-}> & {}, {
+}>, {
     dot: boolean;
     disabled: boolean;
     isActive: boolean;

package/lib/tabs/TabsTitle.js

@@ -18,7 +18,7 @@ var _default = (0, _vue.defineComponent)({
     type: String,
     color: String,
     title: String,
-    badge: [Number, String],
+    badge: _utils.numericProp,
     isActive: Boolean,
     disabled: Boolean,
     scrollable: Boolean,

package/lib/tabs/index.css

@@ -1 +1 @@
-:root{--van-tab-text-color:var(--van-gray-7);--van-tab-active-text-color:var(--van-text-color);--van-tab-disabled-text-color:var(--van-gray-5);--van-tab-font-size:var(--van-font-size-md);--van-tab-line-height:var(--van-line-height-md);--van-tabs-default-color:var(--van-danger-color);--van-tabs-line-height:44px;--van-tabs-card-height:30px;--van-tabs-nav-background-color:var(--van-white);--van-tabs-bottom-bar-width:40px;--van-tabs-bottom-bar-height:3px;--van-tabs-bottom-bar-color:var(--van-danger-color)}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tabs__wrap--scrollable .van-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:flex;background-color:var(--van-tabs-nav-background-color);-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:var(--van-border-width-base) solid var(--van-tabs-default-color);border-radius:var(--van-border-radius-sm)}.van-tabs__nav--card .van-tab{color:var(--van-tabs-default-color);border-right:var(--van-border-width-base) solid var(--van-tabs-default-color)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:var(--van-white);background-color:var(--van-tabs-default-color)}.van-tabs__nav--card .van-tab--disabled{color:var(--van-tab-disabled-text-color)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background-color:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}
+:root{--van-tab-text-color:var(--van-gray-7);--van-tab-active-text-color:var(--van-text-color);--van-tab-disabled-text-color:var(--van-gray-5);--van-tab-font-size:var(--van-font-size-md);--van-tab-line-height:var(--van-line-height-md);--van-tabs-default-color:var(--van-danger-color);--van-tabs-line-height:44px;--van-tabs-card-height:30px;--van-tabs-nav-background-color:var(--van-white);--van-tabs-bottom-bar-width:40px;--van-tabs-bottom-bar-height:3px;--van-tabs-bottom-bar-color:var(--van-danger-color)}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tabs__wrap--scrollable .van-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:var(--van-border-width-base) solid var(--van-tabs-default-color);border-radius:var(--van-border-radius-sm)}.van-tabs__nav--card .van-tab{color:var(--van-tabs-default-color);border-right:var(--van-border-width-base) solid var(--van-tabs-default-color)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:var(--van-white);background-color:var(--van-tabs-default-color)}.van-tabs__nav--card .van-tab--disabled{color:var(--van-tab-disabled-text-color)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}

package/lib/tabs/index.d.ts

@@ -1,7 +1,20 @@
+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 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     };
     swipeable: BooleanConstructor;
     scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     background: StringConstructor;
     lazyRender: {
         type: BooleanConstructor;
@@ -17,48 +34,32 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     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,4 +104,5 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     swipeThreshold: string | number;
 }>>;
 export default Tabs;
+export type { TabsProps };
 export type { TabsType, TabsInstance } from './types';

package/lib/tabs/index.less

@@ -84,7 +84,7 @@
   &__nav {
     position: relative;
     display: flex;
-    background-color: var(--van-tabs-nav-background-color);
+    background: var(--van-tabs-nav-background-color);
     user-select: none;
 
     &--line {
@@ -133,7 +133,7 @@
     z-index: 1;
     width: var(--van-tabs-bottom-bar-width);
     height: var(--van-tabs-bottom-bar-height);
-    background-color: var(--van-tabs-bottom-bar-color);
+    background: var(--van-tabs-bottom-bar-color);
     border-radius: var(--van-tabs-bottom-bar-height);
   }
 

package/lib/tabs/utils.js

@@ -8,10 +8,7 @@ var _use = require("@vant/use");
 
 var _utils = require("../utils");
 
-var rafId;
-
 function scrollLeftTo(scroller, to, duration) {
-  (0, _use.cancelRaf)(rafId);
   var count = 0;
   var from = scroller.scrollLeft;
   var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
@@ -20,7 +17,7 @@ function scrollLeftTo(scroller, to, duration) {
     scroller.scrollLeft += (to - from) / frames;
 
     if (++count < frames) {
-      rafId = (0, _use.raf)(animate);
+      (0, _use.raf)(animate);
     }
   }
 

package/lib/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/lib/tag/Tag.js

@@ -17,15 +17,12 @@ var _default = (0, _vue.defineComponent)({
     size: String,
     mark: Boolean,
     show: _utils.truthProp,
+    type: (0, _utils.makeStringProp)('default'),
     color: String,
     plain: Boolean,
     round: Boolean,
     textColor: String,
-    closeable: Boolean,
-    type: {
-      type: String,
-      default: 'default'
-    }
+    closeable: Boolean
   },
   emits: ['close'],
 

package/lib/tag/index.css

@@ -1 +1 @@
-:root{--van-tag-padding:0 var(--van-padding-base);--van-tag-text-color:var(--van-white);--van-tag-font-size:var(--van-font-size-sm);--van-tag-border-radius:2px;--van-tag-line-height:16px;--van-tag-medium-padding:2px 6px;--van-tag-large-padding:var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius:var(--van-border-radius-md);--van-tag-large-font-size:var(--van-font-size-md);--van-tag-round-border-radius:var(--van-border-radius-max);--van-tag-danger-color:var(--van-danger-color);--van-tag-primary-color:var(--van-primary-color);--van-tag-success-color:var(--van-success-color);--van-tag-warning-color:var(--van-warning-color);--van-tag-default-color:var(--van-gray-6);--van-tag-plain-background-color:var(--van-white)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background-color:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background-color:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background-color:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background-color:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background-color:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background-color:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px;cursor:pointer}
+:root{--van-tag-padding:0 var(--van-padding-base);--van-tag-text-color:var(--van-white);--van-tag-font-size:var(--van-font-size-sm);--van-tag-border-radius:2px;--van-tag-line-height:16px;--van-tag-medium-padding:2px 6px;--van-tag-large-padding:var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius:var(--van-border-radius-md);--van-tag-large-font-size:var(--van-font-size-md);--van-tag-round-border-radius:var(--van-border-radius-max);--van-tag-danger-color:var(--van-danger-color);--van-tag-primary-color:var(--van-primary-color);--van-tag-success-color:var(--van-success-color);--van-tag-warning-color:var(--van-warning-color);--van-tag-default-color:var(--van-gray-6);--van-tag-plain-background-color:var(--van-white)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px;cursor:pointer}

package/lib/tag/index.d.ts

@@ -5,25 +5,25 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
         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;

package/lib/tag/index.less

@@ -30,7 +30,7 @@
   border-radius: var(--van-tag-border-radius);
 
   &--default {
-    background-color: var(--van-tag-default-color);
+    background: var(--van-tag-default-color);
 
     &.van-tag--plain {
       color: var(--van-tag-default-color);
@@ -38,7 +38,7 @@
   }
 
   &--danger {
-    background-color: var(--van-tag-danger-color);
+    background: var(--van-tag-danger-color);
 
     &.van-tag--plain {
       color: var(--van-tag-danger-color);
@@ -46,7 +46,7 @@
   }
 
   &--primary {
-    background-color: var(--van-tag-primary-color);
+    background: var(--van-tag-primary-color);
 
     &.van-tag--plain {
       color: var(--van-tag-primary-color);
@@ -54,7 +54,7 @@
   }
 
   &--success {
-    background-color: var(--van-tag-success-color);
+    background: var(--van-tag-success-color);
 
     &.van-tag--plain {
       color: var(--van-tag-success-color);
@@ -62,7 +62,7 @@
   }
 
   &--warning {
-    background-color: var(--van-tag-warning-color);
+    background: var(--van-tag-warning-color);
 
     &.van-tag--plain {
       color: var(--van-tag-warning-color);
@@ -70,7 +70,7 @@
   }
 
   &--plain {
-    background-color: var(--van-tag-plain-background-color);
+    background: var(--van-tag-plain-background-color);
     border-color: currentColor;
 
     &::before {

package/lib/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/lib/toast/Toast.js

@@ -18,39 +18,28 @@ var _loading = require("../loading");
 // Utils
 // Components
 var [name, bem] = (0, _utils.createNamespace)('toast');
+var popupProps = ['show', 'overlay', 'transition', 'overlayClass', 'overlayStyle', 'closeOnClickOverlay'];
 
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
     icon: String,
     show: Boolean,
+    type: (0, _utils.makeStringProp)('text'),
     overlay: Boolean,
-    message: [Number, String],
-    iconSize: [Number, String],
+    message: _utils.numericProp,
+    iconSize: _utils.numericProp,
+    duration: (0, _utils.makeNumberProp)(2000),
+    position: (0, _utils.makeStringProp)('middle'),
     className: _utils.unknownProp,
     iconPrefix: String,
+    transition: (0, _utils.makeStringProp)('van-fade'),
     loadingType: String,
     forbidClick: Boolean,
     overlayClass: _utils.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'],
 
@@ -136,21 +125,14 @@ var _default = (0, _vue.defineComponent)({
     (0, _vue.onMounted)(toggleClickable);
     (0, _vue.onUnmounted)(toggleClickable);
     return () => (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
-      "show": props.show,
       "class": [bem([props.position, {
         [props.type]: !props.icon
       }]), props.className],
-      "overlay": props.overlay,
       "lockScroll": false,
-      "transition": props.transition,
-      "overlayClass": props.overlayClass,
-      "overlayStyle": props.overlayStyle,
-      "closeOnClickOverlay": props.closeOnClickOverlay,
       "onClick": onClick,
-      "onClosed": clearTimer
-    }, {
-      'onUpdate:show': updateShow
-    }), {
+      "onClosed": clearTimer,
+      "onUpdate:show": updateShow
+    }, (0, _utils.pick)(props, popupProps)), {
       default: () => [renderIcon(), renderMessage()]
     });
   }

package/lib/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/lib/toast/index.css

@@ -1 +1 @@
-:root{--van-toast-max-width:70%;--van-toast-font-size:var(--van-font-size-md);--van-toast-text-color:var(--van-white);--van-toast-loading-icon-color:var(--van-white);--van-toast-line-height:var(--van-line-height-md);--van-toast-border-radius:var(--van-border-radius-lg);--van-toast-background-color:rgba(0, 0, 0, 0.7);--van-toast-icon-size:36px;--van-toast-text-min-width:96px;--van-toast-text-padding:var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding:var(--van-padding-md);--van-toast-default-width:88px;--van-toast-default-min-height:88px;--van-toast-position-top-distance:20%;--van-toast-position-bottom-distance:20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-animation-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background-color:var(--van-toast-background-color);border-radius:var(--van-toast-border-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+:root{--van-toast-max-width:70%;--van-toast-font-size:var(--van-font-size-md);--van-toast-text-color:var(--van-white);--van-toast-loading-icon-color:var(--van-white);--van-toast-line-height:var(--van-line-height-md);--van-toast-border-radius:var(--van-border-radius-lg);--van-toast-background-color:rgba(0, 0, 0, 0.7);--van-toast-icon-size:36px;--van-toast-text-min-width:96px;--van-toast-text-padding:var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding:var(--van-padding-md);--van-toast-default-width:88px;--van-toast-default-min-height:88px;--van-toast-position-top-distance:20%;--van-toast-position-bottom-distance:20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-animation-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background-color);border-radius:var(--van-toast-border-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}

package/lib/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/lib/toast/index.less

@@ -40,7 +40,7 @@
   text-align: center;
   // https://github.com/youzan/vant/issues/8959
   word-break: break-all;
-  background-color: var(--van-toast-background-color);
+  background: var(--van-toast-background-color);
   border-radius: var(--van-toast-border-radius);
 
   &--unclickable {

package/lib/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/lib/toast/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;