vant 3.2.4 → 3.2.8

package/es/tabs/var.less

@@ -2,13 +2,13 @@
 
 @tab-text-color: var(--van-gray-7);
 @tab-active-text-color: var(--van-text-color);
-@tab-disabled-text-color: var(--van-gray-5);
+@tab-disabled-text-color: var(--van-text-color-3);
 @tab-font-size: var(--van-font-size-md);
 @tab-line-height: var(--van-line-height-md);
 @tabs-default-color: var(--van-danger-color);
 @tabs-line-height: 44px;
 @tabs-card-height: 30px;
-@tabs-nav-background-color: var(--van-white);
+@tabs-nav-background-color: var(--van-background-color-light);
 @tabs-bottom-bar-width: 40px;
 @tabs-bottom-bar-height: 3px;
 @tabs-bottom-bar-color: @tabs-default-color;

package/es/tag/Tag.d.ts

@@ -1,31 +1,50 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
+export declare type TagSize = 'large' | 'medium';
 export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
-declare const _default: import("vue").DefineComponent<{
-    size: StringConstructor;
+declare const tagProps: {
+    size: PropType<TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
+    type: {
+        type: PropType<TagType>;
+        default: TagType;
+    };
     color: StringConstructor;
     plain: BooleanConstructor;
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
+};
+export declare type TagProps = ExtractPropTypes<typeof tagProps>;
+declare const _default: import("vue").DefineComponent<{
+    size: PropType<TagSize>;
+    mark: BooleanConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: true;
+    };
     type: {
         type: PropType<TagType>;
-        default: string;
+        default: TagType;
     };
+    color: StringConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    textColor: StringConstructor;
+    closeable: BooleanConstructor;
 }, () => 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;
