x-next 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/AI_USAGE.md +647 -0
  2. package/CHANGELOG.md +22 -0
  3. package/README.md +8 -0
  4. package/dist/components/dropdown/Dropdown.vue.d.ts +27 -1
  5. package/dist/components/dropdown/DropdownButton.vue.d.ts +27 -1
  6. package/dist/components/dropdown/DropdownOption.vue.d.ts +2 -0
  7. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +158 -1
  8. package/dist/components/dropdown/context.d.ts +14 -1
  9. package/dist/components/dropdown/dropdown-panel.vue.d.ts +7 -1
  10. package/dist/components/dropdown/index.d.ts +588 -6
  11. package/dist/components/dropdown/use-keyboard.d.ts +10 -0
  12. package/dist/components/form-select/hooks/use-select.d.ts +2 -1
  13. package/dist/es/_hooks/use-overflow.js +45 -40
  14. package/dist/es/components/_components/select-view/select-view.js +49 -55
  15. package/dist/es/components/dialog/Dialog.js +106 -97
  16. package/dist/es/components/dropdown/Dropdown.vue.js +18 -15
  17. package/dist/es/components/dropdown/Dropdown.vue2.js +52 -31
  18. package/dist/es/components/dropdown/DropdownOption.vue.js +22 -21
  19. package/dist/es/components/dropdown/DropdownOption.vue2.js +23 -19
  20. package/dist/es/components/dropdown/DropdownSubmenu.vue.js +49 -36
  21. package/dist/es/components/dropdown/DropdownSubmenu.vue2.js +45 -24
  22. package/dist/es/components/dropdown/context.js +3 -2
  23. package/dist/es/components/dropdown/dropdown-panel.vue.js +24 -21
  24. package/dist/es/components/dropdown/dropdown-panel.vue2.js +83 -31
  25. package/dist/es/components/dropdown/use-keyboard.js +45 -0
  26. package/dist/es/components/form-checkbox/Checkbox.js +49 -49
  27. package/dist/es/components/form-select/Select.js +25 -24
  28. package/dist/es/components/form-select/hooks/use-select.js +128 -128
  29. package/dist/es/style.css +1 -1
  30. package/dist/index.cjs +4 -4
  31. package/dist/index.d.ts +1 -1
  32. package/dist/index.umd.js +4 -4
  33. package/dist/style/base.css +1 -1
  34. package/dist/style.css +1 -1
  35. package/package.json +9 -3
