vant 3.3.4 → 3.4.0

package/es/badge/Badge.js

@@ -9,7 +9,8 @@ var badgeProps = {
   color: String,
   offset: Array,
   content: numericProp,
-  showZero: truthProp
+  showZero: truthProp,
+  position: makeStringProp('top-right')
 };
 export default defineComponent({
   name,
@@ -80,10 +81,10 @@ export default defineComponent({
     var renderBadge = () => {
       if (hasContent() || props.dot) {
         return _createVNode("div", {
-          "class": bem({
+          "class": bem([props.position, {
             dot: props.dot,
             fixed: !!slots.default
-          }),
+          }]),
           "style": style.value
         }, [renderContent()]);
       }

package/es/badge/index.css

@@ -1 +1 @@
-:root{--van-badge-size:16px;--van-badge-color:var(--van-white);--van-badge-padding:0 3px;--van-badge-font-size:var(--van-font-size-sm);--van-badge-font-weight:var(--van-font-weight-bold);--van-badge-border-width:var(--van-border-width-base);--van-badge-background-color:var(--van-danger-color);--van-badge-dot-color:var(--van-danger-color);--van-badge-dot-size:8px;--van-badge-font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100%}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
+:root{--van-badge-size:16px;--van-badge-color:var(--van-white);--van-badge-padding:0 3px;--van-badge-font-size:var(--van-font-size-sm);--van-badge-font-weight:var(--van-font-weight-bold);--van-badge-border-width:var(--van-border-width-base);--van-badge-background-color:var(--van-danger-color);--van-badge-dot-color:var(--van-danger-color);--van-badge-dot-size:8px;--van-badge-font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}

package/es/badge/index.d.ts

@@ -12,7 +12,11 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    position: {
+        type: import("vue").PropType<import("./Badge").BadgePosition>;
+        default: import("./Badge").BadgePosition;
+    };
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
     tag?: unknown;
@@ -20,19 +24,27 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
     offset?: unknown;
     content?: unknown;
     showZero?: unknown;
+    position?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: import("./Badge").BadgePosition;
 } & {
-    max?: string | number | undefined;
     color?: string | undefined;
+    max?: string | number | undefined;
     offset?: [string | number, string | number] | undefined;
     content?: string | number | undefined;
 }>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: import("./Badge").BadgePosition;
 }>>;
 export default Badge;
-export type { BadgeProps } from './Badge';
+export type { BadgeProps, BadgePosition } from './Badge';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBadge: typeof Badge;
+    }
+}

package/es/badge/index.less

@@ -30,10 +30,31 @@
 
   &--fixed {
     position: absolute;
+    transform-origin: 100%;
+  }
+
+  &--top-left {
+    top: 0;
+    left: 0;
+    transform: translate(-50%, -50%);
+  }
+
+  &--top-right {
     top: 0;
     right: 0;
     transform: translate(50%, -50%);
-    transform-origin: 100%;
+  }
+
+  &--bottom-left {
+    bottom: 0;
+    left: 0;
+    transform: translate(-50%, 50%);
+  }
+
+  &--bottom-right {
+    bottom: 0;
+    right: 0;
+    transform: translate(50%, 50%);
   }
 
   &--dot {

package/es/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import { ButtonSize, ButtonType, ButtonNativeType, ButtonIconPosition } from './types';
 declare const buttonProps: {
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ButtonIconPosition>;
         default: ButtonIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, 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;
@@ -119,10 +119,10 @@ declare const _default: import("vue").DefineComponent<{
     nativeType: ButtonNativeType;
     iconPosition: ButtonIconPosition;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
-    to?: import("vue-router").RouteLocationRaw | undefined;
+    text?: string | undefined;
     color?: string | undefined;
+    to?: import("vue-router").RouteLocationRaw | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     loadingSize?: string | number | undefined;

package/es/button/index.d.ts

@@ -37,7 +37,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("./types").ButtonIconPosition>;
         default: import("./types").ButtonIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, 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;
@@ -75,10 +75,10 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     nativeType: import("./types").ButtonNativeType;
     iconPosition: import("./types").ButtonIconPosition;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
-    to?: import("vue-router").RouteLocationRaw | undefined;
+    text?: string | undefined;
     color?: string | undefined;
+    to?: import("vue-router").RouteLocationRaw | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     loadingSize?: string | number | undefined;
@@ -104,3 +104,8 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
 export default Button;
 export type { ButtonProps } from './Button';
 export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanButton: typeof Button;
+    }
+}

package/es/calendar/Calendar.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { PopupPosition } from '../popup';
 import type { CalendarType, CalendarDayItem } from './types';
 declare const calendarProps: {
@@ -171,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     type?: unknown;
     title?: unknown;
@@ -203,13 +203,13 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek?: unknown;
 } & {
     type: CalendarType;
+    position: PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -223,8 +223,8 @@ declare const _default: import("vue").DefineComponent<{
     showRangePrompt: boolean;
     firstDayOfWeek: string | number;
 } & {
-    title?: string | undefined;
     color?: string | undefined;
+    title?: string | undefined;
     formatter?: ((item: CalendarDayItem) => CalendarDayItem) | undefined;
     teleport?: string | import("vue").RendererElement | null | undefined;
     rowHeight?: string | number | undefined;
@@ -242,13 +242,13 @@ declare const _default: import("vue").DefineComponent<{
     "onOver-range"?: ((...args: any[]) => any) | undefined;
 }, {
     type: CalendarType;
+    position: PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;

package/es/calendar/CalendarDay.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { CalendarDayItem } from './types';
 declare const _default: import("vue").DefineComponent<{
     item: {
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     item?: unknown;
     color?: unknown;
     index?: unknown;

package/es/calendar/CalendarHeader.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitle: BooleanConstructor;
     showSubtitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-subtitle"[], "click-subtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-subtitle"[], "click-subtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     subtitle?: unknown;
     showTitle?: unknown;

package/es/calendar/CalendarMonth.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { CalendarType, CalendarDayItem } from './types';
 declare const calendarMonthProps: {
     date: {
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update-height")[], "click" | "update-height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update-height")[], "click" | "update-height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     date?: unknown;
     type?: unknown;
     color?: unknown;
@@ -66,8 +66,8 @@ declare const _default: import("vue").DefineComponent<{
     showMonthTitle?: unknown;
     firstDayOfWeek?: unknown;
 } & {
-    lazyRender: boolean;
     date: Date;
+    lazyRender: boolean;
     minDate: Date;
     maxDate: Date;
     showMark: boolean;
@@ -75,8 +75,8 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: boolean;
     showMonthTitle: boolean;
 } & {
-    type?: CalendarType | undefined;
     color?: string | undefined;
+    type?: CalendarType | undefined;
     formatter?: ((item: CalendarDayItem) => CalendarDayItem) | undefined;
     rowHeight?: string | number | undefined;
     firstDayOfWeek?: number | undefined;

package/es/calendar/index.d.ts

@@ -82,7 +82,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     type?: unknown;
     title?: unknown;
@@ -114,13 +114,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     firstDayOfWeek?: unknown;
 } & {
     type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: import("..").PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -134,8 +134,8 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     showRangePrompt: boolean;
     firstDayOfWeek: string | number;
 } & {
-    title?: string | undefined;
     color?: string | undefined;
+    title?: string | undefined;
     formatter?: ((item: import("./types").CalendarDayItem) => import("./types").CalendarDayItem) | undefined;
     teleport?: string | import("vue").RendererElement | null | undefined;
     rowHeight?: string | number | undefined;
@@ -153,13 +153,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     "onOver-range"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: import("..").PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -176,3 +176,8 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
 export default Calendar;
 export type { CalendarProps } from './Calendar';
 export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCalendar: typeof Calendar;
+    }
+}

package/es/card/Card.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const cardProps: {
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tag?: unknown;
     num?: unknown;
     desc?: unknown;

package/es/card/index.d.ts

@@ -13,7 +13,7 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tag?: unknown;
     num?: unknown;
     desc?: unknown;
@@ -47,3 +47,8 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
 }>>;
 export default Card;
 export type { CardProps } from './Card';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCard: typeof Card;
+    }
+}

package/es/cascader/Cascader.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { CascaderOption, CascaderFieldNames } from './types';
 declare const cascaderProps: {
     title: StringConstructor;
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     options?: unknown;
     closeable?: unknown;

package/es/cascader/Cascader.js

@@ -223,10 +223,10 @@ export default defineComponent({
     var renderTabs = () => _createVNode(Tabs, {
       "active": activeTab.value,
       "onUpdate:active": $event => activeTab.value = $event,
+      "shrink": true,
       "animated": true,
       "class": bem('tabs'),
       "color": props.activeColor,
-      "swipeThreshold": 0,
       "swipeable": props.swipeable,
       "onClick-tab": onClickTab
     }, {

package/es/cascader/index.css

@@ -1 +1 @@
-:root{--van-cascader-header-height:48px;--van-cascader-header-padding:0 var(--van-padding-md);--van-cascader-title-font-size:var(--van-font-size-lg);--van-cascader-title-line-height:20px;--van-cascader-close-icon-size:22px;--van-cascader-close-icon-color:var(--van-gray-5);--van-cascader-selected-icon-size:18px;--van-cascader-tabs-height:48px;--van-cascader-active-color:var(--van-danger-color);--van-cascader-options-height:384px;--van-cascader-option-disabled-color:var(--van-text-color-3);--van-cascader-tab-color:var(--van-text-color);--van-cascader-unselected-tab-color:var(--van-text-color-2)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-weight-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__tabs .van-tab{flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-weight-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-weight-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}
+:root{--van-cascader-header-height:48px;--van-cascader-header-padding:0 var(--van-padding-md);--van-cascader-title-font-size:var(--van-font-size-lg);--van-cascader-title-line-height:20px;--van-cascader-close-icon-size:22px;--van-cascader-close-icon-color:var(--van-gray-5);--van-cascader-selected-icon-size:18px;--van-cascader-tabs-height:48px;--van-cascader-active-color:var(--van-danger-color);--van-cascader-options-height:384px;--van-cascader-option-disabled-color:var(--van-text-color-3);--van-cascader-tab-color:var(--van-text-color);--van-cascader-unselected-tab-color:var(--van-text-color-2)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-weight-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-weight-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-weight-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}

package/es/cascader/index.d.ts

@@ -20,7 +20,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     options?: unknown;
     closeable?: unknown;
@@ -56,3 +56,8 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
 export default Cascader;
 export type { CascaderProps } from './Cascader';
 export type { CascaderOption, CascaderFieldNames } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCascader: typeof Cascader;
+    }
+}

package/es/cascader/index.less

@@ -37,19 +37,9 @@
   }
 
   &__tabs {
-    .van-tab {
-      flex: none;
-      padding: 0 10px;
-    }
-
     &.van-tabs--line .van-tabs__wrap {
       height: var(--van-cascader-tabs-height);
     }
-
-    .van-tabs__nav--complete {
-      padding-right: 6px;
-      padding-left: 6px;
-    }
   }
 
   &__tab {

package/es/cell/Cell.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 export declare type CellSize = 'normal' | 'large';
 export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
 export declare const cellSharedProps: {
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, 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, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     icon?: unknown;
     size?: unknown;
     title?: unknown;

package/es/cell/index.d.ts

@@ -25,7 +25,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, 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, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     icon?: unknown;
     size?: unknown;
     title?: unknown;
@@ -76,3 +76,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
 }>>;
 export default Cell;
 export type { CellSize, CellProps, CellArrowDirection } from './Cell';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCell: typeof Cell;
+    }
+}

package/es/cell-group/CellGroup.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const cellGroupProps: {
     title: StringConstructor;
     inset: BooleanConstructor;
@@ -15,7 +15,7 @@ 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/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     inset?: unknown;
     border?: unknown;

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

@@ -5,7 +5,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
         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/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     inset?: unknown;
     border?: unknown;
@@ -20,3 +20,8 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
 }>>;
 export default CellGroup;
 export type { CellGroupProps } from './CellGroup';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCellGroup: typeof CellGroup;
+    }
+}

package/es/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
     shape: {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
     name?: unknown;
     shape?: unknown;
     disabled?: unknown;

package/es/checkbox/Checker.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 export declare type CheckerShape = 'square' | 'round';
 export declare type CheckerDirection = 'horizontal' | 'vertical';
 export declare type CheckerLabelPosition = 'left' | 'right';
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     shape?: unknown;
     disabled?: unknown;

package/es/checkbox/index.d.ts

@@ -15,7 +15,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
     name?: unknown;
     shape?: unknown;
     disabled?: unknown;
@@ -48,3 +48,8 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
 export default Checkbox;
 export type { CheckboxProps } from './Checkbox';
 export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCheckbox: typeof Checkbox;
+    }
+}

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
 declare const checkboxGroupProps: {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     checkedColor: StringConstructor;
-}, () => 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<{
     max?: unknown;
     disabled?: unknown;
     iconSize?: unknown;

package/es/checkbox-group/index.d.ts

@@ -8,7 +8,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
         default: () => never[];
     };
     checkedColor: StringConstructor;
-}, () => 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<{
     max?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
@@ -33,3 +33,8 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
 export default CheckboxGroup;
 export type { CheckboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCheckboxGroup: typeof CheckboxGroup;
+    }
+}