x-next 1.1.0 → 1.3.0

package/dist/components/date-picker/index.d.ts

@@ -282,7 +282,11 @@ export declare const DatePicker: {
         handleBlur: (ev: FocusEvent) => void;
         handleEsc: () => void;
         handleFocusedIndexChange: (index: number) => void;
-        openPanel: () => void;
+        openPanel: (event?: KeyboardEvent) => void;
+        popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        panelId: string;
+        handlePanelKeydown: (event: KeyboardEvent) => void;
+        handlePopupFocusout: (event: FocusEvent) => void;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -479,8 +483,8 @@ export declare const DatePicker: {
                 resize: () => true;
             }, import('vue').PublicProps, {
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -667,8 +671,8 @@ export declare const DatePicker: {
                 onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             }>, () => any, {}, {}, {}, {
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -855,8 +859,8 @@ export declare const DatePicker: {
             resize: () => true;
         }, string, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -925,6 +929,10 @@ export declare const DatePicker: {
                 required: true;
             };
         }>, {
+            wrapperAttrs: import('vue').ComputedRef<Omit<{
+                [x: string]: unknown;
+            }, string>>;
+            formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
             t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             feedback: import('vue').Ref<string | undefined, string | undefined>;
             className: {
@@ -1128,11 +1136,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -1224,11 +1232,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1309,11 +1317,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1394,11 +1402,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1479,11 +1487,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1533,6 +1541,11 @@ export declare const DatePicker: {
                 required: true;
             };
         }>, {
+            wrapperAttrs: import('vue').ComputedRef<Omit<{
+                [x: string]: unknown;
+            }, string>>;
+            formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
+            formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
             t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             className: {
                 block: string;
@@ -1559,7 +1572,6 @@ export declare const DatePicker: {
             onFocus: (e: Event) => void;
             onBlur: (e: Event) => void;
             onPressEnter: () => void;
-            onPressTab: (e: Event) => void;
             onClear: (e: Event) => void;
             feedback: import('vue').Ref<string | undefined, string | undefined>;
         }, {}, {}, {
@@ -1756,11 +1768,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -1852,11 +1864,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1937,11 +1949,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -2022,11 +2034,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -2107,11 +2119,11 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
+                    title: string;
                     size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
-                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -2181,6 +2193,11 @@ export declare const DatePicker: {
                 is: (className: string) => string;
             };
             cells: import('vue').ComputedRef<import('./interface').DatePickerCell[]>;
+            cellRows: import('vue').ComputedRef<import('./interface').DatePickerCell[][]>;
+            panelRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activeTitle: import('vue').Ref<string, string>;
+            activeCell: import('vue').ComputedRef<import('./interface').DatePickerCell>;
+            handleCellKeydown: (event: KeyboardEvent, cell: import('./interface').DatePickerCell) => void;
             headerLabel: import('vue').ComputedRef<string>;
             todayLabel: import('vue').ComputedRef<string>;
             weekdayLabels: import('vue').ComputedRef<string[]>;
@@ -2380,6 +2397,9 @@ export declare const DatePicker: {
                 handleSelect: (item: import('../time-picker/interface').TimePickerColumnItem) => void;
                 moveActive: (offset: number) => void;
                 selectActive: () => void;
+                activeItem: import('vue').ComputedRef<import('../time-picker/interface').TimePickerColumnItem | undefined>;
+                getItemId: (item: import('../time-picker/interface').TimePickerColumnItem) => string;
+                moveBoundary: (end: boolean) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 select: (_type: import('../time-picker/interface').TimePickerColumnType, _value: import('../time-picker/interface').TimePickerColumnItem["value"]) => true;
             }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3033,11 +3053,11 @@ export declare const DatePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
+            title: string;
             size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
-            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -3330,7 +3350,11 @@ export declare const DatePicker: {
         handleBlur: (ev: FocusEvent) => void;
         handleEsc: () => void;
         handleFocusedIndexChange: (index: number) => void;
-        openPanel: () => void;
+        openPanel: (event?: KeyboardEvent) => void;
+        popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        panelId: string;
+        handlePanelKeydown: (event: KeyboardEvent) => void;
+        handlePopupFocusout: (event: FocusEvent) => void;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, {
@@ -3637,7 +3661,11 @@ export declare const DatePicker: {
     handleBlur: (ev: FocusEvent) => void;
     handleEsc: () => void;
     handleFocusedIndexChange: (index: number) => void;
-    openPanel: () => void;
+    openPanel: (event?: KeyboardEvent) => void;
+    popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    panelId: string;
+    handlePanelKeydown: (event: KeyboardEvent) => void;
+    handlePopupFocusout: (event: FocusEvent) => void;
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -3834,8 +3862,8 @@ export declare const DatePicker: {
             resize: () => true;
         }, import('vue').PublicProps, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -4022,8 +4050,8 @@ export declare const DatePicker: {
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         }>, () => any, {}, {}, {}, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -4210,8 +4238,8 @@ export declare const DatePicker: {
         resize: () => true;
     }, string, {
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -4280,6 +4308,10 @@ export declare const DatePicker: {
             required: true;
         };
     }>, {
+        wrapperAttrs: import('vue').ComputedRef<Omit<{
+            [x: string]: unknown;
+        }, string>>;
+        formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
         className: {
@@ -4483,11 +4515,11 @@ export declare const DatePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
+            title: string;
             size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
-            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -4579,11 +4611,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4664,11 +4696,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4749,11 +4781,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4834,11 +4866,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4888,6 +4920,11 @@ export declare const DatePicker: {
             required: true;
         };
     }>, {
+        wrapperAttrs: import('vue').ComputedRef<Omit<{
+            [x: string]: unknown;
+        }, string>>;
+        formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
+        formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
@@ -4914,7 +4951,6 @@ export declare const DatePicker: {
         onFocus: (e: Event) => void;
         onBlur: (e: Event) => void;
         onPressEnter: () => void;
-        onPressTab: (e: Event) => void;
         onClear: (e: Event) => void;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
     }, {}, {}, {
@@ -5111,11 +5147,11 @@ export declare const DatePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
+            title: string;
             size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
-            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -5207,11 +5243,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5292,11 +5328,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5377,11 +5413,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5462,11 +5498,11 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
+                title: string;
                 size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
-                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5536,6 +5572,11 @@ export declare const DatePicker: {
             is: (className: string) => string;
         };
         cells: import('vue').ComputedRef<import('./interface').DatePickerCell[]>;
+        cellRows: import('vue').ComputedRef<import('./interface').DatePickerCell[][]>;
+        panelRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        activeTitle: import('vue').Ref<string, string>;
+        activeCell: import('vue').ComputedRef<import('./interface').DatePickerCell>;
+        handleCellKeydown: (event: KeyboardEvent, cell: import('./interface').DatePickerCell) => void;
         headerLabel: import('vue').ComputedRef<string>;
         todayLabel: import('vue').ComputedRef<string>;
         weekdayLabels: import('vue').ComputedRef<string[]>;
@@ -5735,6 +5776,9 @@ export declare const DatePicker: {
             handleSelect: (item: import('../time-picker/interface').TimePickerColumnItem) => void;
             moveActive: (offset: number) => void;
             selectActive: () => void;
+            activeItem: import('vue').ComputedRef<import('../time-picker/interface').TimePickerColumnItem | undefined>;
+            getItemId: (item: import('../time-picker/interface').TimePickerColumnItem) => string;
+            moveBoundary: (end: boolean) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             select: (_type: import('../time-picker/interface').TimePickerColumnType, _value: import('../time-picker/interface').TimePickerColumnItem["value"]) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -6388,11 +6432,11 @@ export declare const DatePicker: {
         };
     }>> & Readonly<{}>, {
         name: string;
+        title: string;
         size: string | number;
         rotate: number;
         spin: boolean;
         color: string;
-        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];

package/dist/components/dialog/Dialog.d.ts

@@ -175,9 +175,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     top: string | number;
+    title: string;
     center: boolean;
     disabled: boolean;
-    title: string;
     mask: boolean;
     fullscreen: boolean;
     height: string | number;

package/dist/components/dialog/index.d.ts

@@ -92,9 +92,9 @@ export declare const Dialog: {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], import('vue').PublicProps, {
         top: string | number;
+        title: string;
         center: boolean;
         disabled: boolean;
-        title: string;
         mask: boolean;
         fullscreen: boolean;
         height: string | number;
@@ -214,9 +214,9 @@ export declare const Dialog: {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, () => VNode, {}, {}, {}, {
         top: string | number;
+        title: string;
         center: boolean;
         disabled: boolean;
-        title: string;
         mask: boolean;
         fullscreen: boolean;
         height: string | number;
@@ -329,9 +329,9 @@ export declare const Dialog: {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", {
     top: string | number;
+    title: string;
     center: boolean;
     disabled: boolean;
-    title: string;
     mask: boolean;
     fullscreen: boolean;
     height: string | number;

package/dist/components/drawer/index.d.ts

@@ -130,8 +130,8 @@ export declare const Drawer: {
             cancel: boolean;
         };
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "cancel" | "ok" | "open" | "closed" | "opened" | "update:modelValue")[], import('vue').PublicProps, {
-        disabled: boolean;
         title: string;
+        disabled: boolean;
         mask: boolean;
         okText: string;
         cancelText: string;
@@ -938,8 +938,8 @@ export declare const Drawer: {
             cancel: boolean;
         };
     }, {}, {}, {}, {
-        disabled: boolean;
         title: string;
+        disabled: boolean;
         mask: boolean;
         okText: string;
         cancelText: string;
@@ -1091,8 +1091,8 @@ export declare const Drawer: {
         cancel: boolean;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "cancel" | "ok" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "cancel" | "ok" | "open" | "closed" | "opened" | "update:modelValue", {
-    disabled: boolean;
     title: string;
+    disabled: boolean;
     mask: boolean;
     okText: string;
     cancelText: string;

package/dist/components/drawer/src/Drawer.vue.d.ts

@@ -224,8 +224,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCancel?: ((...args: any[]) => any) | undefined;
     onOk?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     title: string;
+    disabled: boolean;
     mask: boolean;
     okText: string;
     cancelText: string;

package/dist/components/dropdown/Dropdown.vue.d.ts

@@ -90,6 +90,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, {
+    renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[];
     className: {
         block: string;
         element: (className: string) => string;
@@ -100,6 +103,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handlePopupVisibleChange: (visible: boolean) => void;
     handleScroll: (ev: Event) => void;
     handleReachBottom: (ev: Event) => void;
+    panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
+    handleShow: () => void;
+    handleTriggerKeydown: (ev: KeyboardEvent) => void;
+    handleTriggerFocus: (ev: FocusEvent) => void;
+    handleClose: () => void;
+    handleKeyboardSelect: (ev: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:popupVisible': (visible: boolean) => true;
     /**
@@ -391,8 +400,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resize: () => true;
         }, import('vue').PublicProps, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -579,8 +588,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         }>, () => any, {}, {}, {}, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -767,8 +776,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         resize: () => true;
     }, string, {
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -801,6 +810,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         install(app: import('vue').App): void;
     };
     DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        closeOnArrowLeft: BooleanConstructor;
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -831,9 +841,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         })[]>;
         style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
         wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        handleKeydown: (ev: KeyboardEvent) => void;
         handleScroll: (e: Event) => void;
         t: (key: import('../../index.ts').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        closeOnArrowLeft: BooleanConstructor;
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -853,10 +866,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<import('../../_hooks/_types.ts').EmitType<(ev: Event) => void>>;
         };
     }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onReachBottom?: ((...args: any[]) => any) | undefined;
     }>, {
         loading: boolean;
+        closeOnArrowLeft: boolean;
         isEmpty: boolean;
         bottomOffset: number;
     }, {}, {
@@ -1315,5 +1330,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             install(app: import('vue').App): void;
         };
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        renderFunc: {
+            type: PropType<import('../../_container/render-function').RenderFunc>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        renderFunc: {
+            type: PropType<import('../../_container/render-function').RenderFunc>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;