vant 3.3.7 → 3.4.0

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;
@@ -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;

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;
@@ -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;
@@ -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;
+    }
+}

package/es/circle/Circle.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
 declare const circleProps: {
     text: StringConstructor;
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<CircleStartPosition>;
         default: CircleStartPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     text?: unknown;
     size?: unknown;
     fill?: unknown;

package/es/circle/index.d.ts

@@ -32,7 +32,7 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("./Circle").CircleStartPosition>;
         default: import("./Circle").CircleStartPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     text?: unknown;
     size?: unknown;
     fill?: unknown;
@@ -72,3 +72,8 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default Circle;
 export type { CircleProps, CircleStartPosition } from './Circle';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCircle: typeof Circle;
+    }
+}

package/es/col/Col.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const colProps: {
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => 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<{
     tag?: unknown;
     span?: unknown;
     offset?: unknown;

package/es/col/index.d.ts

@@ -8,7 +8,7 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => 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<{
     tag?: unknown;
     span?: unknown;
     offset?: unknown;
@@ -23,3 +23,8 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
 }>>;
 export default Col;
 export type { ColProps } from './Col';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCol: typeof Col;
+    }
+}

package/es/collapse/Collapse.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 export declare type CollapseProvide = {
     toggle: (name: number | string, expanded: boolean) => void;
     isExpanded: (name: number | string) => boolean;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | number | (string | number)[]>;
         default: string;
     };
-}, () => 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<{
     border?: unknown;
     accordion?: unknown;
     modelValue?: unknown;

package/es/collapse/index.d.ts

@@ -8,7 +8,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<string | number | (string | number)[]>;
         default: string;
     };
-}, () => 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<{
     border?: unknown;
     accordion?: unknown;
     modelValue?: unknown;
@@ -26,3 +26,8 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
 }>>;
 export default Collapse;
 export type { CollapseProps } from './Collapse';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCollapse: typeof Collapse;
+    }
+}

package/es/collapse-item/CollapseItem.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const collapseItemProps: {
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
-}, (() => 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<{
+}, (() => JSX.Element) | undefined, 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/collapse-item/index.d.ts

@@ -29,7 +29,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
-}, (() => 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<{
+}, (() => JSX.Element) | undefined, 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;
@@ -82,3 +82,8 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
 export default CollapseItem;
 export type { CollapseItemProps } from './CollapseItem';
 export type { CollapseItemInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCollapseItem: typeof CollapseItem;
+    }
+}

package/es/composables/use-refs.js

@@ -1,12 +1,19 @@
 import { ref, onBeforeUpdate } from 'vue';
 export function useRefs() {
   var refs = ref([]);
+  var cache = [];
   onBeforeUpdate(() => {
     refs.value = [];
   });
 
-  var setRefs = index => el => {
-    refs.value[index] = el;
+  var setRefs = index => {
+    if (!cache[index]) {
+      cache[index] = el => {
+        refs.value[index] = el;
+      };
+    }
+
+    return cache[index];
   };
 
   return [refs, setRefs];