x-next 0.0.0-alpha.60 → 0.0.0-alpha.61
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/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-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/image/Image.vue.d.ts +1 -1
- package/dist/components/image/ImagePreview.vue.d.ts +1 -1
- package/dist/components/image/ImagePreviewGroup.vue.d.ts +2 -2
- package/dist/components/image/index.d.ts +10 -10
- package/dist/components/index.d.ts +4 -0
- 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/tag/Tag.vue.d.ts +1 -1
- package/dist/components/tag/index.d.ts +3 -3
- package/dist/icons/default/check.d.ts +50 -0
- package/dist/icons/default/exclamation.d.ts +50 -0
- package/dist/index.es.js +5647 -3539
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types.d.ts +4 -0
- package/package.json +2 -1
- package/volar.d.ts +4 -0
package/README.md
CHANGED
@@ -27,51 +27,43 @@ app.mount('#app')
|
|
27
27
|
### 目前已完成的组件
|
28
28
|
|
29
29
|
```
|
30
|
-
XButton: (typeof import('x-next'))['Button']
|
31
|
-
XDialog: (typeof import('x-next'))['Dialog']
|
32
|
-
XMessage: (typeof import('x-next'))['Message']
|
33
|
-
XMessageBox: (typeof import('x-next'))['MessageBox']
|
34
|
-
XNotification: (typeof import('x-next'))['Notification']
|
35
|
-
XSpace: (typeof import('x-next'))['Space']
|
36
|
-
XPopconfirm: (typeof import('x-next'))['Popconfirm']
|
37
|
-
XTrendChart: (typeof import('x-next'))['TrendChart']
|
38
|
-
XTimeline: (typeof import('x-next'))['Timeline']
|
39
|
-
XTimelineItem: (typeof import('x-next'))['TimelineItem']
|
40
|
-
XPopup: (typeof import('x-next'))['Popup']
|
41
|
-
XScrollbar: (typeof import('x-next'))['Scrollbar']
|
42
|
-
XDrawer: (typeof import('x-next'))['Drawer']
|
43
|
-
XTag: (typeof import('x-next'))['Tag']
|
44
|
-
XTooltip: (typeof import('x-next'))['Tooltip']
|
45
|
-
XImage: (typeof import('x-next'))['Image']
|
46
|
-
XImagePreview: (typeof import('x-next'))['ImagePreview']
|
47
|
-
XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup']
|
48
|
-
XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction']
|
49
|
-
XTabPane: (typeof import('x-next'))['TabPane']
|
50
|
-
XTabs: (typeof import('x-next'))['Tabs']
|
51
|
-
XButtonGroup: (typeof import('x-next'))['ButtonGroup']
|
52
|
-
XDropdown: (typeof import('x-next'))['Dropdown']
|
53
|
-
XDropdownButton: (typeof import('x-next'))['DropdownButton']
|
54
|
-
XEmpty: (typeof import('x-next'))['Empty']
|
55
|
-
XDropdownOption: (typeof import('x-next'))['DropdownOption']
|
56
|
-
XDropdownGroup: (typeof import('x-next'))['DropdownGroup']
|
57
|
-
XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu']
|
58
|
-
XInput: (typeof import('x-next'))['Input']
|
59
|
-
XInputGroup: (typeof import('x-next'))['InputGroup']
|
60
|
-
XInputPassword: (typeof import('x-next'))['InputPassword']
|
61
|
-
XInputSearch: (typeof import('x-next'))['InputSearch']
|
62
|
-
XCol: (typeof import('x-next'))['Col']
|
63
|
-
XGrid: (typeof import('x-next'))['Grid']
|
64
|
-
XGridItem: (typeof import('x-next'))['GridItem']
|
65
|
-
XRow: (typeof import('x-next'))['Row']
|
66
|
-
XForm: (typeof import('x-next'))['Form']
|
67
|
-
XFormItem: (typeof import('x-next'))['FormItem']
|
68
|
-
XNetwork: (typeof import('x-next'))['Network']
|
69
|
-
XStep: (typeof import('x-next'))['Step']
|
70
|
-
XSteps: (typeof import('x-next'))['Steps']
|
71
|
-
XCheckbox: (typeof import('x-next'))['Checkbox']
|
72
|
-
XCheckboxGroup: (typeof import('x-next'))['CheckboxGroup']
|
73
|
-
XSwitch: (typeof import('x-next'))['Switch']
|
74
|
-
XRadio: (typeof import('x-next'))['Radio']
|
75
|
-
XRadioGroup: (typeof import('x-next'))['RadioGroup']
|
76
|
-
XSpin: (typeof import('x-next'))['Spin']
|
30
|
+
XButton: (typeof import('x-next'))['Button'];
|
31
|
+
XDialog: (typeof import('x-next'))['Dialog'];
|
32
|
+
XMessage: (typeof import('x-next'))['Message'];
|
33
|
+
XMessageBox: (typeof import('x-next'))['MessageBox'];
|
34
|
+
XNotification: (typeof import('x-next'))['Notification'];
|
35
|
+
XSpace: (typeof import('x-next'))['Space'];
|
36
|
+
XPopconfirm: (typeof import('x-next'))['Popconfirm'];
|
37
|
+
XTrendChart: (typeof import('x-next'))['TrendChart'];
|
38
|
+
XTimeline: (typeof import('x-next'))['Timeline'];
|
39
|
+
XTimelineItem: (typeof import('x-next'))['TimelineItem'];
|
40
|
+
XPopup: (typeof import('x-next'))['Popup'];
|
41
|
+
XScrollbar: (typeof import('x-next'))['Scrollbar'];
|
42
|
+
XDrawer: (typeof import('x-next'))['Drawer'];
|
43
|
+
XTag: (typeof import('x-next'))['Tag'];
|
44
|
+
XTooltip: (typeof import('x-next'))['Tooltip'];
|
45
|
+
XImage: (typeof import('x-next'))['Image'];
|
46
|
+
XImagePreview: (typeof import('x-next'))['ImagePreview'];
|
47
|
+
XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
|
48
|
+
XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
|
49
|
+
XTabPane: (typeof import('x-next'))['TabPane'];
|
50
|
+
XTabs: (typeof import('x-next'))['Tabs'];
|
51
|
+
XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
|
52
|
+
XDropdown: (typeof import('x-next'))['Dropdown'];
|
53
|
+
XDropdownButton: (typeof import('x-next'))['DropdownButton'];
|
54
|
+
XEmpty: (typeof import('x-next'))['Empty'];
|
55
|
+
XDropdownOption: (typeof import('x-next'))['DropdownOption'];
|
56
|
+
XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
|
57
|
+
XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
|
58
|
+
XInput: (typeof import('x-next'))['Input'];
|
59
|
+
XInputGroup: (typeof import('x-next'))['InputGroup'];
|
60
|
+
XInputPassword: (typeof import('x-next'))['InputPassword'];
|
61
|
+
XInputSearch: (typeof import('x-next'))['InputSearch'];
|
62
|
+
XCol: (typeof import('x-next'))['Col'];
|
63
|
+
XGrid: (typeof import('x-next'))['Grid'];
|
64
|
+
XGridItem: (typeof import('x-next'))['GridItem'];
|
65
|
+
XRow: (typeof import('x-next'))['Row'];
|
66
|
+
XForm: (typeof import('x-next'))['Form'];
|
67
|
+
XFormItem: (typeof import('x-next'))['FormItem'];
|
68
|
+
XNetwork: (typeof import('x-next'))['Network'];
|
77
69
|
```
|
@@ -0,0 +1,351 @@
|
|
1
|
+
import { PropType } from 'vue';
|
2
|
+
import { Size } from '../../_utils/constant';
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
4
|
+
/**
|
5
|
+
* @zh 绑定值
|
6
|
+
* @en Value
|
7
|
+
*/
|
8
|
+
modelValue: NumberConstructor;
|
9
|
+
/**
|
10
|
+
* @zh 默认值(非受控模式)
|
11
|
+
* @en Default value (uncontrolled mode)
|
12
|
+
*/
|
13
|
+
defaultValue: NumberConstructor;
|
14
|
+
/**
|
15
|
+
* @zh 模式(`embed`:按钮内嵌模式,`button`:左右按钮模式)
|
16
|
+
* @en Mode (`embed`: button embedded mode, `button`: left and right button mode)
|
17
|
+
* @values 'embed', 'button'
|
18
|
+
*/
|
19
|
+
mode: {
|
20
|
+
type: PropType<"embed" | "button">;
|
21
|
+
default: string;
|
22
|
+
};
|
23
|
+
/**
|
24
|
+
* @zh 数字精度
|
25
|
+
* @en Precision
|
26
|
+
*/
|
27
|
+
precision: NumberConstructor;
|
28
|
+
/**
|
29
|
+
* @zh 数字变化步长
|
30
|
+
* @en Number change step
|
31
|
+
*/
|
32
|
+
step: {
|
33
|
+
type: NumberConstructor;
|
34
|
+
default: number;
|
35
|
+
};
|
36
|
+
/**
|
37
|
+
* @zh 是否禁用
|
38
|
+
* @en Whether to disable
|
39
|
+
*/
|
40
|
+
disabled: {
|
41
|
+
type: BooleanConstructor;
|
42
|
+
default: boolean;
|
43
|
+
};
|
44
|
+
/**
|
45
|
+
* @zh 是否为错误状态
|
46
|
+
* @en Whether it is an error state
|
47
|
+
*/
|
48
|
+
error: {
|
49
|
+
type: BooleanConstructor;
|
50
|
+
default: boolean;
|
51
|
+
};
|
52
|
+
/**
|
53
|
+
* @zh 最大值
|
54
|
+
* @en Max
|
55
|
+
*/
|
56
|
+
max: {
|
57
|
+
type: NumberConstructor;
|
58
|
+
default: number;
|
59
|
+
};
|
60
|
+
/**
|
61
|
+
* @zh 最小值
|
62
|
+
* @en Min
|
63
|
+
*/
|
64
|
+
min: {
|
65
|
+
type: NumberConstructor;
|
66
|
+
default: number;
|
67
|
+
};
|
68
|
+
/**
|
69
|
+
* @zh 定义输入框展示值
|
70
|
+
* @en Define the display value of the input
|
71
|
+
*/
|
72
|
+
formatter: {
|
73
|
+
type: FunctionConstructor;
|
74
|
+
};
|
75
|
+
/**
|
76
|
+
* @zh 从 `formatter` 转换为数字,和 `formatter` 搭配使用
|
77
|
+
* @en Convert from `formatter` to number, and use with `formatter`
|
78
|
+
*/
|
79
|
+
parser: {
|
80
|
+
type: FunctionConstructor;
|
81
|
+
};
|
82
|
+
/**
|
83
|
+
* @zh 输入框提示文字
|
84
|
+
* @en Input prompt text
|
85
|
+
*/
|
86
|
+
placeholder: StringConstructor;
|
87
|
+
/**
|
88
|
+
* @zh 是否隐藏按钮
|
89
|
+
* @en Whether to hide the button
|
90
|
+
*/
|
91
|
+
hideButton: {
|
92
|
+
type: BooleanConstructor;
|
93
|
+
default: boolean;
|
94
|
+
};
|
95
|
+
/**
|
96
|
+
* @zh 输入框大小
|
97
|
+
* @en Input size
|
98
|
+
* @values 'mini','small','medium','large'
|
99
|
+
* @defaultValue 'medium'
|
100
|
+
*/
|
101
|
+
size: {
|
102
|
+
type: PropType<Size>;
|
103
|
+
};
|
104
|
+
/**
|
105
|
+
* @zh 是否允许清空输入框
|
106
|
+
* @en Whether to allow the input to be cleared
|
107
|
+
*/
|
108
|
+
allowClear: {
|
109
|
+
type: BooleanConstructor;
|
110
|
+
default: boolean;
|
111
|
+
};
|
112
|
+
/**
|
113
|
+
* @zh 触发 `v-model` 的事件
|
114
|
+
* @en Trigger event for `v-model`
|
115
|
+
*/
|
116
|
+
modelEvent: {
|
117
|
+
type: PropType<"change" | "input">;
|
118
|
+
default: string;
|
119
|
+
};
|
120
|
+
/**
|
121
|
+
* @zh 只读
|
122
|
+
* @en Readonly
|
123
|
+
* @version 2.33.1
|
124
|
+
*/
|
125
|
+
readOnly: {
|
126
|
+
type: BooleanConstructor;
|
127
|
+
default: boolean;
|
128
|
+
};
|
129
|
+
/**
|
130
|
+
* @zh 内部 input 元素的属性
|
131
|
+
* @en Attributes of inner input elements
|
132
|
+
* @version 2.52.0
|
133
|
+
*/
|
134
|
+
inputAttrs: {
|
135
|
+
type: ObjectConstructor;
|
136
|
+
};
|
137
|
+
}>, {
|
138
|
+
inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
|
139
|
+
render: () => any;
|
140
|
+
}, {}, {}, {
|
141
|
+
/**
|
142
|
+
* @zh 使输入框获取焦点
|
143
|
+
* @en Make the input box focus
|
144
|
+
* @public
|
145
|
+
*/
|
146
|
+
focus(): void;
|
147
|
+
/**
|
148
|
+
* @zh 使输入框失去焦点
|
149
|
+
* @en Make the input box lose focus
|
150
|
+
* @public
|
151
|
+
*/
|
152
|
+
blur(): void;
|
153
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
154
|
+
'update:modelValue': (value: number | undefined) => true;
|
155
|
+
/**
|
156
|
+
* @zh 值发生改变时触发
|
157
|
+
* @en Triggered when the value changes
|
158
|
+
* @param { number | undefined } value
|
159
|
+
* @param {Event} ev
|
160
|
+
*/
|
161
|
+
change: (value: number | undefined, ev: Event) => true;
|
162
|
+
/**
|
163
|
+
* @zh 输入框获取焦点时触发
|
164
|
+
* @en Triggered when the input gets focus
|
165
|
+
* @param {FocusEvent} ev
|
166
|
+
*/
|
167
|
+
focus: (ev: FocusEvent) => true;
|
168
|
+
/**
|
169
|
+
* @zh 输入框失去焦点时触发
|
170
|
+
* @en Triggered when the input box loses focus
|
171
|
+
* @param {FocusEvent} ev
|
172
|
+
*/
|
173
|
+
blur: (ev: FocusEvent) => true;
|
174
|
+
/**
|
175
|
+
* @zh 用户点击清除按钮时触发
|
176
|
+
* @en Triggered when the user clicks the clear button
|
177
|
+
* @param {Event} ev
|
178
|
+
* @version 2.23.0
|
179
|
+
*/
|
180
|
+
clear: (ev: Event) => true;
|
181
|
+
/**
|
182
|
+
* @zh 输入时触发
|
183
|
+
* @en Triggered on input
|
184
|
+
* @param { number | undefined } value
|
185
|
+
* @param {string} inputValue
|
186
|
+
* @param {Event} ev
|
187
|
+
* @version 2.27.0
|
188
|
+
*/
|
189
|
+
input: (value: number | undefined, inputValue: string, ev: Event) => true;
|
190
|
+
/**
|
191
|
+
* @zh 按下键盘时触发
|
192
|
+
* @en Triggered on keydown
|
193
|
+
* @param {MouseEvent} ev
|
194
|
+
* @version 2.56.0
|
195
|
+
*/
|
196
|
+
keydown: (ev: KeyboardEvent) => true;
|
197
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
198
|
+
/**
|
199
|
+
* @zh 绑定值
|
200
|
+
* @en Value
|
201
|
+
*/
|
202
|
+
modelValue: NumberConstructor;
|
203
|
+
/**
|
204
|
+
* @zh 默认值(非受控模式)
|
205
|
+
* @en Default value (uncontrolled mode)
|
206
|
+
*/
|
207
|
+
defaultValue: NumberConstructor;
|
208
|
+
/**
|
209
|
+
* @zh 模式(`embed`:按钮内嵌模式,`button`:左右按钮模式)
|
210
|
+
* @en Mode (`embed`: button embedded mode, `button`: left and right button mode)
|
211
|
+
* @values 'embed', 'button'
|
212
|
+
*/
|
213
|
+
mode: {
|
214
|
+
type: PropType<"embed" | "button">;
|
215
|
+
default: string;
|
216
|
+
};
|
217
|
+
/**
|
218
|
+
* @zh 数字精度
|
219
|
+
* @en Precision
|
220
|
+
*/
|
221
|
+
precision: NumberConstructor;
|
222
|
+
/**
|
223
|
+
* @zh 数字变化步长
|
224
|
+
* @en Number change step
|
225
|
+
*/
|
226
|
+
step: {
|
227
|
+
type: NumberConstructor;
|
228
|
+
default: number;
|
229
|
+
};
|
230
|
+
/**
|
231
|
+
* @zh 是否禁用
|
232
|
+
* @en Whether to disable
|
233
|
+
*/
|
234
|
+
disabled: {
|
235
|
+
type: BooleanConstructor;
|
236
|
+
default: boolean;
|
237
|
+
};
|
238
|
+
/**
|
239
|
+
* @zh 是否为错误状态
|
240
|
+
* @en Whether it is an error state
|
241
|
+
*/
|
242
|
+
error: {
|
243
|
+
type: BooleanConstructor;
|
244
|
+
default: boolean;
|
245
|
+
};
|
246
|
+
/**
|
247
|
+
* @zh 最大值
|
248
|
+
* @en Max
|
249
|
+
*/
|
250
|
+
max: {
|
251
|
+
type: NumberConstructor;
|
252
|
+
default: number;
|
253
|
+
};
|
254
|
+
/**
|
255
|
+
* @zh 最小值
|
256
|
+
* @en Min
|
257
|
+
*/
|
258
|
+
min: {
|
259
|
+
type: NumberConstructor;
|
260
|
+
default: number;
|
261
|
+
};
|
262
|
+
/**
|
263
|
+
* @zh 定义输入框展示值
|
264
|
+
* @en Define the display value of the input
|
265
|
+
*/
|
266
|
+
formatter: {
|
267
|
+
type: FunctionConstructor;
|
268
|
+
};
|
269
|
+
/**
|
270
|
+
* @zh 从 `formatter` 转换为数字,和 `formatter` 搭配使用
|
271
|
+
* @en Convert from `formatter` to number, and use with `formatter`
|
272
|
+
*/
|
273
|
+
parser: {
|
274
|
+
type: FunctionConstructor;
|
275
|
+
};
|
276
|
+
/**
|
277
|
+
* @zh 输入框提示文字
|
278
|
+
* @en Input prompt text
|
279
|
+
*/
|
280
|
+
placeholder: StringConstructor;
|
281
|
+
/**
|
282
|
+
* @zh 是否隐藏按钮
|
283
|
+
* @en Whether to hide the button
|
284
|
+
*/
|
285
|
+
hideButton: {
|
286
|
+
type: BooleanConstructor;
|
287
|
+
default: boolean;
|
288
|
+
};
|
289
|
+
/**
|
290
|
+
* @zh 输入框大小
|
291
|
+
* @en Input size
|
292
|
+
* @values 'mini','small','medium','large'
|
293
|
+
* @defaultValue 'medium'
|
294
|
+
*/
|
295
|
+
size: {
|
296
|
+
type: PropType<Size>;
|
297
|
+
};
|
298
|
+
/**
|
299
|
+
* @zh 是否允许清空输入框
|
300
|
+
* @en Whether to allow the input to be cleared
|
301
|
+
*/
|
302
|
+
allowClear: {
|
303
|
+
type: BooleanConstructor;
|
304
|
+
default: boolean;
|
305
|
+
};
|
306
|
+
/**
|
307
|
+
* @zh 触发 `v-model` 的事件
|
308
|
+
* @en Trigger event for `v-model`
|
309
|
+
*/
|
310
|
+
modelEvent: {
|
311
|
+
type: PropType<"change" | "input">;
|
312
|
+
default: string;
|
313
|
+
};
|
314
|
+
/**
|
315
|
+
* @zh 只读
|
316
|
+
* @en Readonly
|
317
|
+
* @version 2.33.1
|
318
|
+
*/
|
319
|
+
readOnly: {
|
320
|
+
type: BooleanConstructor;
|
321
|
+
default: boolean;
|
322
|
+
};
|
323
|
+
/**
|
324
|
+
* @zh 内部 input 元素的属性
|
325
|
+
* @en Attributes of inner input elements
|
326
|
+
* @version 2.52.0
|
327
|
+
*/
|
328
|
+
inputAttrs: {
|
329
|
+
type: ObjectConstructor;
|
330
|
+
};
|
331
|
+
}>> & Readonly<{
|
332
|
+
onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
|
333
|
+
onClear?: ((ev: Event) => any) | undefined;
|
334
|
+
onFocus?: ((ev: FocusEvent) => any) | undefined;
|
335
|
+
onBlur?: ((ev: FocusEvent) => any) | undefined;
|
336
|
+
onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
|
337
|
+
onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
|
338
|
+
"onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
|
339
|
+
}>, {
|
340
|
+
mode: "button" | "embed";
|
341
|
+
disabled: boolean;
|
342
|
+
error: boolean;
|
343
|
+
max: number;
|
344
|
+
min: number;
|
345
|
+
allowClear: boolean;
|
346
|
+
step: number;
|
347
|
+
hideButton: boolean;
|
348
|
+
modelEvent: "input" | "change";
|
349
|
+
readOnly: boolean;
|
350
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
351
|
+
export default _default;
|