vant 3.4.1 → 3.4.5

package/es/tabbar/index.d.ts

@@ -21,30 +21,30 @@ 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").ComponentCustomProps, Readonly<{
-    route?: unknown;
-    fixed?: unknown;
-    border?: unknown;
-    zIndex?: unknown;
-    placeholder?: unknown;
-    activeColor?: unknown;
-    beforeChange?: unknown;
-    inactiveColor?: unknown;
-    modelValue?: unknown;
-    safeAreaInsetBottom?: unknown;
-} & {
-    fixed: boolean;
-    border: boolean;
-    modelValue: string | number;
-    placeholder: boolean;
-    safeAreaInsetBottom: boolean | null;
-    route: boolean;
-} & {
-    zIndex?: string | number | undefined;
-    activeColor?: string | undefined;
-    inactiveColor?: string | undefined;
-    beforeChange?: import("../utils").Interceptor | undefined;
-}> & {
+}, () => 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<import("vue").ExtractPropTypes<{
+    route: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    placeholder: BooleanConstructor;
+    activeColor: StringConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -1,4 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type BadgeProps } from '../badge';
 declare const tabbarItemProps: {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -8,26 +9,7 @@ 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;
-    }>>;
+    badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
 };
 export declare type TabbarItemProps = ExtractPropTypes<typeof tabbarItemProps>;
@@ -40,68 +22,20 @@ 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;
-    }>>;
+    badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
-}, (() => 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;
-    dot?: unknown;
-    icon?: unknown;
-    name?: unknown;
-    badge?: unknown;
-    badgeProps?: unknown;
-    iconPrefix?: unknown;
-} & {
-    replace: boolean;
-    dot: boolean;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
 } & {
-    url?: string | undefined;
-    to?: import("vue-router").RouteLocationRaw | undefined;
-    name?: string | number | undefined;
-    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;
-}> & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<BadgeProps>>;
+    iconPrefix: StringConstructor;
+}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;

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-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)}
+: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

@@ -7,68 +7,20 @@ 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;
-    }>>;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
-}, (() => 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;
-    dot?: unknown;
-    icon?: unknown;
-    name?: unknown;
-    badge?: unknown;
-    badgeProps?: unknown;
-    iconPrefix?: unknown;
-} & {
-    replace: boolean;
-    dot: boolean;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
 } & {
-    url?: string | undefined;
-    to?: import("vue-router").RouteLocationRaw | undefined;
-    name?: string | number | undefined;
-    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;
-}> & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+    iconPrefix: StringConstructor;
+}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;

package/es/tabs/Tabs.d.ts

@@ -88,50 +88,49 @@ 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").ComponentCustomProps, Readonly<{
-    type?: unknown;
-    color?: unknown;
-    border?: unknown;
-    sticky?: unknown;
-    shrink?: 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: TabsType;
-    border: boolean;
-    ellipsis: boolean;
-    sticky: boolean;
-    active: string | number;
-    duration: string | number;
-    lazyRender: boolean;
-    offsetTop: string | number;
-    shrink: boolean;
-    animated: boolean;
-    swipeable: boolean;
-    scrollspy: boolean;
-    swipeThreshold: string | number;
-} & {
-    color?: string | undefined;
-    background?: string | undefined;
-    lineWidth?: string | number | undefined;
-    lineHeight?: string | number | undefined;
-    beforeChange?: Interceptor | undefined;
-    titleActiveColor?: string | undefined;
-    titleInactiveColor?: string | undefined;
-}> & {
+}, () => 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<ExtractPropTypes<{
+    type: {
+        type: PropType<TabsType>;
+        default: TabsType;
+    };
+    color: StringConstructor;
+    border: BooleanConstructor;
+    sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animated: BooleanConstructor;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: BooleanConstructor;
+    scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    background: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    beforeChange: PropType<Interceptor>;
+    swipeThreshold: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    titleActiveColor: StringConstructor;
+    titleInactiveColor: StringConstructor;
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;

package/es/tabs/TabsContent.d.ts

@@ -15,23 +15,24 @@ 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").ComponentCustomProps, Readonly<{
-    count?: unknown;
-    inited?: unknown;
-    animated?: unknown;
-    duration?: unknown;
-    swipeable?: unknown;
-    lazyRender?: unknown;
-    currentIndex?: unknown;
-} & {
-    duration: string | number;
-    lazyRender: boolean;
-    count: number;
-    inited: boolean;
-    animated: boolean;
-    swipeable: boolean;
-    currentIndex: number;
-} & {}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    inited: BooleanConstructor;
+    animated: BooleanConstructor;
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    swipeable: BooleanConstructor;
+    lazyRender: BooleanConstructor;
+    currentIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     lazyRender: boolean;

package/es/tabs/TabsTitle.d.ts

