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.
- package/README.md +39 -47
- package/dist/_hooks/_types.d.ts +1 -0
- package/dist/_hooks/use-component-ref.d.ts +5 -0
- package/dist/_hooks/use-input.d.ts +24 -0
- package/dist/_hooks/use-scrollbar.d.ts +6 -0
- package/dist/_utils/debounce.d.ts +1 -0
- package/dist/_utils/dom.d.ts +13 -0
- package/dist/components/_components/input-label/input-label.d.ts +56 -0
- package/dist/components/_components/select-view/interface.d.ts +6 -0
- package/dist/components/_components/select-view/select-view.d.ts +148 -0
- package/dist/components/alert/Alert.vue.d.ts +413 -0
- package/dist/components/alert/index.d.ts +716 -0
- package/dist/components/button/Button.d.ts +2 -2
- package/dist/components/button/index.d.ts +6 -6
- package/dist/components/dialog/Dialog.d.ts +12 -12
- package/dist/components/dialog/index.d.ts +21 -21
- package/dist/components/dialog/props.d.ts +5 -5
- package/dist/components/drawer/index.d.ts +27 -27
- package/dist/components/drawer/src/Drawer.vue.d.ts +14 -14
- package/dist/components/drawer/src/props.d.ts +2 -2
- package/dist/components/dropdown/Dropdown.vue.d.ts +19 -19
- package/dist/components/dropdown/DropdownButton.vue.d.ts +30 -30
- package/dist/components/dropdown/DropdownOption.vue.d.ts +2 -2
- package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +26 -26
- package/dist/components/dropdown/dropdown-panel.vue.d.ts +3 -3
- package/dist/components/dropdown/index.d.ts +164 -164
- package/dist/components/form/FormItem.vue.d.ts +43 -43
- package/dist/components/form/form-item-label.vue.d.ts +35 -35
- package/dist/components/form/index.d.ts +85 -85
- package/dist/components/form-checkbox/Checkbox.d.ts +2 -2
- package/dist/components/form-checkbox/index.d.ts +3 -3
- package/dist/components/form-input/Input.d.ts +3 -3
- package/dist/components/form-input/InputPassword.vue.d.ts +7 -7
- package/dist/components/form-input/index.d.ts +23 -23
- package/dist/components/form-input-number/InputNumber.d.ts +351 -0
- package/dist/components/form-input-number/index.d.ts +278 -0
- package/dist/components/form-input-tag/InputTag.d.ts +363 -0
- package/dist/components/form-input-tag/index.d.ts +321 -0
- package/dist/components/form-input-tag/interface.d.ts +32 -0
- package/dist/components/form-input-tag/style/index.d.ts +0 -0
- package/dist/components/form-input-tag/utils.d.ts +2 -0
- package/dist/components/form-select/Select.d.ts +1395 -0
- package/dist/components/form-select/SelectDropdown.vue.d.ts +531 -0
- package/dist/components/form-select/SelectOption.vue.d.ts +213 -0
- package/dist/components/form-select/SelectOptionGroup.vue.d.ts +25 -0
- package/dist/components/form-select/context.d.ts +17 -0
- package/dist/components/form-select/hooks/use-options.d.ts +30 -0
- package/dist/components/form-select/hooks/use-select.d.ts +47 -0
- package/dist/components/form-select/index.d.ts +3425 -0
- package/dist/components/form-select/interface.d.ts +115 -0
- package/dist/components/form-select/utils.d.ts +27 -0
- package/dist/components/form-slider/Slider.vue.d.ts +2153 -0
- package/dist/components/form-slider/index.d.ts +4098 -0
- package/dist/components/form-slider/slider-button.vue.d.ts +1397 -0
- package/dist/components/form-slider/slider-dots.vue.d.ts +62 -0
- package/dist/components/form-slider/slider-input.vue.d.ts +334 -0
- package/dist/components/form-slider/slider-marks.vue.d.ts +54 -0
- package/dist/components/form-slider/slider-ticks.vue.d.ts +60 -0
- package/dist/components/form-slider/utils.d.ts +4 -0
- package/dist/components/form-switch/Switch.vue.d.ts +8 -8
- package/dist/components/form-switch/index.d.ts +13 -13
- package/dist/components/image/Image.vue.d.ts +48 -48
- package/dist/components/image/ImagePreview.vue.d.ts +42 -42
- package/dist/components/image/ImagePreviewAction.d.ts +33 -33
- package/dist/components/image/ImagePreviewGroup.vue.d.ts +43 -43
- package/dist/components/image/index.d.ts +333 -333
- package/dist/components/image/preview-arrow.vue.d.ts +4 -4
- package/dist/components/image/preview-toolbar.vue.d.ts +33 -33
- package/dist/components/index.d.ts +7 -0
- package/dist/components/message/Message.d.ts +3 -3
- package/dist/components/message/index.d.ts +9 -9
- package/dist/components/message/message.vue.d.ts +13 -13
- package/dist/components/notification/Notification.d.ts +3 -3
- package/dist/components/notification/index.d.ts +9 -9
- package/dist/components/popconfirm/index.d.ts +9 -9
- package/dist/components/popconfirm/src/Popconfirm.d.ts +5 -5
- package/dist/components/popconfirm/src/popup.vue.d.ts +11 -11
- package/dist/components/popconfirm/src/props.d.ts +2 -2
- package/dist/components/popup/Popup.d.ts +12 -12
- package/dist/components/popup/index.d.ts +21 -21
- package/dist/components/popup/props.d.ts +5 -5
- package/dist/components/progress/Progress.vue.d.ts +661 -0
- package/dist/components/progress/circle.vue.d.ts +196 -0
- package/dist/components/progress/index.d.ts +1104 -0
- package/dist/components/progress/line.vue.d.ts +155 -0
- package/dist/components/progress/steps.vue.d.ts +124 -0
- package/dist/components/scrollbar-v2/Scrollbar.vue.d.ts +2 -2
- package/dist/components/scrollbar-v2/index.d.ts +3 -3
- package/dist/components/skeleton/Skeleton.vue.d.ts +43 -0
- package/dist/components/skeleton/SkeletonLine.vue.d.ts +82 -0
- package/dist/components/skeleton/SkeletonShape.vue.d.ts +46 -0
- package/dist/components/skeleton/index.d.ts +226 -0
- package/dist/components/spin/Spin.d.ts +17 -0
- package/dist/components/spin/index.d.ts +15 -0
- package/dist/components/steps/Step.vue.d.ts +4 -4
- package/dist/components/steps/index.d.ts +8 -8
- package/dist/components/tabs/Tabs.d.ts +6 -6
- package/dist/components/tabs/index.d.ts +12 -12
- package/dist/components/tabs/tabs-nav.d.ts +2 -2
- package/dist/components/tabs/tabs-tab.vue.d.ts +2 -2
- package/dist/components/tag/Tag.vue.d.ts +7 -7
- package/dist/components/tag/index.d.ts +17 -17
- package/dist/components/tooltip/Tooltip.vue.d.ts +16 -16
- package/dist/components/tooltip/index.d.ts +33 -33
- package/dist/components/trend-chart/components/TrendChart.d.ts +1 -1
- package/dist/components/trend-chart/index.d.ts +3 -3
- package/dist/components/trigger/index.d.ts +15 -15
- package/dist/components/trigger/src/_trigger.d.ts +3 -3
- package/dist/components/trigger/src/trigger.d.ts +8 -8
- package/dist/components/trigger-v2/index.d.ts +15 -15
- package/dist/components/trigger-v2/trigger.d.ts +8 -8
- package/dist/components/virtual-list-v2/hooks/use-size.d.ts +18 -0
- package/dist/components/virtual-list-v2/index.d.ts +2 -0
- package/dist/components/virtual-list-v2/interface.d.ts +63 -0
- package/dist/components/virtual-list-v2/virtual-list-item.d.ts +22 -0
- package/dist/components/virtual-list-v2/virtual-list.vue.d.ts +154 -0
- package/dist/icons/_self/down.d.ts +2 -2
- package/dist/icons/_self/empty-better.d.ts +2 -2
- package/dist/icons/_self/empty.d.ts +2 -2
- package/dist/icons/_self/eye-invisible.d.ts +2 -2
- package/dist/icons/_self/eye.d.ts +2 -2
- package/dist/icons/_self/full-screen.d.ts +2 -2
- package/dist/icons/_self/left.d.ts +2 -2
- package/dist/icons/_self/more-dot.d.ts +2 -2
- package/dist/icons/_self/next.d.ts +2 -2
- package/dist/icons/_self/original-size.d.ts +2 -2
- package/dist/icons/_self/plus.d.ts +2 -2
- package/dist/icons/_self/prev.d.ts +2 -2
- package/dist/icons/_self/question-message.d.ts +2 -2
- package/dist/icons/_self/right.d.ts +2 -2
- package/dist/icons/_self/rotate-left.d.ts +2 -2
- package/dist/icons/_self/rotate-right.d.ts +2 -2
- package/dist/icons/_self/search.d.ts +2 -2
- package/dist/icons/_self/up.d.ts +2 -2
- package/dist/icons/_self/zoom-in.d.ts +2 -2
- package/dist/icons/_self/zoom-out.d.ts +2 -2
- package/dist/icons/animation/animation-loading.d.ts +2 -2
- package/dist/icons/default/check-circle-fill.d.ts +2 -2
- package/dist/icons/default/check.d.ts +50 -0
- package/dist/icons/default/close-circle-fill.d.ts +2 -2
- package/dist/icons/default/close.d.ts +2 -2
- package/dist/icons/default/exclamation-circle-fill.d.ts +2 -2
- package/dist/icons/default/exclamation.d.ts +50 -0
- package/dist/icons/default/info-circle-fill.d.ts +2 -2
- package/dist/icons/default/left.d.ts +2 -2
- package/dist/icons/default/logo-simple.d.ts +2 -2
- package/dist/icons/default/minus-circle-fill.d.ts +2 -2
- package/dist/icons/default/right.d.ts +2 -2
- package/dist/icons/icon.d.ts +2 -2
- package/dist/index.es.js +9001 -4524
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types.d.ts +12 -0
- package/package.json +2 -1
- package/volar.d.ts +12 -0
- /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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: (
|
60
|
+
type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
61
61
|
};
|
62
62
|
contentStyle: {
|
63
63
|
type: import('vue').PropType<CSSProperties>;
|
64
64
|
};
|
65
65
|
arrowClass: {
|
66
|
-
type: (
|
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: (
|
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: (
|
187
|
+
type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
188
188
|
};
|
189
189
|
contentStyle: {
|
190
190
|
type: import('vue').PropType<CSSProperties>;
|
191
191
|
};
|
192
192
|
arrowClass: {
|
193
|
-
type: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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: (
|
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: (
|
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: (
|
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: (
|
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: (
|
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: (
|
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: "
|
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: "
|
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,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;
|