x-next 0.0.0-alpha.60 → 0.0.0-alpha.62

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 (156) hide show
  1. package/README.md +39 -47
  2. package/dist/_hooks/_types.d.ts +1 -0
  3. package/dist/_hooks/use-component-ref.d.ts +5 -0
  4. package/dist/_hooks/use-input.d.ts +24 -0
  5. package/dist/_hooks/use-scrollbar.d.ts +6 -0
  6. package/dist/_utils/debounce.d.ts +1 -0
  7. package/dist/_utils/dom.d.ts +13 -0
  8. package/dist/components/_components/input-label/input-label.d.ts +56 -0
  9. package/dist/components/_components/select-view/interface.d.ts +6 -0
  10. package/dist/components/_components/select-view/select-view.d.ts +148 -0
  11. package/dist/components/alert/Alert.vue.d.ts +413 -0
  12. package/dist/components/alert/index.d.ts +716 -0
  13. package/dist/components/button/Button.d.ts +2 -2
  14. package/dist/components/button/index.d.ts +6 -6
  15. package/dist/components/dialog/Dialog.d.ts +12 -12
  16. package/dist/components/dialog/index.d.ts +21 -21
  17. package/dist/components/dialog/props.d.ts +5 -5
  18. package/dist/components/drawer/index.d.ts +27 -27
  19. package/dist/components/drawer/src/Drawer.vue.d.ts +14 -14
  20. package/dist/components/drawer/src/props.d.ts +2 -2
  21. package/dist/components/dropdown/Dropdown.vue.d.ts +19 -19
  22. package/dist/components/dropdown/DropdownButton.vue.d.ts +30 -30
  23. package/dist/components/dropdown/DropdownOption.vue.d.ts +2 -2
  24. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +26 -26
  25. package/dist/components/dropdown/dropdown-panel.vue.d.ts +3 -3
  26. package/dist/components/dropdown/index.d.ts +164 -164
  27. package/dist/components/form/FormItem.vue.d.ts +43 -43
  28. package/dist/components/form/form-item-label.vue.d.ts +35 -35
  29. package/dist/components/form/index.d.ts +85 -85
  30. package/dist/components/form-checkbox/Checkbox.d.ts +2 -2
  31. package/dist/components/form-checkbox/index.d.ts +3 -3
  32. package/dist/components/form-input/Input.d.ts +3 -3
  33. package/dist/components/form-input/InputPassword.vue.d.ts +7 -7
  34. package/dist/components/form-input/index.d.ts +23 -23
  35. package/dist/components/form-input-number/InputNumber.d.ts +351 -0
  36. package/dist/components/form-input-number/index.d.ts +278 -0
  37. package/dist/components/form-input-tag/InputTag.d.ts +363 -0
  38. package/dist/components/form-input-tag/index.d.ts +321 -0
  39. package/dist/components/form-input-tag/interface.d.ts +32 -0
  40. package/dist/components/form-input-tag/style/index.d.ts +0 -0
  41. package/dist/components/form-input-tag/utils.d.ts +2 -0
  42. package/dist/components/form-select/Select.d.ts +1395 -0
  43. package/dist/components/form-select/SelectDropdown.vue.d.ts +531 -0
  44. package/dist/components/form-select/SelectOption.vue.d.ts +213 -0
  45. package/dist/components/form-select/SelectOptionGroup.vue.d.ts +25 -0
  46. package/dist/components/form-select/context.d.ts +17 -0
  47. package/dist/components/form-select/hooks/use-options.d.ts +30 -0
  48. package/dist/components/form-select/hooks/use-select.d.ts +47 -0
  49. package/dist/components/form-select/index.d.ts +3425 -0
  50. package/dist/components/form-select/interface.d.ts +115 -0
  51. package/dist/components/form-select/utils.d.ts +27 -0
  52. package/dist/components/form-slider/Slider.vue.d.ts +2153 -0
  53. package/dist/components/form-slider/index.d.ts +4098 -0
  54. package/dist/components/form-slider/slider-button.vue.d.ts +1397 -0
  55. package/dist/components/form-slider/slider-dots.vue.d.ts +62 -0
  56. package/dist/components/form-slider/slider-input.vue.d.ts +334 -0
  57. package/dist/components/form-slider/slider-marks.vue.d.ts +54 -0
  58. package/dist/components/form-slider/slider-ticks.vue.d.ts +60 -0
  59. package/dist/components/form-slider/utils.d.ts +4 -0
  60. package/dist/components/form-switch/Switch.vue.d.ts +8 -8
  61. package/dist/components/form-switch/index.d.ts +13 -13
  62. package/dist/components/image/Image.vue.d.ts +48 -48
  63. package/dist/components/image/ImagePreview.vue.d.ts +42 -42
  64. package/dist/components/image/ImagePreviewAction.d.ts +33 -33
  65. package/dist/components/image/ImagePreviewGroup.vue.d.ts +43 -43
  66. package/dist/components/image/index.d.ts +333 -333
  67. package/dist/components/image/preview-arrow.vue.d.ts +4 -4
  68. package/dist/components/image/preview-toolbar.vue.d.ts +33 -33
  69. package/dist/components/index.d.ts +7 -0
  70. package/dist/components/message/Message.d.ts +3 -3
  71. package/dist/components/message/index.d.ts +9 -9
  72. package/dist/components/message/message.vue.d.ts +13 -13
  73. package/dist/components/notification/Notification.d.ts +3 -3
  74. package/dist/components/notification/index.d.ts +9 -9
  75. package/dist/components/popconfirm/index.d.ts +9 -9
  76. package/dist/components/popconfirm/src/Popconfirm.d.ts +5 -5
  77. package/dist/components/popconfirm/src/popup.vue.d.ts +11 -11
  78. package/dist/components/popconfirm/src/props.d.ts +2 -2
  79. package/dist/components/popup/Popup.d.ts +12 -12
  80. package/dist/components/popup/index.d.ts +21 -21
  81. package/dist/components/popup/props.d.ts +5 -5
  82. package/dist/components/progress/Progress.vue.d.ts +661 -0
  83. package/dist/components/progress/circle.vue.d.ts +196 -0
  84. package/dist/components/progress/index.d.ts +1104 -0
  85. package/dist/components/progress/line.vue.d.ts +155 -0
  86. package/dist/components/progress/steps.vue.d.ts +124 -0
  87. package/dist/components/scrollbar-v2/Scrollbar.vue.d.ts +2 -2
  88. package/dist/components/scrollbar-v2/index.d.ts +3 -3
  89. package/dist/components/skeleton/Skeleton.vue.d.ts +43 -0
  90. package/dist/components/skeleton/SkeletonLine.vue.d.ts +82 -0
  91. package/dist/components/skeleton/SkeletonShape.vue.d.ts +46 -0
  92. package/dist/components/skeleton/index.d.ts +226 -0
  93. package/dist/components/spin/Spin.d.ts +17 -0
  94. package/dist/components/spin/index.d.ts +15 -0
  95. package/dist/components/steps/Step.vue.d.ts +4 -4
  96. package/dist/components/steps/index.d.ts +8 -8
  97. package/dist/components/tabs/Tabs.d.ts +6 -6
  98. package/dist/components/tabs/index.d.ts +12 -12
  99. package/dist/components/tabs/tabs-nav.d.ts +2 -2
  100. package/dist/components/tabs/tabs-tab.vue.d.ts +2 -2
  101. package/dist/components/tag/Tag.vue.d.ts +7 -7
  102. package/dist/components/tag/index.d.ts +17 -17
  103. package/dist/components/tooltip/Tooltip.vue.d.ts +16 -16
  104. package/dist/components/tooltip/index.d.ts +33 -33
  105. package/dist/components/trend-chart/components/TrendChart.d.ts +1 -1
  106. package/dist/components/trend-chart/index.d.ts +3 -3
  107. package/dist/components/trigger/index.d.ts +15 -15
  108. package/dist/components/trigger/src/_trigger.d.ts +3 -3
  109. package/dist/components/trigger/src/trigger.d.ts +8 -8
  110. package/dist/components/trigger-v2/index.d.ts +15 -15
  111. package/dist/components/trigger-v2/trigger.d.ts +8 -8
  112. package/dist/components/virtual-list-v2/hooks/use-size.d.ts +18 -0
  113. package/dist/components/virtual-list-v2/index.d.ts +2 -0
  114. package/dist/components/virtual-list-v2/interface.d.ts +63 -0
  115. package/dist/components/virtual-list-v2/virtual-list-item.d.ts +22 -0
  116. package/dist/components/virtual-list-v2/virtual-list.vue.d.ts +154 -0
  117. package/dist/icons/_self/down.d.ts +2 -2
  118. package/dist/icons/_self/empty-better.d.ts +2 -2
  119. package/dist/icons/_self/empty.d.ts +2 -2
  120. package/dist/icons/_self/eye-invisible.d.ts +2 -2
  121. package/dist/icons/_self/eye.d.ts +2 -2
  122. package/dist/icons/_self/full-screen.d.ts +2 -2
  123. package/dist/icons/_self/left.d.ts +2 -2
  124. package/dist/icons/_self/more-dot.d.ts +2 -2
  125. package/dist/icons/_self/next.d.ts +2 -2
  126. package/dist/icons/_self/original-size.d.ts +2 -2
  127. package/dist/icons/_self/plus.d.ts +2 -2
  128. package/dist/icons/_self/prev.d.ts +2 -2
  129. package/dist/icons/_self/question-message.d.ts +2 -2
  130. package/dist/icons/_self/right.d.ts +2 -2
  131. package/dist/icons/_self/rotate-left.d.ts +2 -2
  132. package/dist/icons/_self/rotate-right.d.ts +2 -2
  133. package/dist/icons/_self/search.d.ts +2 -2
  134. package/dist/icons/_self/up.d.ts +2 -2
  135. package/dist/icons/_self/zoom-in.d.ts +2 -2
  136. package/dist/icons/_self/zoom-out.d.ts +2 -2
  137. package/dist/icons/animation/animation-loading.d.ts +2 -2
  138. package/dist/icons/default/check-circle-fill.d.ts +2 -2
  139. package/dist/icons/default/check.d.ts +50 -0
  140. package/dist/icons/default/close-circle-fill.d.ts +2 -2
  141. package/dist/icons/default/close.d.ts +2 -2
  142. package/dist/icons/default/exclamation-circle-fill.d.ts +2 -2
  143. package/dist/icons/default/exclamation.d.ts +50 -0
  144. package/dist/icons/default/info-circle-fill.d.ts +2 -2
  145. package/dist/icons/default/left.d.ts +2 -2
  146. package/dist/icons/default/logo-simple.d.ts +2 -2
  147. package/dist/icons/default/minus-circle-fill.d.ts +2 -2
  148. package/dist/icons/default/right.d.ts +2 -2
  149. package/dist/icons/icon.d.ts +2 -2
  150. package/dist/index.es.js +9001 -4524
  151. package/dist/index.umd.js +1 -1
  152. package/dist/style.css +1 -1
  153. package/dist/types.d.ts +12 -0
  154. package/package.json +2 -1
  155. package/volar.d.ts +12 -0
  156. /package/dist/components/_components/{icon-hover.vue.d.ts → icon-hover/index.vue.d.ts} +0 -0
