@rocketui/vue 0.0.9 → 0.0.10

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.
@@ -1,220 +0,0 @@
1
- export interface Props {
2
- /**
3
- * Variant of the Chip
4
- * @type 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info'
5
- * @default 'primary'
6
- * @example
7
- * <Chip variant="primary" />
8
- */
9
- variant: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
10
- /**
11
- * Size of the Chip
12
- * @type 'small' | 'medium' | 'large'
13
- * @default 'medium'
14
- * @example
15
- * <Chip size="small" />
16
- */
17
- size?: 'small' | 'medium' | 'large';
18
- /**
19
- * Label of the Chip
20
- * @type string | number
21
- * @default 'label'
22
- * @example
23
- * <Chip label="Label" />
24
- */
25
- label?: string | number;
26
- /**
27
- * Disabled state of the Chip
28
- * @type boolean
29
- * @default false
30
- * @example
31
- * <Chip disabled />
32
- */
33
- disabled?: boolean;
34
- /**
35
- * Prepend icon of the Chip
36
- * @type string
37
- * @default ''
38
- * @example
39
- * <Chip prependIcon="icon" />
40
- */
41
- prependIcon?: string;
42
- /**
43
- * Append icon of the Chip
44
- * @type string
45
- * @default ''
46
- * @example
47
- * <Chip appendIcon="icon" />
48
- */
49
- appendIcon?: string;
50
- /**
51
- * Ghost state of the Chip
52
- * @type boolean
53
- * @default false
54
- * @example
55
- * <Chip ghost />
56
- */
57
- ghost?: boolean;
58
- }
59
- declare const _sfc_main: import("vue").DefineComponent<{
60
- variant: {
61
- type: StringConstructor;
62
- required: true;
63
- default: string;
64
- };
65
- size: {
66
- type: StringConstructor;
67
- required: false;
68
- default: string;
69
- };
70
- label: {
71
- type: (StringConstructor | NumberConstructor)[];
72
- required: false;
73
- default: string;
74
- };
75
- disabled: {
76
- type: BooleanConstructor;
77
- required: false;
78
- default: boolean;
79
- };
80
- prependIcon: {
81
- type: StringConstructor;
82
- required: false;
83
- default: string;
84
- };
85
- appendIcon: {
86
- type: StringConstructor;
87
- required: false;
88
- default: string;
89
- };
90
- ghost: {
91
- type: BooleanConstructor;
92
- required: false;
93
- default: boolean;
94
- };
95
- }, {
96
- props: any;
97
- emit: (event: "click:chip" | "click:close", ...args: any[]) => void;
98
- classes: import("vue").ComputedRef<object>;
99
- iconSize: import("vue").ComputedRef<string>;
100
- clickChip: (e: MouseEvent) => void;
101
- clickClose: (e: MouseEvent) => void;
102
- Icon: import("vue").DefineComponent<{
103
- name: {
104
- type: StringConstructor;
105
- required: true;
106
- default: string;
107
- };
108
- kind: {
109
- type: StringConstructor;
110
- required: false;
111
- default: string;
112
- };
113
- fontSize: {
114
- type: any;
115
- required: false;
116
- default: number;
117
- };
118
- color: {
119
- type: any;
120
- required: false;
121
- default: string;
122
- };
123
- fontWeight: {
124
- type: any;
125
- required: false;
126
- default: string;
127
- };
128
- }, {
129
- props: any;
130
- styles: import("vue").ComputedRef<{
131
- fontSize: string;
132
- fontWeight: import("csstype").FontWeightProperty;
133
- color: string;
134
- display: string;
135
- alignItems: string;
136
- justifyContent: string;
137
- }>;
138
- classes: import("vue").ComputedRef<string>;
139
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
140
- name: {
141
- type: StringConstructor;
142
- required: true;
143
- default: string;
144
- };
145
- kind: {
146
- type: StringConstructor;
147
- required: false;
148
- default: string;
149
- };
150
- fontSize: {
151
- type: any;
152
- required: false;
153
- default: number;
154
- };
155
- color: {
156
- type: any;
157
- required: false;
158
- default: string;
159
- };
160
- fontWeight: {
161
- type: any;
162
- required: false;
163
- default: string;
164
- };
165
- }>>, {
166
- name: string;
167
- kind: string;
168
- fontSize: any;
169
- color: any;
170
- fontWeight: any;
171
- }>;
172
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click:chip" | "click:close")[], "click:chip" | "click:close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
173
- variant: {
174
- type: StringConstructor;
175
- required: true;
176
- default: string;
177
- };
178
- size: {
179
- type: StringConstructor;
180
- required: false;
181
- default: string;
182
- };
183
- label: {
184
- type: (StringConstructor | NumberConstructor)[];
185
- required: false;
186
- default: string;
187
- };
188
- disabled: {
189
- type: BooleanConstructor;
190
- required: false;
191
- default: boolean;
192
- };
193
- prependIcon: {
194
- type: StringConstructor;
195
- required: false;
196
- default: string;
197
- };
198
- appendIcon: {
199
- type: StringConstructor;
200
- required: false;
201
- default: string;
202
- };
203
- ghost: {
204
- type: BooleanConstructor;
205
- required: false;
206
- default: boolean;
207
- };
208
- }>> & {
209
- "onClick:chip"?: (...args: any[]) => any;
210
- "onClick:close"?: (...args: any[]) => any;
211
- }, {
212
- size: string;
213
- variant: string;
214
- ghost: boolean;
215
- disabled: boolean;
216
- prependIcon: string;
217
- appendIcon: string;
218
- label: string | number;
219
- }>;
220
- export default _sfc_main;
@@ -1,496 +0,0 @@
1
- export interface Option {
2
- value: string | number;
3
- label: string;
4
- }
5
- export interface SelectProps {
6
- /**
7
- * Placeholder Dropdown
8
- * @type InputHTMLAttributes['placeholder'];
9
- * @default ''
10
- * @example
11
- * <Dropdown placeholder="Placeholder" />
12
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
13
- */
14
- placeholder?: string;
15
- /**
16
- * Options of the Dropdown
17
- * @type Option[]
18
- * @default []
19
- * @example
20
- * <Dropdown
21
- * :options="[
22
- * {
23
- * value: '1',
24
- * label: 'Option 1',
25
- * },
26
- * {
27
- * value: '2',
28
- * label: '2',
29
- * },
30
- * ]"
31
- * />
32
- */
33
- options: Option[];
34
- /**
35
- * Allow to create new options
36
- * @type boolean
37
- * @default false
38
- * @example
39
- * <Dropdown taggable />
40
- */
41
- taggable?: boolean;
42
- /**
43
- * Allow to select multiple options
44
- * @type boolean
45
- * @default false
46
- * @example
47
- * <Dropdown multiple />
48
- */
49
- multiple?: boolean;
50
- /**
51
- * Disable the Dropdown
52
- * @type boolean
53
- * @default false
54
- * @example
55
- * <Dropdown disabled />
56
- */
57
- disabled?: boolean;
58
- /**
59
- * Loading state of the Dropdown
60
- * @type boolean
61
- * @default false
62
- * @example
63
- * <Dropdown loading />
64
- */
65
- loading?: boolean;
66
- /**
67
- * Icon to prepend
68
- * @type string
69
- * @default ''
70
- * @example
71
- * <Dropdown prependIcon="search" />
72
- */
73
- prependIcon?: string;
74
- /**
75
- * Icon to append
76
- * @type string
77
- * @default 'expand_less'
78
- * @example
79
- * <Dropdown appendIcon="expand_more" />
80
- */
81
- appendIcon?: string;
82
- /**
83
- * Value of the Dropdown
84
- * @type string | number | Option | Option[]
85
- * @default ''
86
- * @example
87
- * <Dropdown v-model="model" />
88
- */
89
- modelValue?: string | number | Option | Option[];
90
- }
91
- declare const _sfc_main: import("vue").DefineComponent<{
92
- placeholder: {
93
- type: StringConstructor;
94
- required: false;
95
- default: string;
96
- };
97
- options: {
98
- type: ArrayConstructor;
99
- required: true;
100
- default: () => any[];
101
- };
102
- taggable: {
103
- type: BooleanConstructor;
104
- required: false;
105
- default: boolean;
106
- };
107
- multiple: {
108
- type: BooleanConstructor;
109
- required: false;
110
- default: boolean;
111
- };
112
- disabled: {
113
- type: BooleanConstructor;
114
- required: false;
115
- default: boolean;
116
- };
117
- loading: {
118
- type: BooleanConstructor;
119
- required: false;
120
- default: boolean;
121
- };
122
- prependIcon: {
123
- type: StringConstructor;
124
- required: false;
125
- default: string;
126
- };
127
- appendIcon: {
128
- type: StringConstructor;
129
- required: false;
130
- default: string;
131
- };
132
- modelValue: {
133
- type: (StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
134
- required: false;
135
- default: string;
136
- };
137
- }, {
138
- props: any;
139
- selected: import("vue").Ref<string>;
140
- selectedMultiple: {
141
- value: string | number;
142
- label: string;
143
- }[];
144
- active: import("vue").Ref<boolean>;
145
- inputModel: import("vue").Ref<string>;
146
- emit: (event: "update:modelValue", ...args: any[]) => void;
147
- select: import("vue").Ref<HTMLElement>;
148
- input: import("vue").Ref<HTMLInputElement>;
149
- setActive: (e: MouseEvent) => void;
150
- selectOption: (e: MouseEvent, option: Option) => void;
151
- removeOption: (e: MouseEvent | KeyboardEvent, option: Option) => void;
152
- createTag: (e: KeyboardEvent) => void;
153
- searchedOptions: import("vue").ComputedRef<Option[]>;
154
- Chip: import("vue").DefineComponent<{
155
- variant: {
156
- type: StringConstructor;
157
- required: true;
158
- default: string;
159
- };
160
- size: {
161
- type: StringConstructor;
162
- required: false;
163
- default: string;
164
- };
165
- label: {
166
- type: (StringConstructor | NumberConstructor)[];
167
- required: false;
168
- default: string;
169
- };
170
- disabled: {
171
- type: BooleanConstructor;
172
- required: false;
173
- default: boolean;
174
- };
175
- prependIcon: {
176
- type: StringConstructor;
177
- required: false;
178
- default: string;
179
- };
180
- appendIcon: {
181
- type: StringConstructor;
182
- required: false;
183
- default: string;
184
- };
185
- ghost: {
186
- type: BooleanConstructor;
187
- required: false;
188
- default: boolean;
189
- };
190
- }, {
191
- props: any;
192
- emit: (event: "click:chip" | "click:close", ...args: any[]) => void;
193
- classes: import("vue").ComputedRef<object>;
194
- iconSize: import("vue").ComputedRef<string>;
195
- clickChip: (e: MouseEvent) => void;
196
- clickClose: (e: MouseEvent) => void;
197
- Icon: import("vue").DefineComponent<{
198
- name: {
199
- type: StringConstructor;
200
- required: true;
201
- default: string;
202
- };
203
- kind: {
204
- type: StringConstructor;
205
- required: false; /**
206
- * Disable the Dropdown
207
- * @type boolean
208
- * @default false
209
- * @example
210
- * <Dropdown disabled />
211
- */
212
- default: string;
213
- };
214
- fontSize: {
215
- type: any;
216
- required: false;
217
- default: number;
218
- };
219
- color: {
220
- type: any;
221
- required: false;
222
- default: string;
223
- };
224
- /**
225
- * Loading state of the Dropdown
226
- * @type boolean
227
- * @default false
228
- * @example
229
- * <Dropdown loading />
230
- */
231
- fontWeight: {
232
- type: any;
233
- required: false;
234
- default: string;
235
- };
236
- }, {
237
- props: any;
238
- styles: import("vue").ComputedRef<{
239
- fontSize: string;
240
- fontWeight: import("csstype").FontWeightProperty;
241
- color: string;
242
- display: string;
243
- alignItems: string;
244
- justifyContent: string;
245
- }>;
246
- classes: import("vue").ComputedRef<string>;
247
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
248
- name: {
249
- type: StringConstructor;
250
- required: true;
251
- default: string;
252
- };
253
- kind: {
254
- type: StringConstructor;
255
- required: false; /**
256
- * Disable the Dropdown
257
- * @type boolean
258
- * @default false
259
- * @example
260
- * <Dropdown disabled />
261
- */
262
- default: string;
263
- };
264
- fontSize: {
265
- type: any;
266
- required: false;
267
- default: number;
268
- };
269
- color: {
270
- type: any;
271
- required: false;
272
- default: string;
273
- };
274
- /**
275
- * Loading state of the Dropdown
276
- * @type boolean
277
- * @default false
278
- * @example
279
- * <Dropdown loading />
280
- */
281
- fontWeight: {
282
- type: any;
283
- required: false;
284
- default: string;
285
- };
286
- }>>, {
287
- name: string;
288
- kind: string;
289
- fontSize: any;
290
- color: any;
291
- fontWeight: any;
292
- }>;
293
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click:chip" | "click:close")[], "click:chip" | "click:close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
294
- variant: {
295
- type: StringConstructor;
296
- required: true;
297
- default: string;
298
- };
299
- size: {
300
- type: StringConstructor;
301
- required: false;
302
- default: string;
303
- };
304
- label: {
305
- type: (StringConstructor | NumberConstructor)[];
306
- required: false;
307
- default: string;
308
- };
309
- disabled: {
310
- type: BooleanConstructor;
311
- required: false;
312
- default: boolean;
313
- };
314
- prependIcon: {
315
- type: StringConstructor;
316
- required: false;
317
- default: string;
318
- };
319
- appendIcon: {
320
- type: StringConstructor;
321
- required: false;
322
- default: string;
323
- };
324
- ghost: {
325
- type: BooleanConstructor;
326
- required: false;
327
- default: boolean;
328
- };
329
- }>> & {
330
- "onClick:chip"?: (...args: any[]) => any;
331
- "onClick:close"?: (...args: any[]) => any;
332
- }, {
333
- size: string;
334
- variant: string;
335
- ghost: boolean;
336
- disabled: boolean;
337
- prependIcon: string;
338
- appendIcon: string;
339
- label: string | number;
340
- }>;
341
- Icon: import("vue").DefineComponent<{
342
- name: {
343
- type: StringConstructor;
344
- required: true;
345
- default: string;
346
- };
347
- kind: {
348
- type: StringConstructor;
349
- required: false; /**
350
- * Disable the Dropdown
351
- * @type boolean
352
- * @default false
353
- * @example
354
- * <Dropdown disabled />
355
- */
356
- default: string;
357
- };
358
- fontSize: {
359
- type: any;
360
- required: false;
361
- default: number;
362
- };
363
- color: {
364
- type: any;
365
- required: false;
366
- default: string;
367
- };
368
- /**
369
- * Loading state of the Dropdown
370
- * @type boolean
371
- * @default false
372
- * @example
373
- * <Dropdown loading />
374
- */
375
- fontWeight: {
376
- type: any;
377
- required: false;
378
- default: string;
379
- };
380
- }, {
381
- props: any;
382
- styles: import("vue").ComputedRef<{
383
- fontSize: string;
384
- fontWeight: import("csstype").FontWeightProperty;
385
- color: string;
386
- display: string;
387
- alignItems: string;
388
- justifyContent: string;
389
- }>;
390
- classes: import("vue").ComputedRef<string>;
391
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
392
- name: {
393
- type: StringConstructor;
394
- required: true;
395
- default: string;
396
- };
397
- kind: {
398
- type: StringConstructor;
399
- required: false; /**
400
- * Disable the Dropdown
401
- * @type boolean
402
- * @default false
403
- * @example
404
- * <Dropdown disabled />
405
- */
406
- default: string;
407
- };
408
- fontSize: {
409
- type: any;
410
- required: false;
411
- default: number;
412
- };
413
- color: {
414
- type: any;
415
- required: false;
416
- default: string;
417
- };
418
- /**
419
- * Loading state of the Dropdown
420
- * @type boolean
421
- * @default false
422
- * @example
423
- * <Dropdown loading />
424
- */
425
- fontWeight: {
426
- type: any;
427
- required: false;
428
- default: string;
429
- };
430
- }>>, {
431
- name: string;
432
- kind: string;
433
- fontSize: any;
434
- color: any;
435
- fontWeight: any;
436
- }>;
437
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
438
- placeholder: {
439
- type: StringConstructor;
440
- required: false;
441
- default: string;
442
- };
443
- options: {
444
- type: ArrayConstructor;
445
- required: true;
446
- default: () => any[];
447
- };
448
- taggable: {
449
- type: BooleanConstructor;
450
- required: false;
451
- default: boolean;
452
- };
453
- multiple: {
454
- type: BooleanConstructor;
455
- required: false;
456
- default: boolean;
457
- };
458
- disabled: {
459
- type: BooleanConstructor;
460
- required: false;
461
- default: boolean;
462
- };
463
- loading: {
464
- type: BooleanConstructor;
465
- required: false;
466
- default: boolean;
467
- };
468
- prependIcon: {
469
- type: StringConstructor;
470
- required: false;
471
- default: string;
472
- };
473
- appendIcon: {
474
- type: StringConstructor;
475
- required: false;
476
- default: string;
477
- };
478
- modelValue: {
479
- type: (StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
480
- required: false;
481
- default: string;
482
- };
483
- }>> & {
484
- "onUpdate:modelValue"?: (...args: any[]) => any;
485
- }, {
486
- loading: boolean;
487
- disabled: boolean;
488
- prependIcon: string;
489
- appendIcon: string;
490
- modelValue: string | number | unknown[] | Record<string, any>;
491
- placeholder: string;
492
- options: unknown[];
493
- taggable: boolean;
494
- multiple: boolean;
495
- }>;
496
- export default _sfc_main;