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
@@ -755,11 +755,12 @@ export declare const Dropdown: {
755
755
  modifier: (className: string) => string;
756
756
  is: (className: string) => string;
757
757
  };
758
- cls: import('vue').ComputedRef<unknown[]>;
758
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
759
759
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
760
760
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
761
761
  getContainerAttrs: () => {
762
762
  [x: string]: unknown;
763
+ class?: import('vue').ClassValue;
763
764
  };
764
765
  getContainerStyle: () => import('vue').StyleValue;
765
766
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -882,11 +883,12 @@ export declare const Dropdown: {
882
883
  modifier: (className: string) => string;
883
884
  is: (className: string) => string;
884
885
  };
885
- cls: import('vue').ComputedRef<unknown[]>;
886
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
886
887
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
887
888
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
888
889
  getContainerAttrs: () => {
889
890
  [x: string]: unknown;
891
+ class?: import('vue').ClassValue;
890
892
  };
891
893
  getContainerStyle: () => import('vue').StyleValue;
892
894
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -953,11 +955,12 @@ export declare const Dropdown: {
953
955
  modifier: (className: string) => string;
954
956
  is: (className: string) => string;
955
957
  };
956
- cls: import('vue').ComputedRef<unknown[]>;
958
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
957
959
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
958
960
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
959
961
  getContainerAttrs: () => {
960
962
  [x: string]: unknown;
963
+ class?: import('vue').ClassValue;
961
964
  };
962
965
  getContainerStyle: () => import('vue').StyleValue;
963
966
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2064,11 +2067,12 @@ export declare const Dropdown: {
2064
2067
  modifier: (className: string) => string;
2065
2068
  is: (className: string) => string;
2066
2069
  };
2067
- cls: import('vue').ComputedRef<unknown[]>;
2070
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2068
2071
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2069
2072
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2070
2073
  getContainerAttrs: () => {
2071
2074
  [x: string]: unknown;
2075
+ class?: import('vue').ClassValue;
2072
2076
  };
2073
2077
  getContainerStyle: () => import('vue').StyleValue;
2074
2078
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2191,11 +2195,12 @@ export declare const Dropdown: {
2191
2195
  modifier: (className: string) => string;
2192
2196
  is: (className: string) => string;
2193
2197
  };
2194
- cls: import('vue').ComputedRef<unknown[]>;
2198
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2195
2199
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2196
2200
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2197
2201
  getContainerAttrs: () => {
2198
2202
  [x: string]: unknown;
2203
+ class?: import('vue').ClassValue;
2199
2204
  };
2200
2205
  getContainerStyle: () => import('vue').StyleValue;
2201
2206
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2262,11 +2267,12 @@ export declare const Dropdown: {
2262
2267
  modifier: (className: string) => string;
2263
2268
  is: (className: string) => string;
2264
2269
  };
2265
- cls: import('vue').ComputedRef<unknown[]>;
2270
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2266
2271
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2267
2272
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2268
2273
  getContainerAttrs: () => {
2269
2274
  [x: string]: unknown;
2275
+ class?: import('vue').ClassValue;
2270
2276
  };
2271
2277
  getContainerStyle: () => import('vue').StyleValue;
2272
2278
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3549,11 +3555,12 @@ export declare const DropdownSubmenu: {
3549
3555
  modifier: (className: string) => string;
3550
3556
  is: (className: string) => string;
3551
3557
  };
3552
- cls: import('vue').ComputedRef<unknown[]>;
3558
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
3553
3559
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
3554
3560
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3555
3561
  getContainerAttrs: () => {
3556
3562
  [x: string]: unknown;
3563
+ class?: import('vue').ClassValue;
3557
3564
  };
3558
3565
  getContainerStyle: () => import('vue').StyleValue;
3559
3566
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3676,11 +3683,12 @@ export declare const DropdownSubmenu: {
3676
3683
  modifier: (className: string) => string;
3677
3684
  is: (className: string) => string;
3678
3685
  };
3679
- cls: import('vue').ComputedRef<unknown[]>;
3686
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
3680
3687
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
3681
3688
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3682
3689
  getContainerAttrs: () => {
3683
3690
  [x: string]: unknown;
3691
+ class?: import('vue').ClassValue;
3684
3692
  };
3685
3693
  getContainerStyle: () => import('vue').StyleValue;