@@ -35,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     closeable: boolean;
 } & {
     color?: string | undefined;
-    size?: string | undefined;
+    size?: TagSize | undefined;
     textColor?: string | undefined;
 }> & {
     onClose?: ((...args: any[]) => any) | undefined;

package/es/tag/Tag.js

@@ -1,30 +1,30 @@
 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');
+var tagProps = {
+  size: String,
+  mark: Boolean,
+  show: truthProp,
+  type: makeStringProp('default'),
+  color: String,
+  plain: Boolean,
+  round: Boolean,
+  textColor: String,
+  closeable: Boolean
+};
 export default defineComponent({
   name,
-  props: {
-    size: String,
-    mark: Boolean,
-    show: truthProp,
-    color: String,
-    plain: Boolean,
-    round: Boolean,
-    textColor: String,
-    closeable: Boolean,
-    type: {
-      type: String,
-      default: 'default'
-    }
-  },
+  props: tagProps,
   emits: ['close'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var onClose = event => {
       event.stopPropagation();
       emit('close', event);

package/es/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-background-color-light)}.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/es/tag/index.d.ts

@@ -1,29 +1,29 @@
 export declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
-    size: StringConstructor;
+    size: import("vue").PropType<import("./Tag").TagSize>;
     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;
@@ -33,7 +33,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     closeable: boolean;
 } & {
     color?: string | undefined;
-    size?: string | undefined;
+    size?: import("./Tag").TagSize | undefined;
     textColor?: string | undefined;
 }> & {
     onClose?: ((...args: any[]) => any) | undefined;
@@ -46,3 +46,4 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     closeable: boolean;
 }>>;
 export default Tag;
+export type { TagSize, TagType, TagProps } from './Tag';

package/es/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/es/tag/var.less

@@ -15,4 +15,4 @@
 @tag-success-color: var(--van-success-color);
 @tag-warning-color: var(--van-warning-color);
 @tag-default-color: var(--van-gray-6);
-@tag-plain-background-color: var(--van-white);
+@tag-plain-background-color: var(--van-background-color-light);

package/es/toast/Toast.d.ts

@@ -1,62 +1,94 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import type { ToastType, ToastPosition } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const toastProps: {
     icon: StringConstructor;
     show: BooleanConstructor;
+    type: {
+        type: PropType<ToastType>;
+        default: ToastType;
+    };
     overlay: BooleanConstructor;
     message: (NumberConstructor | StringConstructor)[];
     iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<ToastPosition>;
+        default: ToastPosition;
+    };
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
     loadingType: PropType<LoadingType>;
     forbidClick: BooleanConstructor;
     overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+};
+export declare type ToastProps = ExtractPropTypes<typeof toastProps>;
+declare const _default: import("vue").DefineComponent<{
+    icon: StringConstructor;
+    show: 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;
 } & {
@@ -76,8 +108,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,7 +1,7 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { watch, onMounted, onUnmounted, defineComponent } from 'vue'; // Utils
 
-import { createNamespace, isDef, unknownProp } from '../utils';
+import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from '../utils';
 import { lockClick } from './lock-click'; // Components
 
 import { Icon } from '../icon';
@@ -9,44 +9,35 @@ import { Popup } from '../popup';
 import { Loading } from '../loading'; // Types
 
 var [name, bem] = createNamespace('toast');
+var popupInheritProps = ['show', 'overlay', 'transition', 'overlayClass', 'overlayStyle', 'closeOnClickOverlay'];
+var toastProps = {
+  icon: String,
+  show: Boolean,
+  type: makeStringProp('text'),
+  overlay: Boolean,
+  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
+};
 export default defineComponent({
   name,
-  props: {
-    icon: String,
-    show: Boolean,
-    overlay: Boolean,
-    message: [Number, String],
-    iconSize: [Number, String],
-    className: unknownProp,
-    iconPrefix: String,
-    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'
-    }
-  },
+  props: toastProps,
   emits: ['update:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var timer;
     var clickable = false;
 
@@ -126,21 +117,14 @@ export default defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => _createVNode(Popup, _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
+    }, pick(props, popupInheritProps)), {
       default: () => [renderIcon(), renderMessage()]
     });
   }

package/es/toast/function-call.js

@@ -95,7 +95,11 @@ function getInstance() {
   return queue[queue.length - 1];
 }
 
-function Toast(options = {}) {
+function Toast(options) {
+  if (options === void 0) {
+    options = {};
+  }
+
   if (!inBrowser) {
     return {};
   }
@@ -150,7 +154,11 @@ Toast.resetDefaultOptions = type => {
   }
 };
 
-Toast.allowMultiple = (value = true) => {
+Toast.allowMultiple = function (value) {
+  if (value === void 0) {
+    value = true;
+  }
+
   allowMultiple = value;
 };
 

package/es/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/es/toast/index.d.ts

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

package/es/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/es/tree-select/TreeSelect.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type TreeSelectChild = {
     id: number | string;
     text: string;
@@ -12,7 +12,7 @@ export declare type TreeSelectItem = {
     disabled?: boolean;
     className?: unknown;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const treeSelectProps: {
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -25,43 +25,70 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    selectedIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    mainActiveIndex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     activeId: {
         type: PropType<string | number | (string | number)[]>;
         default: number;
     };
+};
+export declare type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
+declare const _default: import("vue").DefineComponent<{
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    items: {
+        type: PropType<TreeSelectItem[]>;
+        default: () => never[];
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        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,46 +1,34 @@
 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';
 import { SidebarItem } from '../sidebar-item';
 var [name, bem] = createNamespace('tree-select');
+var treeSelectProps = {
+  max: makeNumericProp(Infinity),
+  items: makeArrayProp(),
+  height: makeNumericProp(300),
+  selectedIcon: makeStringProp('success'),
+  mainActiveIndex: makeNumericProp(0),
+  activeId: {
+    type: [Number, String, Array],
+    default: 0
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    max: {
-      type: [Number, String],
-      default: Infinity
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    height: {
-      type: [Number, String],
-      default: 300
-    },
-    activeId: {
-      type: [Number, String, Array],
-      default: 0
-    },
-    selectedIcon: {
-      type: String,
-      default: 'success'
-    },
-    mainActiveIndex: {
-      type: [Number, String],
-      default: 0
-    }
-  },
+  props: treeSelectProps,
   emits: ['click-nav', 'click-item', 'update:activeId', 'update:mainActiveIndex'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var isActiveItem = id => Array.isArray(props.activeId) ? props.activeId.includes(id) : props.activeId === id;
 
     var renderSubItem = item => {