@dynamicforms/vuetify-inputs 0.5.1 → 0.5.3
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/dynamicforms-vuetify-inputs.js +399 -396
- package/dist/dynamicforms-vuetify-inputs.js.map +1 -1
- package/dist/dynamicforms-vuetify-inputs.umd.cjs +14 -14
- package/dist/dynamicforms-vuetify-inputs.umd.cjs.map +1 -1
- package/dist/index.d.ts +125 -96
- package/dist/style.css +2 -2
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ import { GlobalComponents } from 'vue';
|
|
|
13
13
|
import { GlobalDirectives } from 'vue';
|
|
14
14
|
import { IField } from '@dynamicforms/vue-forms';
|
|
15
15
|
import { IFieldConstructorParams } from '@dynamicforms/vue-forms';
|
|
16
|
+
import { MaybeRef } from 'vue';
|
|
16
17
|
import { PublicProps } from 'vue';
|
|
17
18
|
import { Ref } from 'vue';
|
|
18
19
|
import { useDisplay } from 'vuetify';
|
|
@@ -43,33 +44,33 @@ import { VTextField } from 'vuetify/components/VTextField';
|
|
|
43
44
|
import { VTimePicker } from 'vuetify/labs/VTimePicker';
|
|
44
45
|
import { WritableComputedRef } from 'vue';
|
|
45
46
|
|
|
46
|
-
declare const __VLS_component: DefineComponent<
|
|
47
|
-
"update:modelValue": (value: any) => any;
|
|
48
|
-
"click:clear": () => any;
|
|
49
|
-
blur: () => any;
|
|
50
|
-
}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
|
|
51
|
-
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
52
|
-
"onClick:clear"?: (() => any) | undefined;
|
|
53
|
-
onBlur?: (() => any) | undefined;
|
|
54
|
-
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
55
|
-
|
|
56
|
-
declare const __VLS_component_2: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
47
|
+
declare const __VLS_component: DefineComponent<DfSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
57
48
|
"update:modelValue": (value: any) => any;
|
|
58
49
|
"click:clear": () => any;
|
|
59
50
|
"update:modelValueDisplay": (value: SelectChoice[]) => any;
|
|
60
|
-
}, string, PublicProps, Readonly<
|
|
51
|
+
}, string, PublicProps, Readonly<DfSelectProps> & Readonly<{
|
|
61
52
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
62
53
|
"onClick:clear"?: (() => any) | undefined;
|
|
63
54
|
"onUpdate:modelValueDisplay"?: ((value: SelectChoice[]) => any) | undefined;
|
|
64
55
|
}>, {
|
|
65
56
|
enabled: boolean;
|
|
66
57
|
allowNull: boolean;
|
|
67
|
-
multiple: boolean;
|
|
68
58
|
choices: SelectChoice[];
|
|
59
|
+
multiple: boolean;
|
|
69
60
|
allowTags: boolean;
|
|
70
61
|
fetchChoices: SelectFetchChoices;
|
|
71
62
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
72
63
|
|
|
64
|
+
declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
65
|
+
"update:modelValue": (value: any) => any;
|
|
66
|
+
"click:clear": () => any;
|
|
67
|
+
blur: () => any;
|
|
68
|
+
}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
|
|
69
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
70
|
+
"onClick:clear"?: (() => any) | undefined;
|
|
71
|
+
onBlur?: (() => any) | undefined;
|
|
72
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
73
|
+
|
|
73
74
|
declare type __VLS_Props = {
|
|
74
75
|
data?: DefaultInputSlot & {
|
|
75
76
|
label?: string;
|
|
@@ -82,6 +83,19 @@ declare type __VLS_Props_2 = BaseProps & {
|
|
|
82
83
|
};
|
|
83
84
|
|
|
84
85
|
declare function __VLS_template(): {
|
|
86
|
+
attrs: Partial<{}>;
|
|
87
|
+
slots: Readonly<{
|
|
88
|
+
'append-inner'?: (props: any) => any;
|
|
89
|
+
'prepend-inner'?: (props: any) => any;
|
|
90
|
+
}> & {
|
|
91
|
+
'append-inner'?: (props: any) => any;
|
|
92
|
+
'prepend-inner'?: (props: any) => any;
|
|
93
|
+
};
|
|
94
|
+
refs: {};
|
|
95
|
+
rootEl: any;
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
declare function __VLS_template_2(): {
|
|
85
99
|
attrs: Partial<{}>;
|
|
86
100
|
slots: {
|
|
87
101
|
default?(_: {
|
|
@@ -121,19 +135,6 @@ declare function __VLS_template(): {
|
|
|
121
135
|
rootEl: any;
|
|
122
136
|
};
|
|
123
137
|
|
|
124
|
-
declare function __VLS_template_2(): {
|
|
125
|
-
attrs: Partial<{}>;
|
|
126
|
-
slots: Readonly<{
|
|
127
|
-
'append-inner'?: (props: any) => any;
|
|
128
|
-
'prepend-inner'?: (props: any) => any;
|
|
129
|
-
}> & {
|
|
130
|
-
'append-inner'?: (props: any) => any;
|
|
131
|
-
'prepend-inner'?: (props: any) => any;
|
|
132
|
-
};
|
|
133
|
-
refs: {};
|
|
134
|
-
rootEl: any;
|
|
135
|
-
};
|
|
136
|
-
|
|
137
138
|
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
138
139
|
|
|
139
140
|
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
@@ -166,12 +167,6 @@ export declare class Action extends Action_2<ActionBreakpointOptions> {
|
|
|
166
167
|
|
|
167
168
|
export declare type ActionBreakpointOptions = BreakpointsJSON<ActionRenderOptions>;
|
|
168
169
|
|
|
169
|
-
declare interface ActionComponentProps {
|
|
170
|
-
actions: Action[] | Ref<Action[]>;
|
|
171
|
-
buttonSize?: string | number;
|
|
172
|
-
showAsGroup?: ShowAsGroup;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
170
|
/**
|
|
176
171
|
* DisplayMode enum provides an enumeration for supported ways of rendering a particular object in the DOM
|
|
177
172
|
*/
|
|
@@ -222,15 +217,21 @@ export declare const defaultBaseProps: {
|
|
|
222
217
|
|
|
223
218
|
export declare const defaultDisplayStyle = ActionDisplayStyle.BUTTON;
|
|
224
219
|
|
|
225
|
-
export declare const DfActions: DefineComponent<
|
|
220
|
+
export declare const DfActions: DefineComponent<DfActionsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DfActionsProps> & Readonly<{}>, {
|
|
226
221
|
buttonSize: string | number;
|
|
227
|
-
showAsGroup:
|
|
222
|
+
showAsGroup: "no" | "grouped" | "grouped-no-borders";
|
|
228
223
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
229
224
|
|
|
230
|
-
|
|
225
|
+
declare interface DfActionsProps {
|
|
226
|
+
actions: MaybeRef<Action[]>;
|
|
227
|
+
buttonSize?: string | number;
|
|
228
|
+
showAsGroup?: ShowAsGroup;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
export declare const DfCheckbox: DefineComponent<DfCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
231
232
|
"update:modelValue": (value: any) => any;
|
|
232
233
|
"click:clear": () => any;
|
|
233
|
-
}, string, PublicProps, Readonly<
|
|
234
|
+
}, string, PublicProps, Readonly<DfCheckboxProps> & Readonly<{
|
|
234
235
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
235
236
|
"onClick:clear"?: (() => any) | undefined;
|
|
236
237
|
}>, {
|
|
@@ -238,10 +239,14 @@ enabled: boolean;
|
|
|
238
239
|
allowNull: boolean;
|
|
239
240
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
240
241
|
|
|
241
|
-
|
|
242
|
+
declare interface DfCheckboxProps extends BaseProps {
|
|
243
|
+
allowNull?: boolean;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
export declare const DfColor: DefineComponent<DfColorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
242
247
|
"update:modelValue": (value: any) => any;
|
|
243
248
|
"click:clear": () => any;
|
|
244
|
-
}, string, PublicProps, Readonly<
|
|
249
|
+
}, string, PublicProps, Readonly<DfColorProps> & Readonly<{
|
|
245
250
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
246
251
|
"onClick:clear"?: (() => any) | undefined;
|
|
247
252
|
}>, {
|
|
@@ -249,10 +254,14 @@ enabled: boolean;
|
|
|
249
254
|
allowNull: boolean;
|
|
250
255
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
251
256
|
|
|
252
|
-
|
|
257
|
+
declare interface DfColorProps extends BaseProps {
|
|
258
|
+
allowNull?: boolean;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
export declare const DfDateTime: DefineComponent<DfDateTimeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
253
262
|
"update:modelValue": (value: any) => any;
|
|
254
263
|
"click:clear": () => any;
|
|
255
|
-
}, string, PublicProps, Readonly<
|
|
264
|
+
}, string, PublicProps, Readonly<DfDateTimeProps> & Readonly<{
|
|
256
265
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
257
266
|
"onClick:clear"?: (() => any) | undefined;
|
|
258
267
|
}>, {
|
|
@@ -262,37 +271,83 @@ displayFormatDate: string;
|
|
|
262
271
|
displayFormatTime: string;
|
|
263
272
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
264
273
|
|
|
265
|
-
|
|
274
|
+
declare interface DfDateTimeProps extends BaseProps {
|
|
275
|
+
inputType?: 'datetime' | 'date' | 'time';
|
|
276
|
+
displayFormatDate?: string;
|
|
277
|
+
displayFormatTime?: string;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
export declare const DfFile: DefineComponent<DfFileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
266
281
|
"update:modelValue": (value: any) => any;
|
|
267
282
|
"click:clear": () => any;
|
|
268
|
-
}, string, PublicProps, Readonly<
|
|
283
|
+
}, string, PublicProps, Readonly<DfFileProps> & Readonly<{
|
|
269
284
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
270
285
|
"onClick:clear"?: (() => any) | undefined;
|
|
271
286
|
}>, {
|
|
272
287
|
enabled: boolean;
|
|
273
288
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
274
289
|
|
|
275
|
-
|
|
290
|
+
declare interface DfFileProps extends BaseProps {
|
|
291
|
+
comms: FileComms;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
export declare const DfInput: DefineComponent<DfInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
276
295
|
"update:modelValue": (value: any) => any;
|
|
277
296
|
"click:clear": () => any;
|
|
278
|
-
}, string, PublicProps, Readonly<
|
|
297
|
+
}, string, PublicProps, Readonly<DfInputProps> & Readonly<{
|
|
279
298
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
280
299
|
"onClick:clear"?: (() => any) | undefined;
|
|
281
300
|
}>, {
|
|
282
301
|
enabled: boolean;
|
|
283
|
-
max: number;
|
|
284
|
-
min: number;
|
|
285
|
-
step: number;
|
|
286
302
|
inputType: "text" | "password" | "email" | "url" | "number";
|
|
287
303
|
precision: number | null;
|
|
304
|
+
step: number;
|
|
305
|
+
min: number;
|
|
306
|
+
max: number;
|
|
288
307
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
289
308
|
|
|
309
|
+
export declare namespace DfInputComponentProps {
|
|
310
|
+
export {
|
|
311
|
+
DfActionsProps,
|
|
312
|
+
DfCheckboxProps,
|
|
313
|
+
DfColorProps,
|
|
314
|
+
DfDateTimeProps,
|
|
315
|
+
DfFileProps,
|
|
316
|
+
DfInputProps,
|
|
317
|
+
DfRtfEditorProps,
|
|
318
|
+
DfSelectProps,
|
|
319
|
+
DfTextAreaProps
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
export declare namespace DfInputComponents {
|
|
324
|
+
export {
|
|
325
|
+
DfActions,
|
|
326
|
+
DfCheckbox,
|
|
327
|
+
DfColor,
|
|
328
|
+
DfDateTime,
|
|
329
|
+
DfFile,
|
|
330
|
+
DfInput,
|
|
331
|
+
DfRtfEditor,
|
|
332
|
+
DfSelect,
|
|
333
|
+
DfTextArea
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
declare interface DfInputProps extends BaseProps {
|
|
338
|
+
inputType?: 'text' | 'password' | 'email' | 'url' | 'number';
|
|
339
|
+
precision?: number | null;
|
|
340
|
+
step?: number;
|
|
341
|
+
min?: number;
|
|
342
|
+
max?: number;
|
|
343
|
+
}
|
|
344
|
+
|
|
290
345
|
export declare const DfLabel: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
291
346
|
|
|
292
|
-
export declare const DfRtfEditor: DefineComponent<
|
|
347
|
+
export declare const DfRtfEditor: DefineComponent<DfRtfEditorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
293
348
|
"update:modelValue": (value: any) => any;
|
|
294
349
|
"click:clear": () => any;
|
|
295
|
-
}, string, PublicProps, Readonly<
|
|
350
|
+
}, string, PublicProps, Readonly<DfRtfEditorProps> & Readonly<{
|
|
296
351
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
297
352
|
"onClick:clear"?: (() => any) | undefined;
|
|
298
353
|
}>, {
|
|
@@ -337,12 +392,24 @@ modelValue: string;
|
|
|
337
392
|
}> | null;
|
|
338
393
|
}, any>;
|
|
339
394
|
|
|
340
|
-
|
|
395
|
+
declare interface DfRtfEditorProps extends BaseProps {
|
|
396
|
+
minHeight?: string;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
export declare const DfSelect: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
341
400
|
|
|
342
|
-
|
|
401
|
+
declare interface DfSelectProps extends BaseProps {
|
|
402
|
+
choices?: SelectChoice[];
|
|
403
|
+
multiple?: boolean;
|
|
404
|
+
allowTags?: boolean;
|
|
405
|
+
allowNull?: boolean;
|
|
406
|
+
fetchChoices?: SelectFetchChoices;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
export declare const DfTextArea: DefineComponent<DfTextAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
343
410
|
"update:modelValue": (value: any) => any;
|
|
344
411
|
"click:clear": () => any;
|
|
345
|
-
}, string, PublicProps, Readonly<
|
|
412
|
+
}, string, PublicProps, Readonly<DfTextAreaProps> & Readonly<{
|
|
346
413
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
347
414
|
"onClick:clear"?: (() => any) | undefined;
|
|
348
415
|
}>, {
|
|
@@ -351,6 +418,11 @@ rows: number;
|
|
|
351
418
|
maxRows: number;
|
|
352
419
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
353
420
|
|
|
421
|
+
declare interface DfTextAreaProps extends BaseProps {
|
|
422
|
+
rows?: number;
|
|
423
|
+
maxRows?: number;
|
|
424
|
+
}
|
|
425
|
+
|
|
354
426
|
export declare const DynamicFormsInputs: {
|
|
355
427
|
install: (app: App, options?: Partial<DynamicFormsInputsOptions>) => void;
|
|
356
428
|
};
|
|
@@ -390,7 +462,7 @@ export declare type FileProgressCallback = (loaded: number, total: number) => vo
|
|
|
390
462
|
|
|
391
463
|
export declare function getBreakpointName(dp: ReturnType<typeof useDisplay>): BreakpointNames;
|
|
392
464
|
|
|
393
|
-
export declare const InputBase:
|
|
465
|
+
export declare const InputBase: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
394
466
|
|
|
395
467
|
export declare class Label {
|
|
396
468
|
text: string;
|
|
@@ -406,49 +478,6 @@ declare interface Props {
|
|
|
406
478
|
message: string;
|
|
407
479
|
}
|
|
408
480
|
|
|
409
|
-
declare interface Props_2 extends BaseProps {
|
|
410
|
-
allowNull?: boolean;
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
declare interface Props_3 extends BaseProps {
|
|
414
|
-
allowNull?: boolean;
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
declare interface Props_4 extends BaseProps {
|
|
418
|
-
inputType?: 'datetime' | 'date' | 'time';
|
|
419
|
-
displayFormatDate?: string;
|
|
420
|
-
displayFormatTime?: string;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
declare interface Props_5 extends BaseProps {
|
|
424
|
-
comms: FileComms;
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
declare interface Props_6 extends BaseProps {
|
|
428
|
-
inputType?: 'text' | 'password' | 'email' | 'url' | 'number';
|
|
429
|
-
precision?: number | null;
|
|
430
|
-
step?: number;
|
|
431
|
-
min?: number;
|
|
432
|
-
max?: number;
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
declare interface Props_7 extends BaseProps {
|
|
436
|
-
minHeight?: string;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
declare interface Props_8 extends BaseProps {
|
|
440
|
-
choices?: SelectChoice[];
|
|
441
|
-
multiple?: boolean;
|
|
442
|
-
allowTags?: boolean;
|
|
443
|
-
allowNull?: boolean;
|
|
444
|
-
fetchChoices?: SelectFetchChoices;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
declare interface Props_9 extends BaseProps {
|
|
448
|
-
rows?: number;
|
|
449
|
-
maxRows?: number;
|
|
450
|
-
}
|
|
451
|
-
|
|
452
481
|
export declare class ResponsiveActionRenderOptions extends ResponsiveRenderOptions<ActionRenderOptions> {
|
|
453
482
|
protected cleanBreakpoint(bp?: ActionRenderOptions, defaultIfEmpty?: boolean): ActionRenderOptions | null;
|
|
454
483
|
}
|