3686
3694
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3747,11 +3755,12 @@ export declare const DropdownSubmenu: {
3747
3755
  modifier: (className: string) => string;
3748
3756
  is: (className: string) => string;
3749
3757
  };
3750
- cls: import('vue').ComputedRef<unknown[]>;
3758
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
3751
3759
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
3752
3760
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3753
3761
  getContainerAttrs: () => {
3754
3762
  [x: string]: unknown;
3763
+ class?: import('vue').ClassValue;
3755
3764
  };
3756
3765
  getContainerStyle: () => import('vue').StyleValue;
3757
3766
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -5199,11 +5208,12 @@ export declare const DropdownSubmenu: {
5199
5208
  modifier: (className: string) => string;
5200
5209
  is: (className: string) => string;
5201
5210
  };
5202
- cls: import('vue').ComputedRef<unknown[]>;
5211
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
5203
5212
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
5204
5213
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
5205
5214
  getContainerAttrs: () => {
5206
5215
  [x: string]: unknown;
5216
+ class?: import('vue').ClassValue;
5207
5217
  };
5208
5218
  getContainerStyle: () => import('vue').StyleValue;
5209
5219
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -5326,11 +5336,12 @@ export declare const DropdownSubmenu: {
5326
5336
  modifier: (className: string) => string;
5327
5337
  is: (className: string) => string;
5328
5338
  };
5329
- cls: import('vue').ComputedRef<unknown[]>;
5339
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
5330
5340
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
5331
5341
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
5332
5342
  getContainerAttrs: () => {
5333
5343
  [x: string]: unknown;
5344
+ class?: import('vue').ClassValue;
5334
5345
  };
5335
5346
  getContainerStyle: () => import('vue').StyleValue;
5336
5347
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -5397,11 +5408,12 @@ export declare const DropdownSubmenu: {
5397
5408
  modifier: (className: string) => string;
5398
5409
  is: (className: string) => string;
5399
5410
  };
5400
- cls: import('vue').ComputedRef<unknown[]>;
5411
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
5401
5412
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
5402
5413
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
5403
5414
  getContainerAttrs: () => {
5404
5415
  [x: string]: unknown;
5416
+ class?: import('vue').ClassValue;
5405
5417
  };
5406
5418
  getContainerStyle: () => import('vue').StyleValue;
5407
5419
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -7061,11 +7073,12 @@ export declare const DropdownButton: {
7061
7073
  modifier: (className: string) => string;
7062
7074
  is: (className: string) => string;
7063
7075
  };
7064
- cls: import('vue').ComputedRef<unknown[]>;
7076
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
7065
7077
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
7066
7078
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
7067
7079
  getContainerAttrs: () => {
7068
7080
  [x: string]: unknown;
7081
+ class?: import('vue').ClassValue;
7069
7082
  };
7070
7083
  getContainerStyle: () => import('vue').StyleValue;
7071
7084
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -7188,11 +7201,12 @@ export declare const DropdownButton: {
7188
7201
  modifier: (className: string) => string;
7189
7202
  is: (className: string) => string;
7190
7203
  };
7191
- cls: import('vue').ComputedRef<unknown[]>;
7204
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
7192
7205
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
7193
7206
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
7194
7207
  getContainerAttrs: () => {
7195
7208
  [x: string]: unknown;
7209
+ class?: import('vue').ClassValue;
7196
7210
  };
7197
7211
  getContainerStyle: () => import('vue').StyleValue;
7198
7212
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -7259,11 +7273,12 @@ export declare const DropdownButton: {
7259
7273
  modifier: (className: string) => string;
7260
7274
  is: (className: string) => string;
7261
7275
  };
7262
- cls: import('vue').ComputedRef<unknown[]>;
7276
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
7263
7277
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
7264
7278
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
7265
7279
  getContainerAttrs: () => {
7266
7280
  [x: string]: unknown;
7281
+ class?: import('vue').ClassValue;
7267
7282
  };
7268
7283
  getContainerStyle: () => import('vue').StyleValue;
7269
7284
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -8878,11 +8893,12 @@ export declare const DropdownButton: {
8878
8893
  modifier: (className: string) => string;
8879
8894
  is: (className: string) => string;
8880
8895
  };
8881
- cls: import('vue').ComputedRef<unknown[]>;
8896
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
8882
8897
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
8883
8898
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
8884
8899
  getContainerAttrs: () => {
8885
8900
  [x: string]: unknown;
8901
+ class?: import('vue').ClassValue;
8886
8902
  };
