vant 3.2.4 → 3.2.8

package/es/swipe/Swipe.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent } from 'vue'; // Utils
 
-import { clamp, isHidden, truthProp, preventDefault, createNamespace } from '../utils'; // Composables
+import { clamp, isHidden, truthProp, numericProp, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
 
 import { doubleRaf, useChildren, useWindowSize, usePageVisibility } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
@@ -9,39 +9,31 @@ import { useExpose } from '../composables/use-expose';
 import { onPopupReopen } from '../composables/on-popup-reopen'; // Types
 
 var [name, bem] = createNamespace('swipe');
-var props = {
+var swipeProps = {
   loop: truthProp,
-  width: [Number, String],
-  height: [Number, String],
+  width: numericProp,
+  height: numericProp,
   vertical: Boolean,
+  autoplay: makeNumericProp(0),
+  duration: makeNumericProp(500),
   touchable: truthProp,
   lazyRender: Boolean,
+  initialSwipe: makeNumericProp(0),
   indicatorColor: String,
   showIndicators: truthProp,
-  stopPropagation: truthProp,
-  autoplay: {
-    type: [Number, String],
-    default: 0
-  },
-  duration: {
-    type: [Number, String],
-    default: 500
-  },
-  initialSwipe: {
-    type: [Number, String],
-    default: 0
-  }
+  stopPropagation: truthProp
 };
 export var SWIPE_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: swipeProps,
   emits: ['change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var state = reactive({
       rect: null,
@@ -107,7 +99,11 @@ export default defineComponent({
       return active;
     };
 
-    var getTargetOffset = (targetActive, offset = 0) => {
+    var getTargetOffset = function (targetActive, offset) {
+      if (offset === void 0) {
+        offset = 0;
+      }
+
       var currentPosition = targetActive * size.value;
 
       if (!props.loop) {
@@ -123,11 +119,13 @@ export default defineComponent({
       return targetOffset;
     };
 
-    var move = ({
-      pace = 0,
-      offset = 0,
-      emitChange
-    }) => {
+    var move = _ref2 => {
+      var {
+        pace = 0,
+        offset = 0,
+        emitChange
+      } = _ref2;
+
       if (count.value <= 1) {
         return;
       }
@@ -214,7 +212,11 @@ export default defineComponent({
     }; // initialize swipe position
 
 
-    var initialize = (active = +props.initialSwipe) => {
+    var initialize = function (active) {
+      if (active === void 0) {
+        active = +props.initialSwipe;
+      }
+
       if (!root.value) {
         return;
       }
@@ -302,7 +304,11 @@ export default defineComponent({
       autoplay();
     };
 
-    var swipeTo = (index, options = {}) => {
+    var swipeTo = function (index, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
       correctPosition();
       touch.reset();
       doubleRaf(() => {

package/es/swipe/index.d.ts

@@ -7,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;
@@ -21,31 +33,19 @@ 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;
@@ -53,12 +53,12 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     duration: string | number;
     lazyRender: boolean;
     touchable: boolean;
+    initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-    initialSwipe: string | number;
 } & {
-    height?: string | number | undefined;
     width?: string | number | undefined;
+    height?: string | number | undefined;
     indicatorColor?: string | undefined;
 }> & {
     onChange?: ((...args: any[]) => any) | undefined;
@@ -69,9 +69,9 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     duration: string | number;
     lazyRender: boolean;
     touchable: boolean;
+    initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-    initialSwipe: string | number;
 }>>;
 export default Swipe;
 export type { SwipeProps };

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

@@ -1,34 +1,34 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-declare const props: {
+declare const swipeCellProps: {
+    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 swipeCellProps>;
+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/es/swipe-cell/SwipeCell.js

@@ -1,33 +1,31 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, reactive, computed, defineComponent } from 'vue'; // Utils
 
-import { clamp, isDef, preventDefault, callInterceptor, createNamespace } from '../utils'; // Composables
+import { clamp, isDef, numericProp, preventDefault, callInterceptor, createNamespace, makeNumericProp } from '../utils'; // Composables
 
 import { useRect, useClickAway } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
 import { useExpose } from '../composables/use-expose'; // Types
 
 var [name, bem] = createNamespace('swipe-cell');
-var props = {
+var swipeCellProps = {
+  name: makeNumericProp(''),
   disabled: Boolean,
-  leftWidth: [Number, String],
-  rightWidth: [Number, String],
+  leftWidth: numericProp,
+  rightWidth: numericProp,
   beforeClose: Function,
-  stopPropagation: Boolean,
-  name: {
-    type: [Number, String],
-    default: ''
-  }
+  stopPropagation: Boolean
 };
 export default defineComponent({
   name,
-  props,
+  props: swipeCellProps,
   emits: ['open', 'close', 'click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var opened;
     var lockClick;
     var startOffset;
@@ -120,12 +118,15 @@ export default defineComponent({
       }
     };
 
-    var onClick = (position = 'outside') => {
+    var onClick = function (position) {
+      if (position === void 0) {
+        position = 'outside';
+      }
+
       emit('click', position);
 
       if (opened && !lockClick) {
-        callInterceptor({
-          interceptor: props.beforeClose,
+        callInterceptor(props.beforeClose, {
           args: [{
             name: props.name,
             position

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

@@ -1,21 +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;

package/es/swipe-item/SwipeItem.js

@@ -10,9 +10,10 @@ var [name, bem] = createNamespace('swipe-item');
 export default defineComponent({
   name,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var rendered;
     var state = reactive({
       offset: 0,

package/es/switch/Switch.d.ts

@@ -1,3 +1,21 @@
+import { ExtractPropTypes } from 'vue';
+declare const switchProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    modelValue: import("vue").PropType<unknown>;
+    activeColor: StringConstructor;
+    inactiveColor: StringConstructor;
+    activeValue: {
+        type: import("vue").PropType<unknown>;
+        default: unknown;
+    };
+    inactiveValue: {
+        type: import("vue").PropType<unknown>;
+        default: unknown;
+    };
+};
+export declare type SwitchProps = ExtractPropTypes<typeof switchProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;

package/es/switch/Switch.js

@@ -1,32 +1,35 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace, addUnit, unknownProp } from '../utils';
+import { addUnit, numericProp, unknownProp, createNamespace } from '../utils';
 import { useCustomFieldValue } from '@vant/use';
 import { Loading } from '../loading';
 var [name, bem] = createNamespace('switch');
+var switchProps = {
+  size: numericProp,
+  loading: Boolean,
+  disabled: Boolean,
+  modelValue: unknownProp,
+  activeColor: String,
+  inactiveColor: String,
+  activeValue: {
+    type: unknownProp,
+    default: true
+  },
+  inactiveValue: {
+    type: unknownProp,
+    default: false
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    size: [Number, String],
-    loading: Boolean,
-    disabled: Boolean,
-    modelValue: unknownProp,
-    activeColor: String,
-    inactiveColor: String,
-    activeValue: {
-      type: unknownProp,
-      default: true
-    },
-    inactiveValue: {
-      type: unknownProp,
-      default: false
-    }
-  },
+  props: switchProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var isChecked = () => props.modelValue === props.activeValue;
 
     var onClick = () => {

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

@@ -42,3 +42,4 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
     inactiveValue: unknown;
 }>>;
 export default Switch;
+export type { SwitchProps } from './Switch';

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

@@ -7,7 +7,7 @@
 @switch-node-background-color: var(--van-white);
 @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);
-@switch-background-color: var(--van-white);
+@switch-background-color: var(--van-background-color-light);
 @switch-on-background-color: var(--van-primary-color);
 @switch-transition-duration: var(--van-animation-duration-base);
 @switch-disabled-opacity: var(--van-disabled-opacity);

package/es/tab/Tab.d.ts

@@ -1,4 +1,22 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+declare const tabProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    title: StringConstructor;
+    disabled: BooleanConstructor;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type TabProps = ExtractPropTypes<typeof tabProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/es/tab/Tab.js

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { ref, watch, provide, computed, nextTick, defineComponent } from 'vue'; // Utils
 
-import { createNamespace, extend, truthProp, unknownProp } from '../utils';
+import { extend, truthProp, unknownProp, numericProp, createNamespace } from '../utils';
 import { TABS_KEY } from '../tabs/Tabs'; // Composables
 
 import { useParent } from '@vant/use';
@@ -10,22 +10,24 @@ import { TAB_STATUS_KEY } from '../composables/use-tab-status'; // Components
 
 import { SwipeItem } from '../swipe-item';
 var [name, bem] = createNamespace('tab');
+var tabProps = extend({}, routeProps, {
+  dot: Boolean,
+  name: numericProp,
+  badge: numericProp,
+  title: String,
+  disabled: Boolean,
+  titleClass: unknownProp,
+  titleStyle: [String, Object],
+  showZeroBadge: truthProp
+});
 export default defineComponent({
   name,
-  props: extend({}, routeProps, {
-    dot: Boolean,
-    name: [Number, String],
-    badge: [Number, String],
-    title: String,
-    disabled: Boolean,
-    titleClass: unknownProp,
-    titleStyle: [String, Object],
-    showZeroBadge: truthProp
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: tabProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var inited = ref(false);
     var {
       parent,

package/es/tab/index.d.ts

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

package/es/tabbar/Tabbar.d.ts

@@ -1,6 +1,6 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-declare const props: {
+declare const tabbarProps: {
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -24,8 +24,9 @@ declare const props: {
         default: null;
     };
 };
+export declare type TabbarProps = ExtractPropTypes<typeof tabbarProps>;
 export declare type TabbarProvide = {
-    props: ExtractPropTypes<typeof props>;
+    props: TabbarProps;
     setActive: (active: number | string) => void;
 };
 export declare const TABBAR_KEY: InjectionKey<TabbarProvide>;
@@ -66,8 +67,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 +82,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     fixed: boolean;
     border: boolean;
-    placeholder: boolean;
     modelValue: string | number;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
 }>;

package/es/tabbar/Tabbar.js

@@ -1,24 +1,21 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
-import { truthProp, getZIndexStyle, createNamespace, callInterceptor, BORDER_TOP_BOTTOM } from '../utils'; // Composables
+import { truthProp, numericProp, getZIndexStyle, createNamespace, callInterceptor, makeNumericProp, BORDER_TOP_BOTTOM } from '../utils'; // Composables
 
 import { useChildren } from '@vant/use';
 import { usePlaceholder } from '../composables/use-placeholder';
 var [name, bem] = createNamespace('tabbar');
-var props = {
+var tabbarProps = {
   route: Boolean,
   fixed: truthProp,
   border: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   placeholder: Boolean,
   activeColor: String,
   beforeChange: Function,
   inactiveColor: String,
-  modelValue: {
-    type: [Number, String],
-    default: 0
-  },
+  modelValue: makeNumericProp(0),
   safeAreaInsetBottom: {
     type: Boolean,
     default: null
@@ -27,13 +24,14 @@ var props = {
 export var TABBAR_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: tabbarProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var {
       linkChildren
@@ -66,8 +64,7 @@ export default defineComponent({
 
     var setActive = active => {
       if (active !== props.modelValue) {
-        callInterceptor({
-          interceptor: props.beforeChange,
+        callInterceptor(props.beforeChange, {
           args: [active],
 
           done() {

package/es/tabbar/index.css

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