yuyeon 0.0.42-rc15 → 0.0.42-rc16
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/yuyeon.js +2632 -2678
- package/dist/yuyeon.umd.cjs +6 -6
- package/lib/components/field-input/YFieldInput.mjs +1 -1
- package/lib/components/field-input/YFieldInput.mjs.map +1 -1
- package/lib/components/input/YInput.mjs +170 -311
- package/lib/components/input/YInput.mjs.map +1 -1
- package/lib/components/select/YSelect.mjs +7 -3
- package/lib/components/select/YSelect.mjs.map +1 -1
- package/lib/components/textarea/YTextarea.mjs +1 -1
- package/lib/components/textarea/YTextarea.mjs.map +1 -1
- package/lib/composables/communication.mjs.map +1 -1
- package/lib/composables/icon.mjs +23 -3
- package/lib/composables/icon.mjs.map +1 -1
- package/lib/composables/validation.mjs +100 -0
- package/lib/composables/validation.mjs.map +1 -0
- package/package.json +1 -1
- package/types/components/date-picker/YDateCalendar.d.ts +9 -3
- package/types/components/dialog/YDialog.d.ts +3 -1
- package/types/components/field-input/YFieldInput.d.ts +86 -42
- package/types/components/input/YInput.d.ts +88 -84
- package/types/components/pagination/YPagination.d.ts +3 -1
- package/types/components/select/YSelect.d.ts +87 -43
- package/types/components/snackbar/YSnackbar.d.ts +3 -1
- package/types/components/table/composibles/pagination.d.ts +6 -2
- package/types/components/table/composibles/sorting.d.ts +3 -1
- package/types/components/textarea/YTextarea.d.ts +130 -215
- package/types/composables/communication.d.ts +7 -2
- package/types/composables/focus.d.ts +3 -1
- package/types/composables/icon.d.ts +1 -1
- package/types/composables/validation.d.ts +70 -0
|
@@ -3,6 +3,13 @@ import type { PropType } from 'vue';
|
|
|
3
3
|
export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
4
4
|
focused?: unknown;
|
|
5
5
|
'onUpdate:focused'?: unknown;
|
|
6
|
+
readonly?: unknown;
|
|
7
|
+
disabled?: unknown;
|
|
8
|
+
status?: unknown;
|
|
9
|
+
validators?: unknown;
|
|
10
|
+
validateOn?: unknown;
|
|
11
|
+
validationValue?: unknown;
|
|
12
|
+
maxErrors?: unknown;
|
|
6
13
|
name?: unknown;
|
|
7
14
|
width?: unknown;
|
|
8
15
|
height?: unknown;
|
|
@@ -19,10 +26,6 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
19
26
|
outlined?: unknown;
|
|
20
27
|
filled?: unknown;
|
|
21
28
|
ceramic?: unknown;
|
|
22
|
-
readonly?: unknown;
|
|
23
|
-
disabled?: unknown;
|
|
24
|
-
status?: unknown;
|
|
25
|
-
validators?: unknown;
|
|
26
29
|
displayText?: unknown;
|
|
27
30
|
whenInputValid?: unknown;
|
|
28
31
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
@@ -34,6 +37,50 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
34
37
|
type: PropType<unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"]>;
|
|
35
38
|
default: unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"];
|
|
36
39
|
};
|
|
40
|
+
readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
|
|
41
|
+
type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
|
|
42
|
+
default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
|
|
43
|
+
};
|
|
44
|
+
disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
|
|
45
|
+
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
|
|
46
|
+
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
|
|
47
|
+
};
|
|
48
|
+
status: unknown extends Defaults["status"] ? {
|
|
49
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
50
|
+
validator(value: string): boolean;
|
|
51
|
+
} : Omit<{
|
|
52
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
53
|
+
validator(value: string): boolean;
|
|
54
|
+
}, "type" | "default"> & {
|
|
55
|
+
type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"]>;
|
|
56
|
+
default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"];
|
|
57
|
+
};
|
|
58
|
+
validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => string | boolean)[]> : {
|
|
59
|
+
type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"]>;
|
|
60
|
+
default: unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"];
|
|
61
|
+
};
|
|
62
|
+
validateOn: unknown extends Defaults["validateOn"] ? {
|
|
63
|
+
type: PropType<string>;
|
|
64
|
+
} : Omit<{
|
|
65
|
+
type: PropType<string>;
|
|
66
|
+
}, "type" | "default"> & {
|
|
67
|
+
type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
|
|
68
|
+
default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
|
|
69
|
+
};
|
|
70
|
+
validationValue: unknown extends Defaults["validationValue"] ? null : {
|
|
71
|
+
type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
|
|
72
|
+
default: unknown extends Defaults["validationValue"] ? any : any;
|
|
73
|
+
};
|
|
74
|
+
maxErrors: unknown extends Defaults["maxErrors"] ? {
|
|
75
|
+
type: PropType<string | number>;
|
|
76
|
+
default: number;
|
|
77
|
+
} : Omit<{
|
|
78
|
+
type: PropType<string | number>;
|
|
79
|
+
default: number;
|
|
80
|
+
}, "type" | "default"> & {
|
|
81
|
+
type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
|
|
82
|
+
default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
|
|
83
|
+
};
|
|
37
84
|
name: unknown extends Defaults["name"] ? StringConstructor : {
|
|
38
85
|
type: PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
|
|
39
86
|
default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
|
|
@@ -136,28 +183,6 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
136
183
|
type: PropType<unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"]>;
|
|
137
184
|
default: unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"];
|
|
138
185
|
};
|
|
139
|
-
readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
|
|
140
|
-
type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
|
|
141
|
-
default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
|
|
142
|
-
};
|
|
143
|
-
disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
|
|
144
|
-
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
|
|
145
|
-
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
|
|
146
|
-
};
|
|
147
|
-
status: unknown extends Defaults["status"] ? {
|
|
148
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
149
|
-
validator(value: string): boolean;
|
|
150
|
-
} : Omit<{
|
|
151
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
152
|
-
validator(value: string): boolean;
|
|
153
|
-
}, "type" | "default"> & {
|
|
154
|
-
type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"]>;
|
|
155
|
-
default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"];
|
|
156
|
-
};
|
|
157
|
-
validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => string | boolean)[]> : {
|
|
158
|
-
type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"]>;
|
|
159
|
-
default: unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"];
|
|
160
|
-
};
|
|
161
186
|
displayText: unknown extends Defaults["displayText"] ? PropType<string | ((value: any) => string)> : {
|
|
162
187
|
type: PropType<unknown extends Defaults["displayText"] ? string | ((value: any) => string) : Defaults["displayText"] | NonNullable<string | ((value: any) => string)>>;
|
|
163
188
|
default: unknown extends Defaults["displayText"] ? string | ((value: any) => string) : Defaults["displayText"] | NonNullable<string | ((value: any) => string)>;
|
|
@@ -170,6 +195,21 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
170
195
|
export declare const YTextarea: import("vue").DefineComponent<{
|
|
171
196
|
focused: BooleanConstructor;
|
|
172
197
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
198
|
+
readonly: PropType<boolean>;
|
|
199
|
+
disabled: PropType<boolean>;
|
|
200
|
+
status: {
|
|
201
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
202
|
+
validator(value: string): boolean;
|
|
203
|
+
};
|
|
204
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
205
|
+
validateOn: {
|
|
206
|
+
type: PropType<string>;
|
|
207
|
+
};
|
|
208
|
+
validationValue: null;
|
|
209
|
+
maxErrors: {
|
|
210
|
+
type: PropType<string | number>;
|
|
211
|
+
default: number;
|
|
212
|
+
};
|
|
173
213
|
name: StringConstructor;
|
|
174
214
|
width: {
|
|
175
215
|
type: PropType<string | number>;
|
|
@@ -205,31 +245,18 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
205
245
|
outlined: PropType<boolean>;
|
|
206
246
|
filled: PropType<boolean>;
|
|
207
247
|
ceramic: PropType<boolean>;
|
|
208
|
-
readonly: PropType<boolean>;
|
|
209
|
-
disabled: PropType<boolean>;
|
|
210
|
-
status: {
|
|
211
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
212
|
-
validator(value: string): boolean;
|
|
213
|
-
};
|
|
214
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
215
248
|
displayText: PropType<string | ((value: any) => string)>;
|
|
216
249
|
whenInputValid: PropType<number | boolean>;
|
|
217
250
|
}, {
|
|
218
251
|
el$: import("vue").Ref<({
|
|
219
252
|
$: import("vue").ComponentInternalInstance;
|
|
220
|
-
$data: {
|
|
221
|
-
iid: string;
|
|
222
|
-
lazyValue: string | undefined;
|
|
223
|
-
inValue: string | number | undefined;
|
|
224
|
-
hasMouseDown: boolean;
|
|
225
|
-
errorResult: string | undefined;
|
|
226
|
-
inError: boolean;
|
|
227
|
-
};
|
|
253
|
+
$data: {};
|
|
228
254
|
$props: {
|
|
229
255
|
displayTag?: string | undefined;
|
|
230
256
|
autoSelect?: boolean | undefined;
|
|
231
257
|
floating?: boolean | undefined;
|
|
232
258
|
floated?: boolean | undefined;
|
|
259
|
+
maxErrors?: string | number | undefined;
|
|
233
260
|
focused?: boolean | undefined;
|
|
234
261
|
readonly name?: string | undefined;
|
|
235
262
|
readonly required?: boolean | undefined;
|
|
@@ -244,12 +271,14 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
244
271
|
readonly height?: string | number | undefined;
|
|
245
272
|
readonly modelValue?: any;
|
|
246
273
|
readonly status?: "success" | "warning" | "error" | undefined;
|
|
274
|
+
readonly validateOn?: string | undefined;
|
|
275
|
+
readonly validationValue?: any;
|
|
276
|
+
readonly readonly?: boolean | undefined;
|
|
277
|
+
readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
|
|
247
278
|
'onUpdate:focused'?: (((v: boolean) => void) & ((...args: any[]) => any)) | undefined;
|
|
248
279
|
readonly label?: string | undefined;
|
|
249
280
|
readonly placeholder?: string | undefined;
|
|
250
281
|
readonly ceramic?: boolean | undefined;
|
|
251
|
-
readonly readonly?: boolean | undefined;
|
|
252
|
-
readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
|
|
253
282
|
onError?: ((...args: any[]) => any) | undefined;
|
|
254
283
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
255
284
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
@@ -335,6 +364,21 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
335
364
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
336
365
|
focused: BooleanConstructor;
|
|
337
366
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
367
|
+
readonly: PropType<boolean>;
|
|
368
|
+
disabled: PropType<boolean>;
|
|
369
|
+
status: {
|
|
370
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
371
|
+
validator(value: string): boolean;
|
|
372
|
+
};
|
|
373
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
374
|
+
validateOn: {
|
|
375
|
+
type: PropType<string>;
|
|
376
|
+
};
|
|
377
|
+
validationValue: null;
|
|
378
|
+
maxErrors: {
|
|
379
|
+
type: PropType<string | number>;
|
|
380
|
+
default: number;
|
|
381
|
+
};
|
|
338
382
|
name: StringConstructor;
|
|
339
383
|
width: {
|
|
340
384
|
type: PropType<string | number>;
|
|
@@ -367,13 +411,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
367
411
|
outlined: PropType<boolean>;
|
|
368
412
|
filled: PropType<boolean>;
|
|
369
413
|
ceramic: PropType<boolean>;
|
|
370
|
-
readonly: PropType<boolean>;
|
|
371
|
-
disabled: PropType<boolean>;
|
|
372
|
-
status: {
|
|
373
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
374
|
-
validator(value: string): boolean;
|
|
375
|
-
};
|
|
376
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
377
414
|
theme: PropType<string>;
|
|
378
415
|
}>> & {
|
|
379
416
|
"onUpdate:focused"?: ((...args: any[]) => any) | undefined;
|
|
@@ -389,92 +426,23 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
389
426
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
390
427
|
}, {
|
|
391
428
|
themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
|
|
392
|
-
isFocused: import("vue").WritableComputedRef<any
|
|
429
|
+
isFocused: import("vue").WritableComputedRef<any> & {
|
|
430
|
+
readonly rxValue: any;
|
|
431
|
+
};
|
|
393
432
|
focusedClasses: import("vue").ComputedRef<{
|
|
394
433
|
[x: string]: any;
|
|
395
434
|
}>;
|
|
396
435
|
whenFocus: () => void;
|
|
397
436
|
whenBlur: () => void;
|
|
398
|
-
|
|
399
|
-
iid: string;
|
|
400
|
-
lazyValue: string | undefined;
|
|
401
|
-
inValue: string | number | undefined;
|
|
402
|
-
hasMouseDown: boolean;
|
|
403
|
-
errorResult: string | undefined;
|
|
404
|
-
inError: boolean;
|
|
405
|
-
}, {
|
|
406
|
-
classes(): Record<string, boolean>;
|
|
407
|
-
displayStyles(): Record<string, any>;
|
|
408
|
-
attrId(): string;
|
|
409
|
-
isFloatedLabel(): boolean;
|
|
410
|
-
formLoading(): boolean;
|
|
411
|
-
isError(): boolean;
|
|
412
|
-
isSuccess(): boolean;
|
|
413
|
-
variations(): string[];
|
|
414
|
-
}, {
|
|
415
|
-
createPrepend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
416
|
-
[key: string]: any;
|
|
417
|
-
}> | undefined;
|
|
418
|
-
createAppend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
419
|
-
[key: string]: any;
|
|
420
|
-
}> | undefined;
|
|
421
|
-
createLabelSlot(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
422
|
-
[key: string]: any;
|
|
423
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
424
|
-
[key: string]: any;
|
|
425
|
-
}>[] | undefined)[];
|
|
426
|
-
createLabel(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
427
|
-
[key: string]: any;
|
|
428
|
-
}> | undefined;
|
|
429
|
-
createDefaultChildren(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
430
|
-
[key: string]: any;
|
|
431
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
432
|
-
[key: string]: any;
|
|
433
|
-
}>[] | undefined)[];
|
|
434
|
-
createDefault(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
435
|
-
[key: string]: any;
|
|
436
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
437
|
-
[key: string]: any;
|
|
438
|
-
}>[];
|
|
439
|
-
createLeading(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
437
|
+
createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
440
438
|
[key: string]: any;
|
|
441
439
|
}> | undefined;
|
|
442
|
-
|
|
443
|
-
[key: string]: any;
|
|
444
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
445
|
-
[key: string]: any;
|
|
446
|
-
}>[] | undefined;
|
|
447
|
-
getDisplayHeight(): string | number | undefined;
|
|
448
|
-
createDisplay(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
449
|
-
[key: string]: any;
|
|
450
|
-
}>;
|
|
451
|
-
createHelperText(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
452
|
-
[key: string]: any;
|
|
453
|
-
}>;
|
|
454
|
-
createStackChildren(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
455
|
-
[key: string]: any;
|
|
456
|
-
}> | undefined)[];
|
|
457
|
-
createStack(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
458
|
-
[key: string]: any;
|
|
459
|
-
}>;
|
|
460
|
-
createContent(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
461
|
-
[key: string]: any;
|
|
462
|
-
}> | undefined)[];
|
|
463
|
-
onClick(event: MouseEvent): void;
|
|
464
|
-
onMousedown(e: Event): void;
|
|
465
|
-
onMouseup(e: Event): void;
|
|
466
|
-
onFocus(event: FocusEvent): void;
|
|
467
|
-
onBlur(event: FocusEvent): void;
|
|
468
|
-
onClickLeading(event: MouseEvent): void;
|
|
469
|
-
onChange(event?: Event | undefined): void;
|
|
470
|
-
invokeValidators(): boolean;
|
|
471
|
-
resetError(): void;
|
|
472
|
-
getClasses(): Record<string, boolean>;
|
|
473
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
|
|
440
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
|
|
474
441
|
displayTag: string;
|
|
475
442
|
autoSelect: boolean;
|
|
476
443
|
floating: boolean;
|
|
477
444
|
floated: boolean;
|
|
445
|
+
maxErrors: string | number;
|
|
478
446
|
focused: boolean;
|
|
479
447
|
}, {}, string, SlotsType<{
|
|
480
448
|
prepend: any;
|
|
@@ -516,6 +484,21 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
516
484
|
} & Readonly<import("vue").ExtractPropTypes<{
|
|
517
485
|
focused: BooleanConstructor;
|
|
518
486
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
487
|
+
readonly: PropType<boolean>;
|
|
488
|
+
disabled: PropType<boolean>;
|
|
489
|
+
status: {
|
|
490
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
491
|
+
validator(value: string): boolean;
|
|
492
|
+
};
|
|
493
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
494
|
+
validateOn: {
|
|
495
|
+
type: PropType<string>;
|
|
496
|
+
};
|
|
497
|
+
validationValue: null;
|
|
498
|
+
maxErrors: {
|
|
499
|
+
type: PropType<string | number>;
|
|
500
|
+
default: number;
|
|
501
|
+
};
|
|
519
502
|
name: StringConstructor;
|
|
520
503
|
width: {
|
|
521
504
|
type: PropType<string | number>;
|
|
@@ -548,13 +531,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
548
531
|
outlined: PropType<boolean>;
|
|
549
532
|
filled: PropType<boolean>;
|
|
550
533
|
ceramic: PropType<boolean>;
|
|
551
|
-
readonly: PropType<boolean>;
|
|
552
|
-
disabled: PropType<boolean>;
|
|
553
|
-
status: {
|
|
554
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
555
|
-
validator(value: string): boolean;
|
|
556
|
-
};
|
|
557
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
558
534
|
theme: PropType<string>;
|
|
559
535
|
}>> & {
|
|
560
536
|
"onUpdate:focused"?: ((...args: any[]) => any) | undefined;
|
|
@@ -570,88 +546,18 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
570
546
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
571
547
|
} & import("vue").ShallowUnwrapRef<{
|
|
572
548
|
themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
|
|
573
|
-
isFocused: import("vue").WritableComputedRef<any
|
|
549
|
+
isFocused: import("vue").WritableComputedRef<any> & {
|
|
550
|
+
readonly rxValue: any;
|
|
551
|
+
};
|
|
574
552
|
focusedClasses: import("vue").ComputedRef<{
|
|
575
553
|
[x: string]: any;
|
|
576
554
|
}>;
|
|
577
555
|
whenFocus: () => void;
|
|
578
556
|
whenBlur: () => void;
|
|
579
|
-
|
|
580
|
-
iid: string;
|
|
581
|
-
lazyValue: string | undefined;
|
|
582
|
-
inValue: string | number | undefined;
|
|
583
|
-
hasMouseDown: boolean;
|
|
584
|
-
errorResult: string | undefined;
|
|
585
|
-
inError: boolean;
|
|
586
|
-
} & {
|
|
587
|
-
classes: Record<string, boolean>;
|
|
588
|
-
displayStyles: Record<string, any>;
|
|
589
|
-
attrId: string;
|
|
590
|
-
isFloatedLabel: boolean;
|
|
591
|
-
formLoading: boolean;
|
|
592
|
-
isError: boolean;
|
|
593
|
-
isSuccess: boolean;
|
|
594
|
-
variations: string[];
|
|
595
|
-
} & {
|
|
596
|
-
createPrepend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
597
|
-
[key: string]: any;
|
|
598
|
-
}> | undefined;
|
|
599
|
-
createAppend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
600
|
-
[key: string]: any;
|
|
601
|
-
}> | undefined;
|
|
602
|
-
createLabelSlot(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
603
|
-
[key: string]: any;
|
|
604
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
605
|
-
[key: string]: any;
|
|
606
|
-
}>[] | undefined)[];
|
|
607
|
-
createLabel(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
608
|
-
[key: string]: any;
|
|
609
|
-
}> | undefined;
|
|
610
|
-
createDefaultChildren(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
611
|
-
[key: string]: any;
|
|
612
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
613
|
-
[key: string]: any;
|
|
614
|
-
}>[] | undefined)[];
|
|
615
|
-
createDefault(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
616
|
-
[key: string]: any;
|
|
617
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
618
|
-
[key: string]: any;
|
|
619
|
-
}>[];
|
|
620
|
-
createLeading(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
557
|
+
createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
621
558
|
[key: string]: any;
|
|
622
559
|
}> | undefined;
|
|
623
|
-
|
|
624
|
-
[key: string]: any;
|
|
625
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
626
|
-
[key: string]: any;
|
|
627
|
-
}>[] | undefined;
|
|
628
|
-
getDisplayHeight(): string | number | undefined;
|
|
629
|
-
createDisplay(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
630
|
-
[key: string]: any;
|
|
631
|
-
}>;
|
|
632
|
-
createHelperText(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
633
|
-
[key: string]: any;
|
|
634
|
-
}>;
|
|
635
|
-
createStackChildren(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
636
|
-
[key: string]: any;
|
|
637
|
-
}> | undefined)[];
|
|
638
|
-
createStack(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
639
|
-
[key: string]: any;
|
|
640
|
-
}>;
|
|
641
|
-
createContent(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
642
|
-
[key: string]: any;
|
|
643
|
-
}> | undefined)[];
|
|
644
|
-
onClick(event: MouseEvent): void;
|
|
645
|
-
onMousedown(e: Event): void;
|
|
646
|
-
onMouseup(e: Event): void;
|
|
647
|
-
onFocus(event: FocusEvent): void;
|
|
648
|
-
onBlur(event: FocusEvent): void;
|
|
649
|
-
onClickLeading(event: MouseEvent): void;
|
|
650
|
-
onChange(event?: Event | undefined): void;
|
|
651
|
-
invokeValidators(): boolean;
|
|
652
|
-
resetError(): void;
|
|
653
|
-
getClasses(): Record<string, boolean>;
|
|
654
|
-
} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
560
|
+
}> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
655
561
|
input$: import("vue").Ref<any>;
|
|
656
562
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
657
563
|
'update:modelValue': (v: any) => true;
|
|
@@ -667,6 +573,21 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
667
573
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
668
574
|
focused: BooleanConstructor;
|
|
669
575
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
576
|
+
readonly: PropType<boolean>;
|
|
577
|
+
disabled: PropType<boolean>;
|
|
578
|
+
status: {
|
|
579
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
580
|
+
validator(value: string): boolean;
|
|
581
|
+
};
|
|
582
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
583
|
+
validateOn: {
|
|
584
|
+
type: PropType<string>;
|
|
585
|
+
};
|
|
586
|
+
validationValue: null;
|
|
587
|
+
maxErrors: {
|
|
588
|
+
type: PropType<string | number>;
|
|
589
|
+
default: number;
|
|
590
|
+
};
|
|
670
591
|
name: StringConstructor;
|
|
671
592
|
width: {
|
|
672
593
|
type: PropType<string | number>;
|
|
@@ -702,13 +623,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
702
623
|
outlined: PropType<boolean>;
|
|
703
624
|
filled: PropType<boolean>;
|
|
704
625
|
ceramic: PropType<boolean>;
|
|
705
|
-
readonly: PropType<boolean>;
|
|
706
|
-
disabled: PropType<boolean>;
|
|
707
|
-
status: {
|
|
708
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
709
|
-
validator(value: string): boolean;
|
|
710
|
-
};
|
|
711
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
712
626
|
displayText: PropType<string | ((value: any) => string)>;
|
|
713
627
|
whenInputValid: PropType<number | boolean>;
|
|
714
628
|
}>> & {
|
|
@@ -718,8 +632,8 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
718
632
|
onBlur?: ((e: FocusEvent) => any) | undefined;
|
|
719
633
|
"onMousedown:display"?: ((e: MouseEvent) => any) | undefined;
|
|
720
634
|
"onUpdate:modelValue"?: ((v: any) => any) | undefined;
|
|
721
|
-
onChange?: ((v: any, e: Event) => any) | undefined;
|
|
722
635
|
onInput?: ((v: any) => any) | undefined;
|
|
636
|
+
onChange?: ((v: any, e: Event) => any) | undefined;
|
|
723
637
|
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
|
|
724
638
|
onKeyup?: ((e: KeyboardEvent) => any) | undefined;
|
|
725
639
|
}, {
|
|
@@ -728,6 +642,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
728
642
|
autoSelect: boolean;
|
|
729
643
|
floating: boolean;
|
|
730
644
|
floated: boolean;
|
|
645
|
+
maxErrors: string | number;
|
|
731
646
|
focused: boolean;
|
|
732
647
|
}, SlotsType<{
|
|
733
648
|
default: any;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import type { Ref } from 'vue';
|
|
2
|
-
|
|
3
|
-
export declare function
|
|
2
|
+
import { WritableComputedRef } from "@vue/runtime-core";
|
|
3
|
+
export declare function useModelDuplex(props: any, prop?: string, defaultValue?: any, getIn?: (value?: any) => any, setOut?: (value: any) => any): WritableComputedRef<any> & {
|
|
4
|
+
readonly rxValue: any;
|
|
5
|
+
};
|
|
6
|
+
export declare function useProvided<T>(props: any, prop: string, provided: Ref<T>): WritableComputedRef<any> & {
|
|
7
|
+
readonly rxValue: any;
|
|
8
|
+
};
|
|
@@ -17,7 +17,9 @@ export declare const pressFocusPropsOptions: <Defaults extends {
|
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
export declare function useFocus(props: ExtractPropTypes<typeof focusPropsOptions>, className: string): {
|
|
20
|
-
focused: import("vue").WritableComputedRef<any
|
|
20
|
+
focused: import("vue").WritableComputedRef<any> & {
|
|
21
|
+
readonly rxValue: any;
|
|
22
|
+
};
|
|
21
23
|
whenFocus: () => void;
|
|
22
24
|
whenBlur: () => void;
|
|
23
25
|
focusedClasses: import("vue").ComputedRef<{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { InjectionKey, PropType, Ref } from 'vue';
|
|
2
2
|
import { JSXComponent } from '../types';
|
|
3
3
|
type IconComponent = JSXComponent<IconProps>;
|
|
4
4
|
export type IconValue = string | (string | [path: string, opacity: number])[] | IconComponent | {
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
export declare const pressValidationPropsOptions: <Defaults extends {
|
|
3
|
+
readonly?: unknown;
|
|
4
|
+
disabled?: unknown;
|
|
5
|
+
status?: unknown;
|
|
6
|
+
validators?: unknown;
|
|
7
|
+
validateOn?: unknown;
|
|
8
|
+
validationValue?: unknown;
|
|
9
|
+
maxErrors?: unknown;
|
|
10
|
+
} = {}>(defaults?: Defaults | undefined) => {
|
|
11
|
+
readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
|
|
12
|
+
type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
|
|
13
|
+
default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
|
|
14
|
+
};
|
|
15
|
+
disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
|
|
16
|
+
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
|
|
17
|
+
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
|
|
18
|
+
};
|
|
19
|
+
status: unknown extends Defaults["status"] ? {
|
|
20
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
21
|
+
validator(value: string): boolean;
|
|
22
|
+
} : Omit<{
|
|
23
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
24
|
+
validator(value: string): boolean;
|
|
25
|
+
}, "type" | "default"> & {
|
|
26
|
+
type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : Defaults["status"] | NonNullable<"success" | "warning" | "error" | undefined>>;
|
|
27
|
+
default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : Defaults["status"] | NonNullable<"success" | "warning" | "error" | undefined>;
|
|
28
|
+
};
|
|
29
|
+
validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => boolean | string)[]> : {
|
|
30
|
+
type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : Defaults["validators"] | NonNullable<string[] | ((v: any) => boolean | string)[]>>;
|
|
31
|
+
default: unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : Defaults["validators"] | NonNullable<string[] | ((v: any) => boolean | string)[]>;
|
|
32
|
+
};
|
|
33
|
+
validateOn: unknown extends Defaults["validateOn"] ? {
|
|
34
|
+
type: PropType<string>;
|
|
35
|
+
} : Omit<{
|
|
36
|
+
type: PropType<string>;
|
|
37
|
+
}, "type" | "default"> & {
|
|
38
|
+
type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
|
|
39
|
+
default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
|
|
40
|
+
};
|
|
41
|
+
validationValue: unknown extends Defaults["validationValue"] ? null : {
|
|
42
|
+
type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
|
|
43
|
+
default: unknown extends Defaults["validationValue"] ? any : any;
|
|
44
|
+
};
|
|
45
|
+
maxErrors: unknown extends Defaults["maxErrors"] ? {
|
|
46
|
+
type: PropType<string | number>;
|
|
47
|
+
default: number;
|
|
48
|
+
} : Omit<{
|
|
49
|
+
type: PropType<string | number>;
|
|
50
|
+
default: number;
|
|
51
|
+
}, "type" | "default"> & {
|
|
52
|
+
type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
|
|
53
|
+
default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
export declare function useValidation(props: any, name: string, uid?: number | undefined): {
|
|
57
|
+
invokeValidators: () => Promise<any[]>;
|
|
58
|
+
resetError: () => void;
|
|
59
|
+
validating: import("vue").Ref<boolean>;
|
|
60
|
+
validateOn: import("vue").ComputedRef<{
|
|
61
|
+
blur: boolean;
|
|
62
|
+
input: boolean;
|
|
63
|
+
lazy: boolean;
|
|
64
|
+
submit: boolean;
|
|
65
|
+
}>;
|
|
66
|
+
errorResult: import("vue").Ref<any>;
|
|
67
|
+
errors: import("vue").Ref<any[]>;
|
|
68
|
+
isError: import("vue").ComputedRef<boolean>;
|
|
69
|
+
isSuccess: import("vue").ComputedRef<boolean>;
|
|
70
|
+
};
|