@rocketui/vue 0.0.8 → 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,191 +0,0 @@
1
- import { type HTMLAttributes, type InputHTMLAttributes, type LabelHTMLAttributes } from 'vue';
2
- export interface IProps {
3
- /**
4
- * id of the textarea
5
- * @type HTMLAttributes['id']
6
- * @default ''
7
- * @example
8
- * <TextArea id="textarea" />
9
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
10
- */
11
- id: HTMLAttributes['id'];
12
- /**
13
- * Input value
14
- * @type InputHTMLAttributes['value'];
15
- * @default ''
16
- * @example
17
- * <TextArea modelValue="Hello" />
18
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
19
- */
20
- modelValue?: InputHTMLAttributes['value'];
21
- /**
22
- * label of the textarea
23
- * @type LabelHTMLAttributes['label']
24
- * @default ''
25
- * @example
26
- * <TextArea label="TextArea" />
27
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
28
- */
29
- label?: LabelHTMLAttributes['for'];
30
- /**
31
- * Placeholder text
32
- * @type InputHTMLAttributes['placeholder'];
33
- * @default ''
34
- * @example
35
- * <TextArea placeholder="Placeholder" />
36
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
37
- */
38
- placeholder?: InputHTMLAttributes['placeholder'];
39
- /**
40
- * Disabled state
41
- * @type InputHTMLAttributes['disabled'];
42
- * @default false
43
- * @example
44
- * <TextArea disabled />
45
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
46
- */
47
- disabled?: InputHTMLAttributes['disabled'];
48
- /**
49
- * Hint text
50
- * @type string
51
- * @default 'This is a hint'
52
- * @example
53
- * <TextArea hint="This is a hint" />
54
- */
55
- hint?: string;
56
- /**
57
- * Error message
58
- * @type string
59
- * @default ''
60
- * @example
61
- * <TextArea errorMsg="This is an error" />
62
- */
63
- errorMsg?: string;
64
- }
65
- declare const _sfc_main: import("vue").DefineComponent<{
66
- id: {
67
- type: any;
68
- required: true;
69
- default: string;
70
- };
71
- modelValue: {
72
- type: any;
73
- required: false;
74
- default: string;
75
- };
76
- label: {
77
- type: any;
78
- required: false;
79
- default: string;
80
- };
81
- placeholder: {
82
- type: any;
83
- required: false;
84
- default: string;
85
- };
86
- disabled: {
87
- type: any;
88
- required: false;
89
- default: boolean;
90
- };
91
- hint: {
92
- type: StringConstructor;
93
- required: false;
94
- default: string;
95
- };
96
- errorMsg: {
97
- type: StringConstructor;
98
- required: false;
99
- default: string;
100
- };
101
- }, {
102
- props: any;
103
- state: {
104
- value: string;
105
- };
106
- emit: (event: "update:modelValue", ...args: any[]) => void;
107
- onInput: (e: Event) => void;
108
- Label: import("vue").DefineComponent<{
109
- id: {
110
- type: any;
111
- required: true;
112
- default: string;
113
- };
114
- for: {
115
- type: any;
116
- required: true;
117
- default: string;
118
- };
119
- text: {
120
- type: (StringConstructor | NumberConstructor)[];
121
- required: true;
122
- default: string;
123
- };
124
- }, {
125
- props: any;
126
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
127
- id: {
128
- type: any;
129
- required: true;
130
- default: string;
131
- };
132
- for: {
133
- type: any;
134
- required: true;
135
- default: string;
136
- };
137
- text: {
138
- type: (StringConstructor | NumberConstructor)[];
139
- required: true;
140
- default: string;
141
- };
142
- }>>, {
143
- text: string | number;
144
- }>;
145
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
146
- id: {
147
- type: any;
148
- required: true;
149
- default: string;
150
- };
151
- modelValue: {
152
- type: any;
153
- required: false;
154
- default: string;
155
- };
156
- label: {
157
- type: any;
158
- required: false;
159
- default: string;
160
- };
161
- placeholder: {
162
- type: any;
163
- required: false;
164
- default: string;
165
- };
166
- disabled: {
167
- type: any;
168
- required: false;
169
- default: boolean;
170
- };
171
- hint: {
172
- type: StringConstructor;
173
- required: false;
174
- default: string;
175
- };
176
- errorMsg: {
177
- type: StringConstructor;
178
- required: false;
179
- default: string;
180
- };
181
- }>> & {
182
- "onUpdate:modelValue"?: (...args: any[]) => any;
183
- }, {
184
- disabled: any;
185
- modelValue: any;
186
- label: any;
187
- hint: string;
188
- errorMsg: string;
189
- placeholder: any;
190
- }>;
191
- export default _sfc_main;
@@ -1,441 +0,0 @@
1
- import { type CSSProperties, type HTMLAttributes, type InputHTMLAttributes, type LabelHTMLAttributes } from 'vue';
2
- export interface Props {
3
- /**
4
- * id of the textfield
5
- * @type HTMLAttributes['id']
6
- * @default ''
7
- * @example
8
- * <Textfield id="textfield" />
9
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
10
- */
11
- id: HTMLAttributes['id'];
12
- /**
13
- * Input type
14
- * @type 'text' | 'password' | 'email' | 'number' | 'tel' | 'url'
15
- * @default 'text'
16
- * @example
17
- * <Textfield type="password" />
18
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
19
- */
20
- type: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
21
- /**
22
- * Input value
23
- * @type InputHTMLAttributes['value'];
24
- * @default ''
25
- * @example
26
- * <Textfield modelValue="Hello" />
27
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
28
- */
29
- modelValue?: InputHTMLAttributes['value'];
30
- /**
31
- * label of the textfield
32
- * @type LabelHTMLAttributes['label']
33
- * @default ''
34
- * @example
35
- * <Textfield label="Textfield" />
36
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
37
- */
38
- label?: LabelHTMLAttributes['for'];
39
- /**
40
- * Placeholder text
41
- * @type InputHTMLAttributes['placeholder'];
42
- * @default ''
43
- * @example
44
- * <Textfield placeholder="Placeholder" />
45
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
46
- */
47
- placeholder?: InputHTMLAttributes['placeholder'];
48
- /**
49
- * Error message
50
- * @type string
51
- * @default ''
52
- * @example
53
- * <Textfield errorMsg="This is an error" />
54
- */
55
- errorMsg?: string;
56
- /**
57
- * Hint text
58
- * @type string
59
- * @default ''
60
- * @example
61
- * <Textfield hint="This is a hint" />
62
- */
63
- hint?: string;
64
- /**
65
- * Icon to prepend
66
- * @type string
67
- * @default ''
68
- * @example
69
- * <Textfield prependIcon="lock_outline" />
70
- */
71
- prependIcon?: string;
72
- /**
73
- * Icon to append
74
- * @type string
75
- * @default ''
76
- * @example
77
- * <Textfield appendIcon="lock_outline" />
78
- */
79
- appendIcon?: string;
80
- /**
81
- * Color of the icon
82
- * @type CSSProperties['color']
83
- * @default ''
84
- * @example
85
- * <Textfield iconColor="red" />
86
- */
87
- iconColor?: CSSProperties['color'];
88
- /**
89
- * Input disabled state
90
- * @type InputHTMLAttributes['disabled']
91
- * @default false
92
- * @example
93
- * <Textfield disabled="true" />
94
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled
95
- */
96
- disabled?: InputHTMLAttributes['disabled'];
97
- /**
98
- * Input loading state
99
- * @type boolean
100
- * @default false
101
- * @example
102
- * <Textfield loading="true" />
103
- */
104
- loading?: boolean;
105
- /**
106
- * Input clearable state
107
- * @type boolean
108
- * @default false
109
- * @example
110
- * <Textfield clearable="true" />
111
- */
112
- clearable?: boolean;
113
- }
114
- declare const _sfc_main: import("vue").DefineComponent<{
115
- id: {
116
- type: any;
117
- required: true;
118
- default: string;
119
- };
120
- type: {
121
- type: StringConstructor;
122
- required: true;
123
- default: string;
124
- };
125
- modelValue: {
126
- type: any;
127
- required: false;
128
- default: string;
129
- };
130
- label: {
131
- type: any;
132
- required: false;
133
- default: string;
134
- };
135
- placeholder: {
136
- type: any;
137
- required: false;
138
- default: string;
139
- };
140
- errorMsg: {
141
- type: StringConstructor;
142
- required: false;
143
- default: string;
144
- };
145
- hint: {
146
- type: StringConstructor;
147
- required: false;
148
- default: string;
149
- };
150
- prependIcon: {
151
- type: StringConstructor;
152
- required: false;
153
- default: string;
154
- };
155
- appendIcon: {
156
- type: StringConstructor;
157
- required: false;
158
- default: string;
159
- };
160
- iconColor: {
161
- type: any;
162
- required: false;
163
- default: string;
164
- };
165
- disabled: {
166
- type: any;
167
- required: false;
168
- default: boolean;
169
- };
170
- loading: {
171
- type: BooleanConstructor;
172
- required: false;
173
- default: boolean;
174
- };
175
- clearable: {
176
- type: BooleanConstructor;
177
- required: false;
178
- default: boolean;
179
- };
180
- }, {
181
- inputRef: import("vue").Ref<HTMLInputElement>;
182
- props: any;
183
- emit: (event: "update:modelValue" | "blur" | "focus" | "click:icon" | "click:clear", ...args: any[]) => void;
184
- state: {
185
- value: string;
186
- };
187
- typeOfInputRef: import("vue").Ref<"number" | "text" | "password" | "email" | "tel" | "url">;
188
- prependIconsOfType: {
189
- password: string;
190
- email: string;
191
- tel: string;
192
- url: string;
193
- number: string;
194
- text: string;
195
- };
196
- isFocused: import("vue").Ref<boolean>;
197
- isFilled: import("vue").ComputedRef<boolean>;
198
- classes: import("vue").ComputedRef<{
199
- textfield: boolean;
200
- 'textfield--error': number;
201
- 'textfield--loading': boolean;
202
- 'textfield--disabled': boolean | "true" | "false";
203
- 'textfield--clearable': boolean;
204
- 'textfield--focus': boolean;
205
- 'textfield--filled': boolean;
206
- }>;
207
- prependIconClasses: import("vue").ComputedRef<{
208
- 'textfield__prepend-icon': boolean;
209
- 'textfield__prepend-icon--loading': boolean;
210
- 'textfield__prepend-icon--error': boolean;
211
- }>;
212
- appendIconClasses: import("vue").ComputedRef<{
213
- 'textfield__append-icon': boolean;
214
- 'textfield__append-icon--clear': boolean;
215
- 'textfield__append-icon--error': number;
216
- }>;
217
- hasValue: import("vue").ComputedRef<boolean>;
218
- hasErrorMsg: import("vue").ComputedRef<number>;
219
- hasClear: import("vue").ComputedRef<boolean>;
220
- prependIconName: import("vue").ComputedRef<string>;
221
- appendIconName: import("vue").ComputedRef<string>;
222
- onFocus: () => void;
223
- onBlur: () => void;
224
- clickIcon: () => void;
225
- setPassType: () => void;
226
- onInput: (e: Event) => void;
227
- Icon: import("vue").DefineComponent<{
228
- name: {
229
- type: StringConstructor;
230
- required: true;
231
- default: string;
232
- };
233
- kind: {
234
- type: StringConstructor;
235
- required: false;
236
- default: string;
237
- };
238
- fontSize: {
239
- type: any; /**
240
- * label of the textfield
241
- * @type LabelHTMLAttributes['label']
242
- * @default ''
243
- * @example
244
- * <Textfield label="Textfield" />
245
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
246
- */
247
- required: false;
248
- default: number;
249
- };
250
- color: {
251
- type: any;
252
- required: false;
253
- default: string;
254
- };
255
- fontWeight: {
256
- type: any;
257
- required: false;
258
- default: string;
259
- };
260
- }, {
261
- props: any;
262
- styles: import("vue").ComputedRef<{
263
- fontSize: string;
264
- fontWeight: import("csstype").FontWeightProperty;
265
- color: string;
266
- display: string;
267
- alignItems: string;
268
- justifyContent: string;
269
- }>;
270
- classes: import("vue").ComputedRef<string>;
271
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
272
- name: {
273
- type: StringConstructor;
274
- required: true;
275
- default: string;
276
- };
277
- kind: {
278
- type: StringConstructor;
279
- required: false;
280
- default: string;
281
- };
282
- fontSize: {
283
- type: any; /**
284
- * label of the textfield
285
- * @type LabelHTMLAttributes['label']
286
- * @default ''
287
- * @example
288
- * <Textfield label="Textfield" />
289
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
290
- */
291
- required: false;
292
- default: number;
293
- };
294
- color: {
295
- type: any;
296
- required: false;
297
- default: string;
298
- };
299
- fontWeight: {
300
- type: any;
301
- required: false;
302
- default: string;
303
- };
304
- }>>, {
305
- name: string;
306
- kind: string;
307
- fontSize: any;
308
- color: any;
309
- fontWeight: any;
310
- }>;
311
- Label: import("vue").DefineComponent<{
312
- id: {
313
- type: any;
314
- required: true;
315
- default: string;
316
- };
317
- for: {
318
- type: any;
319
- required: true;
320
- default: string;
321
- };
322
- text: {
323
- type: (StringConstructor | NumberConstructor)[];
324
- required: true;
325
- default: string;
326
- };
327
- }, {
328
- props: any; /**
329
- * label of the textfield
330
- * @type LabelHTMLAttributes['label']
331
- * @default ''
332
- * @example
333
- * <Textfield label="Textfield" />
334
- * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
335
- */
336
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
337
- id: {
338
- type: any;
339
- required: true;
340
- default: string;
341
- };
342
- for: {
343
- type: any;
344
- required: true;
345
- default: string;
346
- };
347
- text: {
348
- type: (StringConstructor | NumberConstructor)[];
349
- required: true;
350
- default: string;
351
- };
352
- }>>, {
353
- text: string | number;
354
- }>;
355
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "click:icon" | "click:clear")[], "update:modelValue" | "blur" | "focus" | "click:icon" | "click:clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
356
- id: {
357
- type: any;
358
- required: true;
359
- default: string;
360
- };
361
- type: {
362
- type: StringConstructor;
363
- required: true;
364
- default: string;
365
- };
366
- modelValue: {
367
- type: any;
368
- required: false;
369
- default: string;
370
- };
371
- label: {
372
- type: any;
373
- required: false;
374
- default: string;
375
- };
376
- placeholder: {
377
- type: any;
378
- required: false;
379
- default: string;
380
- };
381
- errorMsg: {
382
- type: StringConstructor;
383
- required: false;
384
- default: string;
385
- };
386
- hint: {
387
- type: StringConstructor;
388
- required: false;
389
- default: string;
390
- };
391
- prependIcon: {
392
- type: StringConstructor;
393
- required: false;
394
- default: string;
395
- };
396
- appendIcon: {
397
- type: StringConstructor;
398
- required: false;
399
- default: string;
400
- };
401
- iconColor: {
402
- type: any;
403
- required: false;
404
- default: string;
405
- };
406
- disabled: {
407
- type: any;
408
- required: false;
409
- default: boolean;
410
- };
411
- loading: {
412
- type: BooleanConstructor;
413
- required: false;
414
- default: boolean;
415
- };
416
- clearable: {
417
- type: BooleanConstructor;
418
- required: false;
419
- default: boolean;
420
- };
421
- }>> & {
422
- onFocus?: (...args: any[]) => any;
423
- onBlur?: (...args: any[]) => any;
424
- "onUpdate:modelValue"?: (...args: any[]) => any;
425
- "onClick:icon"?: (...args: any[]) => any;
426
- "onClick:clear"?: (...args: any[]) => any;
427
- }, {
428
- type: string;
429
- loading: boolean;
430
- disabled: any;
431
- prependIcon: string;
432
- appendIcon: string;
433
- modelValue: any;
434
- label: any;
435
- hint: string;
436
- errorMsg: string;
437
- placeholder: any;
438
- iconColor: any;
439
- clearable: boolean;
440
- }>;
441
- export default _sfc_main;