x-next 1.1.0 → 1.3.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 (206) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/_hooks/use-form-item.d.ts +5 -0
  3. package/dist/_hooks/use-picker-focus.d.ts +17 -0
  4. package/dist/components/_components/feedback-icon/index.vue.d.ts +4 -4
  5. package/dist/components/_components/picker/input-range.vue.d.ts +10 -6
  6. package/dist/components/_components/picker/input.vue.d.ts +9 -5
  7. package/dist/components/alert/Alert.vue.d.ts +5 -5
  8. package/dist/components/alert/index.d.ts +10 -10
  9. package/dist/components/date-picker/DatePanel.vue.d.ts +5 -0
  10. package/dist/components/date-picker/DatePicker.vue.d.ts +36 -16
  11. package/dist/components/date-picker/index.d.ts +77 -33
  12. package/dist/components/dialog/Dialog.d.ts +1 -1
  13. package/dist/components/dialog/index.d.ts +3 -3
  14. package/dist/components/drawer/index.d.ts +3 -3
  15. package/dist/components/drawer/src/Drawer.vue.d.ts +1 -1
  16. package/dist/components/dropdown/Dropdown.vue.d.ts +30 -4
  17. package/dist/components/dropdown/DropdownButton.vue.d.ts +31 -5
  18. package/dist/components/dropdown/DropdownOption.vue.d.ts +2 -0
  19. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +162 -5
  20. package/dist/components/dropdown/context.d.ts +14 -1
  21. package/dist/components/dropdown/dropdown-panel.vue.d.ts +7 -1
  22. package/dist/components/dropdown/index.d.ts +610 -28
  23. package/dist/components/dropdown/use-keyboard.d.ts +10 -0
  24. package/dist/components/form/FormItem.vue.d.ts +12 -4
  25. package/dist/components/form/context.d.ts +6 -0
  26. package/dist/components/form/form-item-label.vue.d.ts +4 -4
  27. package/dist/components/form/form-item-message.vue.d.ts +2 -0
  28. package/dist/components/form/index.d.ts +30 -8
  29. package/dist/components/form/interface.d.ts +2 -2
  30. package/dist/components/form-input/InputPassword.vue.d.ts +20 -2
  31. package/dist/components/form-input/index.d.ts +22 -4
  32. package/dist/components/form-select/Select.d.ts +3 -3
  33. package/dist/components/form-select/hooks/use-select.d.ts +2 -1
  34. package/dist/components/form-select/index.d.ts +6 -6
  35. package/dist/components/form-slider/Slider.vue.d.ts +10 -3
  36. package/dist/components/form-slider/index.d.ts +26 -6
  37. package/dist/components/form-slider/slider-button.vue.d.ts +4 -3
  38. package/dist/components/form-switch/Switch.vue.d.ts +2 -1
  39. package/dist/components/form-switch/index.d.ts +5 -2
  40. package/dist/components/form-textarea/Textarea.vue.d.ts +2 -2
  41. package/dist/components/form-textarea/index.d.ts +5 -5
  42. package/dist/components/image/Image.vue.d.ts +10 -9
  43. package/dist/components/image/ImagePreview.vue.d.ts +8 -7
  44. package/dist/components/image/ImagePreviewAction.d.ts +3 -3
  45. package/dist/components/image/ImagePreviewGroup.vue.d.ts +8 -7
  46. package/dist/components/image/index.d.ts +59 -52
  47. package/dist/components/image/preview-arrow.vue.d.ts +2 -2
  48. package/dist/components/image/preview-toolbar.vue.d.ts +3 -3
  49. package/dist/components/layout/LayoutSidebar.vue.d.ts +2 -2
  50. package/dist/components/layout/index.d.ts +4 -4
  51. package/dist/components/link/Link.vue.d.ts +2 -2
  52. package/dist/components/link/index.d.ts +4 -4
  53. package/dist/components/menu/Menu.d.ts +2 -2
  54. package/dist/components/menu/base-menu.vue.d.ts +2 -2
  55. package/dist/components/menu/index.d.ts +4 -4
  56. package/dist/components/menu/sub-menu-pop.vue.d.ts +5 -5
  57. package/dist/components/message/index.d.ts +17 -17
  58. package/dist/components/message/message.vue.d.ts +8 -8
  59. package/dist/components/notification/Notification.d.ts +1 -1
  60. package/dist/components/notification/index.d.ts +3 -3
  61. package/dist/components/pagination/page-item-ellipsis.vue.d.ts +1 -1
  62. package/dist/components/pagination/page-item-step.vue.d.ts +2 -2
  63. package/dist/components/pagination/page-options.vue.d.ts +6 -6
  64. package/dist/components/popconfirm/src/popup.vue.d.ts +1 -1
  65. package/dist/components/popover/Popover.d.ts +1 -1
  66. package/dist/components/popover/index.d.ts +3 -3
  67. package/dist/components/popup/Popup.d.ts +1 -1
  68. package/dist/components/popup/index.d.ts +3 -3
  69. package/dist/components/progress/Progress.vue.d.ts +4 -4
  70. package/dist/components/progress/circle.vue.d.ts +2 -2
  71. package/dist/components/progress/index.d.ts +8 -8
  72. package/dist/components/progress/line.vue.d.ts +1 -1
  73. package/dist/components/progress/steps.vue.d.ts +1 -1
  74. package/dist/components/steps/Step.vue.d.ts +2 -2
  75. package/dist/components/steps/index.d.ts +4 -4
  76. package/dist/components/tabs/Tabs.d.ts +1 -1
  77. package/dist/components/tabs/index.d.ts +3 -3
  78. package/dist/components/tabs/tabs-tab.vue.d.ts +1 -1
  79. package/dist/components/tag/Tag.vue.d.ts +2 -2
  80. package/dist/components/tag/index.d.ts +4 -4
  81. package/dist/components/time-picker/TimeColumn.vue.d.ts +3 -0
  82. package/dist/components/time-picker/TimePanel.vue.d.ts +3 -0
  83. package/dist/components/time-picker/TimePicker.vue.d.ts +33 -17
  84. package/dist/components/time-picker/index.d.ts +73 -36
  85. package/dist/components/time-range-selector/TimeRangeSelector.vue.d.ts +8 -0
  86. package/dist/components/time-range-selector/index.d.ts +22 -0
  87. package/dist/components/tooltip/Tooltip.vue.d.ts +1 -1
  88. package/dist/components/tooltip/index.d.ts +3 -3
  89. package/dist/components/trigger/Trigger.d.ts +1 -1
  90. package/dist/components/trigger/index.d.ts +3 -3
  91. package/dist/es/_hooks/use-form-item.js +36 -10
  92. package/dist/es/_hooks/use-overflow.js +45 -40
  93. package/dist/es/_hooks/use-picker-focus.js +57 -0
  94. package/dist/es/_utils/constant.js +17 -5
  95. package/dist/es/components/_components/picker/input-range.vue.js +45 -55
  96. package/dist/es/components/_components/picker/input-range.vue2.js +105 -70
  97. package/dist/es/components/_components/picker/input.vue.js +22 -25
  98. package/dist/es/components/_components/picker/input.vue2.js +58 -43
  99. package/dist/es/components/_components/select-view/select-view.js +61 -66
  100. package/dist/es/components/date-picker/DatePanel.vue.js +102 -94
  101. package/dist/es/components/date-picker/DatePanel.vue2.js +97 -44
  102. package/dist/es/components/date-picker/DatePicker.vue.js +71 -58
  103. package/dist/es/components/date-picker/DatePicker.vue2.js +285 -231
  104. package/dist/es/components/dialog/Dialog.js +159 -128
  105. package/dist/es/components/dropdown/Dropdown.vue.js +18 -15
  106. package/dist/es/components/dropdown/Dropdown.vue2.js +52 -31
  107. package/dist/es/components/dropdown/DropdownOption.vue.js +22 -21
  108. package/dist/es/components/dropdown/DropdownOption.vue2.js +23 -19
  109. package/dist/es/components/dropdown/DropdownSubmenu.vue.js +49 -36
  110. package/dist/es/components/dropdown/DropdownSubmenu.vue2.js +45 -24
  111. package/dist/es/components/dropdown/context.js +3 -2
  112. package/dist/es/components/dropdown/dropdown-panel.vue.js +24 -21
  113. package/dist/es/components/dropdown/dropdown-panel.vue2.js +83 -31
  114. package/dist/es/components/dropdown/use-keyboard.js +45 -0
  115. package/dist/es/components/form/Form.vue2.js +113 -101
  116. package/dist/es/components/form/FormItem.vue.js +26 -22
  117. package/dist/es/components/form/FormItem.vue2.js +162 -125
  118. package/dist/es/components/form/form-item-message.vue.js +31 -24
  119. package/dist/es/components/form/form-item-message.vue2.js +4 -2
  120. package/dist/es/components/form-checkbox/Checkbox.js +80 -76
  121. package/dist/es/components/form-checkbox/CheckboxGroup.js +43 -38
  122. package/dist/es/components/form-input/Input.js +83 -79
  123. package/dist/es/components/form-input/InputPassword.vue.js +19 -16
  124. package/dist/es/components/form-input/InputPassword.vue2.js +39 -29
  125. package/dist/es/components/form-input/InputSearch.js +47 -37
  126. package/dist/es/components/form-input-number/InputNumber.js +134 -133
  127. package/dist/es/components/form-input-tag/InputTag.js +173 -162
  128. package/dist/es/components/form-radio/Radio.js +74 -71
  129. package/dist/es/components/form-radio/RadioGroup.js +55 -49
  130. package/dist/es/components/form-select/Select.js +116 -114
  131. package/dist/es/components/form-select/hooks/use-select.js +128 -128
  132. package/dist/es/components/form-slider/Slider.vue.js +28 -28
  133. package/dist/es/components/form-slider/Slider.vue2.js +139 -132
  134. package/dist/es/components/form-slider/slider-button.vue.js +6 -6
  135. package/dist/es/components/form-slider/slider-button.vue2.js +39 -34
  136. package/dist/es/components/form-switch/Switch.vue.js +9 -9
  137. package/dist/es/components/form-switch/Switch.vue2.js +81 -74
  138. package/dist/es/components/form-textarea/Textarea.vue2.js +123 -108
  139. package/dist/es/components/image/Image.vue2.js +77 -76
  140. package/dist/es/components/image/ImagePreview.vue.js +13 -12
  141. package/dist/es/components/image/ImagePreview.vue2.js +141 -136
  142. package/dist/es/components/image/ImagePreviewGroup.vue.js +1 -1
  143. package/dist/es/components/image/ImagePreviewGroup.vue2.js +82 -83
  144. package/dist/es/components/rate/Rate.js +106 -103
  145. package/dist/es/components/time-picker/TimeColumn.vue.js +34 -23
  146. package/dist/es/components/time-picker/TimeColumn.vue2.js +37 -28
  147. package/dist/es/components/time-picker/TimePicker.vue.js +83 -64
  148. package/dist/es/components/time-picker/TimePicker.vue2.js +192 -156
  149. package/dist/es/components/time-range-selector/TimeRangeSelector.vue.js +327 -193
  150. package/dist/es/locale/en-US.js +6 -0
  151. package/dist/es/locale/zh-CN.js +6 -0
  152. package/dist/es/style.css +1 -1
  153. package/dist/icons/_self/down.d.ts +1 -1
  154. package/dist/icons/_self/dropdown/more.d.ts +1 -1
  155. package/dist/icons/_self/empty-better.d.ts +1 -1
  156. package/dist/icons/_self/empty.d.ts +1 -1
  157. package/dist/icons/_self/eye-invisible.d.ts +1 -1
  158. package/dist/icons/_self/eye.d.ts +1 -1
  159. package/dist/icons/_self/full-screen.d.ts +1 -1
  160. package/dist/icons/_self/left.d.ts +1 -1
  161. package/dist/icons/_self/menu/down.d.ts +1 -1
  162. package/dist/icons/_self/minus.d.ts +1 -1
  163. package/dist/icons/_self/more-dot.d.ts +1 -1
  164. package/dist/icons/_self/next.d.ts +1 -1
  165. package/dist/icons/_self/original-size.d.ts +1 -1
  166. package/dist/icons/_self/plus.d.ts +1 -1
  167. package/dist/icons/_self/prev.d.ts +1 -1
  168. package/dist/icons/_self/question-message.d.ts +1 -1
  169. package/dist/icons/_self/right.d.ts +1 -1
  170. package/dist/icons/_self/rotate-left.d.ts +1 -1
  171. package/dist/icons/_self/rotate-right.d.ts +1 -1
  172. package/dist/icons/_self/search.d.ts +1 -1
  173. package/dist/icons/_self/up.d.ts +1 -1
  174. package/dist/icons/_self/zoom-in.d.ts +1 -1
  175. package/dist/icons/_self/zoom-out.d.ts +1 -1
  176. package/dist/icons/_ui/alone-left.d.ts +1 -1
  177. package/dist/icons/_ui/alone-margin-left.d.ts +1 -1
  178. package/dist/icons/_ui/alone-margin-right.d.ts +1 -1
  179. package/dist/icons/_ui/alone-right.d.ts +1 -1
  180. package/dist/icons/_ui/calendar.d.ts +1 -1
  181. package/dist/icons/_ui/time.d.ts +1 -1
  182. package/dist/icons/animation/animation-loading.d.ts +1 -1
  183. package/dist/icons/default/check-circle-fill.d.ts +1 -1
  184. package/dist/icons/default/check.d.ts +1 -1
  185. package/dist/icons/default/close-circle-fill.d.ts +1 -1
  186. package/dist/icons/default/close.d.ts +1 -1
  187. package/dist/icons/default/exclamation-circle-fill.d.ts +1 -1
  188. package/dist/icons/default/exclamation.d.ts +1 -1
  189. package/dist/icons/default/filter.d.ts +1 -1
  190. package/dist/icons/default/info-circle-fill.d.ts +1 -1
  191. package/dist/icons/default/link.d.ts +1 -1
  192. package/dist/icons/default/logo-simple.d.ts +1 -1
  193. package/dist/icons/default/minus-circle-fill.d.ts +1 -1
  194. package/dist/icons/icon.d.ts +2 -2
  195. package/dist/icons/index.d.ts +3 -3
  196. package/dist/index.cjs +4 -4
  197. package/dist/index.d.ts +1 -1
  198. package/dist/index.umd.js +4 -4
  199. package/dist/locale/interface.d.ts +6 -0
  200. package/dist/style/base.css +1 -1
  201. package/dist/style/date-picker.css +1 -1
  202. package/dist/style/form.css +1 -1
  203. package/dist/style/image.css +1 -1
  204. package/dist/style/time-range-selector.css +1 -1
  205. package/dist/style.css +1 -1
  206. package/package.json +2 -2
