vant 3.2.4 → 3.2.8

package/lib/calendar/index.d.ts

@@ -1,6 +1,9 @@
-import { CalendarProps } from './Calendar';
 export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").CalendarType>;
+        default: import("./types").CalendarType;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -12,6 +15,14 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    maxRange: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    position: {
+        type: import("vue").PropType<import("..").PopupPosition>;
+        default: import("..").PopupPosition;
+    };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     showMark: {
         type: BooleanConstructor;
@@ -43,6 +54,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    showRangePrompt: {
+        type: BooleanConstructor;
+        default: true;
+    };
     confirmDisabledText: StringConstructor;
     closeOnClickOverlay: {
         type: BooleanConstructor;
@@ -52,26 +67,14 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    type: {
-        type: import("vue").PropType<import("./types").CalendarType>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<import("..").PopupPosition>;
-        default: string;
-    };
-    maxRange: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: null;
-    };
     minDate: {
         type: DateConstructor;
-        validator: typeof import("../utils").isDate;
+        validator: (val: unknown) => val is Date;
         default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
-        validator: typeof import("../utils").isDate;
+        validator: (val: unknown) => val is Date;
         default: () => Date;
     };
     firstDayOfWeek: {
@@ -79,17 +82,16 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (val: number) => boolean;
     };
-    showRangePrompt: {
-        type: BooleanConstructor;
-        default: 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<{
     show?: unknown;
+    type?: unknown;
     title?: unknown;
     color?: unknown;
     round?: unknown;
     readonly?: unknown;
     poppable?: unknown;
+    maxRange?: unknown;
+    position?: unknown;
     teleport?: unknown;
     showMark?: unknown;
     showTitle?: unknown;
@@ -103,16 +105,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     allowSameDay?: unknown;
     showSubtitle?: unknown;
     closeOnPopstate?: unknown;
+    showRangePrompt?: unknown;
     confirmDisabledText?: unknown;
     closeOnClickOverlay?: unknown;
     safeAreaInsetBottom?: unknown;
-    type?: unknown;
-    position?: unknown;
-    maxRange?: unknown;
     minDate?: unknown;
     maxDate?: unknown;
     firstDayOfWeek?: unknown;
-    showRangePrompt?: unknown;
 } & {
     type: import("./types").CalendarType;
     round: boolean;
@@ -121,19 +120,19 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    closeOnPopstate: boolean;
     position: import("..").PopupPosition;
+    closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
     poppable: boolean;
+    maxRange: string | number;
     showMark: boolean;
     showTitle: boolean;
     showConfirm: boolean;
     allowSameDay: boolean;
     showSubtitle: boolean;
-    maxRange: string | number;
-    firstDayOfWeek: string | number;
     showRangePrompt: boolean;
+    firstDayOfWeek: string | number;
 } & {
     title?: string | undefined;
     color?: string | undefined;
@@ -160,20 +159,20 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    closeOnPopstate: boolean;
     position: import("..").PopupPosition;
+    closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
     poppable: boolean;
+    maxRange: string | number;
     showMark: boolean;
     showTitle: boolean;
     showConfirm: boolean;
     allowSameDay: boolean;
     showSubtitle: boolean;
-    maxRange: string | number;
-    firstDayOfWeek: string | number;
     showRangePrompt: boolean;
+    firstDayOfWeek: string | number;
 }>>;
 export default Calendar;
-export type { CalendarProps };
+export type { CalendarProps } from './Calendar';
 export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';

package/lib/calendar/index.less

@@ -32,7 +32,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: var(--van-calendar-background-color);
+  background: var(--van-calendar-background-color);
 
   &__popup {
     &.van-popup--top,
@@ -132,7 +132,7 @@
     &--multiple-middle,
     &--multiple-selected {
       color: var(--van-calendar-range-edge-color);
-      background-color: var(--van-calendar-range-edge-background-color);
+      background: var(--van-calendar-range-edge-background-color);
     }
 
     &--start {
@@ -194,7 +194,7 @@
     width: var(--van-calendar-selected-day-size);
     height: var(--van-calendar-selected-day-size);
     color: var(--van-calendar-selected-day-color);
-    background-color: var(--van-calendar-selected-day-background-color);
+    background: var(--van-calendar-selected-day-background-color);
     border-radius: var(--van-border-radius-md);
   }
 

package/lib/calendar/types.d.ts

@@ -18,7 +18,7 @@ export declare type CalendarExpose = {
 export declare type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
 export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {
     showed?: boolean;
-    getTitle: () => any;
+    getTitle: () => string;
     getHeight: () => number;
     setVisible: (value?: boolean | undefined) => void;
     scrollIntoView: (body: Element) => void;

package/lib/calendar/utils.d.ts

@@ -1,6 +1,6 @@
-declare const name: string, bem: (el?: import("../utils/create/bem").Mods | undefined, mods?: import("../utils/create/bem").Mods | undefined) => import("../utils/create/bem").Mods, t: (path: string, ...args: any[]) => any;
+declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
 export { name, bem, t };
-export declare function formatMonthTitle(date: Date): any;
+export declare const formatMonthTitle: (date: Date) => any;
 export declare function compareMonth(date1: Date, date2: Date): 0 | 1 | -1;
 export declare function compareDay(day1: Date, day2: Date): 0 | 1 | -1;
 export declare const cloneDate: (date: Date) => Date;

package/lib/calendar/utils.js

@@ -1,12 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.formatMonthTitle = formatMonthTitle;
-exports.compareMonth = compareMonth;
+exports.bem = void 0;
+exports.calcDateNum = calcDateNum;
+exports.cloneDates = exports.cloneDate = void 0;
 exports.compareDay = compareDay;
+exports.compareMonth = compareMonth;
+exports.formatMonthTitle = void 0;
 exports.getDayByOffset = getDayByOffset;
-exports.calcDateNum = calcDateNum;
-exports.getToday = exports.getNextDay = exports.getPrevDay = exports.cloneDates = exports.cloneDate = exports.t = exports.bem = exports.name = void 0;
+exports.t = exports.name = exports.getToday = exports.getPrevDay = exports.getNextDay = void 0;
 
 var _utils = require("../utils");
 
@@ -15,9 +17,9 @@ exports.t = t;
 exports.bem = bem;
 exports.name = name;
 
-function formatMonthTitle(date) {
-  return t('monthTitle', date.getFullYear(), date.getMonth() + 1);
-}
+var formatMonthTitle = date => t('monthTitle', date.getFullYear(), date.getMonth() + 1);
+
+exports.formatMonthTitle = formatMonthTitle;
 
 function compareMonth(date1, date2) {
   var year1 = date1.getFullYear();

package/lib/calendar/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@calendar-background-color: var(--van-white);
+@calendar-background-color: var(--van-background-color-light);
 @calendar-popup-height: 80%;
 @calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
 @calendar-header-title-height: 44px;
@@ -22,6 +22,6 @@
 @calendar-info-font-size: var(--van-font-size-xs);
 @calendar-info-line-height: var(--van-line-height-xs);
 @calendar-selected-day-background-color: var(--van-danger-color);
-@calendar-day-disabled-color: var(--van-gray-5);
+@calendar-day-disabled-color: var(--van-text-color-3);
 @calendar-confirm-button-height: 36px;
 @calendar-confirm-button-margin: 7px 0;

package/lib/card/Card.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const cardProps: {
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -7,12 +8,29 @@ declare const _default: import("vue").DefineComponent<{
     price: (NumberConstructor | StringConstructor)[];
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
+};
+export declare type CardProps = ExtractPropTypes<typeof cardProps>;
+declare const _default: import("vue").DefineComponent<{
+    tag: StringConstructor;
+    num: (NumberConstructor | StringConstructor)[];
+    desc: StringConstructor;
+    thumb: StringConstructor;
+    title: StringConstructor;
+    price: (NumberConstructor | StringConstructor)[];
+    centered: BooleanConstructor;
+    lazyLoad: BooleanConstructor;
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    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<{
     tag?: unknown;
     num?: unknown;
@@ -22,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
     price?: unknown;
     centered?: unknown;
     lazyLoad?: unknown;
+    currency?: unknown;
     thumbLink?: unknown;
     originPrice?: unknown;
-    currency?: unknown;
 } & {
     lazyLoad: boolean;
     centered: boolean;

package/lib/card/Card.js

@@ -14,31 +14,31 @@ var _image = require("../image");
 // Utils
 // Components
 var [name, bem] = (0, _utils.createNamespace)('card');
+var cardProps = {
+  tag: String,
+  num: _utils.numericProp,
+  desc: String,
+  thumb: String,
+  title: String,
+  price: _utils.numericProp,
+  centered: Boolean,
+  lazyLoad: Boolean,
+  currency: (0, _utils.makeStringProp)('¥'),
+  thumbLink: String,
+  originPrice: _utils.numericProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    tag: String,
-    num: [Number, String],
-    desc: String,
-    thumb: String,
-    title: String,
-    price: [Number, String],
-    centered: Boolean,
-    lazyLoad: Boolean,
-    thumbLink: String,
-    originPrice: [Number, String],
-    currency: {
-      type: String,
-      default: '¥'
-    }
-  },
+  props: cardProps,
   emits: ['click-thumb'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderTitle = () => {
       if (slots.title) {
         return slots.title();

package/lib/card/index.css

@@ -1 +1 @@
-:root{--van-card-padding:var(--van-padding-xs) var(--van-padding-md);--van-card-font-size:var(--van-font-size-sm);--van-card-text-color:var(--van-text-color);--van-card-background-color:var(--van-background-color-light);--van-card-thumb-size:88px;--van-card-thumb-border-radius:var(--van-border-radius-lg);--van-card-title-line-height:16px;--van-card-desc-color:var(--van-gray-7);--van-card-desc-line-height:var(--van-line-height-md);--van-card-price-color:var(--van-gray-8);--van-card-origin-price-color:var(--van-gray-6);--van-card-num-color:var(--van-gray-6);--van-card-origin-price-font-size:var(--van-font-size-xs);--van-card-price-font-size:var(--van-font-size-sm);--van-card-price-integer-font-size:var(--van-font-size-lg);--van-card-price-font-family:var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background-color:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}
+:root{--van-card-padding:var(--van-padding-xs) var(--van-padding-md);--van-card-font-size:var(--van-font-size-sm);--van-card-text-color:var(--van-text-color);--van-card-background-color:var(--van-gray-1);--van-card-thumb-size:88px;--van-card-thumb-border-radius:var(--van-border-radius-lg);--van-card-title-line-height:16px;--van-card-desc-color:var(--van-gray-7);--van-card-desc-line-height:var(--van-line-height-md);--van-card-price-color:var(--van-gray-8);--van-card-origin-price-color:var(--van-text-color-2);--van-card-num-color:var(--van-text-color-2);--van-card-origin-price-font-size:var(--van-font-size-xs);--van-card-price-font-size:var(--van-font-size-sm);--van-card-price-integer-font-size:var(--van-font-size-lg);--van-card-price-font-family:var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}

package/lib/card/index.d.ts

@@ -7,12 +7,12 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     price: (NumberConstructor | StringConstructor)[];
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
-    thumbLink: StringConstructor;
-    originPrice: (NumberConstructor | StringConstructor)[];
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    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<{
     tag?: unknown;
     num?: unknown;
@@ -22,9 +22,9 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     price?: unknown;
     centered?: unknown;
     lazyLoad?: unknown;
+    currency?: unknown;
     thumbLink?: unknown;
     originPrice?: unknown;
-    currency?: unknown;
 } & {
     lazyLoad: boolean;
     centered: boolean;
@@ -46,3 +46,4 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     currency: string;
 }>>;
 export default Card;
+export type { CardProps } from './Card';

package/lib/card/index.less

@@ -25,7 +25,7 @@
   padding: var(--van-card-padding);
   color: var(--van-card-text-color);
   font-size: var(--van-card-font-size);
-  background-color: var(--van-card-background-color);
+  background: var(--van-card-background-color);
 
   &:not(:first-child) {
     margin-top: var(--van-padding-xs);

package/lib/card/var.less

@@ -3,15 +3,15 @@
 @card-padding: var(--van-padding-xs) var(--van-padding-md);
 @card-font-size: var(--van-font-size-sm);
 @card-text-color: var(--van-text-color);
-@card-background-color: var(--van-background-color-light);
+@card-background-color: var(--van-gray-1);
 @card-thumb-size: 88px;
 @card-thumb-border-radius: var(--van-border-radius-lg);
 @card-title-line-height: 16px;
 @card-desc-color: var(--van-gray-7);
 @card-desc-line-height: var(--van-line-height-md);
 @card-price-color: var(--van-gray-8);
-@card-origin-price-color: var(--van-gray-6);
-@card-num-color: var(--van-gray-6);
+@card-origin-price-color: var(--van-text-color-2);
+@card-num-color: var(--van-text-color-2);
 @card-origin-price-font-size: var(--van-font-size-xs);
 @card-price-font-size: var(--van-font-size-sm);
 @card-price-integer-font-size: var(--van-font-size-lg);

package/lib/cascader/Cascader.d.ts

@@ -1,20 +1,11 @@
-import { PropType } from 'vue';
-export declare type CascaderOption = {
-    text?: string;
-    value?: string | number;
-    color?: string;
-    disabled?: boolean;
-    children?: CascaderOption[];
-    className?: unknown;
-    [key: string]: any;
-};
-export declare type CascaderFieldNames = {
-    text?: string;
-    value?: string;
-    children?: string;
-};
-declare const _default: import("vue").DefineComponent<{
+import { PropType, ExtractPropTypes } from 'vue';
+import type { CascaderOption, CascaderFieldNames } from './types';
+declare const cascaderProps: {
     title: StringConstructor;
+    options: {
+        type: PropType<CascaderOption[]>;
+        default: () => never[];
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
@@ -23,37 +14,57 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    closeIcon: {
+        type: PropType<string>;
+        default: string;
+    };
     modelValue: (NumberConstructor | StringConstructor)[];
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
+};
+export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
     options: {
         type: PropType<CascaderOption[]>;
         default: () => never[];
     };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIcon: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    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<{
     title?: unknown;
+    options?: unknown;
     closeable?: unknown;
     swipeable?: unknown;
+    closeIcon?: unknown;
     modelValue?: unknown;
     fieldNames?: unknown;
     placeholder?: unknown;
     activeColor?: unknown;
-    options?: unknown;
-    closeIcon?: unknown;
 } & {
-    closeable: boolean;
     closeIcon: string;
+    closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
 } & {
     title?: string | undefined;
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     activeColor?: string | undefined;
     fieldNames?: CascaderFieldNames | undefined;
 }> & {
@@ -63,8 +74,8 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
-    closeable: boolean;
     closeIcon: string;
+    closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
 }>;