@maltjoy/core-vue 5.3.1 → 5.4.0
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/components/JoyInput/VJoyInput.vue.d.ts +25 -139
- package/dist/core-vue.js +679 -731
- package/dist/core-vue.umd.cjs +2 -2
- package/dist/joy-core-vue-manifest.json +4 -4
- package/dist/style.css +1 -1
- package/package.json +4 -4
|
@@ -1,154 +1,40 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
|
|
2
2
|
import { TJoyInputSizes } from './JoyInput.types';
|
|
3
3
|
import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
disabled: {
|
|
14
|
-
type: BooleanConstructor;
|
|
15
|
-
default: boolean;
|
|
16
|
-
};
|
|
17
|
-
id: {
|
|
18
|
-
type: StringConstructor;
|
|
19
|
-
};
|
|
20
|
-
invalid: {
|
|
21
|
-
type: BooleanConstructor;
|
|
22
|
-
default: boolean;
|
|
23
|
-
};
|
|
24
|
-
name: {
|
|
25
|
-
type: StringConstructor;
|
|
26
|
-
required: true;
|
|
27
|
-
};
|
|
28
|
-
required: {
|
|
29
|
-
type: BooleanConstructor;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
4
|
+
export interface VJoyInputProps {
|
|
5
|
+
autofocus?: boolean;
|
|
6
|
+
modelValue?: string | number | null;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
id?: string;
|
|
9
|
+
invalid?: boolean;
|
|
10
|
+
name: string;
|
|
11
|
+
required?: boolean;
|
|
32
12
|
/** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
|
|
33
|
-
label
|
|
13
|
+
label?: string;
|
|
34
14
|
/** Overrides the default label size. See JoyLabel stories */
|
|
35
|
-
labelSize
|
|
36
|
-
type: PropType<TJoyLabelSizes>;
|
|
37
|
-
default: string;
|
|
38
|
-
};
|
|
15
|
+
labelSize?: TJoyLabelSizes;
|
|
39
16
|
/** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
|
|
40
|
-
optionalLabel
|
|
17
|
+
optionalLabel?: string;
|
|
41
18
|
/** Depending on context, we can add a "*" after the label to specify it's mandatory. */
|
|
42
|
-
requiredMark
|
|
43
|
-
|
|
44
|
-
default: boolean;
|
|
45
|
-
};
|
|
46
|
-
modelModifiers: {
|
|
47
|
-
type: PropType<Partial<Record<"number" | "trim" | "lazy", boolean>>>;
|
|
48
|
-
default: () => {
|
|
49
|
-
lazy: boolean;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
19
|
+
requiredMark?: boolean;
|
|
20
|
+
modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', boolean>>;
|
|
52
21
|
/** Display a cross icon on the right that enables to clear the field */
|
|
53
|
-
clearable
|
|
54
|
-
type: BooleanConstructor;
|
|
55
|
-
default: boolean;
|
|
56
|
-
};
|
|
22
|
+
clearable?: boolean;
|
|
57
23
|
/** Add a JoyIcon / joy-icon with given name on left-side. */
|
|
58
|
-
icon
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
size: {
|
|
62
|
-
type: PropType<TJoyInputSizes>;
|
|
63
|
-
default: string;
|
|
64
|
-
};
|
|
65
|
-
type: {
|
|
66
|
-
type: StringConstructor;
|
|
67
|
-
default: string;
|
|
68
|
-
};
|
|
24
|
+
icon?: TJoyIconsNames;
|
|
25
|
+
size?: TJoyInputSizes;
|
|
26
|
+
type?: string;
|
|
69
27
|
/** Adds a legend like symbol on the right of the component. Made for number based values */
|
|
70
|
-
unit
|
|
28
|
+
unit?: string;
|
|
71
29
|
/** Activates the readonly mode for the input */
|
|
72
|
-
readonly
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}>, {
|
|
30
|
+
readonly?: boolean;
|
|
31
|
+
}
|
|
32
|
+
declare function focus(): void;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyInputProps, {
|
|
77
34
|
focus: typeof focus;
|
|
78
35
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
79
36
|
"update:modelValue": (value: string) => any;
|
|
80
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
81
|
-
autofocus: {
|
|
82
|
-
type: BooleanConstructor;
|
|
83
|
-
default: boolean;
|
|
84
|
-
};
|
|
85
|
-
modelValue: {
|
|
86
|
-
type: PropType<string | number | null>;
|
|
87
|
-
};
|
|
88
|
-
disabled: {
|
|
89
|
-
type: BooleanConstructor;
|
|
90
|
-
default: boolean;
|
|
91
|
-
};
|
|
92
|
-
id: {
|
|
93
|
-
type: StringConstructor;
|
|
94
|
-
};
|
|
95
|
-
invalid: {
|
|
96
|
-
type: BooleanConstructor;
|
|
97
|
-
default: boolean;
|
|
98
|
-
};
|
|
99
|
-
name: {
|
|
100
|
-
type: StringConstructor;
|
|
101
|
-
required: true;
|
|
102
|
-
};
|
|
103
|
-
required: {
|
|
104
|
-
type: BooleanConstructor;
|
|
105
|
-
default: boolean;
|
|
106
|
-
};
|
|
107
|
-
/** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
|
|
108
|
-
label: StringConstructor;
|
|
109
|
-
/** Overrides the default label size. See JoyLabel stories */
|
|
110
|
-
labelSize: {
|
|
111
|
-
type: PropType<TJoyLabelSizes>;
|
|
112
|
-
default: string;
|
|
113
|
-
};
|
|
114
|
-
/** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
|
|
115
|
-
optionalLabel: StringConstructor;
|
|
116
|
-
/** Depending on context, we can add a "*" after the label to specify it's mandatory. */
|
|
117
|
-
requiredMark: {
|
|
118
|
-
type: BooleanConstructor;
|
|
119
|
-
default: boolean;
|
|
120
|
-
};
|
|
121
|
-
modelModifiers: {
|
|
122
|
-
type: PropType<Partial<Record<"number" | "trim" | "lazy", boolean>>>;
|
|
123
|
-
default: () => {
|
|
124
|
-
lazy: boolean;
|
|
125
|
-
};
|
|
126
|
-
};
|
|
127
|
-
/** Display a cross icon on the right that enables to clear the field */
|
|
128
|
-
clearable: {
|
|
129
|
-
type: BooleanConstructor;
|
|
130
|
-
default: boolean;
|
|
131
|
-
};
|
|
132
|
-
/** Add a JoyIcon / joy-icon with given name on left-side. */
|
|
133
|
-
icon: {
|
|
134
|
-
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
135
|
-
};
|
|
136
|
-
size: {
|
|
137
|
-
type: PropType<TJoyInputSizes>;
|
|
138
|
-
default: string;
|
|
139
|
-
};
|
|
140
|
-
type: {
|
|
141
|
-
type: StringConstructor;
|
|
142
|
-
default: string;
|
|
143
|
-
};
|
|
144
|
-
/** Adds a legend like symbol on the right of the component. Made for number based values */
|
|
145
|
-
unit: StringConstructor;
|
|
146
|
-
/** Activates the readonly mode for the input */
|
|
147
|
-
readonly: {
|
|
148
|
-
type: BooleanConstructor;
|
|
149
|
-
default: boolean;
|
|
150
|
-
};
|
|
151
|
-
}>> & Readonly<{
|
|
37
|
+
}, string, import("vue").PublicProps, Readonly<VJoyInputProps> & Readonly<{
|
|
152
38
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
153
39
|
}>, {
|
|
154
40
|
invalid: boolean;
|
|
@@ -162,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
162
48
|
modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
|
|
163
49
|
clearable: boolean;
|
|
164
50
|
readonly: boolean;
|
|
165
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions,
|
|
51
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
|
|
166
52
|
/** DEPRECATED. Default slot to display a label on top of the element. You can use label property as well */
|
|
167
53
|
default?: (() => any) | undefined;
|
|
168
54
|
}> & {
|