8887
8903
  getContainerStyle: () => import('vue').StyleValue;
8888
8904
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -9005,11 +9021,12 @@ export declare const DropdownButton: {
9005
9021
  modifier: (className: string) => string;
9006
9022
  is: (className: string) => string;
9007
9023
  };
9008
- cls: import('vue').ComputedRef<unknown[]>;
9024
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
9009
9025
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
9010
9026
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
9011
9027
  getContainerAttrs: () => {
9012
9028
  [x: string]: unknown;
9029
+ class?: import('vue').ClassValue;
9013
9030
  };
9014
9031
  getContainerStyle: () => import('vue').StyleValue;
9015
9032
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -9076,11 +9093,12 @@ export declare const DropdownButton: {
9076
9093
  modifier: (className: string) => string;
9077
9094
  is: (className: string) => string;
9078
9095
  };
9079
- cls: import('vue').ComputedRef<unknown[]>;
9096
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
9080
9097
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
9081
9098
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
9082
9099
  getContainerAttrs: () => {
9083
9100
  [x: string]: unknown;
9101
+ class?: import('vue').ClassValue;
9084
9102
  };
9085
9103
  getContainerStyle: () => import('vue').StyleValue;
9086
9104
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -120,11 +120,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
120
120
  modifier: (className: string) => string;
121
121
  is: (className: string) => string;
122
122
  };
123
- cls: import('vue').ComputedRef<unknown[]>;
123
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
124
124
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
125
125
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
126
126
  getContainerAttrs: () => {
127
127
  [x: string]: unknown;
128
+ class?: import('vue').ClassValue;
128
129
  };
129
130
  getContainerStyle: () => import('vue').StyleValue;
130
131
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -247,11 +248,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
247
248
  modifier: (className: string) => string;
248
249
  is: (className: string) => string;
249
250
  };
250
- cls: import('vue').ComputedRef<unknown[]>;
251
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
251
252
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
252
253
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
253
254
  getContainerAttrs: () => {
254
255
  [x: string]: unknown;
256
+ class?: import('vue').ClassValue;
255
257
  };
256
258
  getContainerStyle: () => import('vue').StyleValue;
257
259
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -318,11 +320,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
318
320
  modifier: (className: string) => string;
319
321
  is: (className: string) => string;
320
322
  };
321
- cls: import('vue').ComputedRef<unknown[]>;
323
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
322
324
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
323
325
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
324
326
  getContainerAttrs: () => {
325
327
  [x: string]: unknown;
328
+ class?: import('vue').ClassValue;
326
329
  };
327
330
  getContainerStyle: () => import('vue').StyleValue;
328
331
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -61,6 +61,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
61
61
  isSelected: import('vue').ComputedRef<boolean>;
62
62
  isValid: import('vue').Ref<boolean, boolean>;
63
63
  handleClick: (ev: MouseEvent) => void;
64
+ handleCheckboxChange: (_checked: unknown, ev: Event) => void;
64
65
  handleMouseEnter: () => void;
65
66
  handleMouseLeave: () => void;
66
67
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2132,11 +2132,12 @@ export declare const SelectDropdown: {
2132
2132
  modifier: (className: string) => string;
2133
2133
  is: (className: string) => string;
2134
2134
  };
2135
- cls: import('vue').ComputedRef<unknown[]>;
2135
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2136
2136
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2137
2137
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2138
2138
  getContainerAttrs: () => {
2139
2139
  [x: string]: unknown;
2140
+ class?: import('vue').ClassValue;
2140
2141
  };
2141
2142
  getContainerStyle: () => import('vue').StyleValue;
2142
2143
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2259,11 +2260,12 @@ export declare const SelectDropdown: {
2259
2260
  modifier: (className: string) => string;
2260
2261
  is: (className: string) => string;
2261
2262
  };
2262
- cls: import('vue').ComputedRef<unknown[]>;
2263
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2263
2264
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2264
2265
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2265
2266
  getContainerAttrs: () => {
2266
2267
  [x: string]: unknown;
2268
+ class?: import('vue').ClassValue;
2267
2269
  };
2268
2270
  getContainerStyle: () => import('vue').StyleValue;
2269
2271
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2330,11 +2332,12 @@ export declare const SelectDropdown: {
2330
2332
  modifier: (className: string) => string;
2331
2333
  is: (className: string) => string;
2332
2334
  };
