vant 3.3.4 → 3.4.0

package/es/swipe/Swipe.js

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent } from 'vue'; // Utils
+import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent, nextTick } from 'vue'; // Utils
 
 import { clamp, isHidden, truthProp, numericProp, windowWidth, windowHeight, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
 
@@ -220,29 +220,38 @@ export default defineComponent({
         return;
       }
 
-      if (!isHidden(root)) {
-        var _props$width, _props$height;
+      var cb = () => {
+        if (!isHidden(root)) {
+          var _props$width, _props$height;
+
+          var rect = {
+            width: root.value.offsetWidth,
+            height: root.value.offsetHeight
+          };
+          state.rect = rect;
+          state.width = +((_props$width = props.width) != null ? _props$width : rect.width);
+          state.height = +((_props$height = props.height) != null ? _props$height : rect.height);
+        }
 
-        var rect = {
-          width: root.value.offsetWidth,
-          height: root.value.offsetHeight
-        };
-        state.rect = rect;
-        state.width = +((_props$width = props.width) != null ? _props$width : rect.width);
-        state.height = +((_props$height = props.height) != null ? _props$height : rect.height);
-      }
+        if (count.value) {
+          active = Math.min(count.value - 1, active);
+        }
 
-      if (count.value) {
-        active = Math.min(count.value - 1, active);
-      }
+        state.active = active;
+        state.swiping = true;
+        state.offset = getTargetOffset(active);
+        children.forEach(swipe => {
+          swipe.setOffset(0);
+        });
+        autoplay();
+      }; // issue: https://github.com/youzan/vant/issues/10052
 
-      state.active = active;
-      state.swiping = true;
-      state.offset = getTargetOffset(active);
-      children.forEach(swipe => {
-        swipe.setOffset(0);
-      });
-      autoplay();
+
+      if (isHidden(root)) {
+        nextTick().then(cb);
+      } else {
+        cb();
+      }
     };
 
     var resize = () => initialize(state.active);
@@ -259,16 +268,10 @@ export default defineComponent({
 
     var onTouchMove = event => {
       if (props.touchable && state.swiping) {
-        touch.move(event); // if user starting to touchmove, prevent the event bubbling to
-        // avoid affecting the parent components
-
-        var shouldPrevent = isCorrectDirection.value || touch.offsetY.value > touch.offsetX.value === props.vertical;
-
-        if (shouldPrevent) {
-          preventDefault(event, props.stopPropagation);
-        }
+        touch.move(event);
 
         if (isCorrectDirection.value) {
+          preventDefault(event, props.stopPropagation);
           move({
             offset: delta.value
           });
@@ -356,7 +359,8 @@ export default defineComponent({
     var renderIndicator = () => {
       if (slots.indicator) {
         return slots.indicator({
-          active: activeIndicator.value
+          active: activeIndicator.value,
+          total: count.value
         });
       }
 

package/es/swipe/index.d.ts

@@ -33,7 +33,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     loop?: unknown;
     width?: unknown;
     height?: unknown;
@@ -76,3 +76,8 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
 export default Swipe;
 export type { SwipeProps };
 export type { SwipeInstance, SwipeToOptions } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwipe: typeof Swipe;
+    }
+}

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

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 declare const swipeCellProps: {
     name: {
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     disabled?: unknown;
     leftWidth?: unknown;

package/es/swipe-cell/SwipeCell.js

@@ -44,12 +44,15 @@ export default defineComponent({
     var rightWidth = computed(() => isDef(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
 
     var open = side => {
-      opened = true;
       state.offset = side === 'left' ? leftWidth.value : -rightWidth.value;
-      emit('open', {
-        name: props.name,
-        position: side
-      });
+
+      if (!opened) {
+        opened = true;
+        emit('open', {
+          name: props.name,
+          position: side
+        });
+      }
     };
 
     var close = position => {

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

@@ -9,7 +9,7 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     rightWidth: (NumberConstructor | StringConstructor)[];
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
     stopPropagation: BooleanConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close")[], "open" | "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     disabled?: unknown;
     leftWidth?: unknown;
@@ -36,3 +36,8 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
 export default SwipeCell;
 export type { SwipeCellProps };
 export type { SwipeCellSide, SwipeCellPosition, SwipeCellInstance, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwipeCell: typeof SwipeCell;
+    }
+}

package/es/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").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

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

@@ -1,2 +1,7 @@
-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").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
 export default SwipeItem;
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwipeItem: typeof SwipeItem;
+    }
+}

package/es/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const switchProps: {
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;
     loading?: unknown;
     disabled?: unknown;

package/es/switch/index.d.ts

@@ -13,7 +13,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;
     loading?: unknown;
     disabled?: unknown;
@@ -43,3 +43,8 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default Switch;
 export type { SwitchProps } from './Switch';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSwitch: typeof Switch;
+    }
+}

package/es/tab/Tab.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 declare const tabProps: {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, (() => JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;

package/es/tab/index.d.ts

@@ -14,7 +14,7 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
         type: BooleanConstructor;
         default: true;
     };
-}, (() => JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -47,3 +47,8 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
 }>>;
 export default Tab;
 export type { TabProps } from './Tab';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTab: typeof Tab;
+    }
+}

package/es/tabbar/Tabbar.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 declare const tabbarProps: {
     route: BooleanConstructor;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     route?: unknown;
     fixed?: unknown;
     border?: unknown;

package/es/tabbar/index.d.ts

@@ -21,7 +21,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     route?: unknown;
     fixed?: unknown;
     border?: unknown;
@@ -57,3 +57,8 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default Tabbar;
 export type { TabbarProps } from './Tabbar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTabbar: typeof Tabbar;
+    }
+}

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

@@ -1,6 +1,6 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const tabbarItemProps: {
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -8,11 +8,31 @@ declare const tabbarItemProps: {
     icon: StringConstructor;
     name: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
 };
 export declare type TabbarItemProps = ExtractPropTypes<typeof tabbarItemProps>;
 declare const _default: import("vue").DefineComponent<{
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -20,8 +40,28 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     name: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -29,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     icon?: unknown;
     name?: unknown;
     badge?: unknown;
+    badgeProps?: unknown;
     iconPrefix?: unknown;
 } & {
     replace: boolean;
@@ -40,6 +81,26 @@ declare const _default: import("vue").DefineComponent<{
     badge?: string | number | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
 }> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {

package/es/tabbar-item/TabbarItem.js

@@ -1,4 +1,4 @@
-import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { computed, defineComponent, getCurrentInstance } from 'vue'; // Utils
 
 import { createNamespace, extend, isObject, numericProp } from '../utils';
@@ -15,6 +15,7 @@ var tabbarItemProps = extend({}, routeProps, {
   icon: String,
   name: numericProp,
   badge: numericProp,
+  badgeProps: Object,
   iconPrefix: String
 });
 export default defineComponent({
@@ -116,11 +117,11 @@ export default defineComponent({
         "tabindex": 0,
         "aria-selected": active.value,
         "onClick": onClick
-      }, [_createVNode(Badge, {
+      }, [_createVNode(Badge, _mergeProps({
         "dot": dot,
-        "content": badge,
-        "class": bem('icon')
-      }, {
+        "class": bem('icon'),
+        "content": badge
+      }, props.badgeProps), {
         default: renderIcon
       }), _createVNode("div", {
         "class": bem('text')

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

@@ -7,8 +7,28 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     icon: StringConstructor;
     name: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: import("vue").PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -16,6 +36,7 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     icon?: unknown;
     name?: unknown;
     badge?: unknown;
+    badgeProps?: unknown;
     iconPrefix?: unknown;
 } & {
     replace: boolean;
@@ -27,6 +48,26 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     badge?: string | number | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
 }> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -35,3 +76,8 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
 }>>;
 export default TabbarItem;
 export type { TabbarItemProps } from './TabbarItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTabbarItem: typeof TabbarItem;
+    }
+}

package/es/tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import type { TabsProvide, TabsType } from './types';
 declare const tabsProps: {
@@ -9,6 +9,7 @@ declare const tabsProps: {
     color: StringConstructor;
     border: BooleanConstructor;
     sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     border: BooleanConstructor;
     sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -86,11 +88,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     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<{
+}, () => 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").ComponentCustomProps, Readonly<{
     type?: unknown;
     color?: unknown;
     border?: unknown;
     sticky?: unknown;
+    shrink?: unknown;
     active?: unknown;
     duration?: unknown;
     animated?: unknown;
@@ -115,6 +118,7 @@ declare const _default: import("vue").DefineComponent<{
     duration: string | number;
     lazyRender: boolean;
     offsetTop: string | number;
+    shrink: boolean;
     animated: boolean;
     swipeable: boolean;
     scrollspy: boolean;
@@ -144,6 +148,7 @@ declare const _default: import("vue").DefineComponent<{
     duration: string | number;
     lazyRender: boolean;
     offsetTop: string | number;
+    shrink: boolean;
     animated: boolean;
     swipeable: boolean;
     scrollspy: boolean;

package/es/tabs/Tabs.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 import { ref, watch, computed, reactive, nextTick, onActivated, defineComponent, getCurrentInstance } from 'vue'; // Utils
 
 import { pick, isDef, addUnit, isHidden, unitToPx, truthProp, numericProp, windowWidth, getElementTop, makeStringProp, callInterceptor, createNamespace, makeNumericProp, setRootScrollTop, BORDER_TOP_BOTTOM } from '../utils';
@@ -21,6 +21,7 @@ var tabsProps = {
   color: String,
   border: Boolean,
   sticky: Boolean,
+  shrink: Boolean,
   active: makeNumericProp(0),
   duration: makeNumericProp(0.3),
   animated: Boolean,
@@ -83,7 +84,7 @@ export default defineComponent({
       currentIndex: -1
     }); // whether the nav is scrollable
 
-    var scrollable = computed(() => children.length > props.swipeThreshold || !props.ellipsis);
+    var scrollable = computed(() => children.length > props.swipeThreshold || !props.ellipsis || props.shrink);
     var navStyle = computed(() => ({
       borderColor: props.color,
       background: props.background
@@ -292,14 +293,25 @@ export default defineComponent({
       "color": props.color,
       "style": item.titleStyle,
       "class": item.titleClass,
+      "shrink": props.shrink,
       "isActive": index === state.currentIndex,
       "controls": item.id,
       "scrollable": scrollable.value,
-      "renderTitle": item.$slots.title,
       "activeColor": props.titleActiveColor,
       "inactiveColor": props.titleInactiveColor,
       "onClick": event => onClickTab(item, index, event)
-    }, pick(item, ['dot', 'badge', 'title', 'disabled', 'showZeroBadge'])), null));
+    }, pick(item, ['dot', 'badge', 'title', 'disabled', 'showZeroBadge'])), {
+      title: item.$slots.title
+    }));
+
+    var renderLine = () => {
+      if (props.type === 'line' && children.length) {
+        return _createVNode("div", {
+          "class": bem('line'),
+          "style": state.lineStyle
+        }, null);
+      }
+    };
 
     var renderHeader = () => {
       var _slots$navLeft, _slots$navRight;
@@ -310,23 +322,19 @@ export default defineComponent({
       } = props;
       return _createVNode("div", {
         "ref": wrapRef,
-        "class": [bem('wrap', {
-          scrollable: scrollable.value
-        }), {
+        "class": [bem('wrap'), {
           [BORDER_TOP_BOTTOM]: type === 'line' && border
         }]
       }, [_createVNode("div", {
         "ref": navRef,
         "role": "tablist",
         "class": bem('nav', [type, {
+          shrink: props.shrink,
           complete: scrollable.value
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_slots$navLeft = slots['nav-left']) == null ? void 0 : _slots$navLeft.call(slots), renderNav(), type === 'line' && _createVNode("div", {
-        "class": bem('line'),
-        "style": state.lineStyle
-      }, null), (_slots$navRight = slots['nav-right']) == null ? void 0 : _slots$navRight.call(slots)])]);
+      }, [(_slots$navLeft = slots['nav-left']) == null ? void 0 : _slots$navLeft.call(slots), renderNav(), renderLine(), (_slots$navRight = slots['nav-right']) == null ? void 0 : _slots$navRight.call(slots)])]);
     };
 
     watch([() => props.color, windowWidth], setLine);

package/es/tabs/TabsContent.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     count?: unknown;
     inited?: unknown;
     animated?: unknown;