@@ -16,38 +16,25 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    id?: unknown;
-    dot?: unknown;
-    type?: unknown;
-    color?: unknown;
-    title?: unknown;
-    badge?: unknown;
-    shrink?: unknown;
-    isActive?: unknown;
-    disabled?: unknown;
-    controls?: unknown;
-    scrollable?: unknown;
-    activeColor?: unknown;
-    inactiveColor?: unknown;
-    showZeroBadge?: unknown;
-} & {
-    dot: boolean;
-    disabled: boolean;
-    shrink: boolean;
-    isActive: boolean;
-    scrollable: boolean;
-    showZeroBadge: boolean;
-} & {
-    color?: string | undefined;
-    type?: string | undefined;
-    badge?: string | number | undefined;
-    title?: string | undefined;
-    controls?: string | undefined;
-    id?: string | undefined;
-    activeColor?: string | undefined;
-    inactiveColor?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    dot: BooleanConstructor;
+    type: StringConstructor;
+    color: StringConstructor;
+    title: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    shrink: BooleanConstructor;
+    isActive: BooleanConstructor;
+    disabled: BooleanConstructor;
+    controls: StringConstructor;
+    scrollable: BooleanConstructor;
+    activeColor: StringConstructor;
+    inactiveColor: StringConstructor;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
     dot: boolean;
     disabled: boolean;
     shrink: 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-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--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{color:var(--van-tabs-default-color);border-right:var(--van-border-width-base) solid var(--van-tabs-default-color)}.van-tab--card:last-child{border-right:none}.van-tab--card.van-tab--active{color:var(--van-white);background-color:var(--van-tabs-default-color)}.van-tab--card--disabled{color:var(--van-tab-disabled-text-color)}.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__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete,.van-tabs__nav--line.van-tabs__nav--shrink{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-tabs__nav--shrink{display:inline-flex}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}
+:root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-danger-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-danger-color)}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{color:var(--van-tabs-default-color);border-right:var(--van-border-width-base) solid var(--van-tabs-default-color)}.van-tab--card:last-child{border-right:none}.van-tab--card.van-tab--active{color:var(--van-white);background-color:var(--van-tabs-default-color)}.van-tab--card--disabled{color:var(--van-tab-disabled-text-color)}.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__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.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-tabs__nav--shrink{display:inline-flex}.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

@@ -41,50 +41,49 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     };
     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").ComponentCustomProps, Readonly<{
-    type?: unknown;
-    color?: unknown;
-    border?: unknown;
-    sticky?: unknown;
-    shrink?: 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: import("./types").TabsType;
-    border: boolean;
-    ellipsis: boolean;
-    sticky: boolean;
-    active: string | number;
-    duration: string | number;
-    lazyRender: boolean;
-    offsetTop: string | number;
-    shrink: boolean;
-    animated: boolean;
-    swipeable: boolean;
-    scrollspy: boolean;
-    swipeThreshold: string | number;
-} & {
-    color?: string | undefined;
-    background?: string | undefined;
-    lineWidth?: string | number | undefined;
-    lineHeight?: string | number | undefined;
-    beforeChange?: import("../utils").Interceptor | undefined;
-    titleActiveColor?: string | undefined;
-    titleInactiveColor?: string | undefined;
-}> & {
+}, () => 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<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<import("./types").TabsType>;
+        default: import("./types").TabsType;
+    };
+    color: StringConstructor;
+    border: BooleanConstructor;
+    sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animated: BooleanConstructor;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: BooleanConstructor;
+    scrollspy: BooleanConstructor;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    background: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lineWidth: (NumberConstructor | StringConstructor)[];
+    lineHeight: (NumberConstructor | StringConstructor)[];
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    swipeThreshold: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    titleActiveColor: StringConstructor;
+    titleInactiveColor: StringConstructor;
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;

package/es/tag/Tag.d.ts

@@ -35,28 +35,23 @@ declare const _default: import("vue").DefineComponent<{
     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").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    mark?: unknown;
-    show?: unknown;
-    type?: unknown;
-    color?: unknown;
-    plain?: unknown;
-    round?: unknown;
-    textColor?: unknown;
-    closeable?: unknown;
-} & {
-    type: TagType;
-    mark: boolean;
-    round: boolean;
-    show: boolean;
-    plain: boolean;
-    closeable: boolean;
-} & {
-    color?: string | undefined;
-    size?: TagSize | undefined;
-    textColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    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;
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: TagType;

package/es/tag/Tag.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { Transition, defineComponent } from "vue";
-import { truthProp, makeStringProp, createNamespace } from "../utils";
+import { truthProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
 import { Icon } from "../icon";
 const [name, bem] = createNamespace("tag");
 const tagProps = {
@@ -58,7 +58,7 @@ var stdin_default = defineComponent({
       }
       const CloseIcon = closeable && _createVNode(Icon, {
         "name": "cross",
-        "class": bem("close"),
+        "class": [bem("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return _createVNode("span", {