yuyeon 0.0.42-rc9 → 0.0.42-test21
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/style.css +1 -1
- package/dist/yuyeon.js +2925 -2951
- package/dist/yuyeon.umd.cjs +6 -6
- package/lib/components/dialog/YDialog.mjs +2 -1
- package/lib/components/dialog/YDialog.mjs.map +1 -1
- package/lib/components/dialog/YDialog.scss +2 -0
- package/lib/components/field-input/YFieldInput.mjs +14 -7
- package/lib/components/field-input/YFieldInput.mjs.map +1 -1
- package/lib/components/input/YInput.mjs +173 -308
- package/lib/components/input/YInput.mjs.map +1 -1
- package/lib/components/select/YSelect.mjs +18 -6
- 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 +101 -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 +112 -44
- package/types/components/input/YInput.d.ts +114 -85
- package/types/components/pagination/YPagination.d.ts +3 -1
- package/types/components/select/YSelect.d.ts +1330 -135
- 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 +176 -217
- 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 +75 -0
|
@@ -29,7 +29,9 @@ export declare const YSnackbar: import("vue").DefineComponent<{
|
|
|
29
29
|
default: number;
|
|
30
30
|
};
|
|
31
31
|
}, {
|
|
32
|
-
active: import("vue").WritableComputedRef<any
|
|
32
|
+
active: import("vue").WritableComputedRef<any> & {
|
|
33
|
+
readonly rxValue: any;
|
|
34
|
+
};
|
|
33
35
|
hover: import("vue").Ref<boolean>;
|
|
34
36
|
classes: import("vue").ComputedRef<{
|
|
35
37
|
'y-snackbar': boolean;
|
|
@@ -45,8 +45,12 @@ type PaginationProps = {
|
|
|
45
45
|
total?: number | string;
|
|
46
46
|
};
|
|
47
47
|
export declare function createPagination(props: PaginationProps): {
|
|
48
|
-
page: import("vue").WritableComputedRef<any
|
|
49
|
-
|
|
48
|
+
page: import("vue").WritableComputedRef<any> & {
|
|
49
|
+
readonly rxValue: any;
|
|
50
|
+
};
|
|
51
|
+
pageSize: import("vue").WritableComputedRef<any> & {
|
|
52
|
+
readonly rxValue: any;
|
|
53
|
+
};
|
|
50
54
|
};
|
|
51
55
|
export declare function providePagination(options: {
|
|
52
56
|
page: Ref<number>;
|
|
@@ -25,7 +25,9 @@ type SortProps = {
|
|
|
25
25
|
multiSort: boolean;
|
|
26
26
|
};
|
|
27
27
|
export declare function createSorting(props: SortProps): {
|
|
28
|
-
sortBy: import("vue").WritableComputedRef<any
|
|
28
|
+
sortBy: import("vue").WritableComputedRef<any> & {
|
|
29
|
+
readonly rxValue: any;
|
|
30
|
+
};
|
|
29
31
|
multiSort: Ref<boolean>;
|
|
30
32
|
};
|
|
31
33
|
export declare function provideSorting(options: {
|
|
@@ -3,6 +3,14 @@ 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
|
+
helperText?: unknown;
|
|
10
|
+
validators?: unknown;
|
|
11
|
+
validateOn?: unknown;
|
|
12
|
+
validationValue?: unknown;
|
|
13
|
+
maxErrors?: unknown;
|
|
6
14
|
name?: unknown;
|
|
7
15
|
width?: unknown;
|
|
8
16
|
height?: unknown;
|
|
@@ -19,10 +27,6 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
19
27
|
outlined?: unknown;
|
|
20
28
|
filled?: unknown;
|
|
21
29
|
ceramic?: unknown;
|
|
22
|
-
readonly?: unknown;
|
|
23
|
-
disabled?: unknown;
|
|
24
|
-
status?: unknown;
|
|
25
|
-
validators?: unknown;
|
|
26
30
|
displayText?: unknown;
|
|
27
31
|
whenInputValid?: unknown;
|
|
28
32
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
@@ -34,6 +38,54 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
34
38
|
type: PropType<unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"]>;
|
|
35
39
|
default: unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"];
|
|
36
40
|
};
|
|
41
|
+
readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
|
|
42
|
+
type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
|
|
43
|
+
default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
|
|
44
|
+
};
|
|
45
|
+
disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
|
|
46
|
+
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
|
|
47
|
+
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
|
|
48
|
+
};
|
|
49
|
+
status: unknown extends Defaults["status"] ? {
|
|
50
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
51
|
+
validator(value: string): boolean;
|
|
52
|
+
} : Omit<{
|
|
53
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
54
|
+
validator(value: string): boolean;
|
|
55
|
+
}, "type" | "default"> & {
|
|
56
|
+
type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"]>;
|
|
57
|
+
default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"];
|
|
58
|
+
};
|
|
59
|
+
helperText: unknown extends Defaults["helperText"] ? StringConstructor : {
|
|
60
|
+
type: PropType<unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"]>;
|
|
61
|
+
default: unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"];
|
|
62
|
+
};
|
|
63
|
+
validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => string | boolean)[]> : {
|
|
64
|
+
type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"]>;
|
|
65
|
+
default: unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"];
|
|
66
|
+
};
|
|
67
|
+
validateOn: unknown extends Defaults["validateOn"] ? {
|
|
68
|
+
type: PropType<string>;
|
|
69
|
+
} : Omit<{
|
|
70
|
+
type: PropType<string>;
|
|
71
|
+
}, "type" | "default"> & {
|
|
72
|
+
type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
|
|
73
|
+
default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
|
|
74
|
+
};
|
|
75
|
+
validationValue: unknown extends Defaults["validationValue"] ? null : {
|
|
76
|
+
type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
|
|
77
|
+
default: unknown extends Defaults["validationValue"] ? any : any;
|
|
78
|
+
};
|
|
79
|
+
maxErrors: unknown extends Defaults["maxErrors"] ? {
|
|
80
|
+
type: PropType<string | number>;
|
|
81
|
+
default: number;
|
|
82
|
+
} : Omit<{
|
|
83
|
+
type: PropType<string | number>;
|
|
84
|
+
default: number;
|
|
85
|
+
}, "type" | "default"> & {
|
|
86
|
+
type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
|
|
87
|
+
default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
|
|
88
|
+
};
|
|
37
89
|
name: unknown extends Defaults["name"] ? StringConstructor : {
|
|
38
90
|
type: PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
|
|
39
91
|
default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
|
|
@@ -136,28 +188,6 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
136
188
|
type: PropType<unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"]>;
|
|
137
189
|
default: unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"];
|
|
138
190
|
};
|
|
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
191
|
displayText: unknown extends Defaults["displayText"] ? PropType<string | ((value: any) => string)> : {
|
|
162
192
|
type: PropType<unknown extends Defaults["displayText"] ? string | ((value: any) => string) : Defaults["displayText"] | NonNullable<string | ((value: any) => string)>>;
|
|
163
193
|
default: unknown extends Defaults["displayText"] ? string | ((value: any) => string) : Defaults["displayText"] | NonNullable<string | ((value: any) => string)>;
|
|
@@ -170,6 +200,22 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
|
|
|
170
200
|
export declare const YTextarea: import("vue").DefineComponent<{
|
|
171
201
|
focused: BooleanConstructor;
|
|
172
202
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
203
|
+
readonly: PropType<boolean>;
|
|
204
|
+
disabled: PropType<boolean>;
|
|
205
|
+
status: {
|
|
206
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
207
|
+
validator(value: string): boolean;
|
|
208
|
+
};
|
|
209
|
+
helperText: StringConstructor;
|
|
210
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
211
|
+
validateOn: {
|
|
212
|
+
type: PropType<string>;
|
|
213
|
+
};
|
|
214
|
+
validationValue: null;
|
|
215
|
+
maxErrors: {
|
|
216
|
+
type: PropType<string | number>;
|
|
217
|
+
default: number;
|
|
218
|
+
};
|
|
173
219
|
name: StringConstructor;
|
|
174
220
|
width: {
|
|
175
221
|
type: PropType<string | number>;
|
|
@@ -205,31 +251,18 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
205
251
|
outlined: PropType<boolean>;
|
|
206
252
|
filled: PropType<boolean>;
|
|
207
253
|
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
254
|
displayText: PropType<string | ((value: any) => string)>;
|
|
216
255
|
whenInputValid: PropType<number | boolean>;
|
|
217
256
|
}, {
|
|
218
257
|
el$: import("vue").Ref<({
|
|
219
258
|
$: 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
|
-
};
|
|
259
|
+
$data: {};
|
|
228
260
|
$props: {
|
|
229
261
|
displayTag?: string | undefined;
|
|
230
262
|
autoSelect?: boolean | undefined;
|
|
231
263
|
floating?: boolean | undefined;
|
|
232
264
|
floated?: boolean | undefined;
|
|
265
|
+
maxErrors?: string | number | undefined;
|
|
233
266
|
focused?: boolean | undefined;
|
|
234
267
|
readonly name?: string | undefined;
|
|
235
268
|
readonly required?: boolean | undefined;
|
|
@@ -244,12 +277,15 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
244
277
|
readonly height?: string | number | undefined;
|
|
245
278
|
readonly modelValue?: any;
|
|
246
279
|
readonly status?: "success" | "warning" | "error" | undefined;
|
|
280
|
+
readonly helperText?: string | undefined;
|
|
281
|
+
readonly validateOn?: string | undefined;
|
|
282
|
+
readonly validationValue?: any;
|
|
283
|
+
readonly readonly?: boolean | undefined;
|
|
284
|
+
readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
|
|
247
285
|
'onUpdate:focused'?: (((v: boolean) => void) & ((...args: any[]) => any)) | undefined;
|
|
248
286
|
readonly label?: string | undefined;
|
|
249
287
|
readonly placeholder?: string | undefined;
|
|
250
288
|
readonly ceramic?: boolean | undefined;
|
|
251
|
-
readonly readonly?: boolean | undefined;
|
|
252
|
-
readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
|
|
253
289
|
onError?: ((...args: any[]) => any) | undefined;
|
|
254
290
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
255
291
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
@@ -311,7 +347,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
311
347
|
[x: string]: unknown;
|
|
312
348
|
};
|
|
313
349
|
$slots: Readonly<{
|
|
314
|
-
|
|
350
|
+
prepend: any;
|
|
351
|
+
append: any;
|
|
352
|
+
label: any;
|
|
353
|
+
default: import("vue").Slot<{
|
|
354
|
+
value: any;
|
|
355
|
+
formLoading: boolean;
|
|
356
|
+
attrId: string;
|
|
357
|
+
}>;
|
|
358
|
+
leading: import("vue").Slot<{
|
|
359
|
+
error: boolean;
|
|
360
|
+
}>;
|
|
361
|
+
trailing: any;
|
|
362
|
+
'helper-text': import("vue").Slot<{
|
|
363
|
+
error: boolean;
|
|
364
|
+
errorResult: string | undefined;
|
|
365
|
+
}>;
|
|
315
366
|
}>;
|
|
316
367
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
317
368
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
@@ -320,6 +371,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
320
371
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
321
372
|
focused: BooleanConstructor;
|
|
322
373
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
374
|
+
readonly: PropType<boolean>;
|
|
375
|
+
disabled: PropType<boolean>;
|
|
376
|
+
status: {
|
|
377
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
378
|
+
validator(value: string): boolean;
|
|
379
|
+
};
|
|
380
|
+
helperText: StringConstructor;
|
|
381
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
382
|
+
validateOn: {
|
|
383
|
+
type: PropType<string>;
|
|
384
|
+
};
|
|
385
|
+
validationValue: null;
|
|
386
|
+
maxErrors: {
|
|
387
|
+
type: PropType<string | number>;
|
|
388
|
+
default: number;
|
|
389
|
+
};
|
|
323
390
|
name: StringConstructor;
|
|
324
391
|
width: {
|
|
325
392
|
type: PropType<string | number>;
|
|
@@ -352,13 +419,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
352
419
|
outlined: PropType<boolean>;
|
|
353
420
|
filled: PropType<boolean>;
|
|
354
421
|
ceramic: PropType<boolean>;
|
|
355
|
-
readonly: PropType<boolean>;
|
|
356
|
-
disabled: PropType<boolean>;
|
|
357
|
-
status: {
|
|
358
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
359
|
-
validator(value: string): boolean;
|
|
360
|
-
};
|
|
361
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
362
422
|
theme: PropType<string>;
|
|
363
423
|
}>> & {
|
|
364
424
|
"onUpdate:focused"?: ((...args: any[]) => any) | undefined;
|
|
@@ -374,94 +434,43 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
374
434
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
375
435
|
}, {
|
|
376
436
|
themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
|
|
377
|
-
isFocused: import("vue").WritableComputedRef<any
|
|
437
|
+
isFocused: import("vue").WritableComputedRef<any> & {
|
|
438
|
+
readonly rxValue: any;
|
|
439
|
+
};
|
|
378
440
|
focusedClasses: import("vue").ComputedRef<{
|
|
379
441
|
[x: string]: any;
|
|
380
442
|
}>;
|
|
381
443
|
whenFocus: () => void;
|
|
382
444
|
whenBlur: () => void;
|
|
383
|
-
|
|
384
|
-
iid: string;
|
|
385
|
-
lazyValue: string | undefined;
|
|
386
|
-
inValue: string | number | undefined;
|
|
387
|
-
hasMouseDown: boolean;
|
|
388
|
-
errorResult: string | undefined;
|
|
389
|
-
inError: boolean;
|
|
390
|
-
}, {
|
|
391
|
-
classes(): Record<string, boolean>;
|
|
392
|
-
displayStyles(): Record<string, any>;
|
|
393
|
-
attrId(): string;
|
|
394
|
-
isFloatedLabel(): boolean;
|
|
395
|
-
formLoading(): boolean;
|
|
396
|
-
isError(): boolean;
|
|
397
|
-
isSuccess(): boolean;
|
|
398
|
-
variations(): string[];
|
|
399
|
-
}, {
|
|
400
|
-
createPrepend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
445
|
+
createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
401
446
|
[key: string]: any;
|
|
402
447
|
}> | undefined;
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
}> | undefined;
|
|
406
|
-
createLabelSlot(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
407
|
-
[key: string]: any;
|
|
408
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
409
|
-
[key: string]: any;
|
|
410
|
-
}>[] | undefined)[];
|
|
411
|
-
createLabel(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
412
|
-
[key: string]: any;
|
|
413
|
-
}> | undefined;
|
|
414
|
-
createDefaultChildren(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
415
|
-
[key: string]: any;
|
|
416
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
417
|
-
[key: string]: any;
|
|
418
|
-
}>[] | undefined)[];
|
|
419
|
-
createDefault(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
420
|
-
[key: string]: any;
|
|
421
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
422
|
-
[key: string]: any;
|
|
423
|
-
}>[];
|
|
424
|
-
createLeading(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
425
|
-
[key: string]: any;
|
|
426
|
-
}> | undefined;
|
|
427
|
-
createTrailing(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
428
|
-
[key: string]: any;
|
|
429
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
430
|
-
[key: string]: any;
|
|
431
|
-
}>[] | undefined;
|
|
432
|
-
getDisplayHeight(): string | number | undefined;
|
|
433
|
-
createDisplay(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
434
|
-
[key: string]: any;
|
|
435
|
-
}>;
|
|
436
|
-
createHelperText(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
437
|
-
[key: string]: any;
|
|
438
|
-
}>;
|
|
439
|
-
createStackChildren(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
440
|
-
[key: string]: any;
|
|
441
|
-
}> | undefined)[];
|
|
442
|
-
createStack(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
443
|
-
[key: string]: any;
|
|
444
|
-
}>;
|
|
445
|
-
createContent(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
446
|
-
[key: string]: any;
|
|
447
|
-
}> | undefined)[];
|
|
448
|
-
onClick(event: MouseEvent): void;
|
|
449
|
-
onMousedown(e: Event): void;
|
|
450
|
-
onMouseup(e: Event): void;
|
|
451
|
-
onFocus(event: FocusEvent): void;
|
|
452
|
-
onBlur(event: FocusEvent): void;
|
|
453
|
-
onClickLeading(event: MouseEvent): void;
|
|
454
|
-
onChange(event?: Event | undefined): void;
|
|
455
|
-
invokeValidators(): boolean;
|
|
456
|
-
resetError(): void;
|
|
457
|
-
getClasses(): Record<string, boolean>;
|
|
458
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
|
|
448
|
+
invokeValidators: () => Promise<any[]>;
|
|
449
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
|
|
459
450
|
displayTag: string;
|
|
460
451
|
autoSelect: boolean;
|
|
461
452
|
floating: boolean;
|
|
462
453
|
floated: boolean;
|
|
454
|
+
maxErrors: string | number;
|
|
463
455
|
focused: boolean;
|
|
464
|
-
}, {}, string, {
|
|
456
|
+
}, {}, string, SlotsType<{
|
|
457
|
+
prepend: any;
|
|
458
|
+
append: any;
|
|
459
|
+
label: any;
|
|
460
|
+
default: {
|
|
461
|
+
value: any;
|
|
462
|
+
formLoading: boolean;
|
|
463
|
+
attrId: string;
|
|
464
|
+
};
|
|
465
|
+
leading: {
|
|
466
|
+
error: boolean;
|
|
467
|
+
};
|
|
468
|
+
trailing: any;
|
|
469
|
+
'helper-text': {
|
|
470
|
+
error: boolean;
|
|
471
|
+
errorResult: string | undefined;
|
|
472
|
+
};
|
|
473
|
+
}>> & {
|
|
465
474
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
466
475
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
467
476
|
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -484,6 +493,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
484
493
|
} & Readonly<import("vue").ExtractPropTypes<{
|
|
485
494
|
focused: BooleanConstructor;
|
|
486
495
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
496
|
+
readonly: PropType<boolean>;
|
|
497
|
+
disabled: PropType<boolean>;
|
|
498
|
+
status: {
|
|
499
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
500
|
+
validator(value: string): boolean;
|
|
501
|
+
};
|
|
502
|
+
helperText: StringConstructor;
|
|
503
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
504
|
+
validateOn: {
|
|
505
|
+
type: PropType<string>;
|
|
506
|
+
};
|
|
507
|
+
validationValue: null;
|
|
508
|
+
maxErrors: {
|
|
509
|
+
type: PropType<string | number>;
|
|
510
|
+
default: number;
|
|
511
|
+
};
|
|
487
512
|
name: StringConstructor;
|
|
488
513
|
width: {
|
|
489
514
|
type: PropType<string | number>;
|
|
@@ -516,13 +541,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
516
541
|
outlined: PropType<boolean>;
|
|
517
542
|
filled: PropType<boolean>;
|
|
518
543
|
ceramic: PropType<boolean>;
|
|
519
|
-
readonly: PropType<boolean>;
|
|
520
|
-
disabled: PropType<boolean>;
|
|
521
|
-
status: {
|
|
522
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
523
|
-
validator(value: string): boolean;
|
|
524
|
-
};
|
|
525
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
526
544
|
theme: PropType<string>;
|
|
527
545
|
}>> & {
|
|
528
546
|
"onUpdate:focused"?: ((...args: any[]) => any) | undefined;
|
|
@@ -538,88 +556,19 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
538
556
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
539
557
|
} & import("vue").ShallowUnwrapRef<{
|
|
540
558
|
themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
|
|
541
|
-
isFocused: import("vue").WritableComputedRef<any
|
|
559
|
+
isFocused: import("vue").WritableComputedRef<any> & {
|
|
560
|
+
readonly rxValue: any;
|
|
561
|
+
};
|
|
542
562
|
focusedClasses: import("vue").ComputedRef<{
|
|
543
563
|
[x: string]: any;
|
|
544
564
|
}>;
|
|
545
565
|
whenFocus: () => void;
|
|
546
566
|
whenBlur: () => void;
|
|
547
|
-
|
|
548
|
-
iid: string;
|
|
549
|
-
lazyValue: string | undefined;
|
|
550
|
-
inValue: string | number | undefined;
|
|
551
|
-
hasMouseDown: boolean;
|
|
552
|
-
errorResult: string | undefined;
|
|
553
|
-
inError: boolean;
|
|
554
|
-
} & {
|
|
555
|
-
classes: Record<string, boolean>;
|
|
556
|
-
displayStyles: Record<string, any>;
|
|
557
|
-
attrId: string;
|
|
558
|
-
isFloatedLabel: boolean;
|
|
559
|
-
formLoading: boolean;
|
|
560
|
-
isError: boolean;
|
|
561
|
-
isSuccess: boolean;
|
|
562
|
-
variations: string[];
|
|
563
|
-
} & {
|
|
564
|
-
createPrepend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
565
|
-
[key: string]: any;
|
|
566
|
-
}> | undefined;
|
|
567
|
-
createAppend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
568
|
-
[key: string]: any;
|
|
569
|
-
}> | undefined;
|
|
570
|
-
createLabelSlot(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
571
|
-
[key: string]: any;
|
|
572
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
573
|
-
[key: string]: any;
|
|
574
|
-
}>[] | undefined)[];
|
|
575
|
-
createLabel(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
567
|
+
createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
576
568
|
[key: string]: any;
|
|
577
569
|
}> | undefined;
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
581
|
-
[key: string]: any;
|
|
582
|
-
}>[] | undefined)[];
|
|
583
|
-
createDefault(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
584
|
-
[key: string]: any;
|
|
585
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
586
|
-
[key: string]: any;
|
|
587
|
-
}>[];
|
|
588
|
-
createLeading(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
589
|
-
[key: string]: any;
|
|
590
|
-
}> | undefined;
|
|
591
|
-
createTrailing(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
592
|
-
[key: string]: any;
|
|
593
|
-
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
594
|
-
[key: string]: any;
|
|
595
|
-
}>[] | undefined;
|
|
596
|
-
getDisplayHeight(): string | number | undefined;
|
|
597
|
-
createDisplay(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
598
|
-
[key: string]: any;
|
|
599
|
-
}>;
|
|
600
|
-
createHelperText(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
601
|
-
[key: string]: any;
|
|
602
|
-
}>;
|
|
603
|
-
createStackChildren(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
604
|
-
[key: string]: any;
|
|
605
|
-
}> | undefined)[];
|
|
606
|
-
createStack(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
607
|
-
[key: string]: any;
|
|
608
|
-
}>;
|
|
609
|
-
createContent(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
610
|
-
[key: string]: any;
|
|
611
|
-
}> | undefined)[];
|
|
612
|
-
onClick(event: MouseEvent): void;
|
|
613
|
-
onMousedown(e: Event): void;
|
|
614
|
-
onMouseup(e: Event): void;
|
|
615
|
-
onFocus(event: FocusEvent): void;
|
|
616
|
-
onBlur(event: FocusEvent): void;
|
|
617
|
-
onClickLeading(event: MouseEvent): void;
|
|
618
|
-
onChange(event?: Event | undefined): void;
|
|
619
|
-
invokeValidators(): boolean;
|
|
620
|
-
resetError(): void;
|
|
621
|
-
getClasses(): Record<string, boolean>;
|
|
622
|
-
} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
570
|
+
invokeValidators: () => Promise<any[]>;
|
|
571
|
+
}> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
623
572
|
input$: import("vue").Ref<any>;
|
|
624
573
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
625
574
|
'update:modelValue': (v: any) => true;
|
|
@@ -635,6 +584,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
635
584
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
636
585
|
focused: BooleanConstructor;
|
|
637
586
|
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
587
|
+
readonly: PropType<boolean>;
|
|
588
|
+
disabled: PropType<boolean>;
|
|
589
|
+
status: {
|
|
590
|
+
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
591
|
+
validator(value: string): boolean;
|
|
592
|
+
};
|
|
593
|
+
helperText: StringConstructor;
|
|
594
|
+
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
595
|
+
validateOn: {
|
|
596
|
+
type: PropType<string>;
|
|
597
|
+
};
|
|
598
|
+
validationValue: null;
|
|
599
|
+
maxErrors: {
|
|
600
|
+
type: PropType<string | number>;
|
|
601
|
+
default: number;
|
|
602
|
+
};
|
|
638
603
|
name: StringConstructor;
|
|
639
604
|
width: {
|
|
640
605
|
type: PropType<string | number>;
|
|
@@ -670,13 +635,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
670
635
|
outlined: PropType<boolean>;
|
|
671
636
|
filled: PropType<boolean>;
|
|
672
637
|
ceramic: PropType<boolean>;
|
|
673
|
-
readonly: PropType<boolean>;
|
|
674
|
-
disabled: PropType<boolean>;
|
|
675
|
-
status: {
|
|
676
|
-
type: PropType<"success" | "warning" | "error" | undefined>;
|
|
677
|
-
validator(value: string): boolean;
|
|
678
|
-
};
|
|
679
|
-
validators: PropType<string[] | ((v: any) => string | boolean)[]>;
|
|
680
638
|
displayText: PropType<string | ((value: any) => string)>;
|
|
681
639
|
whenInputValid: PropType<number | boolean>;
|
|
682
640
|
}>> & {
|
|
@@ -686,8 +644,8 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
686
644
|
onBlur?: ((e: FocusEvent) => any) | undefined;
|
|
687
645
|
"onMousedown:display"?: ((e: MouseEvent) => any) | undefined;
|
|
688
646
|
"onUpdate:modelValue"?: ((v: any) => any) | undefined;
|
|
689
|
-
onChange?: ((v: any, e: Event) => any) | undefined;
|
|
690
647
|
onInput?: ((v: any) => any) | undefined;
|
|
648
|
+
onChange?: ((v: any, e: Event) => any) | undefined;
|
|
691
649
|
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
|
|
692
650
|
onKeyup?: ((e: KeyboardEvent) => any) | undefined;
|
|
693
651
|
}, {
|
|
@@ -696,6 +654,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
|
|
|
696
654
|
autoSelect: boolean;
|
|
697
655
|
floating: boolean;
|
|
698
656
|
floated: boolean;
|
|
657
|
+
maxErrors: string | number;
|
|
699
658
|
focused: boolean;
|
|
700
659
|
}, SlotsType<{
|
|
701
660
|
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 | {
|