@@ -56,13 +56,13 @@ export declare const XTrigger: {
56
56
  default: boolean;
57
57
  };
58
58
  contentClass: {
59
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
59
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
60
60
  };
61
61
  contentStyle: {
62
62
  type: import('vue').PropType<import('vue').CSSProperties>;
63
63
  };
64
64
  arrowClass: {
65
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
65
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
66
66
  };
67
67
  arrowStyle: {
68
68
  type: import('vue').PropType<import('vue').CSSProperties>;
@@ -112,7 +112,7 @@ export declare const XTrigger: {
112
112
  default: boolean;
113
113
  };
114
114
  openedClass: {
115
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
115
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
116
116
  };
117
117
  autoFitPosition: {
118
118
  type: BooleanConstructor;
@@ -134,11 +134,11 @@ export declare const XTrigger: {
134
134
  }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("hide" | "show" | "update:popupVisible" | "popupVisibleChange")[], import('vue').PublicProps, {
135
135
  disabled: boolean;
136
136
  animationName: string;
137
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
137
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
138
138
  autoFitPosition: boolean;
139
139
  popupVisible: boolean;
140
140
  defaultPopupVisible: boolean;
141
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
141
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
142
142
  popupOffset: number;
143
143
  showArrow: boolean;
144
144
  alignPoint: boolean;
@@ -220,13 +220,13 @@ export declare const XTrigger: {
220
220
  default: boolean;
221
221
  };
222
222
  contentClass: {
223
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
223
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
224
224
  };
225
225
  contentStyle: {
226
226
  type: import('vue').PropType<import('vue').CSSProperties>;
227
227
  };
228
228
  arrowClass: {
229
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
229
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
230
230
  };
231
231
  arrowStyle: {
232
232
  type: import('vue').PropType<import('vue').CSSProperties>;
@@ -276,7 +276,7 @@ export declare const XTrigger: {
276
276
  default: boolean;
277
277
  };
278
278
  openedClass: {
279
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
279
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
280
280
  };
281
281
  autoFitPosition: {
282
282
  type: BooleanConstructor;
@@ -298,11 +298,11 @@ export declare const XTrigger: {
298
298
  }>, () => any, {}, {}, {}, {
299
299
  disabled: boolean;
300
300
  animationName: string;
301
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
301
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
302
302
  autoFitPosition: boolean;
303
303
  popupVisible: boolean;
304
304
  defaultPopupVisible: boolean;
305
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
305
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
306
306
  popupOffset: number;
307
307
  showArrow: boolean;
308
308
  alignPoint: boolean;
@@ -381,13 +381,13 @@ export declare const XTrigger: {
381
381
  default: boolean;
382
382
  };
383
383
  contentClass: {
384
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
384
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
385
385
  };
386
386
  contentStyle: {
387
387
  type: import('vue').PropType<import('vue').CSSProperties>;
388
388
  };
389
389
  arrowClass: {
390
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
390
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
391
391
  };
392
392
  arrowStyle: {
393
393
  type: import('vue').PropType<import('vue').CSSProperties>;
@@ -437,7 +437,7 @@ export declare const XTrigger: {
437
437
  default: boolean;
438
438
  };
439
439
  openedClass: {
440
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
440
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
441
441
  };
442
442
  autoFitPosition: {
443
443
  type: BooleanConstructor;
@@ -459,11 +459,11 @@ export declare const XTrigger: {
459
459
  }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("hide" | "show" | "update:popupVisible" | "popupVisibleChange")[], "hide" | "show" | "update:popupVisible" | "popupVisibleChange", {
460
460
  disabled: boolean;
461
461
  animationName: string;
462
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
462
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
463
463
  autoFitPosition: boolean;
464
464
  popupVisible: boolean;
465
465
  defaultPopupVisible: boolean;
466
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
466
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
467
467
  popupOffset: number;
468
468
  showArrow: boolean;
469
469
  alignPoint: boolean;
@@ -104,7 +104,7 @@ export declare const triggerProps: {
104
104
  * 弹出框内容的类名
105
105
  */
106
106
  contentClass: {
107
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
107
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
108
108
  };
109
109
  /**
110
110
  * 弹出框内容的样式
@@ -116,7 +116,7 @@ export declare const triggerProps: {
116
116
  * 弹出框箭头的类名
117
117
  */
118
118
  arrowClass: {
119
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
119
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
120
120
  };
121
121
  /**
122
122
  * 弹出框箭头的样式
@@ -199,7 +199,7 @@ export declare const triggerProps: {
199
199
  default: boolean;
200
200
  };
201
201
  openedClass: {
202
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
202
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
203
203
  };
204
204
  autoFitPosition: {
205
205
  type: BooleanConstructor;
@@ -57,13 +57,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  default: boolean;
58
58
  };
59
59
  contentClass: {
60
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
60
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
61
61
  };
62
62
  contentStyle: {
63
63
  type: import('vue').PropType<CSSProperties>;
64
64
  };
65
65
  arrowClass: {
66
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
66
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
67
67
  };
68
68
  arrowStyle: {
69
69
  type: import('vue').PropType<CSSProperties>;
@@ -113,7 +113,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
113
113
  default: boolean;
114
114
  };
115
115
  openedClass: {
116
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
116
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
117
117
  };
118
118
  autoFitPosition: {
119
119
  type: BooleanConstructor;
@@ -184,13 +184,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
184
184
  default: boolean;
185
185
  };
186
186
  contentClass: {
187
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
187
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
188
188
  };
189
189
  contentStyle: {
190
190
  type: import('vue').PropType<CSSProperties>;
191
191
  };
192
192
  arrowClass: {
193
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
193
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
194
194
  };
195
195
  arrowStyle: {
196
196
  type: import('vue').PropType<CSSProperties>;
@@ -240,7 +240,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
240
240
  default: boolean;
241
241
  };
242
242
  openedClass: {
243
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
243
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
244
244
  };
245
245
  autoFitPosition: {
246
246
  type: BooleanConstructor;
@@ -262,11 +262,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
262
262
  }>, {
263
263
  disabled: boolean;
264
264
  animationName: string;
265
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
265
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
266
266
  autoFitPosition: boolean;
267
267
  popupVisible: boolean;
268
268
  defaultPopupVisible: boolean;
269
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
269
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
270
270
  popupOffset: number;
271
271
  showArrow: boolean;
272
272
  alignPoint: boolean;
@@ -56,13 +56,13 @@ export declare const XTrigger: {
56
56
  default: boolean;
57
57
  };
58
58
  contentClass: {
59
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
59
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
60
60
  };
61
61
  contentStyle: {
62
62
  type: import('vue').PropType<import('vue').CSSProperties>;
63
63
  };
64
64
  arrowClass: {
65
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
65
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
66
66
  };
67
67
  arrowStyle: {
68
68
  type: import('vue').PropType<import('vue').CSSProperties>;
@@ -120,7 +120,7 @@ export declare const XTrigger: {
120
120
  default: boolean;
121
121
  };
122
122
  openedClass: {
123
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
123
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
124
124
  };
125
125
  autoFitPosition: {
126
126
  type: BooleanConstructor;
@@ -157,11 +157,11 @@ export declare const XTrigger: {
157
157
  }, import('vue').PublicProps, {
158
158
  disabled: boolean;
159
159
  animationName: string;
160
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
160
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
161
161
  autoFitPosition: boolean;
162
162
  popupVisible: boolean;
163
163
  defaultPopupVisible: boolean;
164
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
164
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
165
165
  popupOffset: number;
166
166
  showArrow: boolean;
167
167
  alignPoint: boolean;
@@ -247,13 +247,13 @@ export declare const XTrigger: {
247
247
  default: boolean;
248
248
  };
249
249
  contentClass: {
250
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
250
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
251
251
  };
252
252
  contentStyle: {
253
253
  type: import('vue').PropType<import('vue').CSSProperties>;
254
254
  };
255
255
  arrowClass: {
256
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
256
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
257
257
  };
258
258
  arrowStyle: {
259
259
  type: import('vue').PropType<import('vue').CSSProperties>;
@@ -311,7 +311,7 @@ export declare const XTrigger: {
311
311
  default: boolean;
312
312
  };
313
313
  openedClass: {
314
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
314
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
315
315
  };
316
316
  autoFitPosition: {
317
317
  type: BooleanConstructor;
@@ -342,11 +342,11 @@ export declare const XTrigger: {
342
342
  }>, () => any, {}, {}, {}, {
343
343
  disabled: boolean;
344
344
  animationName: string;
345
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
345
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
346
346
  autoFitPosition: boolean;
347
347
  popupVisible: boolean;
348
348
  defaultPopupVisible: boolean;
349
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
349
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
350
350
  popupOffset: number;
351
351
  showArrow: boolean;
352
352
  alignPoint: boolean;
@@ -429,13 +429,13 @@ export declare const XTrigger: {
429
429
  default: boolean;
430
430
  };
431
431
  contentClass: {
432
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
432
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
433
433
  };
434
434
  contentStyle: {
435
435
  type: import('vue').PropType<import('vue').CSSProperties>;
436
436
  };
437
437
  arrowClass: {
438
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
438
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
439
439
  };
440
440
  arrowStyle: {
441
441
  type: import('vue').PropType<import('vue').CSSProperties>;
@@ -493,7 +493,7 @@ export declare const XTrigger: {
493
493
  default: boolean;
494
494
  };
495
495
  openedClass: {
496
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
496
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
497
497
  };
498
498
  autoFitPosition: {
499
499
  type: BooleanConstructor;
@@ -530,11 +530,11 @@ export declare const XTrigger: {
530
530
  }, string, {
531
531
  disabled: boolean;
532
532
  animationName: string;
533
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
533
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
534
534
  autoFitPosition: boolean;
535
535
  popupVisible: boolean;
536
536
  defaultPopupVisible: boolean;
537
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
537
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
538
538
  popupOffset: number;
539
539
  showArrow: boolean;
540
540
  alignPoint: boolean;
@@ -121,7 +121,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
121
121
  * @en The class name of the popup content
122
122
  */
123
123
  contentClass: {
124
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
124
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
125
125
  };
126
126
  /**
127
127
  * @zh 弹出框内容的样式
@@ -135,7 +135,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
135
135
  * @en The class name of the popup arrow
136
136
  */
137
137
  arrowClass: {
138
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
138
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
139
139
  };
140
140
  /**
141
141
  * @zh 弹出框箭头的样式
@@ -241,7 +241,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
241
241
  default: boolean;
242
242
  };
243
243
  openedClass: {
244
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
244
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
245
245
  };
246
246
  /**
247
247
  * @zh 是否自动调整弹出框位置,以适应窗口大小
@@ -425,7 +425,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
425
425
  * @en The class name of the popup content
426
426
  */
427
427
  contentClass: {
428
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
428
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
429
429
  };
430
430
  /**
431
431
  * @zh 弹出框内容的样式
@@ -439,7 +439,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
439
439
  * @en The class name of the popup arrow
440
440
  */
441
441
  arrowClass: {
442
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
442
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
443
443
  };
444
444
  /**
445
445
  * @zh 弹出框箭头的样式
@@ -545,7 +545,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
545
545
  default: boolean;
546
546
  };
547
547
  openedClass: {
548
- type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
548
+ type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
549
549
  };
550
550
  /**
551
551
  * @zh 是否自动调整弹出框位置,以适应窗口大小
@@ -597,11 +597,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
597
597
  }>, {
598
598
  disabled: boolean;
599
599
  animationName: string;
600
- position: "br" | "rt" | "tr" | "top" | "tl" | "bottom" | "bl" | "left" | "lt" | "lb" | "right" | "rb";
600
+ position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
601
601
  autoFitPosition: boolean;
602
602
  popupVisible: boolean;
603
603
  defaultPopupVisible: boolean;
604
- trigger: "click" | "hover" | "focus" | "contextMenu" | ("click" | "hover" | "focus" | "contextMenu")[];
604
+ trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
605
605
  popupOffset: number;
606
606
  showArrow: boolean;
607
607
  alignPoint: boolean;
@@ -0,0 +1,18 @@
1
+ import { Ref } from 'vue';
2
+ export declare const useSize: ({ dataKeys, contentRef, fixedSize, estimatedSize, buffer, }: {
3
+ dataKeys: Ref<(string | number)[]>;
4
+ contentRef: Ref<HTMLElement | undefined>;
5
+ fixedSize: Ref<boolean>;
6
+ estimatedSize: Ref<number | undefined>;
7
+ buffer: Ref<number>;
8
+ }) => {
9
+ frontPadding: import('vue').ComputedRef<number>;
10
+ behindPadding: import('vue').ComputedRef<number>;
11
+ start: Ref<number, number>;
12
+ end: import('vue').ComputedRef<number>;
13
+ getStartByScroll: (scrollOffset: number) => number;
14
+ setItemSize: (key: string | number, size: number) => void;
15
+ hasItemSize: (key: string | number) => boolean;
16
+ setStart: (index: number) => void;
17
+ getScrollOffset: (index: number) => number;
18
+ };
@@ -0,0 +1,2 @@
1
+ import { default as VirtualList } from './virtual-list.vue';
2
+ export default VirtualList;
@@ -0,0 +1,63 @@
1
+ import { VNode } from 'vue';
2
+ export type VirtualItemKey = string | number;
3
+ export interface InternalDataItem {
4
+ key: VirtualItemKey;
5
+ index: number;
6
+ item: unknown;
7
+ }
8
+ export type ItemSlot = (props: {
9
+ item: unknown;
10
+ index: number;
11
+ }) => VNode[];
12
+ export interface ScrollIntoViewOptions {
13
+ index?: number;
14
+ key?: VirtualItemKey;
15
+ align: 'auto' | 'top' | 'bottom';
16
+ }
17
+ export interface VirtualListProps {
18
+ /**
19
+ * @zh 可视区域高度
20
+ * @en Viewable area height
21
+ */
22
+ height?: number | string;
23
+ /**
24
+ * @zh 开启虚拟滚动的元素数量阈值,当数据数量小于阈值时不会开启虚拟滚动。
25
+ * @en The threshold of the number of elements to enable virtual scrolling. When the number of data is less than the threshold, virtual scrolling will not be enabled.
26
+ */
27
+ threshold?: number;
28
+ /**
29
+ * @zh (已废除)元素高度是否是固定的。2.34.1 版本废除,请使用 `fixedSize`
30
+ * @en (Repealed) Is the element height fixed. Version 2.18.0 deprecated, please use `fixedSize`
31
+ */
32
+ isStaticItemHeight?: boolean;
33
+ /**
34
+ * @zh 元素高度是否是固定的。
35
+ * @en Is the element height fixed.
36
+ * @version 2.34.1
37
+ */
38
+ fixedSize?: boolean;
39
+ /**
40
+ * @zh 元素高度不固定时的预估高度。
41
+ * @en Is the element height fixed.
42
+ * @version 2.34.1
43
+ */
44
+ estimatedSize?: number;
45
+ /**
46
+ * @zh 视口边界外提前挂载的元素数量。
47
+ * @en The number of elements mounted in advance outside the boundary of the viewport.
48
+ * @defaultValue 10
49
+ * @version 2.34.1
50
+ */
51
+ buffer?: number;
52
+ data?: unknown[];
53
+ itemKey?: string | ((item: unknown) => VirtualItemKey);
54
+ component?: keyof HTMLElementTagNameMap;
55
+ }
56
+ export type ScrollOptions = number | {
57
+ index?: number;
58
+ key?: VirtualItemKey;
59
+ align?: 'auto' | 'top' | 'bottom';
60
+ };
61
+ export interface VirtualListRef {
62
+ scrollTo: (options: ScrollOptions) => void;
63
+ }
@@ -0,0 +1,22 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ hasItemSize: {
3
+ type: FunctionConstructor;
4
+ required: true;
5
+ };
6
+ setItemSize: {
7
+ type: FunctionConstructor;
8
+ required: true;
9
+ };
10
+ }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
11
+ [key: string]: any;
12
+ }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
13
+ hasItemSize: {
14
+ type: FunctionConstructor;
15
+ required: true;
16
+ };
17
+ setItemSize: {
18
+ type: FunctionConstructor;
19
+ required: true;
20
+ };
21
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
22
+ export default _default;
@@ -0,0 +1,154 @@
1
+ import { PropType } from 'vue';
2
+ import { ScrollOptions } from './interface';
3
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ height: {
5
+ type: (StringConstructor | NumberConstructor)[];
6
+ default: number;
7
+ };
8
+ data: {
9
+ type: PropType<Record<string, any>[]>;
10
+ default: () => never[];
11
+ };
12
+ threshold: {
13
+ type: NumberConstructor;
14
+ default: number;
15
+ };
16
+ itemKey: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ fixedSize: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ estimatedSize: {
25
+ type: NumberConstructor;
26
+ default: number;
27
+ };
28
+ buffer: {
29
+ type: NumberConstructor;
30
+ default: number;
31
+ };
32
+ component: {
33
+ type: (StringConstructor | ObjectConstructor)[];
34
+ default: string;
35
+ };
36
+ listAttrs: {
37
+ type: ObjectConstructor;
38
+ };
39
+ contentAttrs: {
40
+ type: ObjectConstructor;
41
+ };
42
+ paddingPosition: {
43
+ type: StringConstructor;
44
+ default: string;
45
+ };
46
+ }>, {
47
+ className: {
48
+ block: string;
49
+ element: (className: string) => string;
50
+ modifier: (className: string) => string;
51
+ is: (className: string) => string;
52
+ };
53
+ containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
54
+ contentRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
55
+ frontPadding: import('vue').ComputedRef<number>;
56
+ currentList: import('vue').ComputedRef<Record<string, any>[]>;
57
+ behindPadding: import('vue').ComputedRef<number>;
58
+ onScroll: (ev: Event) => void;
59
+ setItemSize: (key: string | number, size: number) => void;
60
+ hasItemSize: (key: string | number) => boolean;
61
+ start: import('vue').Ref<number, number>;
62
+ scrollTo: (options: ScrollOptions) => void;
63
+ style: import('vue').ComputedRef<{
64
+ height: string;
65
+ overflow: string;
66
+ }>;
67
+ mergedComponent: import('vue').ComputedRef<{
68
+ container: string;
69
+ list: string;
70
+ content: string;
71
+ }>;
72
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
73
+ scroll: (ev: Event) => true;
74
+ reachBottom: (ev: Event) => true;
75
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
76
+ height: {
77
+ type: (StringConstructor | NumberConstructor)[];
78
+ default: number;
79
+ };
80
+ data: {
81
+ type: PropType<Record<string, any>[]>;
82
+ default: () => never[];
83
+ };
84
+ threshold: {
85
+ type: NumberConstructor;
86
+ default: number;
87
+ };
88
+ itemKey: {
89
+ type: StringConstructor;
90
+ default: string;
91
+ };
92
+ fixedSize: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
96
+ estimatedSize: {
97
+ type: NumberConstructor;
98
+ default: number;
99
+ };
100
+ buffer: {
101
+ type: NumberConstructor;
102
+ default: number;
103
+ };
104
+ component: {
105
+ type: (StringConstructor | ObjectConstructor)[];
106
+ default: string;
107
+ };
108
+ listAttrs: {
109
+ type: ObjectConstructor;
110
+ };
111
+ contentAttrs: {
112
+ type: ObjectConstructor;
113
+ };
114
+ paddingPosition: {
115
+ type: StringConstructor;
116
+ default: string;
117
+ };
118
+ }>> & Readonly<{
119
+ onScroll?: ((ev: Event) => any) | undefined;
120
+ onReachBottom?: ((ev: Event) => any) | undefined;
121
+ }>, {
122
+ data: Record<string, any>[];
123
+ component: string | Record<string, any>;
124
+ height: string | number;
125
+ fixedSize: boolean;
126
+ estimatedSize: number;
127
+ buffer: number;
128
+ threshold: number;
129
+ itemKey: string;
130
+ paddingPosition: string;
131
+ }, {}, {
132
+ VirtualListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
133
+ hasItemSize: {
134
+ type: FunctionConstructor;
135
+ required: true;
136
+ };
137
+ setItemSize: {
138
+ type: FunctionConstructor;
139
+ required: true;
140
+ };
141
+ }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
142
+ [key: string]: any;
143
+ }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
144
+ hasItemSize: {
145
+ type: FunctionConstructor;
146
+ required: true;
147
+ };
148
+ setItemSize: {
149
+ type: FunctionConstructor;
150
+ required: true;
151
+ };
152
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
153
+ }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
154
+ export default _default;