@codemonster-ru/vueforge 0.46.0 → 0.48.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/README.md +100 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +3200 -2824
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/color-picker.test.d.ts +1 -0
- package/dist/package/components/__tests__/otp-input.test.d.ts +1 -0
- package/dist/package/components/color-picker.vue.d.ts +40 -0
- package/dist/package/components/otp-input.vue.d.ts +45 -0
- package/dist/package/components/timepicker.vue.d.ts +1 -1
- package/dist/package/config/theme-core.d.ts +66 -0
- package/dist/package/themes/default/components/color-picker.d.ts +40 -0
- package/dist/package/themes/default/components/otp-input.d.ts +26 -0
- package/dist/package/themes/default/index.d.ts +64 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
type Format = 'hex' | 'rgb' | 'hsl';
|
|
4
|
+
interface Props {
|
|
5
|
+
modelValue?: string;
|
|
6
|
+
format?: Format;
|
|
7
|
+
alpha?: boolean;
|
|
8
|
+
presets?: Array<string>;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readonly?: boolean;
|
|
12
|
+
size?: Size;
|
|
13
|
+
variant?: Variant;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
change: (...args: any[]) => void;
|
|
18
|
+
close: (...args: any[]) => void;
|
|
19
|
+
"update:modelValue": (...args: any[]) => void;
|
|
20
|
+
open: (...args: any[]) => void;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
23
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
size: Size;
|
|
29
|
+
variant: Variant;
|
|
30
|
+
modelValue: string;
|
|
31
|
+
placeholder: string;
|
|
32
|
+
readonly: boolean;
|
|
33
|
+
ariaLabel: string;
|
|
34
|
+
format: Format;
|
|
35
|
+
alpha: boolean;
|
|
36
|
+
presets: Array<string>;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
38
|
+
root: HTMLDivElement;
|
|
39
|
+
}, HTMLDivElement>;
|
|
40
|
+
export default _default;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: string;
|
|
5
|
+
length?: number;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
size?: Size;
|
|
10
|
+
variant?: Variant;
|
|
11
|
+
mask?: boolean;
|
|
12
|
+
alphanumeric?: boolean;
|
|
13
|
+
autocomplete?: string;
|
|
14
|
+
autoFocus?: boolean;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
blur: (...args: any[]) => void;
|
|
19
|
+
change: (...args: any[]) => void;
|
|
20
|
+
focus: (...args: any[]) => void;
|
|
21
|
+
paste: (...args: any[]) => void;
|
|
22
|
+
"update:modelValue": (...args: any[]) => void;
|
|
23
|
+
complete: (...args: any[]) => void;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
25
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
onPaste?: ((...args: any[]) => any) | undefined;
|
|
29
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
30
|
+
onComplete?: ((...args: any[]) => any) | undefined;
|
|
31
|
+
}>, {
|
|
32
|
+
length: number;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
mask: boolean;
|
|
35
|
+
size: Size;
|
|
36
|
+
variant: Variant;
|
|
37
|
+
modelValue: string;
|
|
38
|
+
placeholder: string;
|
|
39
|
+
readonly: boolean;
|
|
40
|
+
autocomplete: string;
|
|
41
|
+
ariaLabel: string;
|
|
42
|
+
alphanumeric: boolean;
|
|
43
|
+
autoFocus: boolean;
|
|
44
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
45
|
+
export default _default;
|
|
@@ -30,10 +30,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
30
30
|
modelValue: string;
|
|
31
31
|
placeholder: string;
|
|
32
32
|
readonly: boolean;
|
|
33
|
+
format: TimeFormat;
|
|
33
34
|
min: string;
|
|
34
35
|
max: string;
|
|
35
36
|
step: number;
|
|
36
|
-
format: TimeFormat;
|
|
37
37
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
38
38
|
root: HTMLDivElement;
|
|
39
39
|
control: HTMLButtonElement;
|
|
@@ -112,6 +112,70 @@ export type PasswordInputTokens = {
|
|
|
112
112
|
fontSize?: string;
|
|
113
113
|
};
|
|
114
114
|
};
|
|
115
|
+
export type OtpInputTokens = {
|
|
116
|
+
gap?: string;
|
|
117
|
+
fontSize?: string;
|
|
118
|
+
cellSize?: string;
|
|
119
|
+
padding?: string;
|
|
120
|
+
borderRadius?: string;
|
|
121
|
+
borderColor?: string;
|
|
122
|
+
backgroundColor?: string;
|
|
123
|
+
textColor?: string;
|
|
124
|
+
placeholderColor?: string;
|
|
125
|
+
focusBorderColor?: string;
|
|
126
|
+
focusRingShadow?: string;
|
|
127
|
+
hoverBorderColor?: string;
|
|
128
|
+
disabledOpacity?: string;
|
|
129
|
+
small?: {
|
|
130
|
+
cellSize?: string;
|
|
131
|
+
padding?: string;
|
|
132
|
+
fontSize?: string;
|
|
133
|
+
};
|
|
134
|
+
large?: {
|
|
135
|
+
cellSize?: string;
|
|
136
|
+
padding?: string;
|
|
137
|
+
fontSize?: string;
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
export type ColorPickerTokens = {
|
|
141
|
+
minWidth?: string;
|
|
142
|
+
gap?: string;
|
|
143
|
+
fontSize?: string;
|
|
144
|
+
padding?: string;
|
|
145
|
+
borderRadius?: string;
|
|
146
|
+
borderColor?: string;
|
|
147
|
+
backgroundColor?: string;
|
|
148
|
+
textColor?: string;
|
|
149
|
+
placeholderColor?: string;
|
|
150
|
+
focusBorderColor?: string;
|
|
151
|
+
focusRingShadow?: string;
|
|
152
|
+
hoverBorderColor?: string;
|
|
153
|
+
disabledOpacity?: string;
|
|
154
|
+
swatchSize?: string;
|
|
155
|
+
swatchRadius?: string;
|
|
156
|
+
panelPadding?: string;
|
|
157
|
+
panelBorderColor?: string;
|
|
158
|
+
panelBackgroundColor?: string;
|
|
159
|
+
panelShadow?: string;
|
|
160
|
+
panelGap?: string;
|
|
161
|
+
rangeAccentColor?: string;
|
|
162
|
+
presetSize?: string;
|
|
163
|
+
presetRadius?: string;
|
|
164
|
+
presetBorderColor?: string;
|
|
165
|
+
presetHoverBorderColor?: string;
|
|
166
|
+
small?: {
|
|
167
|
+
padding?: string;
|
|
168
|
+
fontSize?: string;
|
|
169
|
+
swatchSize?: string;
|
|
170
|
+
presetSize?: string;
|
|
171
|
+
};
|
|
172
|
+
large?: {
|
|
173
|
+
padding?: string;
|
|
174
|
+
fontSize?: string;
|
|
175
|
+
swatchSize?: string;
|
|
176
|
+
presetSize?: string;
|
|
177
|
+
};
|
|
178
|
+
};
|
|
115
179
|
export type NumberInputTokens = {
|
|
116
180
|
gap?: string;
|
|
117
181
|
fontSize?: string;
|
|
@@ -1293,6 +1357,8 @@ export type ThemeComponentTokens = {
|
|
|
1293
1357
|
accordion?: AccordionTokens;
|
|
1294
1358
|
input?: InputTokens;
|
|
1295
1359
|
passwordInput?: PasswordInputTokens;
|
|
1360
|
+
otpInput?: OtpInputTokens;
|
|
1361
|
+
colorPicker?: ColorPickerTokens;
|
|
1296
1362
|
numberInput?: NumberInputTokens;
|
|
1297
1363
|
formField?: FormFieldTokens;
|
|
1298
1364
|
textarea?: TextareaTokens;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
minWidth: string;
|
|
3
|
+
gap: string;
|
|
4
|
+
fontSize: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
placeholderColor: string;
|
|
11
|
+
focusBorderColor: string;
|
|
12
|
+
focusRingShadow: string;
|
|
13
|
+
hoverBorderColor: string;
|
|
14
|
+
disabledOpacity: string;
|
|
15
|
+
swatchSize: string;
|
|
16
|
+
swatchRadius: string;
|
|
17
|
+
panelPadding: string;
|
|
18
|
+
panelBorderColor: string;
|
|
19
|
+
panelBackgroundColor: string;
|
|
20
|
+
panelShadow: string;
|
|
21
|
+
panelGap: string;
|
|
22
|
+
rangeAccentColor: string;
|
|
23
|
+
presetSize: string;
|
|
24
|
+
presetRadius: string;
|
|
25
|
+
presetBorderColor: string;
|
|
26
|
+
presetHoverBorderColor: string;
|
|
27
|
+
small: {
|
|
28
|
+
padding: string;
|
|
29
|
+
fontSize: string;
|
|
30
|
+
swatchSize: string;
|
|
31
|
+
presetSize: string;
|
|
32
|
+
};
|
|
33
|
+
large: {
|
|
34
|
+
padding: string;
|
|
35
|
+
fontSize: string;
|
|
36
|
+
swatchSize: string;
|
|
37
|
+
presetSize: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
cellSize: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
placeholderColor: string;
|
|
11
|
+
focusBorderColor: string;
|
|
12
|
+
focusRingShadow: string;
|
|
13
|
+
hoverBorderColor: string;
|
|
14
|
+
disabledOpacity: string;
|
|
15
|
+
small: {
|
|
16
|
+
cellSize: string;
|
|
17
|
+
padding: string;
|
|
18
|
+
fontSize: string;
|
|
19
|
+
};
|
|
20
|
+
large: {
|
|
21
|
+
cellSize: string;
|
|
22
|
+
padding: string;
|
|
23
|
+
fontSize: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default _default;
|
|
@@ -269,6 +269,70 @@ declare const _default: {
|
|
|
269
269
|
fontSize: string;
|
|
270
270
|
};
|
|
271
271
|
};
|
|
272
|
+
otpInput: {
|
|
273
|
+
gap: string;
|
|
274
|
+
fontSize: string;
|
|
275
|
+
cellSize: string;
|
|
276
|
+
padding: string;
|
|
277
|
+
borderRadius: string;
|
|
278
|
+
borderColor: string;
|
|
279
|
+
backgroundColor: string;
|
|
280
|
+
textColor: string;
|
|
281
|
+
placeholderColor: string;
|
|
282
|
+
focusBorderColor: string;
|
|
283
|
+
focusRingShadow: string;
|
|
284
|
+
hoverBorderColor: string;
|
|
285
|
+
disabledOpacity: string;
|
|
286
|
+
small: {
|
|
287
|
+
cellSize: string;
|
|
288
|
+
padding: string;
|
|
289
|
+
fontSize: string;
|
|
290
|
+
};
|
|
291
|
+
large: {
|
|
292
|
+
cellSize: string;
|
|
293
|
+
padding: string;
|
|
294
|
+
fontSize: string;
|
|
295
|
+
};
|
|
296
|
+
};
|
|
297
|
+
colorPicker: {
|
|
298
|
+
minWidth: string;
|
|
299
|
+
gap: string;
|
|
300
|
+
fontSize: string;
|
|
301
|
+
padding: string;
|
|
302
|
+
borderRadius: string;
|
|
303
|
+
borderColor: string;
|
|
304
|
+
backgroundColor: string;
|
|
305
|
+
textColor: string;
|
|
306
|
+
placeholderColor: string;
|
|
307
|
+
focusBorderColor: string;
|
|
308
|
+
focusRingShadow: string;
|
|
309
|
+
hoverBorderColor: string;
|
|
310
|
+
disabledOpacity: string;
|
|
311
|
+
swatchSize: string;
|
|
312
|
+
swatchRadius: string;
|
|
313
|
+
panelPadding: string;
|
|
314
|
+
panelBorderColor: string;
|
|
315
|
+
panelBackgroundColor: string;
|
|
316
|
+
panelShadow: string;
|
|
317
|
+
panelGap: string;
|
|
318
|
+
rangeAccentColor: string;
|
|
319
|
+
presetSize: string;
|
|
320
|
+
presetRadius: string;
|
|
321
|
+
presetBorderColor: string;
|
|
322
|
+
presetHoverBorderColor: string;
|
|
323
|
+
small: {
|
|
324
|
+
padding: string;
|
|
325
|
+
fontSize: string;
|
|
326
|
+
swatchSize: string;
|
|
327
|
+
presetSize: string;
|
|
328
|
+
};
|
|
329
|
+
large: {
|
|
330
|
+
padding: string;
|
|
331
|
+
fontSize: string;
|
|
332
|
+
swatchSize: string;
|
|
333
|
+
presetSize: string;
|
|
334
|
+
};
|
|
335
|
+
};
|
|
272
336
|
numberInput: {
|
|
273
337
|
gap: string;
|
|
274
338
|
fontSize: string;
|