x-next 0.0.0-alpha.43 → 0.0.0-alpha.44

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.
@@ -0,0 +1,519 @@
1
+ export declare const XTag: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
3
+ color: {
4
+ type: import('vue').PropType<import('./interface').TagColor | string>;
5
+ };
6
+ size: {
7
+ type: import('vue').PropType<"small" | "medium" | "large">;
8
+ default: string;
9
+ };
10
+ bordered: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ visible: {
15
+ type: BooleanConstructor;
16
+ default: undefined;
17
+ };
18
+ defaultVisible: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ loading: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ closable: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ selectable: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ checked: {
35
+ type: BooleanConstructor;
36
+ default: undefined;
37
+ };
38
+ defaultChecked: {
39
+ type: BooleanConstructor;
40
+ default: boolean;
41
+ };
42
+ nowrap: {
43
+ type: BooleanConstructor;
44
+ default: boolean;
45
+ };
46
+ }>> & Readonly<{
47
+ onClose?: ((ev: MouseEvent) => any) | undefined;
48
+ "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
49
+ "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
50
+ onCheck?: ((checked: boolean, ev: MouseEvent) => any) | undefined;
51
+ }>, {
52
+ className: {
53
+ block: string;
54
+ element: (className: string) => string;
55
+ modifier: (className: string) => string;
56
+ is: (className: string) => string;
57
+ };
58
+ cls: import('vue').ComputedRef<(string | {
59
+ [x: string]: boolean | "" | undefined;
60
+ })[]>;
61
+ style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
62
+ computedVisible: import('vue').ComputedRef<boolean>;
63
+ computedChecked: import('vue').ComputedRef<boolean>;
64
+ handleClick: (ev: MouseEvent) => void;
65
+ handleClose: (ev: MouseEvent) => void;
66
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
67
+ 'update:visible': (visible: boolean) => true;
68
+ 'update:checked': (checked: boolean) => true;
69
+ close: (ev: MouseEvent) => true;
70
+ check: (checked: boolean, ev: MouseEvent) => true;
71
+ }, import('vue').PublicProps, {
72
+ size: "small" | "medium" | "large";
73
+ loading: boolean;
74
+ visible: boolean;
75
+ nowrap: boolean;
76
+ bordered: boolean;
77
+ defaultVisible: boolean;
78
+ closable: boolean;
79
+ selectable: boolean;
80
+ checked: boolean;
81
+ defaultChecked: boolean;
82
+ }, true, {}, {}, {
83
+ IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
84
+ prefix: {
85
+ type: StringConstructor;
86
+ };
87
+ size: {
88
+ type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
89
+ default: string;
90
+ };
91
+ disabled: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
95
+ }>, {
96
+ className: {
97
+ block: string;
98
+ element: (className: string) => string;
99
+ modifier: (className: string) => string;
100
+ is: (className: string) => string;
101
+ };
102
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
103
+ prefix: {
104
+ type: StringConstructor;
105
+ };
106
+ size: {
107
+ type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
108
+ default: string;
109
+ };
110
+ disabled: {
111
+ type: BooleanConstructor;
112
+ default: boolean;
113
+ };
114
+ }>> & Readonly<{}>, {
115
+ size: "mini" | "small" | "medium" | "large" | "huge";
116
+ disabled: boolean;
117
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
118
+ CloseCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
119
+ size: {
120
+ type: (NumberConstructor | StringConstructor)[];
121
+ default: undefined;
122
+ };
123
+ rotate: {
124
+ type: NumberConstructor;
125
+ default: undefined;
126
+ };
127
+ spin: {
128
+ type: BooleanConstructor;
129
+ default: boolean;
130
+ };
131
+ color: {
132
+ type: StringConstructor;
133
+ default: undefined;
134
+ };
135
+ fillColor: {
136
+ type: ArrayConstructor;
137
+ default: undefined;
138
+ };
139
+ }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
140
+ size: {
141
+ type: (NumberConstructor | StringConstructor)[];
142
+ default: undefined;
143
+ };
144
+ rotate: {
145
+ type: NumberConstructor;
146
+ default: undefined;
147
+ };
148
+ spin: {
149
+ type: BooleanConstructor;
150
+ default: boolean;
151
+ };
152
+ color: {
153
+ type: StringConstructor;
154
+ default: undefined;
155
+ };
156
+ fillColor: {
157
+ type: ArrayConstructor;
158
+ default: undefined;
159
+ };
160
+ }>> & Readonly<{}>, {
161
+ size: string | number;
162
+ rotate: number;
163
+ spin: boolean;
164
+ color: string;
165
+ fillColor: unknown[];
166
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
167
+ AnimationLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
168
+ size: {
169
+ type: (NumberConstructor | StringConstructor)[];
170
+ default: undefined;
171
+ };
172
+ rotate: {
173
+ type: NumberConstructor;
174
+ default: undefined;
175
+ };
176
+ spin: {
177
+ type: BooleanConstructor;
178
+ default: boolean;
179
+ };
180
+ color: {
181
+ type: StringConstructor;
182
+ default: undefined;
183
+ };
184
+ fillColor: {
185
+ type: ArrayConstructor;
186
+ default: undefined;
187
+ };
188
+ }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
189
+ size: {
190
+ type: (NumberConstructor | StringConstructor)[];
191
+ default: undefined;
192
+ };
193
+ rotate: {
194
+ type: NumberConstructor;
195
+ default: undefined;
196
+ };
197
+ spin: {
198
+ type: BooleanConstructor;
199
+ default: boolean;
200
+ };
201
+ color: {
202
+ type: StringConstructor;
203
+ default: undefined;
204
+ };
205
+ fillColor: {
206
+ type: ArrayConstructor;
207
+ default: undefined;
208
+ };
209
+ }>> & Readonly<{}>, {
210
+ size: string | number;
211
+ rotate: number;
212
+ spin: boolean;
213
+ color: string;
214
+ fillColor: unknown[];
215
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
216
+ } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
217
+ P: {};
218
+ B: {};
219
+ D: {};
220
+ C: {};
221
+ M: {};
222
+ Defaults: {};
223
+ }, Readonly<import('vue').ExtractPropTypes<{
224
+ color: {
225
+ type: import('vue').PropType<import('./interface').TagColor | string>;
226
+ };
227
+ size: {
228
+ type: import('vue').PropType<"small" | "medium" | "large">;
229
+ default: string;
230
+ };
231
+ bordered: {
232
+ type: BooleanConstructor;
233
+ default: boolean;
234
+ };
235
+ visible: {
236
+ type: BooleanConstructor;
237
+ default: undefined;
238
+ };
239
+ defaultVisible: {
240
+ type: BooleanConstructor;
241
+ default: boolean;
242
+ };
243
+ loading: {
244
+ type: BooleanConstructor;
245
+ default: boolean;
246
+ };
247
+ closable: {
248
+ type: BooleanConstructor;
249
+ default: boolean;
250
+ };
251
+ selectable: {
252
+ type: BooleanConstructor;
253
+ default: boolean;
254
+ };
255
+ checked: {
256
+ type: BooleanConstructor;
257
+ default: undefined;
258
+ };
259
+ defaultChecked: {
260
+ type: BooleanConstructor;
261
+ default: boolean;
262
+ };
263
+ nowrap: {
264
+ type: BooleanConstructor;
265
+ default: boolean;
266
+ };
267
+ }>> & Readonly<{
268
+ onClose?: ((ev: MouseEvent) => any) | undefined;
269
+ "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
270
+ "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
271
+ onCheck?: ((checked: boolean, ev: MouseEvent) => any) | undefined;
272
+ }>, {
273
+ className: {
274
+ block: string;
275
+ element: (className: string) => string;
276
+ modifier: (className: string) => string;
277
+ is: (className: string) => string;
278
+ };
279
+ cls: import('vue').ComputedRef<(string | {
280
+ [x: string]: boolean | "" | undefined;
281
+ })[]>;
282
+ style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
283
+ computedVisible: import('vue').ComputedRef<boolean>;
284
+ computedChecked: import('vue').ComputedRef<boolean>;
285
+ handleClick: (ev: MouseEvent) => void;
286
+ handleClose: (ev: MouseEvent) => void;
287
+ }, {}, {}, {}, {
288
+ size: "small" | "medium" | "large";
289
+ loading: boolean;
290
+ visible: boolean;
291
+ nowrap: boolean;
292
+ bordered: boolean;
293
+ defaultVisible: boolean;
294
+ closable: boolean;
295
+ selectable: boolean;
296
+ checked: boolean;
297
+ defaultChecked: boolean;
298
+ }>;
299
+ __isFragment?: never;
300
+ __isTeleport?: never;
301
+ __isSuspense?: never;
302
+ } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
303
+ color: {
304
+ type: import('vue').PropType<import('./interface').TagColor | string>;
305
+ };
306
+ size: {
307
+ type: import('vue').PropType<"small" | "medium" | "large">;
308
+ default: string;
309
+ };
310
+ bordered: {
311
+ type: BooleanConstructor;
312
+ default: boolean;
313
+ };
314
+ visible: {
315
+ type: BooleanConstructor;
316
+ default: undefined;
317
+ };
318
+ defaultVisible: {
319
+ type: BooleanConstructor;
320
+ default: boolean;
321
+ };
322
+ loading: {
323
+ type: BooleanConstructor;
324
+ default: boolean;
325
+ };
326
+ closable: {
327
+ type: BooleanConstructor;
328
+ default: boolean;
329
+ };
330
+ selectable: {
331
+ type: BooleanConstructor;
332
+ default: boolean;
333
+ };
334
+ checked: {
335
+ type: BooleanConstructor;
336
+ default: undefined;
337
+ };
338
+ defaultChecked: {
339
+ type: BooleanConstructor;
340
+ default: boolean;
341
+ };
342
+ nowrap: {
343
+ type: BooleanConstructor;
344
+ default: boolean;
345
+ };
346
+ }>> & Readonly<{
347
+ onClose?: ((ev: MouseEvent) => any) | undefined;
348
+ "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
349
+ "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
350
+ onCheck?: ((checked: boolean, ev: MouseEvent) => any) | undefined;
351
+ }>, {
352
+ className: {
353
+ block: string;
354
+ element: (className: string) => string;
355
+ modifier: (className: string) => string;
356
+ is: (className: string) => string;
357
+ };
358
+ cls: import('vue').ComputedRef<(string | {
359
+ [x: string]: boolean | "" | undefined;
360
+ })[]>;
361
+ style: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
362
+ computedVisible: import('vue').ComputedRef<boolean>;
363
+ computedChecked: import('vue').ComputedRef<boolean>;
364
+ handleClick: (ev: MouseEvent) => void;
365
+ handleClose: (ev: MouseEvent) => void;
366
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
367
+ 'update:visible': (visible: boolean) => true;
368
+ 'update:checked': (checked: boolean) => true;
369
+ close: (ev: MouseEvent) => true;
370
+ check: (checked: boolean, ev: MouseEvent) => true;
371
+ }, string, {
372
+ size: "small" | "medium" | "large";
373
+ loading: boolean;
374
+ visible: boolean;
375
+ nowrap: boolean;
376
+ bordered: boolean;
377
+ defaultVisible: boolean;
378
+ closable: boolean;
379
+ selectable: boolean;
380
+ checked: boolean;
381
+ defaultChecked: boolean;
382
+ }, {}, string, {}, {
383
+ IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
384
+ prefix: {
385
+ type: StringConstructor;
386
+ };
387
+ size: {
388
+ type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
389
+ default: string;
390
+ };
391
+ disabled: {
392
+ type: BooleanConstructor;
393
+ default: boolean;
394
+ };
395
+ }>, {
396
+ className: {
397
+ block: string;
398
+ element: (className: string) => string;
399
+ modifier: (className: string) => string;
400
+ is: (className: string) => string;
401
+ };
402
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
403
+ prefix: {
404
+ type: StringConstructor;
405
+ };
406
+ size: {
407
+ type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
408
+ default: string;
409
+ };
410
+ disabled: {
411
+ type: BooleanConstructor;
412
+ default: boolean;
413
+ };
414
+ }>> & Readonly<{}>, {
415
+ size: "mini" | "small" | "medium" | "large" | "huge";
416
+ disabled: boolean;
417
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
418
+ CloseCircleFill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
419
+ size: {
420
+ type: (NumberConstructor | StringConstructor)[];
421
+ default: undefined;
422
+ };
423
+ rotate: {
424
+ type: NumberConstructor;
425
+ default: undefined;
426
+ };
427
+ spin: {
428
+ type: BooleanConstructor;
429
+ default: boolean;
430
+ };
431
+ color: {
432
+ type: StringConstructor;
433
+ default: undefined;
434
+ };
435
+ fillColor: {
436
+ type: ArrayConstructor;
437
+ default: undefined;
438
+ };
439
+ }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
440
+ size: {
441
+ type: (NumberConstructor | StringConstructor)[];
442
+ default: undefined;
443
+ };
444
+ rotate: {
445
+ type: NumberConstructor;
446
+ default: undefined;
447
+ };
448
+ spin: {
449
+ type: BooleanConstructor;
450
+ default: boolean;
451
+ };
452
+ color: {
453
+ type: StringConstructor;
454
+ default: undefined;
455
+ };
456
+ fillColor: {
457
+ type: ArrayConstructor;
458
+ default: undefined;
459
+ };
460
+ }>> & Readonly<{}>, {
461
+ size: string | number;
462
+ rotate: number;
463
+ spin: boolean;
464
+ color: string;
465
+ fillColor: unknown[];
466
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
467
+ AnimationLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
468
+ size: {
469
+ type: (NumberConstructor | StringConstructor)[];
470
+ default: undefined;
471
+ };
472
+ rotate: {
473
+ type: NumberConstructor;
474
+ default: undefined;
475
+ };
476
+ spin: {
477
+ type: BooleanConstructor;
478
+ default: boolean;
479
+ };
480
+ color: {
481
+ type: StringConstructor;
482
+ default: undefined;
483
+ };
484
+ fillColor: {
485
+ type: ArrayConstructor;
486
+ default: undefined;
487
+ };
488
+ }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
489
+ size: {
490
+ type: (NumberConstructor | StringConstructor)[];
491
+ default: undefined;
492
+ };
493
+ rotate: {
494
+ type: NumberConstructor;
495
+ default: undefined;
496
+ };
497
+ spin: {
498
+ type: BooleanConstructor;
499
+ default: boolean;
500
+ };
501
+ color: {
502
+ type: StringConstructor;
503
+ default: undefined;
504
+ };
505
+ fillColor: {
506
+ type: ArrayConstructor;
507
+ default: undefined;
508
+ };
509
+ }>> & Readonly<{}>, {
510
+ size: string | number;
511
+ rotate: number;
512
+ spin: boolean;
513
+ color: string;
514
+ fillColor: unknown[];
515
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
516
+ } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
517
+ install(app: import('vue').App): void;
518
+ };
519
+ export { XTag as default };
@@ -0,0 +1,49 @@
1
+ export declare const TAG_COLORS: readonly ["red", "orangered", "orange", "gold", "lime", "green", "cyan", "blue", "better-blue", "purple", "pink-purple", "magenta", "gray"];
2
+ export type TagColor = (typeof TAG_COLORS)[number];
3
+ export interface TagProps {
4
+ /**
5
+ * @zh 标签的颜色
6
+ * @en Label color
7
+ */
8
+ color?: TagColor | string;
9
+ /**
10
+ * @zh 标签的大小
11
+ * @en Label size
12
+ */
13
+ size?: 'small' | 'medium' | 'large';
14
+ /**
15
+ * @zh 标签是否可见
16
+ * @en Whether the tag is visible
17
+ */
18
+ visible?: boolean;
19
+ /**
20
+ * @zh 标签默认是否可见
21
+ * @en Whether the tag is visible by default
22
+ */
23
+ defaultVisible?: boolean;
24
+ /**
25
+ * @zh 标签是否为加载中状态
26
+ * @en Whether the tag is loading state
27
+ */
28
+ loading?: boolean;
29
+ /**
30
+ * @zh 标签是否可关闭
31
+ * @en Whether the tag can be closed
32
+ */
33
+ closable?: boolean;
34
+ /**
35
+ * @zh 标签是否可选中
36
+ * @en Whether the tag can be checked
37
+ */
38
+ checkable?: boolean;
39
+ /**
40
+ * @zh 标签是否选中(标签可选中时可用)
41
+ * @en Whether the tag is checked (available when the tag is checkable)
42
+ */
43
+ checked?: boolean;
44
+ /**
45
+ * @zh 标签默认选中状态(标签可选中时可用)
46
+ * @en Whether the tag is checked by default (available when the tag is checkable)
47
+ */
48
+ defaultChecked?: boolean;
49
+ }