x-next 1.10.1 → 1.11.0

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 (166) hide show
  1. package/AI_CODING.md +97 -0
  2. package/AI_USAGE/catalog.md +111 -0
  3. package/AI_USAGE/components/alert.md +33 -0
  4. package/AI_USAGE/components/bar-chart.md +46 -0
  5. package/AI_USAGE/components/button.md +35 -0
  6. package/AI_USAGE/components/checkbox.md +34 -0
  7. package/AI_USAGE/components/color-picker.md +36 -0
  8. package/AI_USAGE/components/config-provider.md +58 -0
  9. package/AI_USAGE/components/date-picker.md +34 -0
  10. package/AI_USAGE/components/dialog.md +37 -0
  11. package/AI_USAGE/components/dropdown.md +38 -0
  12. package/AI_USAGE/components/empty.md +30 -0
  13. package/AI_USAGE/components/input.md +32 -0
  14. package/AI_USAGE/components/line-chart.md +45 -0
  15. package/AI_USAGE/components/message-box.md +39 -0
  16. package/AI_USAGE/components/message.md +36 -0
  17. package/AI_USAGE/components/notification.md +37 -0
  18. package/AI_USAGE/components/pagination.md +32 -0
  19. package/AI_USAGE/components/pie-chart.md +55 -0
  20. package/AI_USAGE/components/popconfirm.md +33 -0
  21. package/AI_USAGE/components/popover.md +35 -0
  22. package/AI_USAGE/components/progress.md +32 -0
  23. package/AI_USAGE/components/radio.md +35 -0
  24. package/AI_USAGE/components/rate.md +30 -0
  25. package/AI_USAGE/components/select.md +38 -0
  26. package/AI_USAGE/components/slider.md +34 -0
  27. package/AI_USAGE/components/steps.md +33 -0
  28. package/AI_USAGE/components/switch.md +32 -0
  29. package/AI_USAGE/components/tabs.md +33 -0
  30. package/AI_USAGE/components/textarea.md +31 -0
  31. package/AI_USAGE/components/time-picker.md +34 -0
  32. package/AI_USAGE/components/upload.md +60 -0
  33. package/AI_USAGE/core.md +37 -0
  34. package/AI_USAGE/index.md +52 -0
  35. package/AI_USAGE/recipes/form-on-demand.md +42 -0
  36. package/AI_USAGE.md +171 -46
  37. package/CHANGELOG.md +23 -0
  38. package/README.md +15 -2
  39. package/dist/_container/resize-trigger.vue.d.ts +1 -1
  40. package/dist/_hooks/use-dialog-focus.d.ts +7 -0
  41. package/dist/_hooks/use-pointer-drag.d.ts +6 -0
  42. package/dist/_hooks/use-popup-close.d.ts +11 -0
  43. package/dist/_hooks/use-popup-theme.d.ts +5 -0
  44. package/dist/_utils/palette.d.ts +2 -0
  45. package/dist/components/_components/picker/input-range.vue.d.ts +1 -3
  46. package/dist/components/_components/picker/input.vue.d.ts +1 -3
  47. package/dist/components/alert/Alert.vue.d.ts +1 -1
  48. package/dist/components/alert/index.d.ts +3 -3
  49. package/dist/components/bar-chart/BarChart.d.ts +3 -3
  50. package/dist/components/bar-chart/index.d.ts +9 -9
  51. package/dist/components/color-picker/ColorPicker.d.ts +2 -1
  52. package/dist/components/color-picker/index.d.ts +2 -0
  53. package/dist/components/color-picker/panel.d.ts +6 -0
  54. package/dist/components/config-provider/context.d.ts +7 -1
  55. package/dist/components/date-picker/DatePicker.vue.d.ts +9 -12
  56. package/dist/components/date-picker/index.d.ts +19 -27
  57. package/dist/components/drawer/index.d.ts +51 -9
  58. package/dist/components/drawer/src/Drawer.vue.d.ts +19 -4
  59. package/dist/components/dropdown/Dropdown.vue.d.ts +6 -3
  60. package/dist/components/dropdown/DropdownButton.vue.d.ts +6 -3
  61. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +6 -3
  62. package/dist/components/dropdown/dropdown-panel.vue.d.ts +6 -3
  63. package/dist/components/dropdown/index.d.ts +36 -18
  64. package/dist/components/form-select/SelectDropdown.vue.d.ts +6 -3
  65. package/dist/components/form-select/SelectOption.vue.d.ts +1 -0
  66. package/dist/components/form-select/index.d.ts +15 -6
  67. package/dist/components/form-slider/Slider.vue.d.ts +1 -1
  68. package/dist/components/form-slider/index.d.ts +3 -3
  69. package/dist/components/form-textarea/Textarea.vue.d.ts +2 -4
  70. package/dist/components/form-textarea/index.d.ts +6 -12
  71. package/dist/components/image/Image.vue.d.ts +2 -4
  72. package/dist/components/image/index.d.ts +6 -12
  73. package/dist/components/layout/LayoutSidebar.vue.d.ts +5 -5
  74. package/dist/components/layout/index.d.ts +10 -10
  75. package/dist/components/line-chart/LineChart.d.ts +3 -3
  76. package/dist/components/line-chart/index.d.ts +9 -9
  77. package/dist/components/menu/Menu.d.ts +6 -3
  78. package/dist/components/menu/base-menu.vue.d.ts +6 -3
  79. package/dist/components/menu/index.d.ts +12 -6
  80. package/dist/components/menu/sub-menu-pop.vue.d.ts +6 -3
  81. package/dist/components/network/Network.vue.d.ts +1 -1
  82. package/dist/components/network/index.d.ts +3 -3
  83. package/dist/components/pie-chart/PieChart.d.ts +1 -1
  84. package/dist/components/pie-chart/index.d.ts +3 -3
  85. package/dist/components/resize-box/ResizeBox.vue.d.ts +2 -2
  86. package/dist/components/resize-box/index.d.ts +5 -5
  87. package/dist/components/scrollbar-v2/Scrollbar.vue.d.ts +2 -1
  88. package/dist/components/scrollbar-v2/index.d.ts +6 -3
  89. package/dist/components/table/Table.d.ts +1 -1
  90. package/dist/components/table/index.d.ts +3 -3
  91. package/dist/components/tabs/Tabs.d.ts +1 -1
  92. package/dist/components/tabs/index.d.ts +3 -3
  93. package/dist/components/time-picker/TimeColumn.vue.d.ts +6 -3
  94. package/dist/components/time-picker/TimePanel.vue.d.ts +6 -3
  95. package/dist/components/time-picker/TimePicker.vue.d.ts +9 -12
  96. package/dist/components/time-picker/index.d.ts +19 -27
  97. package/dist/components/trend-chart/components/TrendChart.d.ts +5 -5
  98. package/dist/components/trend-chart/components/trend-chart-curve.d.ts +1 -1
  99. package/dist/components/trend-chart/index.d.ts +14 -14
  100. package/dist/components/virtual-list-v2/virtual-list.vue.d.ts +7 -4
  101. package/dist/es/_hooks/use-dialog-focus.js +69 -0
  102. package/dist/es/_hooks/use-pointer-drag.js +18 -0
  103. package/dist/es/_hooks/use-popup-close.js +27 -0
  104. package/dist/es/_hooks/use-popup-manager.js +26 -24
  105. package/dist/es/_hooks/use-popup-theme.js +18 -0
  106. package/dist/es/_hooks/use-teleport-container.js +9 -10
  107. package/dist/es/_utils/palette.js +57 -52
  108. package/dist/es/components/color-picker/ColorPicker.js +131 -102
  109. package/dist/es/components/color-picker/gradient-slider.js +38 -40
  110. package/dist/es/components/color-picker/panel.js +221 -192
  111. package/dist/es/components/color-picker/sv-panel.js +51 -50
  112. package/dist/es/components/config-provider/ConfigProvider.js +58 -41
  113. package/dist/es/components/dialog/Dialog.js +133 -186
  114. package/dist/es/components/drawer/src/Drawer.vue.js +59 -51
  115. package/dist/es/components/drawer/src/Drawer.vue2.js +117 -107
  116. package/dist/es/components/form/FormItem.vue.js +12 -12
  117. package/dist/es/components/form-select/SelectDropdown.vue.js +7 -7
  118. package/dist/es/components/form-select/SelectOption.vue.js +20 -17
  119. package/dist/es/components/form-select/SelectOption.vue2.js +39 -36
  120. package/dist/es/components/form-switch/Switch.vue.js +24 -24
  121. package/dist/es/components/image/Image.vue.js +12 -12
  122. package/dist/es/components/link/Link.vue.js +6 -6
  123. package/dist/es/components/menu/sub-menu-inline.vue.js +11 -11
  124. package/dist/es/components/menu/sub-menu-pop.vue.js +12 -12
  125. package/dist/es/components/notification/Notification.js +59 -59
  126. package/dist/es/components/resize-box/ResizeBox.vue.js +19 -22
  127. package/dist/es/components/skeleton/Skeleton.vue.js +9 -9
  128. package/dist/es/components/tag/Tag.vue.js +7 -7
  129. package/dist/es/components/trigger/Trigger.js +171 -163
  130. package/dist/es/style.css +1 -1
  131. package/dist/index.cjs +3 -3
  132. package/dist/index.umd.js +3 -3
  133. package/dist/style/bar-chart.js +1 -0
  134. package/dist/style/base.css +1 -1
  135. package/dist/style/color-picker.css +1 -1
  136. package/dist/style/color-picker.js +4 -0
  137. package/dist/style/date-picker.js +4 -0
  138. package/dist/style/dependencies.json +296 -0
  139. package/dist/style/dialog.js +2 -0
  140. package/dist/style/drawer.js +3 -0
  141. package/dist/style/dropdown.js +5 -0
  142. package/dist/style/form-checkbox.css +1 -1
  143. package/dist/style/form-input-number.js +2 -0
  144. package/dist/style/form-input.css +1 -1
  145. package/dist/style/form-input.js +1 -0
  146. package/dist/style/form-select.css +1 -1
  147. package/dist/style/form-select.js +5 -0
  148. package/dist/style/form-slider.js +5 -0
  149. package/dist/style/form.js +3 -0
  150. package/dist/style/heatmap.js +1 -0
  151. package/dist/style/image.js +2 -0
  152. package/dist/style/layout.js +1 -0
  153. package/dist/style/line-chart.js +1 -0
  154. package/dist/style/menu.js +3 -0
  155. package/dist/style/message-box.js +3 -0
  156. package/dist/style/pagination.js +9 -0
  157. package/dist/style/pie-chart.js +1 -0
  158. package/dist/style/popconfirm.js +3 -0
  159. package/dist/style/popover.js +1 -0
  160. package/dist/style/popup.js +2 -0
  161. package/dist/style/table.js +12 -0
  162. package/dist/style/time-picker.js +3 -0
  163. package/dist/style/tooltip.js +1 -0
  164. package/dist/style/upload.js +4 -0
  165. package/dist/style.css +1 -1
  166. package/package.json +17 -7
