@sdata/web-vue 1.12.0 → 1.14.0

package/es/config-provider/config-provider.vue_vue_type_script_lang.js

@@ -42,6 +42,11 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 			default: false
 		},
 		/**
+		* @zh 下拉类组件默认虚拟滚动参数，仅对 Select、AutoComplete、Cascader、TreeSelect 等下拉组件生效
+		* @en Default virtual list props for dropdown-like components such as Select, AutoComplete, Cascader, and TreeSelect
+		*/
+		virtualListProps: { type: Object },
+		/**
 		* @zh 是否全局生效
 		* @en Is global effect
 		* @version 2.25.0
@@ -86,6 +91,21 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 			default: false
 		},
 		/**
+		* @zh DatePicker 组件默认配置
+		* @en Default config for DatePicker
+		*/
+		datePicker: { type: Object },
+		/**
+		* @zh Modal 组件默认配置
+		* @en Default config for Modal
+		*/
+		modal: { type: Object },
+		/**
+		* @zh Drawer 组件默认配置
+		* @en Default config for Drawer
+		*/
+		drawer: { type: Object },
+		/**
 		* @zh 主题配置对象
 		* @en Runtime theme configuration object
 		*/
@@ -110,7 +130,7 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 	* @version 2.28.0
 	*/
 	setup(props, { slots }) {
-		const { prefixCls, locale, size, allowClear, allowSearch, updateAtScroll, scrollToClose, exchangeTime, rtl } = toRefs(props);
+		const { prefixCls, locale, size, allowClear, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer } = toRefs(props);
 		const config = reactive({
 			slots,
 			prefixCls,
@@ -118,10 +138,14 @@ var config_provider_vue_vue_type_script_lang_default = defineComponent({
 			size,
 			allowClear,
 			allowSearch,
+			virtualListProps,
 			updateAtScroll,
 			scrollToClose,
 			exchangeTime,
 			rtl,
+			datePicker,
+			modal,
+			drawer,
 			theme: normalizeTheme(props.theme)
 		});
 		watch(() => props.theme, (themeConfig) => {

package/es/config-provider/context.d.ts

@@ -1,7 +1,53 @@
-import { InjectionKey, Ref, Slots } from 'vue';
+import { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
+import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
+import { ButtonProps } from '../button';
+import { ShortcutType, WeekStart } from '../date-picker/interface';
 import { SDLang } from '../locale/interface';
 import { SDThemeNormalized } from './theme';
+export interface ConfigProviderModal {
+    mask?: boolean;
+    maskClosable?: boolean;
+    maskStyle?: CSSProperties;
+    alignCenter?: boolean;
+    escToClose?: boolean;
+    draggable?: boolean;
+    closable?: boolean;
+    titleAlign?: 'start' | 'center';
+    top?: number | string;
+    footer?: boolean;
+    hideCancel?: boolean;
+    okText?: string;
+    cancelText?: string;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    width?: number | string;
+}
+export interface ConfigProviderDrawer {
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    mask?: boolean;
+    maskClosable?: boolean;
+    escToClose?: boolean;
+    closable?: boolean;
+    header?: boolean;
+    footer?: boolean;
+    hideCancel?: boolean;
+    okText?: string;
+    cancelText?: string;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    width?: number | string;
+    height?: number | string;
+}
+export interface ConfigProviderDatePicker {
+    shortcuts?: ShortcutType[];
+    shortcutsPosition?: 'left' | 'bottom' | 'right';
+    previewShortcut?: boolean;
+    showConfirmBtn?: boolean;
+    showNowBtn?: boolean;
+    dayStartOfWeek?: WeekStart;
+    abbreviation?: boolean;
+}
 export interface ConfigProvider {
     slots: Slots;
     prefixCls?: string;
@@ -9,10 +55,14 @@ export interface ConfigProvider {
     size?: Size;
     allowClear?: boolean;
     allowSearch?: boolean;
+    virtualListProps?: VirtualListProps;
     updateAtScroll?: boolean;
     scrollToClose?: boolean;
     exchangeTime?: boolean;
     rtl?: boolean;
+    datePicker?: ConfigProviderDatePicker;
+    modal?: ConfigProviderModal;
+    drawer?: ConfigProviderDrawer;
     theme?: SDThemeNormalized;
 }
 export declare const configProviderInjectionKey: InjectionKey<ConfigProvider>;

package/es/config-provider/index.d.ts

@@ -21,6 +21,9 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        virtualListProps: {
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
+        };
         global: {
             type: BooleanConstructor;
             default: boolean;
@@ -41,6 +44,15 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        datePicker: {
+            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+        };
+        modal: {
+            type: import("vue").PropType<import("./context").ConfigProviderModal>;
+        };
+        drawer: {
+            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+        };
         theme: {
             type: import("vue").PropType<import("./theme").SDThemeConfig>;
         };
@@ -129,6 +141,9 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        virtualListProps: {
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
+        };
         global: {
             type: BooleanConstructor;
             default: boolean;
@@ -149,6 +164,15 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        datePicker: {
+            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+        };
+        modal: {
+            type: import("vue").PropType<import("./context").ConfigProviderModal>;
+        };
+        drawer: {
+            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+        };
         theme: {
             type: import("vue").PropType<import("./theme").SDThemeConfig>;
         };
@@ -187,6 +211,9 @@ declare const ConfigProvider: {
         type: BooleanConstructor;
         default: boolean;
     };
+    virtualListProps: {
+        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
+    };
     global: {
         type: BooleanConstructor;
         default: boolean;
@@ -207,6 +234,15 @@ declare const ConfigProvider: {
         type: BooleanConstructor;
         default: boolean;
     };
+    datePicker: {
+        type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+    };
+    modal: {
+        type: import("vue").PropType<import("./context").ConfigProviderModal>;
+    };
+    drawer: {
+        type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+    };
     theme: {
         type: import("vue").PropType<import("./theme").SDThemeConfig>;
     };

package/es/date-picker/index.d.ts

@@ -274,16 +274,16 @@ declare const DatePicker: {
             default: string;
         };
         modelValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         defaultValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         pickerValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         defaultPickerValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         disabled: {
             type: import("vue").PropType<boolean | boolean[]>;
@@ -395,25 +395,29 @@ declare const DatePicker: {
         focusedIndex: import("vue").Ref<number, number>;
         mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         triggerDisabled: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"mini" | "small" | "medium" | "large" | undefined>;
+        mergedSize: import("vue").ComputedRef<"small" | "mini" | "medium" | "large" | undefined>;
         mergedError: import("vue").ComputedRef<boolean>;
         onPanelVisibleChange: (visible: boolean) => void;
         onInputClear: (e: Event) => void;
         onInputChange: (e: any) => void;
         onInputPressEnter: () => void;
         rangePanelProps: import("vue").ComputedRef<{
+            shortcuts: import("./interface").ShortcutType[] | undefined;
+            shortcutsPosition: "bottom" | "left" | "right" | undefined;
+            dayStartOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+            abbreviation: boolean | undefined;
             prefixCls: string;
             format: string;
             value: (import("dayjs").Dayjs | undefined)[];
-            showConfirmBtn: boolean;
+            showConfirmBtn: boolean | undefined;
             confirmBtnDisabled: boolean | undefined;
             timePickerValue: import("dayjs").Dayjs[];
             timePickerProps: {
                 visible: boolean;
+                type?: "time" | "time-range" | undefined;
                 error?: boolean | undefined;
                 readonly?: boolean | undefined;
-                type?: "time" | "time-range" | undefined;
-                size?: "mini" | "small" | "medium" | "large" | undefined;
+                size?: "small" | "mini" | "medium" | "large" | undefined;
                 disabled?: boolean | undefined;
                 unmountOnClose?: boolean | undefined;
                 position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
@@ -564,14 +568,10 @@ declare const DatePicker: {
             onStartHeaderSelect: (date: import("dayjs").Dayjs) => void;
             onEndHeaderSelect: (date: import("dayjs").Dayjs) => void;
             mode: "month" | "year" | "date" | "week" | "quarter";
-            dayStartOfWeek: import("./interface").WeekStart;
             hideTrigger: boolean;
             showTime: boolean;
             disabledDate: ((current: Date, type: "start" | "end") => boolean) | undefined;
             disabledTime: ((current: Date, type: "start" | "end") => import("./interface").DisabledTimeProps) | undefined;
-            abbreviation: boolean;
-            shortcuts: import("./interface").ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => true;
@@ -590,16 +590,16 @@ declare const DatePicker: {
             default: string;
         };
         modelValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         defaultValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         pickerValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         defaultPickerValue: {
-            type: import("vue").PropType<(Date | string | number)[]>;
+            type: import("vue").PropType<CalendarValue[]>;
         };
         disabled: {
             type: import("vue").PropType<boolean | boolean[]>;
@@ -969,9 +969,9 @@ declare const DatePicker: {
             "onStart-header-select"?: ((...args: any[]) => any) | undefined;
             "onEnd-header-select"?: ((...args: any[]) => any) | undefined;
         }>, {
+            visible: boolean;
             disabled: boolean[];
             value: (import("dayjs").Dayjs | undefined)[];
-            visible: boolean;
             mode: import("./interface").Mode;
             dayStartOfWeek: import("./interface").WeekStart;
             hideTrigger: boolean;
@@ -3108,8 +3108,8 @@ declare const DatePicker: {
                     onSelect?: ((value: import("dayjs").Dayjs) => any) | undefined;
                     onConfirm?: ((value: import("dayjs").Dayjs) => any) | undefined;
                 }>, {
-                    disabled: boolean;
                     visible: boolean;
+                    disabled: boolean;
                     format: string;
                     isRange: boolean;
                     use12Hours: boolean;
@@ -4973,8 +4973,8 @@ declare const DatePicker: {
                         onSelect?: ((value: import("dayjs").Dayjs) => any) | undefined;
                         onConfirm?: ((value: import("dayjs").Dayjs) => any) | undefined;
                     }>, {
-                        disabled: boolean;
                         visible: boolean;
+                        disabled: boolean;
                         format: string;
                         isRange: boolean;
                         use12Hours: boolean;
@@ -8067,7 +8067,7 @@ declare const DatePicker: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: "mini" | "small" | "medium" | "large";
+                size: "small" | "mini" | "medium" | "large";
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             IconClose: {
@@ -8746,13 +8746,13 @@ declare const DatePicker: {
                     default: boolean;
                 };
                 contentClass: {
-                    type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 };
                 contentStyle: {
                     type: import("vue").PropType<import("vue").CSSProperties>;
                 };
                 arrowClass: {
-                    type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 };
                 arrowStyle: {
                     type: import("vue").PropType<import("vue").CSSProperties>;
@@ -8810,7 +8810,7 @@ declare const DatePicker: {
                     default: boolean;
                 };
                 openedClass: {
-                    type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 };
                 autoFitPosition: {
                     type: BooleanConstructor;
@@ -8833,8 +8833,8 @@ declare const DatePicker: {
                     default: number;
                 };
             }>> & Readonly<{
-                onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
+                onResize?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
@@ -8937,13 +8937,13 @@ declare const DatePicker: {
                     default: boolean;
                 };
                 contentClass: {
-                    type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 };
                 contentStyle: {
                     type: import("vue").PropType<import("vue").CSSProperties>;
                 };
                 arrowClass: {
-                    type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 };
                 arrowStyle: {
                     type: import("vue").PropType<import("vue").CSSProperties>;
@@ -9001,7 +9001,7 @@ declare const DatePicker: {
                     default: boolean;
                 };
                 openedClass: {
-                    type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 };
                 autoFitPosition: {
                     type: BooleanConstructor;
@@ -9024,8 +9024,8 @@ declare const DatePicker: {
                     default: number;
                 };
             }>> & Readonly<{
-                onResize?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
+                onResize?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
@@ -9119,13 +9119,13 @@ declare const DatePicker: {
                 default: boolean;
             };
             contentClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             contentStyle: {
                 type: import("vue").PropType<import("vue").CSSProperties>;
             };
             arrowClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             arrowStyle: {
                 type: import("vue").PropType<import("vue").CSSProperties>;
@@ -9183,7 +9183,7 @@ declare const DatePicker: {
                 default: boolean;
             };
             openedClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             autoFitPosition: {
                 type: BooleanConstructor;
@@ -9206,8 +9206,8 @@ declare const DatePicker: {
                 default: number;
             };
         }>> & Readonly<{
-            onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
+            onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;

package/es/date-picker/panels/date/index.vue.d.ts

@@ -1090,8 +1090,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         onSelect?: ((value: Dayjs) => any) | undefined;
         onConfirm?: ((value: Dayjs) => any) | undefined;
     }>, {
-        disabled: boolean;
         visible: boolean;
+        disabled: boolean;
         format: string;
         isRange: boolean;
         use12Hours: boolean;

package/es/date-picker/panels/week/index.vue.d.ts

@@ -1132,8 +1132,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             onSelect?: ((value: Dayjs) => any) | undefined;
             onConfirm?: ((value: Dayjs) => any) | undefined;
         }>, {
-            disabled: boolean;
             visible: boolean;
+            disabled: boolean;
             format: string;
             isRange: boolean;
             use12Hours: boolean;

package/es/date-picker/picker-panel.vue.d.ts

@@ -1300,8 +1300,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             onSelect?: ((value: Dayjs) => any) | undefined;
             onConfirm?: ((value: Dayjs) => any) | undefined;
         }>, {
-            disabled: boolean;
             visible: boolean;
+            disabled: boolean;
             format: string;
             isRange: boolean;
             use12Hours: boolean;
@@ -4195,8 +4195,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 onSelect?: ((value: Dayjs) => any) | undefined;
                 onConfirm?: ((value: Dayjs) => any) | undefined;
             }>, {
-                disabled: boolean;
                 visible: boolean;
+                disabled: boolean;
                 format: string;
                 isRange: boolean;
                 use12Hours: boolean;

package/es/date-picker/picker.vue.d.ts

@@ -124,19 +124,23 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     prefixCls: string;
     refInput: import("vue").Ref<any, any>;
     panelProps: import("vue").ComputedRef<{
-        showNowBtn: boolean;
+        shortcuts: ShortcutType[] | undefined;
+        shortcutsPosition: "bottom" | "left" | "right" | undefined;
+        dayStartOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        abbreviation: boolean | undefined;
+        showNowBtn: boolean | undefined;
         prefixCls: string;
         format: string;
         value: Dayjs | undefined;
         visible: boolean;
-        showConfirmBtn: boolean;
+        showConfirmBtn: boolean | undefined;
         confirmBtnDisabled: boolean | undefined;
         timePickerProps: {
             visible: boolean;
+            type?: "time" | "time-range" | undefined;
             error?: boolean | undefined;
             readonly?: boolean | undefined;
-            type?: "time" | "time-range" | undefined;
-            size?: "mini" | "small" | "medium" | "large" | undefined;
+            size?: "small" | "mini" | "medium" | "large" | undefined;
             disabled?: boolean | undefined;
             unmountOnClose?: boolean | undefined;
             position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
@@ -182,14 +186,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         onHeaderSelect: (date: Dayjs) => void;
         onMonthHeaderClick: () => void;
         mode: "month" | "year" | "date" | "week" | "quarter";
-        dayStartOfWeek: WeekStart;
         hideTrigger: boolean;
         showTime: boolean;
         disabledDate: ((current?: Date) => boolean) | undefined;
         disabledTime: ((current: Date) => DisabledTimeProps) | undefined;
-        abbreviation: boolean;
-        shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
     }>;
     panelValue: import("vue").ComputedRef<Dayjs | undefined>;
     inputValue: import("vue").Ref<string | undefined, string | undefined>;
@@ -199,7 +199,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     panelVisible: import("vue").ComputedRef<boolean>;
     mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     inputEditable: import("vue").ComputedRef<boolean>;
-    needConfirm: import("vue").ComputedRef<boolean>;
+    needConfirm: import("vue").ComputedRef<boolean | undefined>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     onPanelVisibleChange: (visible: boolean) => void;
     onInputClear: (e: Event) => void;
@@ -481,7 +481,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: "mini" | "small" | "medium" | "large";
+            size: "small" | "mini" | "medium" | "large";
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: {
@@ -1160,13 +1160,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             contentClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             contentStyle: {
                 type: PropType<import("vue").CSSProperties>;
             };
             arrowClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             arrowStyle: {
                 type: PropType<import("vue").CSSProperties>;
@@ -1224,7 +1224,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             openedClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             autoFitPosition: {
                 type: BooleanConstructor;
@@ -1247,8 +1247,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: number;
             };
         }>> & Readonly<{
-            onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
+            onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
@@ -1351,13 +1351,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             contentClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             contentStyle: {
                 type: PropType<import("vue").CSSProperties>;
             };
             arrowClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             arrowStyle: {
                 type: PropType<import("vue").CSSProperties>;
@@ -1415,7 +1415,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: boolean;
             };
             openedClass: {
-                type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             };
             autoFitPosition: {
                 type: BooleanConstructor;
@@ -1438,8 +1438,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 default: number;
             };
         }>> & Readonly<{
-            onResize?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
+            onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
@@ -1533,13 +1533,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
         contentClass: {
-            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         };
         contentStyle: {
             type: PropType<import("vue").CSSProperties>;
         };
         arrowClass: {
-            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         };
         arrowStyle: {
             type: PropType<import("vue").CSSProperties>;
@@ -1597,7 +1597,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
         openedClass: {
-            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         };
         autoFitPosition: {
             type: BooleanConstructor;
@@ -1620,8 +1620,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: number;
         };
     }>> & Readonly<{
-        onResize?: (() => any) | undefined;
         onHide?: (() => any) | undefined;
+        onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
@@ -2957,8 +2957,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 onSelect?: ((value: Dayjs) => any) | undefined;
                 onConfirm?: ((value: Dayjs) => any) | undefined;
             }>, {
-                disabled: boolean;
                 visible: boolean;
+                disabled: boolean;
                 format: string;
                 isRange: boolean;
                 use12Hours: boolean;
@@ -5852,8 +5852,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     onSelect?: ((value: Dayjs) => any) | undefined;
                     onConfirm?: ((value: Dayjs) => any) | undefined;
                 }>, {
-                    disabled: boolean;
                     visible: boolean;
+                    disabled: boolean;
                     format: string;
                     isRange: boolean;
                     use12Hours: boolean;