vant 3.2.6 → 3.2.7

package/lib/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/lib/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/lib/tabs/Tabs.js

@@ -31,7 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('tabs');
-var props = {
+var tabsProps = {
   type: (0, _utils.makeStringProp)('line'),
   color: String,
   border: Boolean,
@@ -57,13 +57,15 @@ exports.TABS_KEY = TABS_KEY;
 
 var _default = (0, _vue.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;
 
@@ -215,7 +217,11 @@ var _default = (0, _vue.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/lib/tabs/TabsContent.js

@@ -24,10 +24,11 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var swipeRef = (0, _vue.ref)();
 
     var onChange = index => emit('change', index);

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

@@ -10,26 +10,29 @@ var _utils = require("../utils");
 var _icon = require("../icon");
 
 var [name, bem] = (0, _utils.createNamespace)('tag');
+var tagProps = {
+  size: String,
+  mark: Boolean,
+  show: _utils.truthProp,
+  type: (0, _utils.makeStringProp)('default'),
+  color: String,
+  plain: Boolean,
+  round: Boolean,
+  textColor: String,
+  closeable: Boolean
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    size: String,
-    mark: Boolean,
-    show: _utils.truthProp,
-    type: (0, _utils.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/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: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/lib/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/lib/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/lib/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/lib/toast/Toast.js

@@ -18,34 +18,36 @@ var _loading = require("../loading");
 // Utils
 // Components
 var [name, bem] = (0, _utils.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: (0, _utils.makeStringProp)('text'),
+  overlay: Boolean,
+  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
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    icon: String,
-    show: Boolean,
-    type: (0, _utils.makeStringProp)('text'),
-    overlay: Boolean,
-    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
-  },
+  props: toastProps,
   emits: ['update:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var timer;
     var clickable = false;
 
@@ -132,7 +134,7 @@ var _default = (0, _vue.defineComponent)({
       "onClick": onClick,
       "onClosed": clearTimer,
       "onUpdate:show": updateShow
-    }, (0, _utils.pick)(props, popupProps)), {
+    }, (0, _utils.pick)(props, popupInheritProps)), {
       default: () => [renderIcon(), renderMessage()]
     });
   }

package/lib/toast/function-call.js

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

package/lib/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/lib/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/lib/tree-select/TreeSelect.js

@@ -16,26 +16,29 @@ var _sidebarItem = require("../sidebar-item");
 // Utils
 // Components
 var [name, bem] = (0, _utils.createNamespace)('tree-select');
+var treeSelectProps = {
+  max: (0, _utils.makeNumericProp)(Infinity),
+  items: (0, _utils.makeArrayProp)(),
+  height: (0, _utils.makeNumericProp)(300),
+  selectedIcon: (0, _utils.makeStringProp)('success'),
+  mainActiveIndex: (0, _utils.makeNumericProp)(0),
+  activeId: {
+    type: [Number, String, Array],
+    default: 0
+  }
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    max: (0, _utils.makeNumericProp)(Infinity),
-    items: (0, _utils.makeArrayProp)(),
-    height: (0, _utils.makeNumericProp)(300),
-    selectedIcon: (0, _utils.makeStringProp)('success'),
-    mainActiveIndex: (0, _utils.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 => {

package/lib/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-font-size:var(--van-font-size-md);--van-tree-select-nav-background-color:var(--van-background-color);--van-tree-select-content-background-color:var(--van-white);--van-tree-select-nav-item-padding:14px var(--van-padding-sm);--van-tree-select-item-height:48px;--van-tree-select-item-active-color:var(--van-danger-color);--van-tree-select-item-disabled-color:var(--van-gray-5);--van-tree-select-item-selected-size:16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size);-webkit-user-select:none;user-select:none}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+:root{--van-tree-select-font-size:var(--van-font-size-md);--van-tree-select-nav-background-color:var(--van-background-color);--van-tree-select-content-background-color:var(--van-background-color-light);--van-tree-select-nav-item-padding:14px var(--van-padding-sm);--van-tree-select-item-height:48px;--van-tree-select-item-active-color:var(--van-danger-color);--van-tree-select-item-disabled-color:var(--van-gray-5);--van-tree-select-item-selected-size:16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size);-webkit-user-select:none;user-select:none}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}

package/lib/tree-select/index.d.ts

@@ -51,4 +51,4 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     activeId: string | number | (string | number)[];
 }>>;
 export default TreeSelect;
-export type { TreeSelectItem, TreeSelectChild } from './TreeSelect';
+export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/lib/tree-select/var.less

@@ -2,7 +2,7 @@
 
 @tree-select-font-size: var(--van-font-size-md);
 @tree-select-nav-background-color: var(--van-background-color);
-@tree-select-content-background-color: var(--van-white);
+@tree-select-content-background-color: var(--van-background-color-light);
 @tree-select-nav-item-padding: 14px var(--van-padding-sm);
 @tree-select-item-height: 48px;
 @tree-select-item-active-color: var(--van-danger-color);

package/lib/uploader/Uploader.d.ts

@@ -3,7 +3,7 @@ import { Interceptor } from '../utils';
 import { ImagePreviewOptions } from '../image-preview';
 import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
-declare const props: {
+declare const uploaderProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -64,7 +64,7 @@ declare const props: {
         default: number;
     };
 };
-export declare type UploaderProps = ExtractPropTypes<typeof props>;
+export declare type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
 declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/uploader/Uploader.js

@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Utils
 // Composables
 // Components
-var props = {
+var uploaderProps = {
   name: (0, _utils.makeNumericProp)(''),
   accept: (0, _utils.makeStringProp)('image/*'),
   capture: String,
@@ -55,19 +55,26 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name: _utils2.name,
-  props,
+  props: uploaderProps,
   emits: ['delete', 'oversize', 'click-upload', 'close-preview', 'click-preview', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var inputRef = (0, _vue.ref)();
 
-    var getDetail = (index = props.modelValue.length) => ({
-      name: props.name,
-      index
-    });
+    var getDetail = function (index) {
+      if (index === void 0) {
+        index = props.modelValue.length;
+      }
+
+      return {
+        name: props.name,
+        index
+      };
+    };
 
     var resetInput = () => {
       if (inputRef.value) {

package/lib/uploader/UploaderPreviewItem.js

@@ -30,10 +30,12 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['delete', 'preview'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var renderMask = () => {
       var {
         status,

package/lib/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size:80px;--van-uploader-icon-size:24px;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-gray-6);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background-color:var(--van-gray-1);--van-uploader-upload-active-color:var(--van-active-color);--van-uploader-delete-color:var(--van-white);--van-uploader-delete-icon-size:14px;--van-uploader-delete-background-color:rgba(0, 0, 0, 0.7);--van-uploader-file-background-color:var(--van-background-color);--van-uploader-file-icon-size:20px;--van-uploader-file-icon-color:var(--van-gray-7);--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-file-name-margin-top:var(--van-padding-xs);--van-uploader-file-name-font-size:var(--van-font-size-sm);--van-uploader-file-name-text-color:var(--van-gray-7);--van-uploader-mask-text-color:var(--van-white);--van-uploader-mask-background-color:rgba(50, 50, 51, 0.88);--van-uploader-mask-icon-size:22px;--van-uploader-mask-message-font-size:var(--van-font-size-sm);--van-uploader-mask-message-line-height:var(--van-line-height-xs);--van-uploader-loading-icon-size:22px;--van-uploader-loading-icon-color:var(--van-white);--van-uploader-disabled-opacity:var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size:80px;--van-uploader-icon-size:24px;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-text-color-2);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background-color:var(--van-gray-1);--van-uploader-upload-active-color:var(--van-active-color);--van-uploader-delete-color:var(--van-white);--van-uploader-delete-icon-size:14px;--van-uploader-delete-background-color:rgba(0, 0, 0, 0.7);--van-uploader-file-background-color:var(--van-background-color);--van-uploader-file-icon-size:20px;--van-uploader-file-icon-color:var(--van-gray-7);--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-file-name-margin-top:var(--van-padding-xs);--van-uploader-file-name-font-size:var(--van-font-size-sm);--van-uploader-file-name-text-color:var(--van-gray-7);--van-uploader-mask-text-color:var(--van-white);--van-uploader-mask-background-color:rgba(50, 50, 51, 0.88);--van-uploader-mask-icon-size:22px;--van-uploader-mask-message-font-size:var(--van-font-size-sm);--van-uploader-mask-message-line-height:var(--van-line-height-xs);--van-uploader-loading-icon-size:22px;--van-uploader-loading-icon-color:var(--van-white);--van-uploader-disabled-opacity:var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/lib/uploader/var.less

@@ -3,7 +3,7 @@
 @uploader-size: 80px;
 @uploader-icon-size: 24px;
 @uploader-icon-color: var(--van-gray-4);
-@uploader-text-color: var(--van-gray-6);
+@uploader-text-color: var(--van-text-color-2);
 @uploader-text-font-size: var(--van-font-size-sm);
 @uploader-upload-background-color: var(--van-gray-1);
 @uploader-upload-active-color: var(--van-active-color);

package/lib/utils/constant.d.ts

@@ -7,4 +7,5 @@ export declare const BORDER_BOTTOM: string;
 export declare const BORDER_SURROUND: string;
 export declare const BORDER_TOP_BOTTOM: string;
 export declare const BORDER_UNSET_TOP_BOTTOM: string;
+export declare const HAPTICS_FEEDBACK = "van-haptics-feedback";
 export declare const FORM_KEY: InjectionKey<FormProvide>;

package/lib/utils/constant.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FORM_KEY = exports.BORDER_UNSET_TOP_BOTTOM = exports.BORDER_TOP_BOTTOM = exports.BORDER_TOP = exports.BORDER_SURROUND = exports.BORDER_LEFT = exports.BORDER_BOTTOM = exports.BORDER = void 0;
+exports.HAPTICS_FEEDBACK = exports.FORM_KEY = exports.BORDER_UNSET_TOP_BOTTOM = exports.BORDER_TOP_BOTTOM = exports.BORDER_TOP = exports.BORDER_SURROUND = exports.BORDER_LEFT = exports.BORDER_BOTTOM = exports.BORDER = void 0;
 var BORDER = 'van-hairline';
 exports.BORDER = BORDER;
 var BORDER_TOP = BORDER + "--top";
@@ -16,5 +16,7 @@ var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
 exports.BORDER_TOP_BOTTOM = BORDER_TOP_BOTTOM;
 var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
 exports.BORDER_UNSET_TOP_BOTTOM = BORDER_UNSET_TOP_BOTTOM;
+var HAPTICS_FEEDBACK = 'van-haptics-feedback';
+exports.HAPTICS_FEEDBACK = HAPTICS_FEEDBACK;
 var FORM_KEY = Symbol('van-form');
 exports.FORM_KEY = FORM_KEY;