x-next 1.1.0 → 1.3.0

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

@@ -50,6 +50,9 @@ export declare const Dropdown: {
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         onReachBottom?: ((ev: Event) => any) | undefined;
     }>, {
+        renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
         className: {
             block: string;
             element: (className: string) => string;
@@ -60,6 +63,12 @@ export declare const Dropdown: {
         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;
         popupVisibleChange: (visible: boolean) => true;
@@ -236,8 +245,8 @@ export declare const Dropdown: {
                 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;
@@ -424,8 +433,8 @@ export declare const Dropdown: {
                 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;
@@ -612,8 +621,8 @@ export declare const Dropdown: {
             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;
@@ -646,6 +655,7 @@ export declare const Dropdown: {
             install(app: import('vue').App): void;
         };
         DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            closeOnArrowLeft: BooleanConstructor;
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -676,9 +686,12 @@ export declare const Dropdown: {
             })[]>;
             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('../..').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;
@@ -698,10 +711,12 @@ export declare const Dropdown: {
                 type: import('vue').PropType<import('../../_hooks/_types').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;
         }, {}, {
@@ -1160,6 +1175,17 @@ export declare const Dropdown: {
                 install(app: import('vue').App): void;
             };
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            renderFunc: {
+                type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            renderFunc: {
+                type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1218,6 +1244,9 @@ export declare const Dropdown: {
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         onReachBottom?: ((ev: Event) => any) | undefined;
     }>, {
+        renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
         className: {
             block: string;
             element: (className: string) => string;
@@ -1228,6 +1257,12 @@ export declare const Dropdown: {
         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;
     }, {}, {}, {}, {
         loading: boolean;
         position: import('./interface').DropdownPosition;
@@ -1294,6 +1329,9 @@ export declare const Dropdown: {
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     onReachBottom?: ((ev: Event) => any) | undefined;
 }>, {
+    renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[];
     className: {
         block: string;
         element: (className: string) => string;
@@ -1304,6 +1342,12 @@ export declare const Dropdown: {
     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;
     popupVisibleChange: (visible: boolean) => true;
@@ -1480,8 +1524,8 @@ export declare const Dropdown: {
             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;
@@ -1668,8 +1712,8 @@ export declare const Dropdown: {
             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;
@@ -1856,8 +1900,8 @@ export declare const Dropdown: {
         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;
@@ -1890,6 +1934,7 @@ export declare const Dropdown: {
         install(app: import('vue').App): void;
     };
     DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        closeOnArrowLeft: BooleanConstructor;
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -1920,9 +1965,12 @@ export declare const Dropdown: {
         })[]>;
         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('../..').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;
@@ -1942,10 +1990,12 @@ export declare const Dropdown: {
             type: import('vue').PropType<import('../../_hooks/_types').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;
     }, {}, {
@@ -2404,6 +2454,17 @@ export declare const Dropdown: {
             install(app: import('vue').App): void;
         };
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        renderFunc: {
+            type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        renderFunc: {
+            type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;
 };
@@ -2431,6 +2492,8 @@ export declare const DropdownOption: {
             [x: string]: boolean;
         })[]>;
         liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
         handleClick: (ev: Event) => void;
         handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2469,6 +2532,8 @@ export declare const DropdownOption: {
             [x: string]: boolean;
         })[]>;
         liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
         handleClick: (ev: Event) => void;
         handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, {
@@ -2502,6 +2567,8 @@ export declare const DropdownOption: {
         [x: string]: boolean;
     })[]>;
     liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    tabIndex: import('vue').ComputedRef<0 | -1>;
+    handleFocus: () => void | undefined;
     handleClick: (ev: Event) => void;
     handleKeydown: (ev: KeyboardEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2587,6 +2654,149 @@ export declare const DropdownSubmenu: {
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     }>, {
+        optionRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (ev: Event) => true;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (ev: Event) => true;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }> | undefined>;
         className: {
             block: string;
             element: (className: string) => string;
@@ -2595,6 +2805,12 @@ export declare const DropdownSubmenu: {
         };
         computedPopupVisible: import('vue').ComputedRef<boolean>;
         handlePopupVisibleChange: (visible: boolean) => void;
+        handleTriggerKeydown: (ev: KeyboardEvent) => void;
+        panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
+        handleShow: () => void;
+        handleTriggerFocus: (ev: FocusEvent) => void;
+        handleClose: () => void;
+        handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         'update:popupVisible': (visible: boolean) => true;
         popupVisibleChange: (visible: boolean) => true;
@@ -2763,8 +2979,8 @@ export declare const DropdownSubmenu: {
                 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;
@@ -2951,8 +3167,8 @@ export declare const DropdownSubmenu: {
                 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;
@@ -3139,8 +3355,8 @@ export declare const DropdownSubmenu: {
             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;
@@ -3173,6 +3389,7 @@ export declare const DropdownSubmenu: {
             install(app: import('vue').App): void;
         };
         DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            closeOnArrowLeft: BooleanConstructor;
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -3203,9 +3420,12 @@ export declare const DropdownSubmenu: {
             })[]>;
             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('../..').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;
@@ -3225,10 +3445,12 @@ export declare const DropdownSubmenu: {
                 type: import('vue').PropType<import('../../_hooks/_types').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;
         }, {}, {
@@ -3708,6 +3930,8 @@ export declare const DropdownSubmenu: {
                 [x: string]: boolean;
             })[]>;
             liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
             handleClick: (ev: Event) => void;
             handleKeydown: (ev: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -3805,11 +4029,11 @@ export declare const DropdownSubmenu: {
             };
         }>> & Readonly<{}>, {
             name: string;
+            title: string;
             size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
-            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -3852,6 +4076,149 @@ export declare const DropdownSubmenu: {
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     }>, {
+        optionRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (ev: Event) => true;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (ev: Event) => true;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: BooleanConstructor;
+            uninjectContext: BooleanConstructor;
+        }>> & Readonly<{
+            onClick?: ((ev: Event) => any) | undefined;
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+            cls: import('vue').ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            tabIndex: import('vue').ComputedRef<0 | -1>;
+            handleFocus: () => void | undefined;
+            handleClick: (ev: Event) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            active: boolean;
+            uninjectContext: boolean;
+        }> | undefined>;
         className: {
             block: string;
             element: (className: string) => string;
@@ -3860,6 +4227,12 @@ export declare const DropdownSubmenu: {
         };
         computedPopupVisible: import('vue').ComputedRef<boolean>;
         handlePopupVisibleChange: (visible: boolean) => void;
+        handleTriggerKeydown: (ev: KeyboardEvent) => void;
+        panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
+        handleShow: () => void;
+        handleTriggerFocus: (ev: FocusEvent) => void;
+        handleClose: () => void;
+        handleKeyboardSelect: (ev: Event) => void;
     }, {}, {}, {}, {
         disabled: boolean;
         position: "lt" | "rt";
@@ -3901,6 +4274,149 @@ export declare const DropdownSubmenu: {
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
 }>, {
+    optionRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: BooleanConstructor;
+        uninjectContext: BooleanConstructor;
+    }>> & Readonly<{
+        onClick?: ((ev: Event) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
+        handleClick: (ev: Event) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (ev: Event) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        active: boolean;
+        uninjectContext: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: BooleanConstructor;
+        uninjectContext: BooleanConstructor;
+    }>> & Readonly<{
+        onClick?: ((ev: Event) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
+        handleClick: (ev: Event) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        active: boolean;
+        uninjectContext: boolean;
+    }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: BooleanConstructor;
+        uninjectContext: BooleanConstructor;
+    }>> & Readonly<{
+        onClick?: ((ev: Event) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
+        handleClick: (ev: Event) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (ev: Event) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        active: boolean;
+        uninjectContext: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: BooleanConstructor;
+        uninjectContext: BooleanConstructor;
+    }>> & Readonly<{
+        onClick?: ((ev: Event) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
+        handleClick: (ev: Event) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        active: boolean;
+        uninjectContext: boolean;
+    }> | undefined>;
     className: {
         block: string;
         element: (className: string) => string;
@@ -3909,6 +4425,12 @@ export declare const DropdownSubmenu: {
     };
     computedPopupVisible: import('vue').ComputedRef<boolean>;
     handlePopupVisibleChange: (visible: boolean) => void;
+    handleTriggerKeydown: (ev: KeyboardEvent) => void;
+    panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
+    handleShow: () => void;
+    handleTriggerFocus: (ev: FocusEvent) => void;
+    handleClose: () => void;
+    handleKeyboardSelect: (ev: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:popupVisible': (visible: boolean) => true;
     popupVisibleChange: (visible: boolean) => true;
@@ -4077,8 +4599,8 @@ export declare const DropdownSubmenu: {
             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;
@@ -4265,8 +4787,8 @@ export declare const DropdownSubmenu: {
             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;
@@ -4453,8 +4975,8 @@ export declare const DropdownSubmenu: {
         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;
@@ -4487,6 +5009,7 @@ export declare const DropdownSubmenu: {
         install(app: import('vue').App): void;
     };
     DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        closeOnArrowLeft: BooleanConstructor;
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -4517,9 +5040,12 @@ export declare const DropdownSubmenu: {
         })[]>;
         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('../..').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;
@@ -4539,10 +5065,12 @@ export declare const DropdownSubmenu: {
             type: import('vue').PropType<import('../../_hooks/_types').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;
     }, {}, {
@@ -5022,6 +5550,8 @@ export declare const DropdownSubmenu: {
             [x: string]: boolean;
         })[]>;
         liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        tabIndex: import('vue').ComputedRef<0 | -1>;
+        handleFocus: () => void | undefined;
         handleClick: (ev: Event) => void;
         handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -5119,11 +5649,11 @@ export declare const DropdownSubmenu: {
         };
     }>> & Readonly<{}>, {
         name: string;
+        title: string;
         size: string | number;
         rotate: number;
         spin: boolean;
         color: string;
-        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -5278,11 +5808,11 @@ export declare const DropdownButton: {
             };
         }>> & Readonly<{}>, {
             name: string;
+            title: string;
             size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
-            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -5655,6 +6185,9 @@ export declare const DropdownButton: {
                 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;
@@ -5665,6 +6198,12 @@ export declare const DropdownButton: {
             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;
             popupVisibleChange: (visible: boolean) => true;
@@ -5891,8 +6430,8 @@ export declare const DropdownButton: {
                     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;
@@ -6079,8 +6618,8 @@ export declare const DropdownButton: {
                     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;
@@ -6267,8 +6806,8 @@ export declare const DropdownButton: {
                 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;
@@ -6301,6 +6840,7 @@ export declare const DropdownButton: {
                 install(app: import('vue').App): void;
             };
             DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                closeOnArrowLeft: BooleanConstructor;
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -6331,9 +6871,12 @@ export declare const DropdownButton: {
                 })[]>;
                 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('../..').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;
@@ -6353,10 +6896,12 @@ export declare const DropdownButton: {
                     type: import('vue').PropType<import('../../_hooks/_types').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;
             }, {}, {
@@ -6815,6 +7360,17 @@ export declare const DropdownButton: {
                     install(app: import('vue').App): void;
                 };
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                renderFunc: {
+                    type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                renderFunc: {
+                    type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -7037,11 +7593,11 @@ export declare const DropdownButton: {
         };
     }>> & Readonly<{}>, {
         name: string;
+        title: string;
         size: string | number;
         rotate: number;
         spin: boolean;
         color: string;
-        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -7414,6 +7970,9 @@ export declare const DropdownButton: {
             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;
@@ -7424,6 +7983,12 @@ export declare const DropdownButton: {
         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;
         popupVisibleChange: (visible: boolean) => true;
@@ -7650,8 +8215,8 @@ export declare const DropdownButton: {
                 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;
@@ -7838,8 +8403,8 @@ export declare const DropdownButton: {
                 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;
@@ -8026,8 +8591,8 @@ export declare const DropdownButton: {
             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;
@@ -8060,6 +8625,7 @@ export declare const DropdownButton: {
             install(app: import('vue').App): void;
         };
         DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            closeOnArrowLeft: BooleanConstructor;
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -8090,9 +8656,12 @@ export declare const DropdownButton: {
             })[]>;
             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('../..').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;
@@ -8112,10 +8681,12 @@ export declare const DropdownButton: {
                 type: import('vue').PropType<import('../../_hooks/_types').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;
         }, {}, {
@@ -8574,6 +9145,17 @@ export declare const DropdownButton: {
                 install(app: import('vue').App): void;
             };
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            renderFunc: {
+                type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            renderFunc: {
+                type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;