2333
- cls: import('vue').ComputedRef<unknown[]>;
2335
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2334
2336
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2335
2337
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2336
2338
  getContainerAttrs: () => {
2337
2339
  [x: string]: unknown;
2340
+ class?: import('vue').ClassValue;
2338
2341
  };
2339
2342
  getContainerStyle: () => import('vue').StyleValue;
2340
2343
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2738,11 +2741,12 @@ export declare const SelectDropdown: {
2738
2741
  modifier: (className: string) => string;
2739
2742
  is: (className: string) => string;
2740
2743
  };
2741
- cls: import('vue').ComputedRef<unknown[]>;
2744
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2742
2745
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2743
2746
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2744
2747
  getContainerAttrs: () => {
2745
2748
  [x: string]: unknown;
2749
+ class?: import('vue').ClassValue;
2746
2750
  };
2747
2751
  getContainerStyle: () => import('vue').StyleValue;
2748
2752
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2865,11 +2869,12 @@ export declare const SelectDropdown: {
2865
2869
  modifier: (className: string) => string;
2866
2870
  is: (className: string) => string;
2867
2871
  };
2868
- cls: import('vue').ComputedRef<unknown[]>;
2872
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2869
2873
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2870
2874
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2871
2875
  getContainerAttrs: () => {
2872
2876
  [x: string]: unknown;
2877
+ class?: import('vue').ClassValue;
2873
2878
  };
2874
2879
  getContainerStyle: () => import('vue').StyleValue;
2875
2880
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -2936,11 +2941,12 @@ export declare const SelectDropdown: {
2936
2941
  modifier: (className: string) => string;
2937
2942
  is: (className: string) => string;
2938
2943
  };
2939
- cls: import('vue').ComputedRef<unknown[]>;
2944
+ cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
2940
2945
  style: import('vue').ComputedRef<import('vue').StyleValue[]>;
2941
2946
  rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
2942
2947
  getContainerAttrs: () => {
2943
2948
  [x: string]: unknown;
2949
+ class?: import('vue').ClassValue;
2944
2950
  };
2945
2951
  getContainerStyle: () => import('vue').StyleValue;
