vant 3.2.3 → 3.2.7

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,10 +1,22 @@
 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;
+    };
     color: StringConstructor;
     border: BooleanConstructor;
     sticky: BooleanConstructor;
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     animated: BooleanConstructor;
     ellipsis: {
         type: BooleanConstructor;
@@ -12,6 +24,10 @@ declare const props: {
     };
     swipeable: BooleanConstructor;
     scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     background: StringConstructor;
     lazyRender: {
         type: BooleanConstructor;
@@ -20,12 +36,23 @@ declare const props: {
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: PropType<Interceptor>;
+    swipeThreshold: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     titleActiveColor: StringConstructor;
     titleInactiveColor: StringConstructor;
+};
+export declare type TabsProps = ExtractPropTypes<typeof tabsProps>;
+export declare const TABS_KEY: InjectionKey<TabsProvide>;
+declare const _default: import("vue").DefineComponent<{
     type: {
         type: PropType<TabsType>;
-        default: string;
+        default: TabsType;
     };
+    color: StringConstructor;
+    border: BooleanConstructor;
+    sticky: BooleanConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -34,21 +61,6 @@ declare const props: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    swipeThreshold: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-};
-export declare type TabsProps = ExtractPropTypes<typeof props>;
-export declare const TABS_KEY: InjectionKey<TabsProvide>;
-declare const _default: import("vue").DefineComponent<{
-    color: StringConstructor;
-    border: BooleanConstructor;
-    sticky: BooleanConstructor;
     animated: BooleanConstructor;
     ellipsis: {
         type: BooleanConstructor;
@@ -56,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     swipeable: BooleanConstructor;
     scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     background: StringConstructor;
     lazyRender: {
         type: BooleanConstructor;
@@ -64,48 +80,32 @@ declare const _default: import("vue").DefineComponent<{
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: PropType<Interceptor>;
-    titleActiveColor: StringConstructor;
-    titleInactiveColor: StringConstructor;
-    type: {
-        type: PropType<TabsType>;
-        default: string;
-    };
-    active: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     swipeThreshold: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    titleActiveColor: StringConstructor;
+    titleInactiveColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active")[], "scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    type?: unknown;
     color?: unknown;
     border?: unknown;
     sticky?: unknown;
+    active?: unknown;
+    duration?: unknown;
     animated?: unknown;
     ellipsis?: unknown;
     swipeable?: unknown;
     scrollspy?: unknown;
+    offsetTop?: unknown;
     background?: unknown;
     lazyRender?: unknown;
     lineWidth?: unknown;
     lineHeight?: unknown;
     beforeChange?: unknown;
+    swipeThreshold?: unknown;
     titleActiveColor?: unknown;
     titleInactiveColor?: unknown;
-    type?: unknown;
-    active?: unknown;
-    duration?: unknown;
-    offsetTop?: unknown;
-    swipeThreshold?: unknown;
 } & {
     type: TabsType;
     border: boolean;

package/es/tabs/Tabs.js

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, reactive, nextTick, onActivated, defineComponent, getCurrentInstance } from 'vue'; // Utils
 
-import { isDef, addUnit, isHidden, unitToPx, truthProp, getVisibleTop, getElementTop, callInterceptor, createNamespace, getVisibleHeight, setRootScrollTop, BORDER_TOP_BOTTOM, pick } from '../utils';
+import { pick, isDef, addUnit, isHidden, unitToPx, truthProp, numericProp, getElementTop, makeStringProp, callInterceptor, createNamespace, makeNumericProp, setRootScrollTop, BORDER_TOP_BOTTOM } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils'; // Composables
 
-import { useChildren, useWindowSize, useScrollParent, useEventListener, onMountedOrActivated } from '@vant/use';
+import { useRect, useChildren, useWindowSize, useScrollParent, useEventListener, onMountedOrActivated } from '@vant/use';
 import { route } from '../composables/use-route';
 import { useRefs } from '../composables/use-refs';
 import { useExpose } from '../composables/use-expose';
@@ -15,52 +15,39 @@ 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,
   sticky: Boolean,
+  active: makeNumericProp(0),
+  duration: makeNumericProp(0.3),
   animated: Boolean,
   ellipsis: truthProp,
   swipeable: Boolean,
   scrollspy: Boolean,
+  offsetTop: makeNumericProp(0),
   background: String,
   lazyRender: truthProp,
-  lineWidth: [Number, String],
-  lineHeight: [Number, String],
+  lineWidth: numericProp,
+  lineHeight: numericProp,
   beforeChange: Function,
+  swipeThreshold: makeNumericProp(5),
   titleActiveColor: String,
-  titleInactiveColor: String,
-  type: {
-    type: String,
-    default: 'line'
-  },
-  active: {
-    type: [Number, String],
-    default: 0
-  },
-  duration: {
-    type: [Number, String],
-    default: 0.3
-  },
-  offsetTop: {
-    type: [Number, String],
-    default: 0
-  },
-  swipeThreshold: {
-    type: [Number, String],
-    default: 5
-  }
+  titleInactiveColor: String
 };
 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;
 
@@ -212,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;
 
@@ -245,8 +236,7 @@ export default defineComponent({
         // should be removed in next major version
         emit('disabled', name, title);
       } else {
-        callInterceptor({
-          interceptor: props.beforeChange,
+        callInterceptor(props.beforeChange, {
           args: [name],
           done: () => {
             setCurrentIndex(index);
@@ -274,7 +264,9 @@ export default defineComponent({
 
     var getCurrentIndexOnScroll = () => {
       for (var index = 0; index < children.length; index++) {
-        var top = getVisibleTop(children[index].$el);
+        var {
+          top
+        } = useRect(children[index].$el);
 
         if (top > scrollOffset.value) {
           return index === 0 ? 0 : index - 1;
@@ -302,9 +294,7 @@ export default defineComponent({
       "renderTitle": item.$slots.title,
       "activeColor": props.titleActiveColor,
       "inactiveColor": props.titleInactiveColor,
-      "onClick": event => {
-        onClickTab(item, index, event);
-      }
+      "onClick": event => onClickTab(item, index, event)
     }, pick(item, ['dot', 'badge', 'title', 'disabled', 'showZeroBadge'])), null));
 
     var renderHeader = () => {
@@ -362,7 +352,11 @@ export default defineComponent({
       setCurrentIndexByName(props.active);
       nextTick(() => {
         state.inited = true;
-        tabHeight = getVisibleHeight(wrapRef.value);
+
+        if (wrapRef.value) {
+          tabHeight = useRect(wrapRef.value).height;
+        }
+
         scrollIntoView(true);
       });
     };

package/es/tabs/TabsContent.d.ts

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

package/es/tabs/TabsContent.js

@@ -1,34 +1,26 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, onMounted, defineComponent } from 'vue';
-import { createNamespace } from '../utils';
+import { numericProp, makeRequiredProp, createNamespace } from '../utils';
 import { Swipe } from '../swipe';
 var [name, bem] = createNamespace('tabs');
 export default defineComponent({
   name,
   props: {
+    count: makeRequiredProp(Number),
     inited: Boolean,
     animated: Boolean,
+    duration: makeRequiredProp(numericProp),
     swipeable: Boolean,
     lazyRender: Boolean,
-    count: {
-      type: Number,
-      required: true
-    },
-    duration: {
-      type: [Number, String],
-      required: true
-    },
-    currentIndex: {
-      type: Number,
-      required: true
-    }
+    currentIndex: makeRequiredProp(Number)
   },
   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/TabsTitle.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { createNamespace, isDef, truthProp } from '../utils';
+import { isDef, truthProp, numericProp, createNamespace } from '../utils';
 import { Badge } from '../badge';
 var [name, bem] = createNamespace('tab');
 export default defineComponent({
@@ -10,7 +10,7 @@ export default defineComponent({
     type: String,
     color: String,
     title: String,
-    badge: [Number, String],
+    badge: numericProp,
     isActive: Boolean,
     disabled: Boolean,
     scrollable: Boolean,

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-color:var(--van-tabs-nav-background-color);-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:var(--van-border-width-base) solid var(--van-tabs-default-color);border-radius:var(--van-border-radius-sm)}.van-tabs__nav--card .van-tab{color:var(--van-tabs-default-color);border-right:var(--van-border-width-base) solid var(--van-tabs-default-color)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:var(--van-white);background-color:var(--van-tabs-default-color)}.van-tabs__nav--card .van-tab--disabled{color:var(--van-tab-disabled-text-color)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background-color:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}
+:root{--van-tab-text-color:var(--van-gray-7);--van-tab-active-text-color:var(--van-text-color);--van-tab-disabled-text-color:var(--van-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/index.d.ts

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

package/es/tabs/index.less

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

package/es/tabs/utils.js

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

package/es/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;