@@ -103,6 +103,18 @@ export declare const Drawer: {
103
103
  onOk?: ((...args: any[]) => any) | undefined;
104
104
  }>, {
105
105
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
106
+ titleId: string;
107
+ rootAttrs: () => {
108
+ [k: string]: unknown;
109
+ };
110
+ dialogAttrs: () => {
111
+ 'aria-label': string | undefined;
112
+ 'aria-labelledby': string | undefined;
113
+ 'aria-describedby': string | undefined;
114
+ };
115
+ containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
116
+ handleContainerKeydown: (event: KeyboardEvent) => void;
117
+ popupThemeName: import('vue').ComputedRef<"dark" | undefined>;
106
118
  className: {
107
119
  block: string;
108
120
  element: (className: string) => string;
@@ -121,7 +133,7 @@ export declare const Drawer: {
121
133
  handleMask: (e: Event) => void;
122
134
  afterEnter: () => void;
123
135
  afterLeave: () => void;
124
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
136
+ interceptClose: (action: "cancel" | "ok", event?: Event) => void;
125
137
  handleCancel: (e: Event) => void;
126
138
  handleOk: (e: Event) => void;
127
139
  handleCloseIconKeydown: (e: KeyboardEvent) => void;
@@ -513,11 +525,12 @@ export declare const Drawer: {
513
525
  modifier: (className: string) => string;
514
526
  is: (className: string) => string;
515
527
  };
516
- cls: import('vue').ComputedRef<unknown[]>;
528
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
517
529
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
518
530
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
519
531
  getContainerAttrs: () => {
520
532
  [x: string]: unknown;
533
+ class?: import('vue').ClassValue;
521
534
  };
522
535
  getContainerStyle: () => import('vue').StyleValue;
523
536
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -640,11 +653,12 @@ export declare const Drawer: {
640
653
  modifier: (className: string) => string;
641
654
  is: (className: string) => string;
642
655
  };
643
- cls: import('vue').ComputedRef<unknown[]>;
656
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
644
657
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
645
658
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
646
659
  getContainerAttrs: () => {
647
660
  [x: string]: unknown;
661
+ class?: import('vue').ClassValue;
648
662
  };
649
663
  getContainerStyle: () => import('vue').StyleValue;
650
664
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -711,11 +725,12 @@ export declare const Drawer: {
711
725
  modifier: (className: string) => string;
712
726
  is: (className: string) => string;
713
727
  };
714
- cls: import('vue').ComputedRef<unknown[]>;
728
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
715
729
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
716
730
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
717
731
  getContainerAttrs: () => {
718
732
  [x: string]: unknown;
733
+ class?: import('vue').ClassValue;
719
734
  };
720
735
  getContainerStyle: () => import('vue').StyleValue;
721
736
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -911,6 +926,18 @@ export declare const Drawer: {
911
926
  onOk?: ((...args: any[]) => any) | undefined;
912
927
  }>, {
913
928
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
929
+ titleId: string;
930
+ rootAttrs: () => {
931
+ [k: string]: unknown;
932
+ };
933
+ dialogAttrs: () => {
934
+ 'aria-label': string | undefined;
935
+ 'aria-labelledby': string | undefined;
936
+ 'aria-describedby': string | undefined;
937
+ };
938
+ containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
939
+ handleContainerKeydown: (event: KeyboardEvent) => void;
940
+ popupThemeName: import('vue').ComputedRef<"dark" | undefined>;
914
941
  className: {
915
942
  block: string;
916
943
  element: (className: string) => string;
@@ -929,7 +956,7 @@ export declare const Drawer: {
929
956
  handleMask: (e: Event) => void;
930
957
  afterEnter: () => void;
931
958
  afterLeave: () => void;
932
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
959
+ interceptClose: (action: "cancel" | "ok", event?: Event) => void;
933
960
  handleCancel: (e: Event) => void;
934
961
  handleOk: (e: Event) => void;
935
962
  handleCloseIconKeydown: (e: KeyboardEvent) => void;
@@ -1064,6 +1091,18 @@ export declare const Drawer: {
1064
1091
  onOk?: ((...args: any[]) => any) | undefined;
1065
1092
  }>, {
1066
1093
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
1094
+ titleId: string;
1095
+ rootAttrs: () => {
1096
+ [k: string]: unknown;
1097
+ };
1098
+ dialogAttrs: () => {
1099
+ 'aria-label': string | undefined;
1100
+ 'aria-labelledby': string | undefined;
1101
+ 'aria-describedby': string | undefined;
1102
+ };
1103
+ containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1104
+ handleContainerKeydown: (event: KeyboardEvent) => void;
1105
+ popupThemeName: import('vue').ComputedRef<"dark" | undefined>;
1067
1106
  className: {
1068
1107
  block: string;
1069
1108
  element: (className: string) => string;
@@ -1082,7 +1121,7 @@ export declare const Drawer: {
1082
1121
  handleMask: (e: Event) => void;
1083
1122
  afterEnter: () => void;
1084
1123
  afterLeave: () => void;
1085
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
1124
+ interceptClose: (action: "cancel" | "ok", event?: Event) => void;
1086
1125
  handleCancel: (e: Event) => void;
1087
1126
  handleOk: (e: Event) => void;
1088
1127
  handleCloseIconKeydown: (e: KeyboardEvent) => void;
@@ -1474,11 +1513,12 @@ export declare const Drawer: {
1474
1513
  modifier: (className: string) => string;
1475
1514
  is: (className: string) => string;
1476
1515
  };
1477
- cls: import('vue').ComputedRef<unknown[]>;
1516
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1478
1517
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1479
1518
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1480
1519
  getContainerAttrs: () => {
1481
1520
  [x: string]: unknown;
1521
+ class?: import('vue').ClassValue;
1482
1522
  };
1483
1523
  getContainerStyle: () => import('vue').StyleValue;
1484
1524
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1601,11 +1641,12 @@ export declare const Drawer: {
1601
1641
  modifier: (className: string) => string;
1602
1642
  is: (className: string) => string;
1603
1643
  };
1604
- cls: import('vue').ComputedRef<unknown[]>;
1644
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1605
1645
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1606
1646
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1607
1647
  getContainerAttrs: () => {
1608
1648
  [x: string]: unknown;
1649
+ class?: import('vue').ClassValue;
1609
1650
  };
1610
1651
  getContainerStyle: () => import('vue').StyleValue;
1611
1652
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1672,11 +1713,12 @@ export declare const Drawer: {
1672
1713
  modifier: (className: string) => string;
1673
1714
  is: (className: string) => string;
1674
1715
  };
1675
- cls: import('vue').ComputedRef<unknown[]>;
1716
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1676
1717
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1677
1718
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1678
1719
  getContainerAttrs: () => {
1679
1720
  [x: string]: unknown;
1721
+ class?: import('vue').ClassValue;
1680
1722
  };
1681
1723
  getContainerStyle: () => import('vue').StyleValue;
1682
1724
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -95,6 +95,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
95
95
  };
96
96
  }>, {
97
97
  t: (key: import('../../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
98
+ titleId: string;
99
+ rootAttrs: () => {
100
+ [k: string]: unknown;
101
+ };
102
+ dialogAttrs: () => {
103
+ 'aria-label': string | undefined;
104
+ 'aria-labelledby': string | undefined;
105
+ 'aria-describedby': string | undefined;
106
+ };
107
+ containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
108
+ handleContainerKeydown: (event: KeyboardEvent) => void;
109
+ popupThemeName: import('vue').ComputedRef<"dark" | undefined>;
98
110
  className: {
99
111
  block: string;
100
112
  element: (className: string) => string;
@@ -113,7 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
113
125
  handleMask: (e: Event) => void;
114
126
  afterEnter: () => void;
115
127
  afterLeave: () => void;
116
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
128
+ interceptClose: (action: "cancel" | "ok", event?: Event) => void;
117
129
  handleCancel: (e: Event) => void;
118
130
  handleOk: (e: Event) => void;
119
131
  handleCloseIconKeydown: (e: KeyboardEvent) => void;
@@ -607,11 +619,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
607
619
  modifier: (className: string) => string;
608
620
  is: (className: string) => string;
609
621
  };
610
- cls: import('vue').ComputedRef<unknown[]>;
622
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
611
623
  style: import('vue').ComputedRef<StyleValue[]>;
612
624
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
613
625
  getContainerAttrs: () => {
614
626
  [x: string]: unknown;
627
+ class?: import('vue').ClassValue;
615
628
  };
616
629
  getContainerStyle: () => StyleValue;
617
630
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -734,11 +747,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
734
747
  modifier: (className: string) => string;
735
748
  is: (className: string) => string;
736
749
  };
737
- cls: import('vue').ComputedRef<unknown[]>;
750
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
738
751
  style: import('vue').ComputedRef<StyleValue[]>;
739
752
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
740
753
  getContainerAttrs: () => {
741
754
  [x: string]: unknown;
755
+ class?: import('vue').ClassValue;
742
756
  };
743
757
  getContainerStyle: () => StyleValue;
744
758
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -805,11 +819,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
805
819
  modifier: (className: string) => string;
806
820
  is: (className: string) => string;
807
821
  };
808
- cls: import('vue').ComputedRef<unknown[]>;
822
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
809
823
  style: import('vue').ComputedRef<StyleValue[]>;
810
824
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
811
825
  getContainerAttrs: () => {
812
826
  [x: string]: unknown;
827
+ class?: import('vue').ClassValue;
813
828
  };
814
829
  getContainerStyle: () => StyleValue;
815
830
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -910,11 +910,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
910
910
  modifier: (className: string) => string;
911
911
  is: (className: string) => string;
912
912
  };
913
- cls: import('vue').ComputedRef<unknown[]>;
913
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
914
914
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
915
915
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
916
916
  getContainerAttrs: () => {
917
917
  [x: string]: unknown;
918
+ class?: import('vue').ClassValue;
918
919
  };
919
920
  getContainerStyle: () => import('vue').StyleValue;
920
921
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1037,11 +1038,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1037
1038
  modifier: (className: string) => string;
1038
1039
  is: (className: string) => string;
1039
1040
  };
1040
- cls: import('vue').ComputedRef<unknown[]>;
1041
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1041
1042
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1042
1043
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1043
1044
  getContainerAttrs: () => {
1044
1045
  [x: string]: unknown;
1046
+ class?: import('vue').ClassValue;
1045
1047
  };
1046
1048
  getContainerStyle: () => import('vue').StyleValue;
1047
1049
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1108,11 +1110,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1108
1110
  modifier: (className: string) => string;
1109
1111
  is: (className: string) => string;
1110
1112
  };
1111
- cls: import('vue').ComputedRef<unknown[]>;
1113
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1112
1114
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1113
1115
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1114
1116
  getContainerAttrs: () => {
1115
1117
  [x: string]: unknown;
1118
+ class?: import('vue').ClassValue;
1116
1119
  };
1117
1120
  getContainerStyle: () => import('vue').StyleValue;
1118
1121
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1423,11 +1423,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1423
1423
  modifier: (className: string) => string;
1424
1424
  is: (className: string) => string;
1425
1425
  };
1426
- cls: import('vue').ComputedRef<unknown[]>;
1426
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1427
1427
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1428
1428
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1429
1429
  getContainerAttrs: () => {
1430
1430
  [x: string]: unknown;
1431
+ class?: import('vue').ClassValue;
1431
1432
  };
1432
1433
  getContainerStyle: () => import('vue').StyleValue;
1433
1434
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1550,11 +1551,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1550
1551
  modifier: (className: string) => string;
1551
1552
  is: (className: string) => string;
1552
1553
  };
1553
- cls: import('vue').ComputedRef<unknown[]>;
1554
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1554
1555
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1555
1556
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1556
1557
  getContainerAttrs: () => {
1557
1558
  [x: string]: unknown;
1559
+ class?: import('vue').ClassValue;
1558
1560
  };
1559
1561
  getContainerStyle: () => import('vue').StyleValue;
1560
1562
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1621,11 +1623,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1621
1623
  modifier: (className: string) => string;
1622
1624
  is: (className: string) => string;
1623
1625
  };
1624
- cls: import('vue').ComputedRef<unknown[]>;
1626
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1625
1627
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1626
1628
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1627
1629
  getContainerAttrs: () => {
1628
1630
  [x: string]: unknown;
1631
+ class?: import('vue').ClassValue;
1629
1632
  };
1630
1633
  getContainerStyle: () => import('vue').StyleValue;
1631
1634
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -967,11 +967,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
967
967
  modifier: (className: string) => string;
968
968
  is: (className: string) => string;
969
969
  };
970
- cls: import('vue').ComputedRef<unknown[]>;
970
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
971
971
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
972
972
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
973
973
  getContainerAttrs: () => {
974
974
  [x: string]: unknown;
975
+ class?: import('vue').ClassValue;
975
976
  };
976
977
  getContainerStyle: () => import('vue').StyleValue;
977
978
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1094,11 +1095,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1094
1095
  modifier: (className: string) => string;
1095
1096
  is: (className: string) => string;
1096
1097
  };
