vant 3.2.2 → 3.2.6

package/lib/swipe/index.d.ts

@@ -1,3 +1,4 @@
+import { SwipeProps } from './Swipe';
 export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<{
     loop: {
         type: BooleanConstructor;
@@ -6,11 +7,23 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     vertical: BooleanConstructor;
+    autoplay: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     touchable: {
         type: BooleanConstructor;
         default: true;
     };
     lazyRender: BooleanConstructor;
+    initialSwipe: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     indicatorColor: StringConstructor;
     showIndicators: {
         type: BooleanConstructor;
@@ -20,41 +33,29 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    autoplay: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    initialSwipe: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     loop?: unknown;
     width?: unknown;
     height?: unknown;
     vertical?: unknown;
+    autoplay?: unknown;
+    duration?: unknown;
     touchable?: unknown;
     lazyRender?: unknown;
+    initialSwipe?: unknown;
     indicatorColor?: unknown;
     showIndicators?: unknown;
     stopPropagation?: unknown;
-    autoplay?: unknown;
-    duration?: unknown;
-    initialSwipe?: unknown;
 } & {
+    autoplay: string | number;
+    loop: boolean;
     vertical: boolean;
     duration: string | number;
     lazyRender: boolean;
-    loop: boolean;
     touchable: boolean;
+    initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-    autoplay: string | number;
-    initialSwipe: string | number;
 } & {
     width?: string | number | undefined;
     height?: string | number | undefined;
@@ -62,15 +63,16 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
 }> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
+    autoplay: string | number;
+    loop: boolean;
     vertical: boolean;
     duration: string | number;
     lazyRender: boolean;
-    loop: boolean;
     touchable: boolean;
+    initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-    autoplay: string | number;
-    initialSwipe: string | number;
 }>>;
 export default Swipe;
+export type { SwipeProps };
 export type { SwipeInstance, SwipeToOptions } from './types';

package/lib/swipe-cell/SwipeCell.d.ts

@@ -1,34 +1,34 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 declare const props: {
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     disabled: BooleanConstructor;
     leftWidth: (NumberConstructor | StringConstructor)[];
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
+};
+export declare type SwipeCellProps = ExtractPropTypes<typeof props>;
+declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-};
-export declare type SwipeCellProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     leftWidth: (NumberConstructor | StringConstructor)[];
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    name?: unknown;
     disabled?: unknown;
     leftWidth?: unknown;
     rightWidth?: unknown;
     beforeClose?: unknown;
     stopPropagation?: unknown;
-    name?: unknown;
 } & {
     name: string | number;
     disabled: boolean;

package/lib/swipe-cell/SwipeCell.js

@@ -17,15 +17,12 @@ var _useExpose = require("../composables/use-expose");
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('swipe-cell');
 var props = {
+  name: (0, _utils.makeNumericProp)(''),
   disabled: Boolean,
-  leftWidth: [Number, String],
-  rightWidth: [Number, String],
+  leftWidth: _utils.numericProp,
+  rightWidth: _utils.numericProp,
   beforeClose: Function,
-  stopPropagation: Boolean,
-  name: {
-    type: [Number, String],
-    default: ''
-  }
+  stopPropagation: Boolean
 };
 
 var _default = (0, _vue.defineComponent)({
@@ -133,8 +130,7 @@ var _default = (0, _vue.defineComponent)({
       emit('click', position);
 
       if (opened && !lockClick) {
-        (0, _utils.callInterceptor)({
-          interceptor: props.beforeClose,
+        (0, _utils.callInterceptor)(props.beforeClose, {
           args: [{
             name: props.name,
             position

package/lib/swipe-cell/index.d.ts

@@ -1,20 +1,21 @@
+import { SwipeCellProps } from './SwipeCell';
 export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     disabled: BooleanConstructor;
     leftWidth: (NumberConstructor | StringConstructor)[];
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
     stopPropagation: BooleanConstructor;
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    name?: unknown;
     disabled?: unknown;
     leftWidth?: unknown;
     rightWidth?: unknown;
     beforeClose?: unknown;
     stopPropagation?: unknown;
-    name?: unknown;
 } & {
     name: string | number;
     disabled: boolean;
@@ -33,4 +34,5 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     stopPropagation: boolean;
 }>>;
 export default SwipeCell;
+export type { SwipeCellProps };
 export type { SwipeCellSide, SwipeCellPosition, SwipeCellInstance, } from './types';

package/lib/swipe-item/SwipeItem.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}> & ({} | {}), {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

package/lib/swipe-item/index.d.ts

@@ -1,2 +1,2 @@
-export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}> & ({} | {}), {}>>;
+export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
 export default SwipeItem;

package/lib/switch/Switch.js

@@ -16,7 +16,7 @@ var [name, bem] = (0, _utils.createNamespace)('switch');
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
-    size: [Number, String],
+    size: _utils.numericProp,
     loading: Boolean,
     disabled: Boolean,
     modelValue: _utils.unknownProp,

package/lib/switch/index.css

@@ -1 +1 @@
-:root{--van-switch-size:30px;--van-switch-width:2em;--van-switch-height:1em;--van-switch-node-size:1em;--van-switch-node-background-color:var(--van-white);--van-switch-node-box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.05),0 2px 2px 0 rgba(0, 0, 0, 0.1),0 3px 3px 0 rgba(0, 0, 0, 0.05);--van-switch-background-color:var(--van-white);--van-switch-on-background-color:var(--van-primary-color);--van-switch-transition-duration:var(--van-animation-duration-base);--van-switch-disabled-opacity:var(--van-disabled-opacity);--van-switch-border:var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--van-switch-width);height:var(--van-switch-height);font-size:var(--van-switch-size);background-color:var(--van-switch-background-color);border:var(--van-switch-border);border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-transition-duration)}.van-switch__node{position:absolute;top:0;left:0;width:var(--van-switch-node-size);height:var(--van-switch-node-size);background-color:var(--van-switch-node-background-color);border-radius:100%;box-shadow:var(--van-switch-node-box-shadow);transition:transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background-color:var(--van-switch-on-background-color)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--van-switch-width) - var(--van-switch-node-size)))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background-color)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}
+:root{--van-switch-size:30px;--van-switch-width:2em;--van-switch-height:1em;--van-switch-node-size:1em;--van-switch-node-background-color:var(--van-white);--van-switch-node-box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.05),0 2px 2px 0 rgba(0, 0, 0, 0.1),0 3px 3px 0 rgba(0, 0, 0, 0.05);--van-switch-background-color:var(--van-white);--van-switch-on-background-color:var(--van-primary-color);--van-switch-transition-duration:var(--van-animation-duration-base);--van-switch-disabled-opacity:var(--van-disabled-opacity);--van-switch-border:var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--van-switch-width);height:var(--van-switch-height);font-size:var(--van-switch-size);background:var(--van-switch-background-color);border:var(--van-switch-border);border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-transition-duration)}.van-switch__node{position:absolute;top:0;left:0;width:var(--van-switch-node-size);height:var(--van-switch-node-size);background:var(--van-switch-node-background-color);border-radius:100%;box-shadow:var(--van-switch-node-box-shadow);transition:transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background:var(--van-switch-on-background-color)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--van-switch-width) - var(--van-switch-node-size)))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background-color)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}

