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.
Files changed (36) hide show
  1. package/README.md +39 -47
  2. package/dist/components/form-input-number/InputNumber.d.ts +351 -0
  3. package/dist/components/form-input-number/index.d.ts +278 -0
  4. package/dist/components/form-input-tag/InputTag.d.ts +363 -0
  5. package/dist/components/form-input-tag/index.d.ts +321 -0
  6. package/dist/components/form-input-tag/interface.d.ts +32 -0
  7. package/dist/components/form-input-tag/style/index.d.ts +0 -0
  8. package/dist/components/form-input-tag/utils.d.ts +2 -0
  9. package/dist/components/form-slider/Slider.vue.d.ts +2153 -0
  10. package/dist/components/form-slider/index.d.ts +4098 -0
  11. package/dist/components/form-slider/slider-button.vue.d.ts +1397 -0
  12. package/dist/components/form-slider/slider-dots.vue.d.ts +62 -0
  13. package/dist/components/form-slider/slider-input.vue.d.ts +334 -0
  14. package/dist/components/form-slider/slider-marks.vue.d.ts +54 -0
  15. package/dist/components/form-slider/slider-ticks.vue.d.ts +60 -0
  16. package/dist/components/form-slider/utils.d.ts +4 -0
  17. package/dist/components/image/Image.vue.d.ts +1 -1
  18. package/dist/components/image/ImagePreview.vue.d.ts +1 -1
  19. package/dist/components/image/ImagePreviewGroup.vue.d.ts +2 -2
  20. package/dist/components/image/index.d.ts +10 -10
  21. package/dist/components/index.d.ts +4 -0
  22. package/dist/components/progress/Progress.vue.d.ts +661 -0
  23. package/dist/components/progress/circle.vue.d.ts +196 -0
  24. package/dist/components/progress/index.d.ts +1104 -0
  25. package/dist/components/progress/line.vue.d.ts +155 -0
  26. package/dist/components/progress/steps.vue.d.ts +124 -0
  27. package/dist/components/tag/Tag.vue.d.ts +1 -1
  28. package/dist/components/tag/index.d.ts +3 -3
  29. package/dist/icons/default/check.d.ts +50 -0
  30. package/dist/icons/default/exclamation.d.ts +50 -0
  31. package/dist/index.es.js +5647 -3539
  32. package/dist/index.umd.js +1 -1
  33. package/dist/style.css +1 -1
  34. package/dist/types.d.ts +4 -0
  35. package/package.json +2 -1
  36. 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;