1097
- cls: import('vue').ComputedRef<unknown[]>;
1098
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1098
1099
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1099
1100
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1100
1101
  getContainerAttrs: () => {
1101
1102
  [x: string]: unknown;
1103
+ class?: import('vue').ClassValue;
1102
1104
  };
1103
1105
  getContainerStyle: () => import('vue').StyleValue;
1104
1106
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1165,11 +1167,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1165
1167
  modifier: (className: string) => string;
1166
1168
  is: (className: string) => string;
1167
1169
  };
1168
- cls: import('vue').ComputedRef<unknown[]>;
1170
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
1169
1171
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1170
1172
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1171
1173
  getContainerAttrs: () => {
1172
1174
  [x: string]: unknown;
1175
+ class?: import('vue').ClassValue;
1173
1176
  };
1174
1177
  getContainerStyle: () => import('vue').StyleValue;
1175
1178
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -101,11 +101,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
101
101
  modifier: (className: string) => string;
102
102
  is: (className: string) => string;
103
103
  };
104
- cls: import('vue').ComputedRef<unknown[]>;
104
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
105
105
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
106
106
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
107
107
  getContainerAttrs: () => {
108
108
  [x: string]: unknown;
109
+ class?: import('vue').ClassValue;
109
110
  };
110
111
  getContainerStyle: () => import('vue').StyleValue;
111
112
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -228,11 +229,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
228
229
  modifier: (className: string) => string;
229
230
  is: (className: string) => string;
230
231
  };
231
- cls: import('vue').ComputedRef<unknown[]>;
232
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
232
233
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
233
234
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
234
235
  getContainerAttrs: () => {
235
236
  [x: string]: unknown;
237
+ class?: import('vue').ClassValue;
236
238
  };
237
239
  getContainerStyle: () => import('vue').StyleValue;
238
240
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -299,11 +301,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
299
301
  modifier: (className: string) => string;
300
302
  is: (className: string) => string;
301
303
  };
302
- cls: import('vue').ComputedRef<unknown[]>;
304
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
303
305
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
304
306
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
305
307
  getContainerAttrs: () => {
306
308
  [x: string]: unknown;
309
+ class?: import('vue').ClassValue;
307
310
  };
308
311
  getContainerStyle: () => import('vue').StyleValue;
309
312
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;