@@ -93,6 +93,7 @@ export declare const TimePicker: {
93
93
  "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
94
94
  "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
95
95
  }>, {
96
+ t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
96
97
  attrs: {
97
98
  [x: string]: unknown;
98
99
  };
@@ -178,11 +179,11 @@ export declare const TimePicker: {
178
179
  };
179
180
  }>> & Readonly<{}>, {
180
181
  name: string;
182
+ title: string;
181
183
  size: string | number;
182
184
  rotate: number;
183
185
  spin: boolean;
184
186
  color: string;
185
- title: string;
186
187
  ariaLabel: string;
187
188
  strokeWidth: string | number;
188
189
  fillColor: unknown[];
@@ -307,7 +308,11 @@ export declare const TimePicker: {
307
308
  handleBlur: (ev: FocusEvent) => void;
308
309
  handleEsc: () => void;
309
310
  handleFocusedIndexChange: (index: number) => void;
310
- openPanel: () => void;
311
+ openPanel: (event?: KeyboardEvent) => void;
312
+ popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
313
+ panelId: string;
314
+ handlePanelKeydown: (event: KeyboardEvent) => void;
315
+ handlePopupFocusout: (event: FocusEvent) => void;
311
316
  focus: () => void;
312
317
  blur: () => void;
313
318
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -491,8 +496,8 @@ export declare const TimePicker: {
491
496
  resize: () => true;
492
497
  }, import('vue').PublicProps, {
493
498
  disabled: boolean;
494
- animationName: string;
495
499
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
500
+ animationName: string;
496
501
  autoFitPosition: boolean;
497
502
  popupVisible: boolean;
498
503
  defaultPopupVisible: boolean;
@@ -679,8 +684,8 @@ export declare const TimePicker: {
679
684
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
680
685
  }>, () => any, {}, {}, {}, {
681
686
  disabled: boolean;
682
- animationName: string;
683
687
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
688
+ animationName: string;
684
689
  autoFitPosition: boolean;
685
690
  popupVisible: boolean;
686
691
  defaultPopupVisible: boolean;
@@ -867,8 +872,8 @@ export declare const TimePicker: {
867
872
  resize: () => true;
868
873
  }, string, {
869
874
  disabled: boolean;
870
- animationName: string;
871
875
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
876
+ animationName: string;
872
877
  autoFitPosition: boolean;
873
878
  popupVisible: boolean;
874
879
  defaultPopupVisible: boolean;
@@ -937,6 +942,10 @@ export declare const TimePicker: {
937
942
  required: true;
938
943
  };
939
944
  }>, {
945
+ wrapperAttrs: import('vue').ComputedRef<Omit<{
946
+ [x: string]: unknown;
947
+ }, string>>;
948
+ formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
940
949
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
941
950
  feedback: import('vue').Ref<string | undefined, string | undefined>;
942
951
  className: {
@@ -1140,11 +1149,11 @@ export declare const TimePicker: {
1140
1149
  };
1141
1150
  }>> & Readonly<{}>, {
1142
1151
  name: string;
1152
+ title: string;
1143
1153
  size: string | number;
1144
1154
  rotate: number;
1145
1155
  spin: boolean;
1146
1156
  color: string;
1147
- title: string;
1148
1157
  ariaLabel: string;
1149
1158
  strokeWidth: string | number;
1150
1159
  fillColor: unknown[];
@@ -1236,11 +1245,11 @@ export declare const TimePicker: {
1236
1245
  };
1237
1246
  }>> & Readonly<{}>, {
1238
1247
  name: string;
1248
+ title: string;
1239
1249
  size: string | number;
1240
1250
  rotate: number;
1241
1251
  spin: boolean;
1242
1252
  color: string;
1243
- title: string;
1244
1253
  ariaLabel: string;
1245
1254
  strokeWidth: string | number;
1246
1255
  fillColor: unknown[];
@@ -1321,11 +1330,11 @@ export declare const TimePicker: {
1321
1330
  };
1322
1331
  }>> & Readonly<{}>, {
1323
1332
  name: string;
1333
+ title: string;
1324
1334
  size: string | number;
1325
1335
  rotate: number;
1326
1336
  spin: boolean;
1327
1337
  color: string;
1328
- title: string;
1329
1338
  ariaLabel: string;
1330
1339
  strokeWidth: string | number;
1331
1340
  fillColor: unknown[];
@@ -1406,11 +1415,11 @@ export declare const TimePicker: {
1406
1415
  };
1407
1416
  }>> & Readonly<{}>, {
1408
1417
  name: string;
1418
+ title: string;
1409
1419
  size: string | number;
1410
1420
  rotate: number;
1411
1421
  spin: boolean;
1412
1422
  color: string;
1413
- title: string;
1414
1423
  ariaLabel: string;
1415
1424
  strokeWidth: string | number;
1416
1425
  fillColor: unknown[];
@@ -1491,11 +1500,11 @@ export declare const TimePicker: {
1491
1500
  };
1492
1501
  }>> & Readonly<{}>, {
1493
1502
  name: string;
1503
+ title: string;
1494
1504
  size: string | number;
1495
1505
  rotate: number;
1496
1506
  spin: boolean;
1497
1507
  color: string;
1498
- title: string;
1499
1508
  ariaLabel: string;
1500
1509
  strokeWidth: string | number;
1501
1510
  fillColor: unknown[];
@@ -1545,6 +1554,11 @@ export declare const TimePicker: {
1545
1554
  required: true;
1546
1555
  };
1547
1556
  }>, {
1557
+ wrapperAttrs: import('vue').ComputedRef<Omit<{
1558
+ [x: string]: unknown;
1559
+ }, string>>;
1560
+ formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
1561
+ formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
1548
1562
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
1549
1563
  className: {
1550
1564
  block: string;
@@ -1571,7 +1585,6 @@ export declare const TimePicker: {
1571
1585
  onFocus: (e: Event) => void;
1572
1586
  onBlur: (e: Event) => void;
1573
1587
  onPressEnter: () => void;
1574
- onPressTab: (e: Event) => void;
1575
1588
  onClear: (e: Event) => void;
1576
1589
  feedback: import('vue').Ref<string | undefined, string | undefined>;
1577
1590
  }, {}, {}, {
@@ -1768,11 +1781,11 @@ export declare const TimePicker: {
1768
1781
  };
1769
1782
  }>> & Readonly<{}>, {
1770
1783
  name: string;
1784
+ title: string;
1771
1785
  size: string | number;
1772
1786
  rotate: number;
1773
1787
  spin: boolean;
1774
1788
  color: string;
1775
- title: string;
1776
1789
  ariaLabel: string;
1777
1790
  strokeWidth: string | number;
1778
1791
  fillColor: unknown[];
@@ -1864,11 +1877,11 @@ export declare const TimePicker: {
1864
1877
  };
1865
1878
  }>> & Readonly<{}>, {
1866
1879
  name: string;
1880
+ title: string;
1867
1881
  size: string | number;
1868
1882
  rotate: number;
1869
1883
  spin: boolean;
1870
1884
  color: string;
1871
- title: string;
1872
1885
  ariaLabel: string;
1873
1886
  strokeWidth: string | number;
1874
1887
  fillColor: unknown[];
@@ -1949,11 +1962,11 @@ export declare const TimePicker: {
1949
1962
  };
1950
1963
  }>> & Readonly<{}>, {
1951
1964
  name: string;
1965
+ title: string;
1952
1966
  size: string | number;
1953
1967
  rotate: number;
1954
1968
  spin: boolean;
1955
1969
  color: string;
1956
- title: string;
1957
1970
  ariaLabel: string;
1958
1971
  strokeWidth: string | number;
1959
1972
  fillColor: unknown[];
@@ -2034,11 +2047,11 @@ export declare const TimePicker: {
2034
2047
  };
2035
2048
  }>> & Readonly<{}>, {
2036
2049
  name: string;
2050
+ title: string;
2037
2051
  size: string | number;
2038
2052
  rotate: number;
2039
2053
  spin: boolean;
2040
2054
  color: string;
2041
- title: string;
2042
2055
  ariaLabel: string;
2043
2056
  strokeWidth: string | number;
2044
2057
  fillColor: unknown[];
@@ -2119,11 +2132,11 @@ export declare const TimePicker: {
2119
2132
  };
2120
2133
  }>> & Readonly<{}>, {
2121
2134
  name: string;
2135
+ title: string;
2122
2136
  size: string | number;
2123
2137
  rotate: number;
2124
2138
  spin: boolean;
2125
2139
  color: string;
2126
- title: string;
2127
2140
  ariaLabel: string;
2128
2141
  strokeWidth: string | number;
2129
2142
  fillColor: unknown[];
@@ -2206,11 +2219,11 @@ export declare const TimePicker: {
2206
2219
  };
2207
2220
  }>> & Readonly<{}>, {
2208
2221
  name: string;
2222
+ title: string;
2209
2223
  size: string | number;
2210
2224
  rotate: number;
2211
2225
  spin: boolean;
2212
2226
  color: string;
2213
- title: string;
2214
2227
  ariaLabel: string;
2215
2228
  strokeWidth: string | number;
2216
2229
  fillColor: unknown[];
@@ -2322,6 +2335,9 @@ export declare const TimePicker: {
2322
2335
  handleSelect: (item: import('./interface').TimePickerColumnItem) => void;
2323
2336
  moveActive: (offset: number) => void;
2324
2337
  selectActive: () => void;
2338
+ activeItem: import('vue').ComputedRef<import('./interface').TimePickerColumnItem | undefined>;
2339
+ getItemId: (item: import('./interface').TimePickerColumnItem) => string;
2340
+ moveBoundary: (end: boolean) => void;
2325
2341
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2326
2342
  select: (_type: import('./interface').TimePickerColumnType, _value: import('./interface').TimePickerColumnItem["value"]) => true;
2327
2343
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3082,6 +3098,7 @@ export declare const TimePicker: {
3082
3098
  "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
3083
3099
  "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
3084
3100
  }>, {
3101
+ t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
3085
3102
  attrs: {
3086
3103
  [x: string]: unknown;
3087
3104
  };
@@ -3167,11 +3184,11 @@ export declare const TimePicker: {
3167
3184
  };
3168
3185
  }>> & Readonly<{}>, {
3169
3186
  name: string;
3187
+ title: string;
3170
3188
  size: string | number;
3171
3189
  rotate: number;
3172
3190
  spin: boolean;
3173
3191
  color: string;
3174
- title: string;
3175
3192
  ariaLabel: string;
3176
3193
  strokeWidth: string | number;
3177
3194
  fillColor: unknown[];
@@ -3296,7 +3313,11 @@ export declare const TimePicker: {
3296
3313
  handleBlur: (ev: FocusEvent) => void;
3297
3314
  handleEsc: () => void;
3298
3315
  handleFocusedIndexChange: (index: number) => void;
3299
- openPanel: () => void;
3316
+ openPanel: (event?: KeyboardEvent) => void;
3317
+ popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3318
+ panelId: string;
3319
+ handlePanelKeydown: (event: KeyboardEvent) => void;
3320
+ handlePopupFocusout: (event: FocusEvent) => void;
3300
3321
  focus: () => void;
3301
3322
  blur: () => void;
3302
3323
  }, {}, {}, {}, {
@@ -3409,6 +3430,7 @@ export declare const TimePicker: {
3409
3430
  "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
3410
3431
  "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
3411
3432
  }>, {
3433
+ t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
3412
3434
  attrs: {
3413
3435
  [x: string]: unknown;
3414
3436
  };
@@ -3494,11 +3516,11 @@ export declare const TimePicker: {
3494
3516
  };
3495
3517
  }>> & Readonly<{}>, {
3496
3518
  name: string;
3519
+ title: string;
3497
3520
  size: string | number;
3498
3521
  rotate: number;
3499
3522
  spin: boolean;
3500
3523
  color: string;
3501
- title: string;
3502
3524
  ariaLabel: string;
3503
3525
  strokeWidth: string | number;
3504
3526
  fillColor: unknown[];
@@ -3623,7 +3645,11 @@ export declare const TimePicker: {
3623
3645
  handleBlur: (ev: FocusEvent) => void;
3624
3646
  handleEsc: () => void;
3625
3647
  handleFocusedIndexChange: (index: number) => void;
3626
- openPanel: () => void;
3648
+ openPanel: (event?: KeyboardEvent) => void;
3649
+ popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
3650
+ panelId: string;
3651
+ handlePanelKeydown: (event: KeyboardEvent) => void;
3652
+ handlePopupFocusout: (event: FocusEvent) => void;
3627
3653
  focus: () => void;
3628
3654
  blur: () => void;
3629
3655
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -3807,8 +3833,8 @@ export declare const TimePicker: {
3807
3833
  resize: () => true;
3808
3834
  }, import('vue').PublicProps, {
3809
3835
  disabled: boolean;
3810
- animationName: string;
3811
3836
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
3837
+ animationName: string;
3812
3838
  autoFitPosition: boolean;
3813
3839
  popupVisible: boolean;
3814
3840
  defaultPopupVisible: boolean;
@@ -3995,8 +4021,8 @@ export declare const TimePicker: {
3995
4021
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
3996
4022
  }>, () => any, {}, {}, {}, {
3997
4023
  disabled: boolean;
3998
- animationName: string;
3999
4024
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
4025
+ animationName: string;
4000
4026
  autoFitPosition: boolean;
4001
4027
  popupVisible: boolean;
4002
4028
  defaultPopupVisible: boolean;
@@ -4183,8 +4209,8 @@ export declare const TimePicker: {
4183
4209
  resize: () => true;
4184
4210
  }, string, {
4185
4211
  disabled: boolean;
4186
- animationName: string;
4187
4212
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
4213
+ animationName: string;
4188
4214
  autoFitPosition: boolean;
4189
4215
  popupVisible: boolean;
4190
4216
  defaultPopupVisible: boolean;
@@ -4253,6 +4279,10 @@ export declare const TimePicker: {
4253
4279
  required: true;
4254
4280
  };
4255
4281
  }>, {
4282
+ wrapperAttrs: import('vue').ComputedRef<Omit<{
4283
+ [x: string]: unknown;
4284
+ }, string>>;
4285
+ formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
4256
4286
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
4257
4287
  feedback: import('vue').Ref<string | undefined, string | undefined>;
4258
4288
  className: {
@@ -4456,11 +4486,11 @@ export declare const TimePicker: {
4456
4486
  };
4457
4487
  }>> & Readonly<{}>, {
4458
4488
  name: string;
4489
+ title: string;
4459
4490
  size: string | number;
4460
4491
  rotate: number;
4461
4492
  spin: boolean;
4462
4493
  color: string;
4463
- title: string;
4464
4494
  ariaLabel: string;
4465
4495
  strokeWidth: string | number;
4466
4496
  fillColor: unknown[];
@@ -4552,11 +4582,11 @@ export declare const TimePicker: {
4552
4582
  };
4553
4583
  }>> & Readonly<{}>, {
4554
4584
  name: string;
4585
+ title: string;
4555
4586
  size: string | number;
4556
4587
  rotate: number;
4557
4588
  spin: boolean;
4558
4589
  color: string;
4559
- title: string;
4560
4590
  ariaLabel: string;
4561
4591
  strokeWidth: string | number;
4562
4592
  fillColor: unknown[];
@@ -4637,11 +4667,11 @@ export declare const TimePicker: {
4637
4667
  };
4638
4668
  }>> & Readonly<{}>, {
4639
4669
  name: string;
4670
+ title: string;
4640
4671
  size: string | number;
4641
4672
  rotate: number;
4642
4673
  spin: boolean;
4643
4674
  color: string;
4644
- title: string;
4645
4675
  ariaLabel: string;
4646
4676
  strokeWidth: string | number;
4647
4677
  fillColor: unknown[];
@@ -4722,11 +4752,11 @@ export declare const TimePicker: {
4722
4752
  };
4723
4753
  }>> & Readonly<{}>, {
4724
4754
  name: string;
4755
+ title: string;
4725
4756
  size: string | number;
4726
4757
  rotate: number;
4727
4758
  spin: boolean;
4728
4759
  color: string;
4729
- title: string;
4730
4760
  ariaLabel: string;
4731
4761
  strokeWidth: string | number;
4732
4762
  fillColor: unknown[];
@@ -4807,11 +4837,11 @@ export declare const TimePicker: {
4807
4837
  };
4808
4838
  }>> & Readonly<{}>, {
4809
4839
  name: string;
4840
+ title: string;
4810
4841
  size: string | number;
4811
4842
  rotate: number;
4812
4843
  spin: boolean;
4813
4844
  color: string;
4814
- title: string;
4815
4845
  ariaLabel: string;
4816
4846
  strokeWidth: string | number;
4817
4847
  fillColor: unknown[];
@@ -4861,6 +4891,11 @@ export declare const TimePicker: {
4861
4891
  required: true;
4862
4892
  };
4863
4893
  }>, {
4894
+ wrapperAttrs: import('vue').ComputedRef<Omit<{
4895
+ [x: string]: unknown;
4896
+ }, string>>;
4897
+ formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
4898
+ formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
4864
4899
  t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
4865
4900
  className: {
4866
4901
  block: string;
@@ -4887,7 +4922,6 @@ export declare const TimePicker: {
4887
4922
  onFocus: (e: Event) => void;
4888
4923
  onBlur: (e: Event) => void;
4889
4924
  onPressEnter: () => void;
4890
- onPressTab: (e: Event) => void;
4891
4925
  onClear: (e: Event) => void;
4892
4926
  feedback: import('vue').Ref<string | undefined, string | undefined>;
4893
4927
  }, {}, {}, {
@@ -5084,11 +5118,11 @@ export declare const TimePicker: {
5084
5118
  };
5085
5119
  }>> & Readonly<{}>, {
5086
5120
  name: string;
5121
+ title: string;
5087
5122
  size: string | number;
5088
5123
  rotate: number;
5089
5124
  spin: boolean;
5090
5125
  color: string;
5091
- title: string;
5092
5126
  ariaLabel: string;
5093
5127
  strokeWidth: string | number;
5094
5128
  fillColor: unknown[];
@@ -5180,11 +5214,11 @@ export declare const TimePicker: {
5180
5214
  };
5181
5215
  }>> & Readonly<{}>, {
5182
5216
  name: string;
5217
+ title: string;
5183
5218
  size: string | number;
5184
5219
  rotate: number;
5185
5220
  spin: boolean;
5186
5221
  color: string;
5187
- title: string;
5188
5222
  ariaLabel: string;
5189
5223
  strokeWidth: string | number;
5190
5224
  fillColor: unknown[];
@@ -5265,11 +5299,11 @@ export declare const TimePicker: {
5265
5299
  };
5266
5300
  }>> & Readonly<{}>, {
5267
5301
  name: string;
5302
+ title: string;
5268
5303
  size: string | number;
5269
5304
  rotate: number;
5270
5305
  spin: boolean;
5271
5306
  color: string;
5272
- title: string;
5273
5307
  ariaLabel: string;
5274
5308
  strokeWidth: string | number;
5275
5309
  fillColor: unknown[];
@@ -5350,11 +5384,11 @@ export declare const TimePicker: {
5350
5384
  };
5351
5385
  }>> & Readonly<{}>, {
5352
5386
  name: string;
5387
+ title: string;
5353
5388
  size: string | number;
5354
5389
  rotate: number;
5355
5390
  spin: boolean;
5356
5391
  color: string;
5357
- title: string;
5358
5392
  ariaLabel: string;
5359
5393
  strokeWidth: string | number;
5360
5394
  fillColor: unknown[];
@@ -5435,11 +5469,11 @@ export declare const TimePicker: {
5435
5469
  };
5436
5470
  }>> & Readonly<{}>, {
5437
5471
  name: string;
5472
+ title: string;
5438
5473
  size: string | number;
5439
5474
  rotate: number;
5440
5475
  spin: boolean;
5441
5476
  color: string;
5442
- title: string;
5443
5477
  ariaLabel: string;
5444
5478
  strokeWidth: string | number;
5445
5479
  fillColor: unknown[];
@@ -5522,11 +5556,11 @@ export declare const TimePicker: {
5522
5556
  };
5523
5557
  }>> & Readonly<{}>, {
5524
5558
  name: string;
5559
+ title: string;
5525
5560
  size: string | number;
5526
5561
  rotate: number;
5527
5562
  spin: boolean;
5528
5563
  color: string;
5529
- title: string;
5530
5564
  ariaLabel: string;
5531
5565
  strokeWidth: string | number;
5532
5566
  fillColor: unknown[];
@@ -5638,6 +5672,9 @@ export declare const TimePicker: {
5638
5672
  handleSelect: (item: import('./interface').TimePickerColumnItem) => void;
5639
5673
  moveActive: (offset: number) => void;
5640
5674
  selectActive: () => void;
5675
+ activeItem: import('vue').ComputedRef<import('./interface').TimePickerColumnItem | undefined>;
5676
+ getItemId: (item: import('./interface').TimePickerColumnItem) => string;
5677
+ moveBoundary: (end: boolean) => void;
5641
5678
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5642
5679
  select: (_type: import('./interface').TimePickerColumnType, _value: import('./interface').TimePickerColumnItem["value"]) => true;
5643
5680
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -8,12 +8,20 @@ type __VLS_Props = {
8
8
  disabledRanges?: [string, string][];
9
9
  maxRanges?: number;
10
10
  showCursor?: boolean;
11
+ disabled?: boolean;
12
+ readonly?: boolean;
11
13
  };
12
14
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
15
+ remove: (value: [string, string]) => any;
16
+ change: (value: [string, string][]) => any;
13
17
  "update:modelValue": (value: [string, string][]) => any;
14
18
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
19
+ onRemove?: ((value: [string, string]) => any) | undefined;
20
+ onChange?: ((value: [string, string][]) => any) | undefined;
15
21
  "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
16
22
  }>, {
23
+ readonly: boolean;
24
+ disabled: boolean;
17
25
  scene: TimeRangeSelectorScene;
18
26
  overlapAllowed: boolean;
19
27
  stepMinutes: number;
@@ -8,11 +8,19 @@ export declare const TimeRangeSelector: {
8
8
  disabledRanges?: [string, string][];
9
9
  maxRanges?: number;
10
10
  showCursor?: boolean;
11
+ disabled?: boolean;
12
+ readonly?: boolean;
11
13
  }> & Readonly<{
14
+ onRemove?: ((value: [string, string]) => any) | undefined;
15
+ onChange?: ((value: [string, string][]) => any) | undefined;
12
16
  "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
13
17
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
18
+ remove: (value: [string, string]) => any;
19
+ change: (value: [string, string][]) => any;
14
20
  "update:modelValue": (value: [string, string][]) => any;
15
21
  }, import('vue').PublicProps, {
22
+ readonly: boolean;
23
+ disabled: boolean;
16
24
  scene: "default" | "compact" | "schedule" | "monitor";
17
25
  overlapAllowed: boolean;
18
26
  stepMinutes: number;
@@ -35,9 +43,15 @@ export declare const TimeRangeSelector: {
35
43
  disabledRanges?: [string, string][];
36
44
  maxRanges?: number;
37
45
  showCursor?: boolean;
46
+ disabled?: boolean;
47
+ readonly?: boolean;
38
48
  }> & Readonly<{
49
+ onRemove?: ((value: [string, string]) => any) | undefined;
50
+ onChange?: ((value: [string, string][]) => any) | undefined;
39
51
  "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
40
52
  }>, {}, {}, {}, {}, {
53
+ readonly: boolean;
54
+ disabled: boolean;
41
55
  scene: "default" | "compact" | "schedule" | "monitor";
42
56
  overlapAllowed: boolean;
43
57
  stepMinutes: number;
@@ -57,11 +71,19 @@ export declare const TimeRangeSelector: {
57
71
  disabledRanges?: [string, string][];
58
72
  maxRanges?: number;
59
73
  showCursor?: boolean;
74
+ disabled?: boolean;
75
+ readonly?: boolean;
60
76
  }> & Readonly<{
77
+ onRemove?: ((value: [string, string]) => any) | undefined;
78
+ onChange?: ((value: [string, string][]) => any) | undefined;
61
79
  "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
62
80
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
81
+ remove: (value: [string, string]) => any;
82
+ change: (value: [string, string][]) => any;
63
83
  "update:modelValue": (value: [string, string][]) => any;
64
84
  }, string, {
85
+ readonly: boolean;
86
+ disabled: boolean;
65
87
  scene: "default" | "compact" | "schedule" | "monitor";
66
88
  overlapAllowed: boolean;
67
89
  stepMinutes: number;
@@ -309,8 +309,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
309
309
  }>, {
310
310
  mini: boolean;
311
311
  disabled: boolean;
312
- animationName: string;
313
312
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
313
+ animationName: string;
314
314
  autoFitPosition: boolean;
315
315
  popupVisible: boolean;
316
316
  defaultPopupVisible: boolean;
@@ -159,8 +159,8 @@ export declare const Tooltip: {
159
159
  }, import('vue').PublicProps, {
160
160
  mini: boolean;
161
161
  disabled: boolean;
162
- animationName: string;
163
162
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
163
+ animationName: string;
164
164
  autoFitPosition: boolean;
165
165
  popupVisible: boolean;
166
166
  defaultPopupVisible: boolean;
@@ -345,8 +345,8 @@ export declare const Tooltip: {
345
345
  }>, () => VNode, {}, {}, {}, {
346
346
  mini: boolean;
347
347
  disabled: boolean;
348
- animationName: string;
349
348
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
349
+ animationName: string;
350
350
  autoFitPosition: boolean;
351
351
  popupVisible: boolean;
352
352
  defaultPopupVisible: boolean;
@@ -534,8 +534,8 @@ export declare const Tooltip: {
534
534
  }, string, {
535
535
  mini: boolean;
536
536
  disabled: boolean;
537
- animationName: string;
538
537
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
538
+ animationName: string;
539
539
  autoFitPosition: boolean;
540
540
  popupVisible: boolean;
541
541
  defaultPopupVisible: boolean;
@@ -596,8 +596,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
596
596
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
597
597
  }>, {
598
598
  disabled: boolean;
599
- animationName: string;
600
599
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
600
+ animationName: string;
601
601
  autoFitPosition: boolean;
602
602
  popupVisible: boolean;
603
603
  defaultPopupVisible: boolean;
@@ -157,8 +157,8 @@ export declare const Trigger: {
157
157
  resize: () => true;
158
158
  }, import('vue').PublicProps, {
159
159
  disabled: boolean;
160
- animationName: string;
161
160
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
161
+ animationName: string;
162
162
  autoFitPosition: boolean;
163
163
  popupVisible: boolean;
164
164
  defaultPopupVisible: boolean;
@@ -345,8 +345,8 @@ export declare const Trigger: {
345
345
  onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
346
346
  }>, () => any, {}, {}, {}, {
347
347
  disabled: boolean;
348
- animationName: string;
349
348
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
349
+ animationName: string;
350
350
  autoFitPosition: boolean;
351
351
  popupVisible: boolean;
352
352
  defaultPopupVisible: boolean;
@@ -533,8 +533,8 @@ export declare const Trigger: {
533
533
  resize: () => true;
534
534
  }, string, {
535
535
  disabled: boolean;
536
- animationName: string;
537
536
  position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
537
+ animationName: string;
538
538
  autoFitPosition: boolean;
539
539
  popupVisible: boolean;
540
540
  defaultPopupVisible: boolean;