2946
2952
  containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -3225,6 +3231,7 @@ export declare const SelectOption: {
3225
3231
  isSelected: import('vue').ComputedRef<boolean>;
3226
3232
  isValid: import('vue').Ref<boolean, boolean>;
3227
3233
  handleClick: (ev: MouseEvent) => void;
3234
+ handleCheckboxChange: (_checked: unknown, ev: Event) => void;
3228
3235
  handleMouseEnter: () => void;
3229
3236
  handleMouseLeave: () => void;
3230
3237
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
@@ -3397,6 +3404,7 @@ export declare const SelectOption: {
3397
3404
  isSelected: import('vue').ComputedRef<boolean>;
3398
3405
  isValid: import('vue').Ref<boolean, boolean>;
3399
3406
  handleClick: (ev: MouseEvent) => void;
3407
+ handleCheckboxChange: (_checked: unknown, ev: Event) => void;
3400
3408
  handleMouseEnter: () => void;
3401
3409
  handleMouseLeave: () => void;
3402
3410
  }, {}, {}, {}, {
@@ -3441,6 +3449,7 @@ export declare const SelectOption: {
3441
3449
  isSelected: import('vue').ComputedRef<boolean>;
3442
3450
  isValid: import('vue').Ref<boolean, boolean>;
3443
3451
  handleClick: (ev: MouseEvent) => void;
3452
+ handleCheckboxChange: (_checked: unknown, ev: Event) => void;
3444
3453
  handleMouseEnter: () => void;
3445
3454
  handleMouseLeave: () => void;
3446
3455
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
@@ -309,8 +309,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
309
309
  }>, {
310
310
  disabled: boolean;
311
311
  defaultValue: number | [number, number];
312
- direction: "horizontal" | "vertical";
313
312
  range: boolean;
313
+ direction: "horizontal" | "vertical";
314
314
  modelValue: number | number[] | [number, number];
315
315
  max: number;
316
316
  step: number;
@@ -114,8 +114,8 @@ export declare const Slider: {
114
114
  }, import('vue').PublicProps, {
115
115
  disabled: boolean;
116
116
  defaultValue: number | [number, number];
117
- direction: "horizontal" | "vertical";
118
117
  range: boolean;
118
+ direction: "horizontal" | "vertical";
119
119
  modelValue: number | number[] | [number, number];
120
120
  max: number;
121
121
  step: number;
@@ -1388,8 +1388,8 @@ export declare const Slider: {
1388
1388
  }, {}, {}, {}, {
1389
1389
  disabled: boolean;
1390
1390
  defaultValue: number | [number, number];
1391
- direction: "horizontal" | "vertical";
1392
1391
  range: boolean;
1392
+ direction: "horizontal" | "vertical";
1393
1393
  modelValue: number | number[] | [number, number];
1394
1394
  max: number;
1395
1395
  step: number;
@@ -1516,8 +1516,8 @@ export declare const Slider: {
1516
1516
  }, string, {
1517
1517
  disabled: boolean;
1518
1518
  defaultValue: number | [number, number];
1519
- direction: "horizontal" | "vertical";
1520
1519
  range: boolean;
1520
+ direction: "horizontal" | "vertical";
1521
1521
  modelValue: number | number[] | [number, number];
1522
1522
  max: number;
1523
1523
  step: number;
@@ -112,7 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
112
112
  modifier: (className: string) => string;
113
113
  is: (className: string) => string;
114
114
  };
115
- wrapperCls: import('vue').ComputedRef<unknown[]>;
115
+ wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
116
116
  textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
117
117
  textareaStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
118
118
  mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -125,9 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
125
125
  mergeTextareaAttrs: import('vue').ComputedRef<{
126
126
  [x: string]: unknown;
127
127
  }>;
128
- wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
129
- [x: string]: unknown;
130
- }, string>, "class" | "style">>;
128
+ wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
131
129
  wrapperStyle: import('vue').ComputedRef<StyleValue>;
132
130
  handleInput: (e: InputEvent) => void;
133
131
  handleFocus: (ev: FocusEvent) => void;
@@ -63,7 +63,7 @@ export declare const Textarea: {
63
63
  modifier: (className: string) => string;
64
64
  is: (className: string) => string;
65
65
  };
66
- wrapperCls: import('vue').ComputedRef<unknown[]>;
66
+ wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
67
67
  textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
68
68
  textareaStyle: import('vue').Ref<import('vue').CSSProperties | undefined, import('vue').CSSProperties | undefined>;
69
69
  mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -76,9 +76,7 @@ export declare const Textarea: {
76
76
  mergeTextareaAttrs: import('vue').ComputedRef<{
77
77
  [x: string]: unknown;
78
78
  }>;
79
- wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
80
- [x: string]: unknown;
81
- }, string>, "class" | "style">>;
79
+ wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
82
80
  wrapperStyle: import('vue').ComputedRef<import('vue').StyleValue>;
83
81
  handleInput: (e: InputEvent) => void;
84
82
  handleFocus: (ev: FocusEvent) => void;
@@ -328,7 +326,7 @@ export declare const Textarea: {
328
326
  modifier: (className: string) => string;
329
327
  is: (className: string) => string;
330
328
  };
331
- wrapperCls: import('vue').ComputedRef<unknown[]>;
329
+ wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
332
330
  textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
333
331
  textareaStyle: import('vue').Ref<import('vue').CSSProperties | undefined, import('vue').CSSProperties | undefined>;
334
332
  mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -341,9 +339,7 @@ export declare const Textarea: {
341
339
  mergeTextareaAttrs: import('vue').ComputedRef<{
342
340
  [x: string]: unknown;
343
341
  }>;
344
- wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
345
- [x: string]: unknown;
346
- }, string>, "class" | "style">>;
342
+ wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
347
343
  wrapperStyle: import('vue').ComputedRef<import('vue').StyleValue>;
348
344
  handleInput: (e: InputEvent) => void;
349
345
  handleFocus: (ev: FocusEvent) => void;
@@ -437,7 +433,7 @@ export declare const Textarea: {
437
433
  modifier: (className: string) => string;
438
434
  is: (className: string) => string;
439
435
  };
440
- wrapperCls: import('vue').ComputedRef<unknown[]>;
436
+ wrapperCls: import('vue').ComputedRef<import('vue').ClassValue[]>;
441
437
  textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
442
438
  textareaStyle: import('vue').Ref<import('vue').CSSProperties | undefined, import('vue').CSSProperties | undefined>;
443
439
  mirrorRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
@@ -450,9 +446,7 @@ export declare const Textarea: {
450
446
  mergeTextareaAttrs: import('vue').ComputedRef<{
451
447
  [x: string]: unknown;
452
448
  }>;
453
- wrapperAttrs: import('vue').ComputedRef<Omit<Omit<{
454
- [x: string]: unknown;
455
- }, string>, "class" | "style">>;
449
+ wrapperAttrs: import('vue').ComputedRef<Omit<Omit<import('vue').Attrs, string>, "class" | "style">>;
456
450
  wrapperStyle: import('vue').ComputedRef<import('vue').StyleValue>;
457
451
  handleInput: (e: InputEvent) => void;
458
452
  handleFocus: (ev: FocusEvent) => void;
@@ -127,15 +127,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
127
127
  modifier: (className: string) => string;
128
128
  is: (className: string) => string;
129
129
  };
130
- wrapperClassNames: import('vue').ComputedRef<unknown[]>;
130
+ wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
131
131
  wrapperStyles: import('vue').ComputedRef<StyleValue[]>;
132
132
  overlayStyles: import('vue').ComputedRef<{
133
133
  height: string | undefined;
134
134
  }>;
135
135
  showFooter: import('vue').ComputedRef<boolean>;
136
- imgProps: import('vue').ComputedRef<Omit<{
137
- [x: string]: unknown;
138
- }, "class" | "style" | "src">>;
136
+ imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
139
137
  imgStyle: import('vue').ComputedRef<{
140
138
  width: string | undefined;
141
139
  height: string | undefined;
@@ -69,15 +69,13 @@ export declare const Image: {
69
69
  modifier: (className: string) => string;
70
70
  is: (className: string) => string;
71
71
  };
72
- wrapperClassNames: import('vue').ComputedRef<unknown[]>;
72
+ wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
73
73
  wrapperStyles: import('vue').ComputedRef<import('vue').StyleValue[]>;
74
74
  overlayStyles: import('vue').ComputedRef<{
75
75
  height: string | undefined;
76
76
  }>;
77
77
  showFooter: import('vue').ComputedRef<boolean>;
78
- imgProps: import('vue').ComputedRef<Omit<{
79
- [x: string]: unknown;
80
- }, "class" | "style" | "src">>;
78
+ imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
81
79
  imgStyle: import('vue').ComputedRef<{
82
80
  width: string | undefined;
83
81
  height: string | undefined;
@@ -1642,15 +1640,13 @@ export declare const Image: {
1642
1640
  modifier: (className: string) => string;
1643
1641
  is: (className: string) => string;
1644
1642
  };
1645
- wrapperClassNames: import('vue').ComputedRef<unknown[]>;
1643
+ wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
1646
1644
  wrapperStyles: import('vue').ComputedRef<import('vue').StyleValue[]>;
1647
1645
  overlayStyles: import('vue').ComputedRef<{
1648
1646
  height: string | undefined;
1649
1647
  }>;
1650
1648
  showFooter: import('vue').ComputedRef<boolean>;
1651
- imgProps: import('vue').ComputedRef<Omit<{
1652
- [x: string]: unknown;
1653
- }, "class" | "style" | "src">>;
1649
+ imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
1654
1650
  imgStyle: import('vue').ComputedRef<{
1655
1651
  width: string | undefined;
1656
1652
  height: string | undefined;
@@ -1749,15 +1745,13 @@ export declare const Image: {
1749
1745
  modifier: (className: string) => string;
1750
1746
  is: (className: string) => string;
1751
1747
  };
1752
- wrapperClassNames: import('vue').ComputedRef<unknown[]>;
1748
+ wrapperClassNames: import('vue').ComputedRef<import('vue').ClassValue[]>;
1753
1749
  wrapperStyles: import('vue').ComputedRef<import('vue').StyleValue[]>;
1754
1750
  overlayStyles: import('vue').ComputedRef<{
1755
1751
  height: string | undefined;
1756
1752
  }>;
1757
1753
  showFooter: import('vue').ComputedRef<boolean>;
1758
- imgProps: import('vue').ComputedRef<Omit<{
1759
- [x: string]: unknown;
1760
- }, "class" | "style" | "src">>;
1754
+ imgProps: import('vue').ComputedRef<Omit<import('vue').Attrs, "class" | "style" | "src">>;
1761
1755
  imgStyle: import('vue').ComputedRef<{
1762
1756
  width: string | undefined;
1763
1757
  height: string | undefined;