x-next 0.0.0-alpha.43 → 0.0.0-alpha.45
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/dist/components/_components/icon-hover.vue.d.ts +38 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/tag/Tag.vue.d.ts +375 -0
- package/dist/components/tag/index.d.ts +519 -0
- package/dist/components/tag/interface.d.ts +49 -0
- package/dist/index.es.js +1442 -1180
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types.d.ts +1 -0
- package/package.json +1 -1
- package/volar.d.ts +1 -0
@@ -0,0 +1,38 @@
|
|
1
|
+
import { PropType } from 'vue';
|
2
|
+
type Size = 'mini' | 'small' | 'medium' | 'large' | 'huge';
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
4
|
+
prefix: {
|
5
|
+
type: StringConstructor;
|
6
|
+
};
|
7
|
+
size: {
|
8
|
+
type: PropType<Size>;
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
disabled: {
|
12
|
+
type: BooleanConstructor;
|
13
|
+
default: boolean;
|
14
|
+
};
|
15
|
+
}>, {
|
16
|
+
className: {
|
17
|
+
block: string;
|
18
|
+
element: (className: string) => string;
|
19
|
+
modifier: (className: string) => string;
|
20
|
+
is: (className: string) => string;
|
21
|
+
};
|
22
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
23
|
+
prefix: {
|
24
|
+
type: StringConstructor;
|
25
|
+
};
|
26
|
+
size: {
|
27
|
+
type: PropType<Size>;
|
28
|
+
default: string;
|
29
|
+
};
|
30
|
+
disabled: {
|
31
|
+
type: BooleanConstructor;
|
32
|
+
default: boolean;
|
33
|
+
};
|
34
|
+
}>> & Readonly<{}>, {
|
35
|
+
size: Size;
|
36
|
+
disabled: boolean;
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
38
|
+
export default _default;
|
@@ -0,0 +1,375 @@
|
|
1
|
+
import { CSSProperties, PropType } from 'vue';
|
2
|
+
import { TagColor } from './interface';
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
4
|
+
/**
|
5
|
+
* @zh 标签的颜色
|
6
|
+
* @en Label color
|
7
|
+
* @values 'red','orangered','orange','gold','lime','green','cyan','blue','arcoblue','purple','pinkpurple','magenta','gray'
|
8
|
+
*/
|
9
|
+
color: {
|
10
|
+
type: PropType<TagColor | string>;
|
11
|
+
};
|
12
|
+
/**
|
13
|
+
* @zh 标签的大小
|
14
|
+
* @en Label size
|
15
|
+
* @values 'small','medium','large'
|
16
|
+
* @defaultValue 'medium'
|
17
|
+
*/
|
18
|
+
size: {
|
19
|
+
type: PropType<"small" | "medium" | "large">;
|
20
|
+
default: string;
|
21
|
+
};
|
22
|
+
/**
|
23
|
+
* @zh 是否显示边框
|
24
|
+
* @en Whether the tag is bordered
|
25
|
+
* @version 2.33.0
|
26
|
+
*/
|
27
|
+
bordered: {
|
28
|
+
type: BooleanConstructor;
|
29
|
+
default: boolean;
|
30
|
+
};
|
31
|
+
/**
|
32
|
+
* @zh 标签是否可见
|
33
|
+
* @en Whether the tag is visible
|
34
|
+
* @vModel
|
35
|
+
*/
|
36
|
+
visible: {
|
37
|
+
type: BooleanConstructor;
|
38
|
+
default: undefined;
|
39
|
+
};
|
40
|
+
/**
|
41
|
+
* @zh 标签默认是否可见
|
42
|
+
* @en Whether the tag is visible by default
|
43
|
+
*/
|
44
|
+
defaultVisible: {
|
45
|
+
type: BooleanConstructor;
|
46
|
+
default: boolean;
|
47
|
+
};
|
48
|
+
/**
|
49
|
+
* @zh 标签是否为加载中状态
|
50
|
+
* @en Whether the tag is loading state
|
51
|
+
*/
|
52
|
+
loading: {
|
53
|
+
type: BooleanConstructor;
|
54
|
+
default: boolean;
|
55
|
+
};
|
56
|
+
/**
|
57
|
+
* @zh 标签是否可关闭
|
58
|
+
* @en Whether the tag can be closed
|
59
|
+
*/
|
60
|
+
closable: {
|
61
|
+
type: BooleanConstructor;
|
62
|
+
default: boolean;
|
63
|
+
};
|
64
|
+
/**
|
65
|
+
* @zh 标签是否可选中
|
66
|
+
* @en Whether the tag can be checked
|
67
|
+
*/
|
68
|
+
selectable: {
|
69
|
+
type: BooleanConstructor;
|
70
|
+
default: boolean;
|
71
|
+
};
|
72
|
+
/**
|
73
|
+
* @zh 标签是否选中(标签可选中时可用)
|
74
|
+
* @en Whether the tag is checked (available when the tag is selectable)
|
75
|
+
* @vModel
|
76
|
+
*/
|
77
|
+
checked: {
|
78
|
+
type: BooleanConstructor;
|
79
|
+
default: undefined;
|
80
|
+
};
|
81
|
+
/**
|
82
|
+
* @zh 标签默认选中状态(标签可选中时可用)
|
83
|
+
* @en Whether the tag is checked by default (available when the tag is selectable)
|
84
|
+
*/
|
85
|
+
defaultChecked: {
|
86
|
+
type: BooleanConstructor;
|
87
|
+
default: boolean;
|
88
|
+
};
|
89
|
+
/**
|
90
|
+
* @zh 标签内容不换行
|
91
|
+
* @en Tag content does not wrap
|
92
|
+
* @version 2.56.1
|
93
|
+
*/
|
94
|
+
nowrap: {
|
95
|
+
type: BooleanConstructor;
|
96
|
+
default: boolean;
|
97
|
+
};
|
98
|
+
}>, {
|
99
|
+
className: {
|
100
|
+
block: string;
|
101
|
+
element: (className: string) => string;
|
102
|
+
modifier: (className: string) => string;
|
103
|
+
is: (className: string) => string;
|
104
|
+
};
|
105
|
+
cls: import('vue').ComputedRef<(string | {
|
106
|
+
[x: string]: boolean | "" | undefined;
|
107
|
+
})[]>;
|
108
|
+
style: import('vue').ComputedRef<CSSProperties | undefined>;
|
109
|
+
computedVisible: import('vue').ComputedRef<boolean>;
|
110
|
+
computedChecked: import('vue').ComputedRef<boolean>;
|
111
|
+
handleClick: (ev: MouseEvent) => void;
|
112
|
+
handleClose: (ev: MouseEvent) => void;
|
113
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
114
|
+
'update:visible': (visible: boolean) => true;
|
115
|
+
'update:checked': (checked: boolean) => true;
|
116
|
+
/**
|
117
|
+
* @zh 点击关闭按钮时触发
|
118
|
+
* @en Emitted when the close button is clicked
|
119
|
+
* @param {MouseEvent} ev
|
120
|
+
*/
|
121
|
+
close: (ev: MouseEvent) => true;
|
122
|
+
/**
|
123
|
+
* @zh 用户选中时触发(仅在可选中模式下触发)
|
124
|
+
* @en Emitted when the user check (emit only in the selectable mode)
|
125
|
+
* @param {boolean} checked
|
126
|
+
* @param {MouseEvent} ev
|
127
|
+
*/
|
128
|
+
check: (checked: boolean, ev: MouseEvent) => true;
|
129
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
130
|
+
/**
|
131
|
+
* @zh 标签的颜色
|
132
|
+
* @en Label color
|
133
|
+
* @values 'red','orangered','orange','gold','lime','green','cyan','blue','arcoblue','purple','pinkpurple','magenta','gray'
|
134
|
+
*/
|
135
|
+
color: {
|
136
|
+
type: PropType<TagColor | string>;
|
137
|
+
};
|
138
|
+
/**
|
139
|
+
* @zh 标签的大小
|
140
|
+
* @en Label size
|
141
|
+
* @values 'small','medium','large'
|
142
|
+
* @defaultValue 'medium'
|
143
|
+
*/
|
144
|
+
size: {
|
145
|
+
type: PropType<"small" | "medium" | "large">;
|
146
|
+
default: string;
|
147
|
+
};
|
148
|
+
/**
|
149
|
+
* @zh 是否显示边框
|
150
|
+
* @en Whether the tag is bordered
|
151
|
+
* @version 2.33.0
|
152
|
+
*/
|
153
|
+
bordered: {
|
154
|
+
type: BooleanConstructor;
|
155
|
+
default: boolean;
|
156
|
+
};
|
157
|
+
/**
|
158
|
+
* @zh 标签是否可见
|
159
|
+
* @en Whether the tag is visible
|
160
|
+
* @vModel
|
161
|
+
*/
|
162
|
+
visible: {
|
163
|
+
type: BooleanConstructor;
|
164
|
+
default: undefined;
|
165
|
+
};
|
166
|
+
/**
|
167
|
+
* @zh 标签默认是否可见
|
168
|
+
* @en Whether the tag is visible by default
|
169
|
+
*/
|
170
|
+
defaultVisible: {
|
171
|
+
type: BooleanConstructor;
|
172
|
+
default: boolean;
|
173
|
+
};
|
174
|
+
/**
|
175
|
+
* @zh 标签是否为加载中状态
|
176
|
+
* @en Whether the tag is loading state
|
177
|
+
*/
|
178
|
+
loading: {
|
179
|
+
type: BooleanConstructor;
|
180
|
+
default: boolean;
|
181
|
+
};
|
182
|
+
/**
|
183
|
+
* @zh 标签是否可关闭
|
184
|
+
* @en Whether the tag can be closed
|
185
|
+
*/
|
186
|
+
closable: {
|
187
|
+
type: BooleanConstructor;
|
188
|
+
default: boolean;
|
189
|
+
};
|
190
|
+
/**
|
191
|
+
* @zh 标签是否可选中
|
192
|
+
* @en Whether the tag can be checked
|
193
|
+
*/
|
194
|
+
selectable: {
|
195
|
+
type: BooleanConstructor;
|
196
|
+
default: boolean;
|
197
|
+
};
|
198
|
+
/**
|
199
|
+
* @zh 标签是否选中(标签可选中时可用)
|
200
|
+
* @en Whether the tag is checked (available when the tag is selectable)
|
201
|
+
* @vModel
|
202
|
+
*/
|
203
|
+
checked: {
|
204
|
+
type: BooleanConstructor;
|
205
|
+
default: undefined;
|
206
|
+
};
|
207
|
+
/**
|
208
|
+
* @zh 标签默认选中状态(标签可选中时可用)
|
209
|
+
* @en Whether the tag is checked by default (available when the tag is selectable)
|
210
|
+
*/
|
211
|
+
defaultChecked: {
|
212
|
+
type: BooleanConstructor;
|
213
|
+
default: boolean;
|
214
|
+
};
|
215
|
+
/**
|
216
|
+
* @zh 标签内容不换行
|
217
|
+
* @en Tag content does not wrap
|
218
|
+
* @version 2.56.1
|
219
|
+
*/
|
220
|
+
nowrap: {
|
221
|
+
type: BooleanConstructor;
|
222
|
+
default: boolean;
|
223
|
+
};
|
224
|
+
}>> & Readonly<{
|
225
|
+
onClose?: ((ev: MouseEvent) => any) | undefined;
|
226
|
+
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
|
227
|
+
"onUpdate:checked"?: ((checked: boolean) => any) | undefined;
|
228
|
+
onCheck?: ((checked: boolean, ev: MouseEvent) => any) | undefined;
|
229
|
+
}>, {
|
230
|
+
size: "small" | "medium" | "large";
|
231
|
+
loading: boolean;
|
232
|
+
visible: boolean;
|
233
|
+
nowrap: boolean;
|
234
|
+
bordered: boolean;
|
235
|
+
defaultVisible: boolean;
|
236
|
+
closable: boolean;
|
237
|
+
selectable: boolean;
|
238
|
+
checked: boolean;
|
239
|
+
defaultChecked: boolean;
|
240
|
+
}, {}, {
|
241
|
+
IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
242
|
+
prefix: {
|
243
|
+
type: StringConstructor;
|
244
|
+
};
|
245
|
+
size: {
|
246
|
+
type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
|
247
|
+
default: string;
|
248
|
+
};
|
249
|
+
disabled: {
|
250
|
+
type: BooleanConstructor;
|
251
|
+
default: boolean;
|
252
|
+
};
|
253
|
+
}>, {
|
254
|
+
className: {
|
255
|
+
block: string;
|
256
|
+
element: (className: string) => string;
|
257
|
+
modifier: (className: string) => string;
|
258
|
+
is: (className: string) => string;
|
259
|
+
};
|
260
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
261
|
+
prefix: {
|
262
|
+
type: StringConstructor;
|
263
|
+
};
|
264
|
+
size: {
|
265
|
+
type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
|
266
|
+
default: string;
|
267
|
+
};
|
268
|
+
disabled: {
|
269
|
+
type: BooleanConstructor;
|
270
|
+
default: boolean;
|
271
|
+
};
|
272
|
+
}>> & Readonly<{}>, {
|
273
|
+
size: "mini" | "small" | "medium" | "large" | "huge";
|
274
|
+
disabled: boolean;
|
275
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
276
|
+
CloseCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
277
|
+
size: {
|
278
|
+
type: (NumberConstructor | StringConstructor)[];
|
279
|
+
default: undefined;
|
280
|
+
};
|
281
|
+
rotate: {
|
282
|
+
type: NumberConstructor;
|
283
|
+
default: undefined;
|
284
|
+
};
|
285
|
+
spin: {
|
286
|
+
type: BooleanConstructor;
|
287
|
+
default: boolean;
|
288
|
+
};
|
289
|
+
color: {
|
290
|
+
type: StringConstructor;
|
291
|
+
default: undefined;
|
292
|
+
};
|
293
|
+
fillColor: {
|
294
|
+
type: ArrayConstructor;
|
295
|
+
default: undefined;
|
296
|
+
};
|
297
|
+
}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
298
|
+
size: {
|
299
|
+
type: (NumberConstructor | StringConstructor)[];
|
300
|
+
default: undefined;
|
301
|
+
};
|
302
|
+
rotate: {
|
303
|
+
type: NumberConstructor;
|
304
|
+
default: undefined;
|
305
|
+
};
|
306
|
+
spin: {
|
307
|
+
type: BooleanConstructor;
|
308
|
+
default: boolean;
|
309
|
+
};
|
310
|
+
color: {
|
311
|
+
type: StringConstructor;
|
312
|
+
default: undefined;
|
313
|
+
};
|
314
|
+
fillColor: {
|
315
|
+
type: ArrayConstructor;
|
316
|
+
default: undefined;
|
317
|
+
};
|
318
|
+
}>> & Readonly<{}>, {
|
319
|
+
size: string | number;
|
320
|
+
rotate: number;
|
321
|
+
spin: boolean;
|
322
|
+
color: string;
|
323
|
+
fillColor: unknown[];
|
324
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
325
|
+
AnimationLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
326
|
+
size: {
|
327
|
+
type: (NumberConstructor | StringConstructor)[];
|
328
|
+
default: undefined;
|
329
|
+
};
|
330
|
+
rotate: {
|
331
|
+
type: NumberConstructor;
|
332
|
+
default: undefined;
|
333
|
+
};
|
334
|
+
spin: {
|
335
|
+
type: BooleanConstructor;
|
336
|
+
default: boolean;
|
337
|
+
};
|
338
|
+
color: {
|
339
|
+
type: StringConstructor;
|
340
|
+
default: undefined;
|
341
|
+
};
|
342
|
+
fillColor: {
|
343
|
+
type: ArrayConstructor;
|
344
|
+
default: undefined;
|
345
|
+
};
|
346
|
+
}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
347
|
+
size: {
|
348
|
+
type: (NumberConstructor | StringConstructor)[];
|
349
|
+
default: undefined;
|
350
|
+
};
|
351
|
+
rotate: {
|
352
|
+
type: NumberConstructor;
|
353
|
+
default: undefined;
|
354
|
+
};
|
355
|
+
spin: {
|
356
|
+
type: BooleanConstructor;
|
357
|
+
default: boolean;
|
358
|
+
};
|
359
|
+
color: {
|
360
|
+
type: StringConstructor;
|
361
|
+
default: undefined;
|
362
|
+
};
|
363
|
+
fillColor: {
|
364
|
+
type: ArrayConstructor;
|
365
|
+
default: undefined;
|
366
|
+
};
|
367
|
+
}>> & Readonly<{}>, {
|
368
|
+
size: string | number;
|
369
|
+
rotate: number;
|
370
|
+
spin: boolean;
|
371
|
+
color: string;
|
372
|
+
fillColor: unknown[];
|
373
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
374
|
+
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
375
|
+
export default _default;
|