vant 3.2.6 → 3.2.7

package/es/tab/Tab.js

@@ -10,22 +10,24 @@ import { TAB_STATUS_KEY } from '../composables/use-tab-status'; // Components
 
 import { SwipeItem } from '../swipe-item';
 var [name, bem] = createNamespace('tab');
+var tabProps = extend({}, routeProps, {
+  dot: Boolean,
+  name: numericProp,
+  badge: numericProp,
+  title: String,
+  disabled: Boolean,
+  titleClass: unknownProp,
+  titleStyle: [String, Object],
+  showZeroBadge: truthProp
+});
 export default defineComponent({
   name,
-  props: extend({}, routeProps, {
-    dot: Boolean,
-    name: numericProp,
-    badge: numericProp,
-    title: String,
-    disabled: Boolean,
-    titleClass: unknownProp,
-    titleStyle: [String, Object],
-    showZeroBadge: truthProp
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: tabProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var inited = ref(false);
     var {
       parent,

package/es/tab/index.d.ts

@@ -46,3 +46,4 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
     showZeroBadge: boolean;
 }>>;
 export default Tab;
+export type { TabProps } from './Tab';

package/es/tabbar/Tabbar.d.ts

@@ -1,6 +1,6 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-declare const props: {
+declare const tabbarProps: {
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -24,8 +24,9 @@ declare const props: {
         default: null;
     };
 };
+export declare type TabbarProps = ExtractPropTypes<typeof tabbarProps>;
 export declare type TabbarProvide = {
-    props: ExtractPropTypes<typeof props>;
+    props: TabbarProps;
     setActive: (active: number | string) => void;
 };
 export declare const TABBAR_KEY: InjectionKey<TabbarProvide>;

package/es/tabbar/Tabbar.js

@@ -6,7 +6,7 @@ import { truthProp, numericProp, getZIndexStyle, createNamespace, callIntercepto
 import { useChildren } from '@vant/use';
 import { usePlaceholder } from '../composables/use-placeholder';
 var [name, bem] = createNamespace('tabbar');
-var props = {
+var tabbarProps = {
   route: Boolean,
   fixed: truthProp,
   border: truthProp,
@@ -24,13 +24,14 @@ var props = {
 export var TABBAR_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: tabbarProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var {
       linkChildren

package/es/tabbar/index.css

@@ -1 +1 @@
-:root{--van-tabbar-height:50px;--van-tabbar-z-index:1;--van-tabbar-background-color:var(--van-white)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background-color)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
+:root{--van-tabbar-height:50px;--van-tabbar-z-index:1;--van-tabbar-background-color:var(--van-background-color-light)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background-color)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}

package/es/tabbar/index.d.ts

@@ -56,3 +56,4 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
     route: boolean;
 }>>;
 export default Tabbar;
+export type { TabbarProps } from './Tabbar';

package/es/tabbar/var.less

@@ -2,4 +2,4 @@
 
 @tabbar-height: 50px;
 @tabbar-z-index: 1;
-@tabbar-background-color: var(--van-white);
+@tabbar-background-color: var(--van-background-color-light);

package/es/tabbar-item/TabbarItem.d.ts

@@ -1,3 +1,16 @@
+import { ExtractPropTypes } from 'vue';
+declare const tabbarItemProps: {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    iconPrefix: StringConstructor;
+};
+export declare type TabbarItemProps = ExtractPropTypes<typeof tabbarItemProps>;
 declare const _default: import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/es/tabbar-item/TabbarItem.js

@@ -1,5 +1,5 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { computed, getCurrentInstance, defineComponent } from 'vue'; // Utils
+import { computed, defineComponent, getCurrentInstance } from 'vue'; // Utils
 
 import { createNamespace, extend, isObject, numericProp } from '../utils';
 import { TABBAR_KEY } from '../tabbar/Tabbar'; // Composables
@@ -10,21 +10,23 @@ import { routeProps, useRoute } from '../composables/use-route'; // Components
 import { Icon } from '../icon';
 import { Badge } from '../badge';
 var [name, bem] = createNamespace('tabbar-item');
+var tabbarItemProps = extend({}, routeProps, {
+  dot: Boolean,
+  icon: String,
+  name: numericProp,
+  badge: numericProp,
+  iconPrefix: String
+});
 export default defineComponent({
   name,
-  props: extend({}, routeProps, {
-    dot: Boolean,
-    icon: String,
-    name: numericProp,
-    badge: numericProp,
-    iconPrefix: String
-  }),
+  props: tabbarItemProps,
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var route = useRoute();
     var vm = getCurrentInstance().proxy;
     var {

package/es/tabbar-item/index.css

@@ -1 +1 @@
-:root{--van-tabbar-item-font-size:var(--van-font-size-sm);--van-tabbar-item-text-color:var(--van-gray-7);--van-tabbar-item-active-color:var(--van-primary-color);--van-tabbar-item-active-background-color:var(--van-white);--van-tabbar-item-line-height:1;--van-tabbar-item-icon-size:22px;--van-tabbar-item-icon-margin-bottom:var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background-color)}
+:root{--van-tabbar-item-font-size:var(--van-font-size-sm);--van-tabbar-item-text-color:var(--van-gray-7);--van-tabbar-item-active-color:var(--van-primary-color);--van-tabbar-item-active-background-color:var(--van-background-color-light);--van-tabbar-item-line-height:1;--van-tabbar-item-icon-size:22px;--van-tabbar-item-icon-margin-bottom:var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background-color)}

package/es/tabbar-item/index.d.ts

@@ -34,3 +34,4 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     dot: boolean;
 }>>;
 export default TabbarItem;
+export type { TabbarItemProps } from './TabbarItem';

package/es/tabbar-item/var.less

@@ -3,7 +3,7 @@
 @tabbar-item-font-size: var(--van-font-size-sm);
 @tabbar-item-text-color: var(--van-gray-7);
 @tabbar-item-active-color: var(--van-primary-color);
-@tabbar-item-active-background-color: var(--van-white);
+@tabbar-item-active-background-color: var(--van-background-color-light);
 @tabbar-item-line-height: 1;
 @tabbar-item-icon-size: 22px;
 @tabbar-item-icon-margin-bottom: var(--van-padding-base);

package/es/tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import type { TabsProvide, TabsType } from './types';
-declare const props: {
+declare const tabsProps: {
     type: {
         type: PropType<TabsType>;
         default: TabsType;
@@ -43,7 +43,7 @@ declare const props: {
     titleActiveColor: StringConstructor;
     titleInactiveColor: StringConstructor;
 };
-export declare type TabsProps = ExtractPropTypes<typeof props>;
+export declare type TabsProps = ExtractPropTypes<typeof tabsProps>;
 export declare const TABS_KEY: InjectionKey<TabsProvide>;
 declare const _default: import("vue").DefineComponent<{
     type: {

package/es/tabs/Tabs.js

@@ -15,7 +15,7 @@ import TabsTitle from './TabsTitle';
 import TabsContent from './TabsContent'; // Types
 
 var [name, bem] = createNamespace('tabs');
-var props = {
+var tabsProps = {
   type: makeStringProp('line'),
   color: String,
   border: Boolean,
@@ -39,13 +39,15 @@ var props = {
 export var TABS_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: tabsProps,
   emits: ['click', 'change', 'scroll', 'disabled', 'rendered', 'click-tab', 'update:active'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     if (process.env.NODE_ENV !== 'production') {
       var _getCurrentInstance, _getCurrentInstance$v;
 
@@ -197,7 +199,11 @@ export default defineComponent({
       setCurrentIndex(index);
     };
 
-    var scrollToCurrentContent = (immediate = false) => {
+    var scrollToCurrentContent = function (immediate) {
+      if (immediate === void 0) {
+        immediate = false;
+      }
+
       if (props.scrollspy) {
         var target = children[state.currentIndex].$el;
 

package/es/tabs/TabsContent.js

@@ -16,10 +16,11 @@ export default defineComponent({
   },
   emits: ['change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var swipeRef = ref();
 
     var onChange = index => emit('change', index);

package/es/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: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)}
+: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-text-color-3);--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-background-color-light);--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/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,13 +1,33 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare type TagSize = 'large' | 'medium';
 export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+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: StringConstructor;
+    size: PropType<TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
     type: {
-        type: import("vue").PropType<TagType>;
+        type: PropType<TagType>;
         default: TagType;
     };
     color: StringConstructor;
@@ -34,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

@@ -3,25 +3,28 @@ import { Transition, defineComponent } from 'vue';
 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,
-    type: makeStringProp('default'),
-    color: String,
-    plain: Boolean,
-    round: Boolean,
-    textColor: String,
-    closeable: Boolean
-  },
+  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: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}
+: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,5 +1,5 @@
 export declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
-    size: StringConstructor;
+    size: import("vue").PropType<import("./Tag").TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
@@ -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/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,6 +1,38 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import type { ToastType, ToastPosition } from './types';
+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;

package/es/toast/Toast.js

@@ -9,33 +9,35 @@ import { Popup } from '../popup';
 import { Loading } from '../loading'; // Types
 
 var [name, bem] = createNamespace('toast');
-var popupProps = ['show', 'overlay', 'transition', 'overlayClass', 'overlayStyle', 'closeOnClickOverlay'];
+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,
-    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
-  },
+  props: toastProps,
   emits: ['update:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var timer;
     var clickable = false;
 
@@ -122,7 +124,7 @@ export default defineComponent({
       "onClick": onClick,
       "onClosed": clearTimer,
       "onUpdate:show": updateShow
-    }, pick(props, popupProps)), {
+    }, 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.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/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,6 +12,33 @@ export declare type TreeSelectItem = {
     disabled?: boolean;
     className?: unknown;
 };
+declare const treeSelectProps: {
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    items: {
+        type: PropType<TreeSelectItem[]>;
+        default: () => never[];
+    };
+    height: {
+        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)[];

package/es/tree-select/TreeSelect.js

@@ -7,25 +7,28 @@ 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: makeNumericProp(Infinity),
-    items: makeArrayProp(),
-    height: makeNumericProp(300),
-    selectedIcon: makeStringProp('success'),
-    mainActiveIndex: makeNumericProp(0),
-    activeId: {
-      type: [Number, String, Array],
-      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 => {