package/lib/switch/index.less

@@ -21,7 +21,7 @@
   width: var(--van-switch-width);
   height: var(--van-switch-height);
   font-size: var(--van-switch-size);
-  background-color: var(--van-switch-background-color);
+  background: var(--van-switch-background-color);
   border: var(--van-switch-border);
   border-radius: var(--van-switch-node-size);
   cursor: pointer;
@@ -33,7 +33,7 @@
     left: 0;
     width: var(--van-switch-node-size);
     height: var(--van-switch-node-size);
-    background-color: var(--van-switch-node-background-color);
+    background: var(--van-switch-node-background-color);
     border-radius: 100%;
     box-shadow: var(--van-switch-node-box-shadow);
     transition: transform var(--van-switch-transition-duration)
@@ -49,7 +49,7 @@
   }
 
   &--on {
-    background-color: var(--van-switch-on-background-color);
+    background: var(--van-switch-on-background-color);
 
     .van-switch__node {
       transform: translateX(

package/lib/tab/Tab.d.ts

@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     title?: string | undefined;
     titleClass?: unknown;
     titleStyle?: string | CSSProperties | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;

package/lib/tab/Tab.js

@@ -26,8 +26,8 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: (0, _utils.extend)({}, _useRoute.routeProps, {
     dot: Boolean,
-    name: [Number, String],
-    badge: [Number, String],
+    name: _utils.numericProp,
+    badge: _utils.numericProp,
     title: String,
     disabled: Boolean,
     titleClass: _utils.unknownProp,

package/lib/tab/index.d.ts

@@ -39,7 +39,7 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
     title?: string | undefined;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;

package/lib/tabbar/Tabbar.d.ts

@@ -66,8 +66,8 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     fixed: boolean;
     border: boolean;
-    placeholder: boolean;
     modelValue: string | number;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
 } & {
@@ -81,8 +81,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     fixed: boolean;
     border: boolean;
-    placeholder: boolean;
     modelValue: string | number;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
 }>;

package/lib/tabbar/Tabbar.js

@@ -18,15 +18,12 @@ var props = {
   route: Boolean,
   fixed: _utils.truthProp,
   border: _utils.truthProp,
-  zIndex: [Number, String],
+  zIndex: _utils.numericProp,
   placeholder: Boolean,
   activeColor: String,
   beforeChange: Function,
   inactiveColor: String,
-  modelValue: {
-    type: [Number, String],
-    default: 0
-  },
+  modelValue: (0, _utils.makeNumericProp)(0),
   safeAreaInsetBottom: {
     type: Boolean,
     default: null
@@ -76,8 +73,7 @@ var _default = (0, _vue.defineComponent)({
 
     var setActive = active => {
       if (active !== props.modelValue) {
-        (0, _utils.callInterceptor)({
-          interceptor: props.beforeChange,
+        (0, _utils.callInterceptor)(props.beforeChange, {
           args: [active],
 
           done() {

package/lib/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-color: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-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}

package/lib/tabbar/index.d.ts

@@ -35,8 +35,8 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
 } & {
     fixed: boolean;
     border: boolean;
-    placeholder: boolean;
     modelValue: string | number;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
 } & {
@@ -50,8 +50,8 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
 }, {
     fixed: boolean;
     border: boolean;
-    placeholder: boolean;
     modelValue: string | number;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
 }>>;

package/lib/tabbar/index.less

@@ -12,7 +12,7 @@
   box-sizing: content-box;
   width: 100%;
   height: var(--van-tabbar-height);
-  background-color: var(--van-tabbar-background-color);
+  background: var(--van-tabbar-background-color);
 
   &--fixed {
     position: fixed;

package/lib/tabbar-item/TabbarItem.js

@@ -27,8 +27,8 @@ var _default = (0, _vue.defineComponent)({
   props: (0, _utils.extend)({}, _useRoute.routeProps, {
     dot: Boolean,
     icon: String,
-    name: [Number, String],
-    badge: [Number, String],
+    name: _utils.numericProp,
+    badge: _utils.numericProp,
     iconPrefix: String
   }),
   emits: ['click'],
@@ -122,7 +122,7 @@ var _default = (0, _vue.defineComponent)({
         "content": badge,
         "class": bem('icon')
       }, {
-        default: () => [renderIcon()]
+        default: renderIcon
       }), (0, _vue.createVNode)("div", {
         "class": bem('text')
       }, [slots.default == null ? void 0 : slots.default({

package/lib/tabs/Tabs.d.ts

@@ -2,9 +2,21 @@ import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import type { TabsProvide, TabsType } from './types';
 declare const props: {
+    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 props>;
+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/lib/tabs/Tabs.js

@@ -32,40 +32,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Components
 var [name, bem] = (0, _utils.createNamespace)('tabs');
 var props = {
+  type: (0, _utils.makeStringProp)('line'),
   color: String,
   border: Boolean,
   sticky: Boolean,
+  active: (0, _utils.makeNumericProp)(0),
+  duration: (0, _utils.makeNumericProp)(0.3),
   animated: Boolean,
   ellipsis: _utils.truthProp,
   swipeable: Boolean,
   scrollspy: Boolean,
+  offsetTop: (0, _utils.makeNumericProp)(0),
   background: String,
   lazyRender: _utils.truthProp,
-  lineWidth: [Number, String],
-  lineHeight: [Number, String],
+  lineWidth: _utils.numericProp,
+  lineHeight: _utils.numericProp,
   beforeChange: Function,
+  swipeThreshold: (0, _utils.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
 };
 var TABS_KEY = Symbol(name);
 exports.TABS_KEY = TABS_KEY;
@@ -263,8 +248,7 @@ var _default = (0, _vue.defineComponent)({
         // should be removed in next major version
         emit('disabled', name, title);
       } else {
-        (0, _utils.callInterceptor)({
-          interceptor: props.beforeChange,
+        (0, _utils.callInterceptor)(props.beforeChange, {
           args: [name],
           done: () => {
             setCurrentIndex(index);
@@ -292,7 +276,9 @@ var _default = (0, _vue.defineComponent)({
 
     var getCurrentIndexOnScroll = () => {
       for (var index = 0; index < children.length; index++) {
-        var top = (0, _utils.getVisibleTop)(children[index].$el);
+        var {
+          top
+        } = (0, _use.useRect)(children[index].$el);
 
         if (top > scrollOffset.value) {
           return index === 0 ? 0 : index - 1;
@@ -320,9 +306,7 @@ var _default = (0, _vue.defineComponent)({
       "renderTitle": item.$slots.title,
       "activeColor": props.titleActiveColor,
       "inactiveColor": props.titleInactiveColor,
-      "onClick": event => {
-        onClickTab(item, index, event);
-      }
+      "onClick": event => onClickTab(item, index, event)
     }, (0, _utils.pick)(item, ['dot', 'badge', 'title', 'disabled', 'showZeroBadge'])), null));
 
     var renderHeader = () => {
@@ -380,7 +364,11 @@ var _default = (0, _vue.defineComponent)({
       setCurrentIndexByName(props.active);
       (0, _vue.nextTick)(() => {
         state.inited = true;
-        tabHeight = (0, _utils.getVisibleHeight)(wrapRef.value);
+
+        if (wrapRef.value) {
+          tabHeight = (0, _use.useRect)(wrapRef.value).height;
+        }
+
         scrollIntoView(true);
       });
     };