package/dist/components/dropdown/index.d.ts CHANGED
@@ -50,6 +50,9 @@ export declare const Dropdown: {
50
50
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
51
51
  onReachBottom?: ((ev: Event) => any) | undefined;
52
52
  }>, {
53
+ renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
54
+ [key: string]: any;
55
+ }>[];
53
56
  className: {
54
57
  block: string;
55
58
  element: (className: string) => string;
@@ -60,6 +63,12 @@ export declare const Dropdown: {
60
63
  handlePopupVisibleChange: (visible: boolean) => void;
61
64
  handleScroll: (ev: Event) => void;
62
65
  handleReachBottom: (ev: Event) => void;
66
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
67
+ handleShow: () => void;
68
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
69
+ handleTriggerFocus: (ev: FocusEvent) => void;
70
+ handleClose: () => void;
71
+ handleKeyboardSelect: (ev: Event) => void;
63
72
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
64
73
  'update:popupVisible': (visible: boolean) => true;
65
74
  popupVisibleChange: (visible: boolean) => true;
@@ -646,6 +655,7 @@ export declare const Dropdown: {
646
655
  install(app: import('vue').App): void;
647
656
  };
648
657
  DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
658
+ closeOnArrowLeft: BooleanConstructor;
649
659
  loading: {
650
660
  type: BooleanConstructor;
651
661
  default: boolean;
@@ -676,9 +686,12 @@ export declare const Dropdown: {
676
686
  })[]>;
677
687
  style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
678
688
  wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
689
+ panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
690
+ handleKeydown: (ev: KeyboardEvent) => void;
679
691
  handleScroll: (e: Event) => void;
680
692
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
681
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
693
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
694
+ closeOnArrowLeft: BooleanConstructor;
682
695
  loading: {
683
696
  type: BooleanConstructor;
684
697
  default: boolean;
@@ -698,10 +711,12 @@ export declare const Dropdown: {
698
711
  type: import('vue').PropType<import('../../_hooks/_types').EmitType<(ev: Event) => void>>;
699
712
  };
700
713
  }>> & Readonly<{
714
+ onClose?: ((...args: any[]) => any) | undefined;
701
715
  onScroll?: ((...args: any[]) => any) | undefined;
702
716
  onReachBottom?: ((...args: any[]) => any) | undefined;
703
717
  }>, {
704
718
  loading: boolean;
719
+ closeOnArrowLeft: boolean;
705
720
  isEmpty: boolean;
706
721
  bottomOffset: number;
707
722
  }, {}, {
@@ -1160,6 +1175,17 @@ export declare const Dropdown: {
1160
1175
  install(app: import('vue').App): void;
1161
1176
  };
1162
1177
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1178
+ RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1179
+ renderFunc: {
1180
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
1181
+ required: true;
1182
+ };
1183
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1184
+ renderFunc: {
1185
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
1186
+ required: true;
1187
+ };
1188
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1163
1189
  } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1164
1190
  P: {};
1165
1191
  B: {};
@@ -1218,6 +1244,9 @@ export declare const Dropdown: {
1218
1244
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
1219
1245
  onReachBottom?: ((ev: Event) => any) | undefined;
1220
1246
  }>, {
1247
+ renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
1248
+ [key: string]: any;
1249
+ }>[];
1221
1250
  className: {
1222
1251
  block: string;
1223
1252
  element: (className: string) => string;
@@ -1228,6 +1257,12 @@ export declare const Dropdown: {
1228
1257
  handlePopupVisibleChange: (visible: boolean) => void;
1229
1258
  handleScroll: (ev: Event) => void;
1230
1259
  handleReachBottom: (ev: Event) => void;
1260
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
1261
+ handleShow: () => void;
1262
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
1263
+ handleTriggerFocus: (ev: FocusEvent) => void;
1264
+ handleClose: () => void;
1265
+ handleKeyboardSelect: (ev: Event) => void;
1231
1266
  }, {}, {}, {}, {
1232
1267
  loading: boolean;
1233
1268
  position: import('./interface').DropdownPosition;
@@ -1294,6 +1329,9 @@ export declare const Dropdown: {
1294
1329
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
1295
1330
  onReachBottom?: ((ev: Event) => any) | undefined;
1296
1331
  }>, {
1332
+ renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
1333
+ [key: string]: any;
1334
+ }>[];
1297
1335
  className: {
1298
1336
  block: string;
1299
1337
  element: (className: string) => string;
@@ -1304,6 +1342,12 @@ export declare const Dropdown: {
1304
1342
  handlePopupVisibleChange: (visible: boolean) => void;
1305
1343
  handleScroll: (ev: Event) => void;
1306
1344
  handleReachBottom: (ev: Event) => void;
1345
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
1346
+ handleShow: () => void;
1347
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
1348
+ handleTriggerFocus: (ev: FocusEvent) => void;
1349
+ handleClose: () => void;
1350
+ handleKeyboardSelect: (ev: Event) => void;
1307
1351
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1308
1352
  'update:popupVisible': (visible: boolean) => true;
1309
1353
  popupVisibleChange: (visible: boolean) => true;
@@ -1890,6 +1934,7 @@ export declare const Dropdown: {
1890
1934
  install(app: import('vue').App): void;
1891
1935
  };
1892
1936
  DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1937
+ closeOnArrowLeft: BooleanConstructor;
1893
1938
  loading: {
1894
1939
  type: BooleanConstructor;
1895
1940
  default: boolean;
@@ -1920,9 +1965,12 @@ export declare const Dropdown: {
1920
1965
  })[]>;
1921
1966
  style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
1922
1967
  wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1968
+ panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1969
+ handleKeydown: (ev: KeyboardEvent) => void;
1923
1970
  handleScroll: (e: Event) => void;
1924
1971
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
1925
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1972
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1973
+ closeOnArrowLeft: BooleanConstructor;
1926
1974
  loading: {
1927
1975
  type: BooleanConstructor;
1928
1976
  default: boolean;
@@ -1942,10 +1990,12 @@ export declare const Dropdown: {
1942
1990
  type: import('vue').PropType<import('../../_hooks/_types').EmitType<(ev: Event) => void>>;
1943
1991
  };
1944
1992
  }>> & Readonly<{
1993
+ onClose?: ((...args: any[]) => any) | undefined;
1945
1994
  onScroll?: ((...args: any[]) => any) | undefined;
1946
1995
  onReachBottom?: ((...args: any[]) => any) | undefined;
1947
1996
  }>, {
1948
1997
  loading: boolean;
1998
+ closeOnArrowLeft: boolean;
1949
1999
  isEmpty: boolean;
1950
2000
  bottomOffset: number;
1951
2001
  }, {}, {
@@ -2404,6 +2454,17 @@ export declare const Dropdown: {
2404
2454
  install(app: import('vue').App): void;
2405
2455
  };
2406
2456
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
2457
+ RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2458
+ renderFunc: {
2459
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
2460
+ required: true;
2461
+ };
2462
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
2463
+ renderFunc: {
2464
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
2465
+ required: true;
2466
+ };
2467
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
2407
2468
  } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
2408
2469
  install(app: import('vue').App): void;
2409
2470
  };
@@ -2431,6 +2492,8 @@ export declare const DropdownOption: {
2431
2492
  [x: string]: boolean;
2432
2493
  })[]>;
2433
2494
  liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2495
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2496
+ handleFocus: () => void | undefined;
2434
2497
  handleClick: (ev: Event) => void;
2435
2498
  handleKeydown: (ev: KeyboardEvent) => void;
2436
2499
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2469,6 +2532,8 @@ export declare const DropdownOption: {
2469
2532
  [x: string]: boolean;
2470
2533
  })[]>;
2471
2534
  liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2535
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2536
+ handleFocus: () => void | undefined;
2472
2537
  handleClick: (ev: Event) => void;
2473
2538
  handleKeydown: (ev: KeyboardEvent) => void;
2474
2539
  }, {}, {}, {}, {
@@ -2502,6 +2567,8 @@ export declare const DropdownOption: {
2502
2567
  [x: string]: boolean;
2503
2568
  })[]>;
2504
2569
  liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2570
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2571
+ handleFocus: () => void | undefined;
2505
2572
  handleClick: (ev: Event) => void;
2506
2573
  handleKeydown: (ev: KeyboardEvent) => void;
2507
2574
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2587,6 +2654,149 @@ export declare const DropdownSubmenu: {
2587
2654
  "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
2588
2655
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
2589
2656
  }>, {
2657
+ optionRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
2658
+ value: {
2659
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
2660
+ };
2661
+ disabled: {
2662
+ type: BooleanConstructor;
2663
+ default: boolean;
2664
+ };
2665
+ active: BooleanConstructor;
2666
+ uninjectContext: BooleanConstructor;
2667
+ }>> & Readonly<{
2668
+ onClick?: ((ev: Event) => any) | undefined;
2669
+ }>, {
2670
+ className: {
2671
+ block: string;
2672
+ element: (className: string) => string;
2673
+ modifier: (className: string) => string;
2674
+ is: (className: string) => string;
2675
+ };
2676
+ cls: import('vue').ComputedRef<(string | {
2677
+ [x: string]: boolean;
2678
+ })[]>;
2679
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2680
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2681
+ handleFocus: () => void | undefined;
2682
+ handleClick: (ev: Event) => void;
2683
+ handleKeydown: (ev: KeyboardEvent) => void;
2684
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2685
+ click: (ev: Event) => true;
2686
+ }, import('vue').PublicProps, {
2687
+ disabled: boolean;
2688
+ active: boolean;
2689
+ uninjectContext: boolean;
2690
+ }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
2691
+ P: {};
2692
+ B: {};
2693
+ D: {};
2694
+ C: {};
2695
+ M: {};
2696
+ Defaults: {};
2697
+ }, Readonly<import('vue').ExtractPropTypes<{
2698
+ value: {
2699
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
2700
+ };
2701
+ disabled: {
2702
+ type: BooleanConstructor;
2703
+ default: boolean;
2704
+ };
2705
+ active: BooleanConstructor;
2706
+ uninjectContext: BooleanConstructor;
2707
+ }>> & Readonly<{
2708
+ onClick?: ((ev: Event) => any) | undefined;
2709
+ }>, {
2710
+ className: {
2711
+ block: string;
2712
+ element: (className: string) => string;
2713
+ modifier: (className: string) => string;
2714
+ is: (className: string) => string;
2715
+ };
2716
+ cls: import('vue').ComputedRef<(string | {
2717
+ [x: string]: boolean;
2718
+ })[]>;
2719
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2720
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2721
+ handleFocus: () => void | undefined;
2722
+ handleClick: (ev: Event) => void;
2723
+ handleKeydown: (ev: KeyboardEvent) => void;
2724
+ }, {}, {}, {}, {
2725
+ disabled: boolean;
2726
+ active: boolean;
2727
+ uninjectContext: boolean;
2728
+ }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
2729
+ value: {
2730
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
2731
+ };
2732
+ disabled: {
2733
+ type: BooleanConstructor;
2734
+ default: boolean;
2735
+ };
2736
+ active: BooleanConstructor;
2737
+ uninjectContext: BooleanConstructor;
2738
+ }>> & Readonly<{
2739
+ onClick?: ((ev: Event) => any) | undefined;
2740
+ }>, {
2741
+ className: {
2742
+ block: string;
2743
+ element: (className: string) => string;
2744
+ modifier: (className: string) => string;
2745
+ is: (className: string) => string;
2746
+ };
2747
+ cls: import('vue').ComputedRef<(string | {
2748
+ [x: string]: boolean;
2749
+ })[]>;
2750
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2751
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2752
+ handleFocus: () => void | undefined;
2753
+ handleClick: (ev: Event) => void;
2754
+ handleKeydown: (ev: KeyboardEvent) => void;
2755
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2756
+ click: (ev: Event) => true;
2757
+ }, import('vue').PublicProps, {
2758
+ disabled: boolean;
2759
+ active: boolean;
2760
+ uninjectContext: boolean;
2761
+ }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
2762
+ P: {};
2763
+ B: {};
2764
+ D: {};
2765
+ C: {};
2766
+ M: {};
2767
+ Defaults: {};
2768
+ }, Readonly<import('vue').ExtractPropTypes<{
2769
+ value: {
2770
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
2771
+ };
2772
+ disabled: {
2773
+ type: BooleanConstructor;
2774
+ default: boolean;
2775
+ };
2776
+ active: BooleanConstructor;
2777
+ uninjectContext: BooleanConstructor;
2778
+ }>> & Readonly<{
2779
+ onClick?: ((ev: Event) => any) | undefined;
2780
+ }>, {
2781
+ className: {
2782
+ block: string;
2783
+ element: (className: string) => string;
2784
+ modifier: (className: string) => string;
2785
+ is: (className: string) => string;
2786
+ };
2787
+ cls: import('vue').ComputedRef<(string | {
2788
+ [x: string]: boolean;
2789
+ })[]>;
2790
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2791
+ tabIndex: import('vue').ComputedRef<0 | -1>;
2792
+ handleFocus: () => void | undefined;
2793
+ handleClick: (ev: Event) => void;
2794
+ handleKeydown: (ev: KeyboardEvent) => void;
2795
+ }, {}, {}, {}, {
2796
+ disabled: boolean;
2797
+ active: boolean;
2798
+ uninjectContext: boolean;
2799
+ }> | undefined>;
2590
2800
  className: {
2591
2801
  block: string;
2592
2802
  element: (className: string) => string;
@@ -2595,6 +2805,12 @@ export declare const DropdownSubmenu: {
2595
2805
  };
2596
2806
  computedPopupVisible: import('vue').ComputedRef<boolean>;
2597
2807
  handlePopupVisibleChange: (visible: boolean) => void;
2808
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
2809
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
2810
+ handleShow: () => void;
2811
+ handleTriggerFocus: (ev: FocusEvent) => void;
2812
+ handleClose: () => void;
2813
+ handleKeyboardSelect: (ev: Event) => void;
2598
2814
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2599
2815
  'update:popupVisible': (visible: boolean) => true;
2600
2816
  popupVisibleChange: (visible: boolean) => true;
@@ -3173,6 +3389,7 @@ export declare const DropdownSubmenu: {
3173
3389
  install(app: import('vue').App): void;
3174
3390
  };
3175
3391
  DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3392
+ closeOnArrowLeft: BooleanConstructor;
3176
3393
  loading: {
3177
3394
  type: BooleanConstructor;
3178
3395
  default: boolean;
@@ -3203,9 +3420,12 @@ export declare const DropdownSubmenu: {
3203
3420
  })[]>;
3204
3421
  style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
3205
3422
  wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3423
+ panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3424
+ handleKeydown: (ev: KeyboardEvent) => void;
3206
3425
  handleScroll: (e: Event) => void;
3207
3426
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
3208
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
3427
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
3428
+ closeOnArrowLeft: BooleanConstructor;
3209
3429
  loading: {
3210
3430
  type: BooleanConstructor;
3211
3431
  default: boolean;
@@ -3225,10 +3445,12 @@ export declare const DropdownSubmenu: {
3225
3445
  type: import('vue').PropType<import('../../_hooks/_types').EmitType<(ev: Event) => void>>;
3226
3446
  };
3227
3447
  }>> & Readonly<{
3448
+ onClose?: ((...args: any[]) => any) | undefined;
3228
3449
  onScroll?: ((...args: any[]) => any) | undefined;
3229
3450
  onReachBottom?: ((...args: any[]) => any) | undefined;
3230
3451
  }>, {
3231
3452
  loading: boolean;
3453
+ closeOnArrowLeft: boolean;
3232
3454
  isEmpty: boolean;
3233
3455
  bottomOffset: number;
3234
3456
  }, {}, {
@@ -3708,6 +3930,8 @@ export declare const DropdownSubmenu: {
3708
3930
  [x: string]: boolean;
3709
3931
  })[]>;
3710
3932
  liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3933
+ tabIndex: import('vue').ComputedRef<0 | -1>;
3934
+ handleFocus: () => void | undefined;
3711
3935
  handleClick: (ev: Event) => void;
3712
3936
  handleKeydown: (ev: KeyboardEvent) => void;
3713
3937
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -3852,6 +4076,149 @@ export declare const DropdownSubmenu: {
3852
4076
  "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
3853
4077
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
3854
4078
  }>, {
4079
+ optionRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
4080
+ value: {
4081
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4082
+ };
4083
+ disabled: {
4084
+ type: BooleanConstructor;
4085
+ default: boolean;
4086
+ };
4087
+ active: BooleanConstructor;
4088
+ uninjectContext: BooleanConstructor;
4089
+ }>> & Readonly<{
4090
+ onClick?: ((ev: Event) => any) | undefined;
4091
+ }>, {
4092
+ className: {
4093
+ block: string;
4094
+ element: (className: string) => string;
4095
+ modifier: (className: string) => string;
4096
+ is: (className: string) => string;
4097
+ };
4098
+ cls: import('vue').ComputedRef<(string | {
4099
+ [x: string]: boolean;
4100
+ })[]>;
4101
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4102
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4103
+ handleFocus: () => void | undefined;
4104
+ handleClick: (ev: Event) => void;
4105
+ handleKeydown: (ev: KeyboardEvent) => void;
4106
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4107
+ click: (ev: Event) => true;
4108
+ }, import('vue').PublicProps, {
4109
+ disabled: boolean;
4110
+ active: boolean;
4111
+ uninjectContext: boolean;
4112
+ }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
4113
+ P: {};
4114
+ B: {};
4115
+ D: {};
4116
+ C: {};
4117
+ M: {};
4118
+ Defaults: {};
4119
+ }, Readonly<import('vue').ExtractPropTypes<{
4120
+ value: {
4121
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4122
+ };
4123
+ disabled: {
4124
+ type: BooleanConstructor;
4125
+ default: boolean;
4126
+ };
4127
+ active: BooleanConstructor;
4128
+ uninjectContext: BooleanConstructor;
4129
+ }>> & Readonly<{
4130
+ onClick?: ((ev: Event) => any) | undefined;
4131
+ }>, {
4132
+ className: {
4133
+ block: string;
4134
+ element: (className: string) => string;
4135
+ modifier: (className: string) => string;
4136
+ is: (className: string) => string;
4137
+ };
4138
+ cls: import('vue').ComputedRef<(string | {
4139
+ [x: string]: boolean;
4140
+ })[]>;
4141
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4142
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4143
+ handleFocus: () => void | undefined;
4144
+ handleClick: (ev: Event) => void;
4145
+ handleKeydown: (ev: KeyboardEvent) => void;
4146
+ }, {}, {}, {}, {
4147
+ disabled: boolean;
4148
+ active: boolean;
4149
+ uninjectContext: boolean;
4150
+ }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
4151
+ value: {
4152
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4153
+ };
4154
+ disabled: {
4155
+ type: BooleanConstructor;
4156
+ default: boolean;
4157
+ };
4158
+ active: BooleanConstructor;
4159
+ uninjectContext: BooleanConstructor;
4160
+ }>> & Readonly<{
4161
+ onClick?: ((ev: Event) => any) | undefined;
4162
+ }>, {
4163
+ className: {
4164
+ block: string;
4165
+ element: (className: string) => string;
4166
+ modifier: (className: string) => string;
4167
+ is: (className: string) => string;
4168
+ };
4169
+ cls: import('vue').ComputedRef<(string | {
4170
+ [x: string]: boolean;
4171
+ })[]>;
4172
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4173
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4174
+ handleFocus: () => void | undefined;
4175
+ handleClick: (ev: Event) => void;
4176
+ handleKeydown: (ev: KeyboardEvent) => void;
4177
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4178
+ click: (ev: Event) => true;
4179
+ }, import('vue').PublicProps, {
4180
+ disabled: boolean;
4181
+ active: boolean;
4182
+ uninjectContext: boolean;
4183
+ }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
4184
+ P: {};
4185
+ B: {};
4186
+ D: {};
4187
+ C: {};
4188
+ M: {};
4189
+ Defaults: {};
4190
+ }, Readonly<import('vue').ExtractPropTypes<{
4191
+ value: {
4192
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4193
+ };
4194
+ disabled: {
4195
+ type: BooleanConstructor;
4196
+ default: boolean;
4197
+ };
4198
+ active: BooleanConstructor;
4199
+ uninjectContext: BooleanConstructor;
4200
+ }>> & Readonly<{
4201
+ onClick?: ((ev: Event) => any) | undefined;
4202
+ }>, {
4203
+ className: {
4204
+ block: string;
4205
+ element: (className: string) => string;
4206
+ modifier: (className: string) => string;
4207
+ is: (className: string) => string;
4208
+ };
4209
+ cls: import('vue').ComputedRef<(string | {
4210
+ [x: string]: boolean;
4211
+ })[]>;
4212
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4213
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4214
+ handleFocus: () => void | undefined;
4215
+ handleClick: (ev: Event) => void;
4216
+ handleKeydown: (ev: KeyboardEvent) => void;
4217
+ }, {}, {}, {}, {
4218
+ disabled: boolean;
4219
+ active: boolean;
4220
+ uninjectContext: boolean;
4221
+ }> | undefined>;
3855
4222
  className: {
3856
4223
  block: string;
3857
4224
  element: (className: string) => string;
@@ -3860,6 +4227,12 @@ export declare const DropdownSubmenu: {
3860
4227
  };
3861
4228
  computedPopupVisible: import('vue').ComputedRef<boolean>;
3862
4229
  handlePopupVisibleChange: (visible: boolean) => void;
4230
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
4231
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
4232
+ handleShow: () => void;
4233
+ handleTriggerFocus: (ev: FocusEvent) => void;
4234
+ handleClose: () => void;
4235
+ handleKeyboardSelect: (ev: Event) => void;
3863
4236
  }, {}, {}, {}, {
3864
4237
  disabled: boolean;
3865
4238
  position: "lt" | "rt";
@@ -3901,6 +4274,149 @@ export declare const DropdownSubmenu: {
3901
4274
  "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
3902
4275
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
3903
4276
  }>, {
4277
+ optionRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
4278
+ value: {
4279
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4280
+ };
4281
+ disabled: {
4282
+ type: BooleanConstructor;
4283
+ default: boolean;
4284
+ };
4285
+ active: BooleanConstructor;
4286
+ uninjectContext: BooleanConstructor;
4287
+ }>> & Readonly<{
4288
+ onClick?: ((ev: Event) => any) | undefined;
4289
+ }>, {
4290
+ className: {
4291
+ block: string;
4292
+ element: (className: string) => string;
4293
+ modifier: (className: string) => string;
4294
+ is: (className: string) => string;
4295
+ };
4296
+ cls: import('vue').ComputedRef<(string | {
4297
+ [x: string]: boolean;
4298
+ })[]>;
4299
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4300
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4301
+ handleFocus: () => void | undefined;
4302
+ handleClick: (ev: Event) => void;
4303
+ handleKeydown: (ev: KeyboardEvent) => void;
4304
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4305
+ click: (ev: Event) => true;
4306
+ }, import('vue').PublicProps, {
4307
+ disabled: boolean;
4308
+ active: boolean;
4309
+ uninjectContext: boolean;
4310
+ }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
4311
+ P: {};
4312
+ B: {};
4313
+ D: {};
4314
+ C: {};
4315
+ M: {};
4316
+ Defaults: {};
4317
+ }, Readonly<import('vue').ExtractPropTypes<{
4318
+ value: {
4319
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4320
+ };
4321
+ disabled: {
4322
+ type: BooleanConstructor;
4323
+ default: boolean;
4324
+ };
4325
+ active: BooleanConstructor;
4326
+ uninjectContext: BooleanConstructor;
4327
+ }>> & Readonly<{
4328
+ onClick?: ((ev: Event) => any) | undefined;
4329
+ }>, {
4330
+ className: {
4331
+ block: string;
4332
+ element: (className: string) => string;
4333
+ modifier: (className: string) => string;
4334
+ is: (className: string) => string;
4335
+ };
4336
+ cls: import('vue').ComputedRef<(string | {
4337
+ [x: string]: boolean;
4338
+ })[]>;
4339
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4340
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4341
+ handleFocus: () => void | undefined;
4342
+ handleClick: (ev: Event) => void;
4343
+ handleKeydown: (ev: KeyboardEvent) => void;
4344
+ }, {}, {}, {}, {
4345
+ disabled: boolean;
4346
+ active: boolean;
4347
+ uninjectContext: boolean;
4348
+ }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
4349
+ value: {
4350
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4351
+ };
4352
+ disabled: {
4353
+ type: BooleanConstructor;
4354
+ default: boolean;
4355
+ };
4356
+ active: BooleanConstructor;
4357
+ uninjectContext: BooleanConstructor;
4358
+ }>> & Readonly<{
4359
+ onClick?: ((ev: Event) => any) | undefined;
4360
+ }>, {
4361
+ className: {
4362
+ block: string;
4363
+ element: (className: string) => string;
4364
+ modifier: (className: string) => string;
4365
+ is: (className: string) => string;
4366
+ };
4367
+ cls: import('vue').ComputedRef<(string | {
4368
+ [x: string]: boolean;
4369
+ })[]>;
4370
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4371
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4372
+ handleFocus: () => void | undefined;
4373
+ handleClick: (ev: Event) => void;
4374
+ handleKeydown: (ev: KeyboardEvent) => void;
4375
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4376
+ click: (ev: Event) => true;
4377
+ }, import('vue').PublicProps, {
4378
+ disabled: boolean;
4379
+ active: boolean;
4380
+ uninjectContext: boolean;
4381
+ }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
4382
+ P: {};
4383
+ B: {};
4384
+ D: {};
4385
+ C: {};
4386
+ M: {};
4387
+ Defaults: {};
4388
+ }, Readonly<import('vue').ExtractPropTypes<{
4389
+ value: {
4390
+ type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
4391
+ };
4392
+ disabled: {
4393
+ type: BooleanConstructor;
4394
+ default: boolean;
4395
+ };
4396
+ active: BooleanConstructor;
4397
+ uninjectContext: BooleanConstructor;
4398
+ }>> & Readonly<{
4399
+ onClick?: ((ev: Event) => any) | undefined;
4400
+ }>, {
4401
+ className: {
4402
+ block: string;
4403
+ element: (className: string) => string;
4404
+ modifier: (className: string) => string;
4405
+ is: (className: string) => string;
4406
+ };
4407
+ cls: import('vue').ComputedRef<(string | {
4408
+ [x: string]: boolean;
4409
+ })[]>;
4410
+ liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
4411
+ tabIndex: import('vue').ComputedRef<0 | -1>;
4412
+ handleFocus: () => void | undefined;
4413
+ handleClick: (ev: Event) => void;
4414
+ handleKeydown: (ev: KeyboardEvent) => void;
4415
+ }, {}, {}, {}, {
4416
+ disabled: boolean;
4417
+ active: boolean;
4418
+ uninjectContext: boolean;
4419
+ }> | undefined>;
3904
4420
  className: {
3905
4421
  block: string;
3906
4422
  element: (className: string) => string;
@@ -3909,6 +4425,12 @@ export declare const DropdownSubmenu: {
3909
4425
  };
3910
4426
  computedPopupVisible: import('vue').ComputedRef<boolean>;
3911
4427
  handlePopupVisibleChange: (visible: boolean) => void;
4428
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
4429
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
4430
+ handleShow: () => void;
4431
+ handleTriggerFocus: (ev: FocusEvent) => void;
4432
+ handleClose: () => void;
4433
+ handleKeyboardSelect: (ev: Event) => void;
3912
4434
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3913
4435
  'update:popupVisible': (visible: boolean) => true;
3914
4436
  popupVisibleChange: (visible: boolean) => true;
@@ -4487,6 +5009,7 @@ export declare const DropdownSubmenu: {
4487
5009
  install(app: import('vue').App): void;
4488
5010
  };
4489
5011
  DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5012
+ closeOnArrowLeft: BooleanConstructor;
4490
5013
  loading: {
4491
5014
  type: BooleanConstructor;
4492
5015
  default: boolean;
@@ -4517,9 +5040,12 @@ export declare const DropdownSubmenu: {
4517
5040
  })[]>;
4518
5041
  style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
4519
5042
  wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
5043
+ panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
5044
+ handleKeydown: (ev: KeyboardEvent) => void;
4520
5045
  handleScroll: (e: Event) => void;
4521
5046
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
4522
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
5047
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
5048
+ closeOnArrowLeft: BooleanConstructor;
4523
5049
  loading: {
4524
5050
  type: BooleanConstructor;
4525
5051
  default: boolean;
@@ -4539,10 +5065,12 @@ export declare const DropdownSubmenu: {
4539
5065
  type: import('vue').PropType<import('../../_hooks/_types').EmitType<(ev: Event) => void>>;
4540
5066
  };
4541
5067
  }>> & Readonly<{
5068
+ onClose?: ((...args: any[]) => any) | undefined;
4542
5069
  onScroll?: ((...args: any[]) => any) | undefined;
4543
5070
  onReachBottom?: ((...args: any[]) => any) | undefined;
4544
5071
  }>, {
4545
5072
  loading: boolean;
5073
+ closeOnArrowLeft: boolean;
4546
5074
  isEmpty: boolean;
4547
5075
  bottomOffset: number;
4548
5076
  }, {}, {
@@ -5022,6 +5550,8 @@ export declare const DropdownSubmenu: {
5022
5550
  [x: string]: boolean;
5023
5551
  })[]>;
5024
5552
  liRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
5553
+ tabIndex: import('vue').ComputedRef<0 | -1>;
5554
+ handleFocus: () => void | undefined;
5025
5555
  handleClick: (ev: Event) => void;
5026
5556
  handleKeydown: (ev: KeyboardEvent) => void;
5027
5557
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -5655,6 +6185,9 @@ export declare const DropdownButton: {
5655
6185
  default: boolean;
5656
6186
  };
5657
6187
  }>, {
6188
+ renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
6189
+ [key: string]: any;
6190
+ }>[];
5658
6191
  className: {
5659
6192
  block: string;
5660
6193
  element: (className: string) => string;
@@ -5665,6 +6198,12 @@ export declare const DropdownButton: {
5665
6198
  handlePopupVisibleChange: (visible: boolean) => void;
5666
6199
  handleScroll: (ev: Event) => void;
5667
6200
  handleReachBottom: (ev: Event) => void;
6201
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
6202
+ handleShow: () => void;
6203
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
6204
+ handleTriggerFocus: (ev: FocusEvent) => void;
6205
+ handleClose: () => void;
6206
+ handleKeyboardSelect: (ev: Event) => void;
5668
6207
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5669
6208
  'update:popupVisible': (visible: boolean) => true;
5670
6209
  popupVisibleChange: (visible: boolean) => true;
@@ -6301,6 +6840,7 @@ export declare const DropdownButton: {
6301
6840
  install(app: import('vue').App): void;
6302
6841
  };
6303
6842
  DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
6843
+ closeOnArrowLeft: BooleanConstructor;
6304
6844
  loading: {
6305
6845
  type: BooleanConstructor;
6306
6846
  default: boolean;
@@ -6331,9 +6871,12 @@ export declare const DropdownButton: {
6331
6871
  })[]>;
6332
6872
  style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
6333
6873
  wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
6874
+ panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
6875
+ handleKeydown: (ev: KeyboardEvent) => void;
6334
6876
  handleScroll: (e: Event) => void;
6335
6877
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
6336
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
6878
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
6879
+ closeOnArrowLeft: BooleanConstructor;
6337
6880
  loading: {
6338
6881
  type: BooleanConstructor;
6339
6882
  default: boolean;
@@ -6353,10 +6896,12 @@ export declare const DropdownButton: {
6353
6896
  type: import('vue').PropType<import('../../_hooks/_types').EmitType<(ev: Event) => void>>;
6354
6897
  };
6355
6898
  }>> & Readonly<{
6899
+ onClose?: ((...args: any[]) => any) | undefined;
6356
6900
  onScroll?: ((...args: any[]) => any) | undefined;
6357
6901
  onReachBottom?: ((...args: any[]) => any) | undefined;
6358
6902
  }>, {
6359
6903
  loading: boolean;
6904
+ closeOnArrowLeft: boolean;
6360
6905
  isEmpty: boolean;
6361
6906
  bottomOffset: number;
6362
6907
  }, {}, {
@@ -6815,6 +7360,17 @@ export declare const DropdownButton: {
6815
7360
  install(app: import('vue').App): void;
6816
7361
  };
6817
7362
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
7363
+ RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7364
+ renderFunc: {
7365
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
7366
+ required: true;
7367
+ };
7368
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
7369
+ renderFunc: {
7370
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
7371
+ required: true;
7372
+ };
7373
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6818
7374
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6819
7375
  } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
6820
7376
  P: {};
@@ -7414,6 +7970,9 @@ export declare const DropdownButton: {
7414
7970
  default: boolean;
7415
7971
  };
7416
7972
  }>, {
7973
+ renderTrigger: (attrs: Record<string, unknown>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
7974
+ [key: string]: any;
7975
+ }>[];
7417
7976
  className: {
7418
7977
  block: string;
7419
7978
  element: (className: string) => string;
@@ -7424,6 +7983,12 @@ export declare const DropdownButton: {
7424
7983
  handlePopupVisibleChange: (visible: boolean) => void;
7425
7984
  handleScroll: (ev: Event) => void;
7426
7985
  handleReachBottom: (ev: Event) => void;
7986
+ panelRef: import('vue').Ref<import('./context').DropdownPanelRef | undefined, import('./context').DropdownPanelRef | undefined>;
7987
+ handleShow: () => void;
7988
+ handleTriggerKeydown: (ev: KeyboardEvent) => void;
7989
+ handleTriggerFocus: (ev: FocusEvent) => void;
7990
+ handleClose: () => void;
7991
+ handleKeyboardSelect: (ev: Event) => void;
7427
7992
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7428
7993
  'update:popupVisible': (visible: boolean) => true;
7429
7994
  popupVisibleChange: (visible: boolean) => true;
@@ -8060,6 +8625,7 @@ export declare const DropdownButton: {
8060
8625
  install(app: import('vue').App): void;
8061
8626
  };
8062
8627
  DropdownPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8628
+ closeOnArrowLeft: BooleanConstructor;
8063
8629
  loading: {
8064
8630
  type: BooleanConstructor;
8065
8631
  default: boolean;
@@ -8090,9 +8656,12 @@ export declare const DropdownButton: {
8090
8656
  })[]>;
8091
8657
  style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
8092
8658
  wrapperRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
8659
+ panelElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
8660
+ handleKeydown: (ev: KeyboardEvent) => void;
8093
8661
  handleScroll: (e: Event) => void;
8094
8662
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
8095
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
8663
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "scroll" | "reachBottom")[], "close" | "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
8664
+ closeOnArrowLeft: BooleanConstructor;
8096
8665
  loading: {
8097
8666
  type: BooleanConstructor;
8098
8667
  default: boolean;
@@ -8112,10 +8681,12 @@ export declare const DropdownButton: {
8112
8681
  type: import('vue').PropType<import('../../_hooks/_types').EmitType<(ev: Event) => void>>;
8113
8682
  };
8114
8683
  }>> & Readonly<{
8684
+ onClose?: ((...args: any[]) => any) | undefined;
8115
8685
  onScroll?: ((...args: any[]) => any) | undefined;
8116
8686
  onReachBottom?: ((...args: any[]) => any) | undefined;
8117
8687
  }>, {
8118
8688
  loading: boolean;
8689
+ closeOnArrowLeft: boolean;
8119
8690
  isEmpty: boolean;
8120
8691
  bottomOffset: number;
8121
8692
  }, {}, {
@@ -8574,6 +9145,17 @@ export declare const DropdownButton: {
8574
9145
  install(app: import('vue').App): void;
8575
9146
  };
8576
9147
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
9148
+ RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
9149
+ renderFunc: {
9150
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
9151
+ required: true;
9152
+ };
9153
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
9154
+ renderFunc: {
9155
+ type: import('vue').PropType<import('../../_container/render-function').RenderFunc>;
9156
+ required: true;
9157
+ };
9158
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
8577
9159
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
8578
9160
  } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
8579
9161
  install(app: import('vue').App): void;