@nmorph/nmorph-ui-kit 0.0.1
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 +0 -0
- package/dist/fonts/Inter-Bold.woff +0 -0
- package/dist/fonts/Inter-Bold.woff2 +0 -0
- package/dist/fonts/Inter-Regular.woff +0 -0
- package/dist/fonts/Inter-Regular.woff2 +0 -0
- package/dist/fonts/Inter-SemiBold.woff +0 -0
- package/dist/fonts/Inter-SemiBold.woff2 +0 -0
- package/dist/index.es.js +4159 -0
- package/dist/style.css +1 -0
- package/dist/styles/base/_animation.scss +19 -0
- package/dist/styles/base/_border-radius.scss +10 -0
- package/dist/styles/base/_colors.scss +35 -0
- package/dist/styles/base/_common-mixins.scss +39 -0
- package/dist/styles/base/_dimensions.scss +10 -0
- package/dist/styles/base/_histoire.scss +8 -0
- package/dist/styles/base/_normalize.scss +388 -0
- package/dist/styles/base/_theme-mixin.scss +32 -0
- package/dist/styles/base/_transition.scss +6 -0
- package/dist/styles/base/_typography.scss +147 -0
- package/dist/styles/base/style.scss +13 -0
- package/dist/styles/main.scss +4 -0
- package/dist/styles/packages/style.scss +0 -0
- package/dist/types/components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue.d.ts +48 -0
- package/dist/types/components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +72 -0
- package/dist/types/components/inputs/checkbox/types.d.ts +11 -0
- package/dist/types/components/inputs/common/NmorphValidationIcon.vue.d.ts +30 -0
- package/dist/types/components/inputs/nmorph-file-upload/NmorphFileUpload.vue.d.ts +55 -0
- package/dist/types/components/inputs/nmorph-file-upload/types.d.ts +57 -0
- package/dist/types/components/inputs/nmorph-number-input/NmorphNumberInput.vue.d.ts +76 -0
- package/dist/types/components/inputs/nmorph-select/NmorphSelect.vue.d.ts +65 -0
- package/dist/types/components/inputs/nmorph-select-option/NmorphSelectOption.vue.d.ts +48 -0
- package/dist/types/components/inputs/nmorph-select-option/types/index.d.ts +1 -0
- package/dist/types/components/inputs/nmorph-slider/NmorphSlider.vue.d.ts +56 -0
- package/dist/types/components/inputs/nmorph-switch/NmorphSwitch.vue.d.ts +52 -0
- package/dist/types/components/inputs/nmorph-text-input/NmorphTextInput.vue.d.ts +79 -0
- package/dist/types/components/inputs/radio/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +72 -0
- package/dist/types/components/inputs/radio/types.d.ts +9 -0
- package/dist/types/components/nmorph-button/NmorphButton.vue.d.ts +79 -0
- package/dist/types/components/nmorph-button/types.d.ts +9 -0
- package/dist/types/components/nmorph-card/NmorphCard.vue.d.ts +39 -0
- package/dist/types/components/nmorph-carousel/NmorphCarousel.vue.d.ts +3 -0
- package/dist/types/components/nmorph-error-box/NmorphErrorBox.vue.d.ts +34 -0
- package/dist/types/components/nmorph-icon/NmorphIcon.vue.d.ts +53 -0
- package/dist/types/components/nmorph-icon/NmorphIconsMap.d.ts +4 -0
- package/dist/types/components/nmorph-icon/types.d.ts +7 -0
- package/dist/types/components/nmorph-image/NmorphImage.vue.d.ts +59 -0
- package/dist/types/components/nmorph-image-preview/NmorphImagePreview.vue.d.ts +56 -0
- package/dist/types/components/nmorph-link/NmorphLink.vue.d.ts +69 -0
- package/dist/types/components/nmorph-overlay/NmorphOverlay.vue.d.ts +44 -0
- package/dist/types/components/nmorph-tag/NmorphTag.vue.d.ts +44 -0
- package/dist/types/components/nmorph-tooltip/NmorphTooltip.vue.d.ts +68 -0
- package/dist/types/components.d.ts +22 -0
- package/dist/types/histoire.setup.d.ts +2 -0
- package/dist/types/hooks/useValidation.d.ts +55 -0
- package/dist/types/main.d.ts +7 -0
- package/dist/types/plugins/i18n.d.ts +2 -0
- package/dist/types/types/common.enums.d.ts +46 -0
- package/dist/types/utils/create-modifiers.d.ts +1 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/package.json +121 -0
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
$base-color: var(--colors-grey-white);
|
|
2
|
+
|
|
3
|
+
@mixin font-style($color: $base-color, $size: 14px, $line-height: 22px, $weight: 400) {
|
|
4
|
+
@if $color {
|
|
5
|
+
color: $color;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
font-weight: $weight;
|
|
9
|
+
font-size: $size;
|
|
10
|
+
line-height: $line-height;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@mixin caption-2($color: $base-color) {
|
|
14
|
+
@include font-style($color, 10px, 12px)
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@mixin caption-2-strong($color: $base-color) {
|
|
18
|
+
@include font-style($color, 10px, 12px, 600)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@mixin caption-1($color: $base-color) {
|
|
22
|
+
@include font-style($color, 12px, 16px)
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin caption-1-strong($color: $base-color) {
|
|
26
|
+
@include font-style($color, 12px, 16px, 600)
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@mixin caption-1-stronger($color: $base-color) {
|
|
30
|
+
@include font-style($color, 12px, 16px, 700)
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@mixin body-1($color: $base-color) {
|
|
34
|
+
@include font-style($color, 14px, 22px)
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@mixin body-1-strong($color: $base-color) {
|
|
38
|
+
@include font-style($color, 14px, 22px, 600)
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@mixin body-1-stronger($color: $base-color) {
|
|
42
|
+
@include font-style($color, 14px, 22px, 700)
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@mixin body-2($color: $base-color) {
|
|
46
|
+
@include font-style($color, 16px, 24px)
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@mixin subtitle-2($color: $base-color) {
|
|
50
|
+
@include font-style($color, 16px, 24px, 600)
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@mixin subtitle-2-stronger($color: $base-color) {
|
|
54
|
+
@include font-style($color, 16px, 24px, 700)
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@mixin subtitle-1($color: $base-color) {
|
|
58
|
+
@include font-style($color, 20px, 30px, 600)
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@mixin title-3($color: $base-color) {
|
|
62
|
+
@include font-style($color, 24px, 32px, 600)
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@mixin title-2($color: $base-color) {
|
|
66
|
+
@include font-style($color, 28px, 36px, 600)
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@mixin title-1($color: $base-color) {
|
|
70
|
+
@include font-style($color, 32px, 40px, 600)
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@mixin large-title($color: $base-color) {
|
|
74
|
+
@include font-style($color, 40px, 52px, 600)
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@mixin display($color: $base-color) {
|
|
78
|
+
@include font-style($color, 68px, 92px, 600)
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@mixin mono-caption-2($color: $base-color) {
|
|
82
|
+
@include font-style($color, 10px, 8px)
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@mixin mono-caption-2-strong($color: $base-color) {
|
|
86
|
+
@include font-style($color, 10px, 8px, 600)
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@mixin mono-caption-1($color: $base-color) {
|
|
90
|
+
@include font-style($color, 12px, 10px)
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@mixin mono-caption-1-strong($color: $base-color) {
|
|
94
|
+
@include font-style($color, 12px, 10px, 600)
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@mixin mono-caption-1-stronger($color: $base-color) {
|
|
98
|
+
@include font-style($color, 12px, 10px, 700)
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@mixin mono-body-1($color: $base-color) {
|
|
102
|
+
@include font-style($color, 14px, 10px)
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@mixin mono-body-1-strong($color: $base-color) {
|
|
106
|
+
@include font-style($color, 14px, 10px, 600)
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
@mixin mono-body-1-stronger($color: $base-color) {
|
|
110
|
+
@include font-style($color, 14px, 10px, 700)
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
@mixin mono-body-2($color: $base-color) {
|
|
114
|
+
@include font-style($color, 16px, 12px)
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
@mixin mono-subtitle-2($color: $base-color) {
|
|
118
|
+
@include font-style($color, 16px, 12px, 600)
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@mixin mono-subtitle-2-stronger($color: $base-color) {
|
|
122
|
+
@include font-style($color, 16px, 12px, 700)
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
@mixin mono-subtitle-1($color: $base-color) {
|
|
126
|
+
@include font-style($color, 20px, 16px, 600)
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
@mixin mono-title-3($color: $base-color) {
|
|
130
|
+
@include font-style($color, 24px, 18px, 600)
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
@mixin mono-title-2($color: $base-color) {
|
|
134
|
+
@include font-style($color, 28px, 20px, 600)
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
@mixin mono-title-1($color: $base-color) {
|
|
138
|
+
@include font-style($color, 32px, 24px, 600)
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@mixin mono-large-title($color: $base-color) {
|
|
142
|
+
@include font-style($color, 40px, 30px, 600)
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@mixin mono-display($color: $base-color) {
|
|
146
|
+
@include font-style($color, 68px, 50px, 600)
|
|
147
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@import 'colors';
|
|
2
|
+
@import 'border-radius';
|
|
3
|
+
@import 'typography';
|
|
4
|
+
@import 'normalize';
|
|
5
|
+
@import 'transition';
|
|
6
|
+
@import 'dimensions';
|
|
7
|
+
@import 'theme-mixin';
|
|
8
|
+
@import 'animation';
|
|
9
|
+
@import 'common-mixins';
|
|
10
|
+
|
|
11
|
+
body {
|
|
12
|
+
font-family: 'Helvetica', 'Roboto', Arial, sans-serif;
|
|
13
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { ICheckboxOption } from '../types';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICheckboxOption>, {
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
modelValue: boolean;
|
|
6
|
+
label: string;
|
|
7
|
+
styleType: string;
|
|
8
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (val: boolean) => void;
|
|
10
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICheckboxOption>, {
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
modelValue: boolean;
|
|
13
|
+
label: string;
|
|
14
|
+
styleType: string;
|
|
15
|
+
}>>> & {
|
|
16
|
+
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
|
|
17
|
+
}, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
modelValue: boolean;
|
|
20
|
+
label: string;
|
|
21
|
+
styleType: "checkbox-style" | "button-style";
|
|
22
|
+
}, {}>, {
|
|
23
|
+
default?(_: {}): any;
|
|
24
|
+
label?(_: {}): any;
|
|
25
|
+
}>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
28
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
29
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
30
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
31
|
+
} : {
|
|
32
|
+
type: PropType<T[K]>;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
type __VLS_WithDefaults<P, D> = {
|
|
37
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
38
|
+
default: D[K];
|
|
39
|
+
}> : P[K];
|
|
40
|
+
};
|
|
41
|
+
type __VLS_Prettify<T> = {
|
|
42
|
+
[K in keyof T]: T[K];
|
|
43
|
+
} & {};
|
|
44
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
45
|
+
new (): {
|
|
46
|
+
$slots: S;
|
|
47
|
+
};
|
|
48
|
+
};
|
package/dist/types/components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { ICheckboxGroupValidationRule } from '../../../../hooks/useValidation';
|
|
3
|
+
import { CommonInputProps, ComponentDirection } from '../../../../types/common.enums';
|
|
4
|
+
import { ICheckboxOption, ICheckboxStyleType } from '../types';
|
|
5
|
+
interface IProps extends CommonInputProps {
|
|
6
|
+
modelValue: string[];
|
|
7
|
+
options: ICheckboxOption[];
|
|
8
|
+
styleType?: keyof typeof ICheckboxStyleType;
|
|
9
|
+
direction?: keyof typeof ComponentDirection;
|
|
10
|
+
rules?: ICheckboxGroupValidationRule[];
|
|
11
|
+
showValidationIcon?: boolean;
|
|
12
|
+
staticErrorBoxSpace?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
15
|
+
modelValue: () => never[];
|
|
16
|
+
options: () => never[];
|
|
17
|
+
styleType: string;
|
|
18
|
+
direction: string;
|
|
19
|
+
rules: () => never[];
|
|
20
|
+
showValidationIcon: boolean;
|
|
21
|
+
staticErrorBoxSpace: boolean;
|
|
22
|
+
fill: boolean;
|
|
23
|
+
label: string;
|
|
24
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
25
|
+
"update:modelValue": (val: string[]) => void;
|
|
26
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
27
|
+
modelValue: () => never[];
|
|
28
|
+
options: () => never[];
|
|
29
|
+
styleType: string;
|
|
30
|
+
direction: string;
|
|
31
|
+
rules: () => never[];
|
|
32
|
+
showValidationIcon: boolean;
|
|
33
|
+
staticErrorBoxSpace: boolean;
|
|
34
|
+
fill: boolean;
|
|
35
|
+
label: string;
|
|
36
|
+
}>>> & {
|
|
37
|
+
"onUpdate:modelValue"?: ((val: string[]) => any) | undefined;
|
|
38
|
+
}, {
|
|
39
|
+
modelValue: string[];
|
|
40
|
+
styleType: "checkbox-style" | "button-style";
|
|
41
|
+
fill: boolean;
|
|
42
|
+
rules: ICheckboxGroupValidationRule[];
|
|
43
|
+
showValidationIcon: boolean;
|
|
44
|
+
staticErrorBoxSpace: boolean;
|
|
45
|
+
options: ICheckboxOption[];
|
|
46
|
+
direction: "row" | "column";
|
|
47
|
+
}, {}>, {
|
|
48
|
+
default?(_: {}): any;
|
|
49
|
+
}>;
|
|
50
|
+
export default _default;
|
|
51
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
52
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
53
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
54
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
55
|
+
} : {
|
|
56
|
+
type: PropType<T[K]>;
|
|
57
|
+
required: true;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
type __VLS_WithDefaults<P, D> = {
|
|
61
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
62
|
+
default: D[K];
|
|
63
|
+
}> : P[K];
|
|
64
|
+
};
|
|
65
|
+
type __VLS_Prettify<T> = {
|
|
66
|
+
[K in keyof T]: T[K];
|
|
67
|
+
} & {};
|
|
68
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
69
|
+
new (): {
|
|
70
|
+
$slots: S;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ICheckboxOption {
|
|
2
|
+
id: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
modelValue?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
styleType?: keyof typeof ICheckboxStyleType;
|
|
7
|
+
}
|
|
8
|
+
export declare enum ICheckboxStyleType {
|
|
9
|
+
'checkbox-style' = "checkbox-style",
|
|
10
|
+
'button-style' = "button-style"
|
|
11
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
interface IProps {
|
|
3
|
+
valid: boolean;
|
|
4
|
+
show: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
7
|
+
show: boolean;
|
|
8
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
9
|
+
show: boolean;
|
|
10
|
+
}>>>, {
|
|
11
|
+
show: boolean;
|
|
12
|
+
}, {}>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
type __VLS_WithDefaults<P, D> = {
|
|
24
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
25
|
+
default: D[K];
|
|
26
|
+
}> : P[K];
|
|
27
|
+
};
|
|
28
|
+
type __VLS_Prettify<T> = {
|
|
29
|
+
[K in keyof T]: T[K];
|
|
30
|
+
} & {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { Resolution } from './types';
|
|
3
|
+
interface IProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
allowedTypes?: Resolution[];
|
|
7
|
+
photoWithPreview?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
multiple: boolean;
|
|
12
|
+
allowedTypes: () => string[];
|
|
13
|
+
photoWithPreview: boolean;
|
|
14
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
15
|
+
"on-files-changed": (val: File[]) => void;
|
|
16
|
+
"on-unsupported-file-type-error": (val: string) => void;
|
|
17
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
multiple: boolean;
|
|
20
|
+
allowedTypes: () => string[];
|
|
21
|
+
photoWithPreview: boolean;
|
|
22
|
+
}>>> & {
|
|
23
|
+
"onOn-files-changed"?: ((val: File[]) => any) | undefined;
|
|
24
|
+
"onOn-unsupported-file-type-error"?: ((val: string) => any) | undefined;
|
|
25
|
+
}, {
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
multiple: boolean;
|
|
28
|
+
allowedTypes: ("zip" | "rar" | "7z" | "pdf" | "msword" | "docx" | "xlsx" | "pptx" | "json" | "xml" | "mpeg" | "audio-ogg" | "wav" | "mp4" | "webm" | "wideo-ogg" | "jpeg" | "jpg" | "png" | "gif" | "svg-xml" | "webp")[];
|
|
29
|
+
photoWithPreview: boolean;
|
|
30
|
+
}, {}>, {
|
|
31
|
+
trigger?(_: {}): any;
|
|
32
|
+
}>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
35
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
36
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
37
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
38
|
+
} : {
|
|
39
|
+
type: PropType<T[K]>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
type __VLS_WithDefaults<P, D> = {
|
|
44
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
45
|
+
default: D[K];
|
|
46
|
+
}> : P[K];
|
|
47
|
+
};
|
|
48
|
+
type __VLS_Prettify<T> = {
|
|
49
|
+
[K in keyof T]: T[K];
|
|
50
|
+
} & {};
|
|
51
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export declare enum ImageResolution {
|
|
2
|
+
jpeg = "image/jpeg",
|
|
3
|
+
jpg = "image/jpg",
|
|
4
|
+
png = "image/png",
|
|
5
|
+
gif = "image/gif",
|
|
6
|
+
'svg-xml' = "image/svg+xml",
|
|
7
|
+
webp = "image/webp"
|
|
8
|
+
}
|
|
9
|
+
export declare enum VideoResolution {
|
|
10
|
+
mp4 = "video/mp4",
|
|
11
|
+
webm = "video/webm",
|
|
12
|
+
'wideo-ogg' = "video/ogg"
|
|
13
|
+
}
|
|
14
|
+
export declare enum AudioResolution {
|
|
15
|
+
mpeg = "audio/mpeg",
|
|
16
|
+
'audio-ogg' = "audio/ogg",
|
|
17
|
+
wav = "audio/wav"
|
|
18
|
+
}
|
|
19
|
+
export declare enum DocResolution {
|
|
20
|
+
pdf = "application/pdf",
|
|
21
|
+
msword = "application/msword",
|
|
22
|
+
docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
|
|
23
|
+
xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
24
|
+
pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation",
|
|
25
|
+
json = "application/json",
|
|
26
|
+
xml = "application/xml"
|
|
27
|
+
}
|
|
28
|
+
export declare enum ArchiveResolution {
|
|
29
|
+
zip = "application/zip",
|
|
30
|
+
rar = "application/x-rar-compressed",
|
|
31
|
+
'7z' = "application/x-7z-compressed"
|
|
32
|
+
}
|
|
33
|
+
export declare const resolution: {
|
|
34
|
+
zip: ArchiveResolution.zip;
|
|
35
|
+
rar: ArchiveResolution.rar;
|
|
36
|
+
'7z': (typeof ArchiveResolution)["7z"];
|
|
37
|
+
pdf: DocResolution.pdf;
|
|
38
|
+
msword: DocResolution.msword;
|
|
39
|
+
docx: DocResolution.docx;
|
|
40
|
+
xlsx: DocResolution.xlsx;
|
|
41
|
+
pptx: DocResolution.pptx;
|
|
42
|
+
json: DocResolution.json;
|
|
43
|
+
xml: DocResolution.xml;
|
|
44
|
+
mpeg: AudioResolution.mpeg;
|
|
45
|
+
'audio-ogg': (typeof AudioResolution)["audio-ogg"];
|
|
46
|
+
wav: AudioResolution.wav;
|
|
47
|
+
mp4: VideoResolution.mp4;
|
|
48
|
+
webm: VideoResolution.webm;
|
|
49
|
+
'wideo-ogg': (typeof VideoResolution)["wideo-ogg"];
|
|
50
|
+
jpeg: ImageResolution.jpeg;
|
|
51
|
+
jpg: ImageResolution.jpg;
|
|
52
|
+
png: ImageResolution.png;
|
|
53
|
+
gif: ImageResolution.gif;
|
|
54
|
+
'svg-xml': (typeof ImageResolution)["svg-xml"];
|
|
55
|
+
webp: ImageResolution.webp;
|
|
56
|
+
};
|
|
57
|
+
export type Resolution = keyof typeof resolution;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { INumberValidationRule } from '../../../hooks/useValidation';
|
|
3
|
+
import { CommonInputProps, ControlComponentHeight } from '../../../types/common.enums';
|
|
4
|
+
interface IProps extends CommonInputProps {
|
|
5
|
+
modelValue?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
min?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
actionBtnPositionRight?: boolean;
|
|
10
|
+
rules?: INumberValidationRule[];
|
|
11
|
+
showValidationIcon?: boolean;
|
|
12
|
+
staticErrorBoxSpace?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
15
|
+
height: ControlComponentHeight;
|
|
16
|
+
modelValue: number;
|
|
17
|
+
max: number;
|
|
18
|
+
min: number;
|
|
19
|
+
step: number;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
actionBtnPositionRight: boolean;
|
|
22
|
+
label: string;
|
|
23
|
+
rules: () => never[];
|
|
24
|
+
showValidationIcon: boolean;
|
|
25
|
+
staticErrorBoxSpace: boolean;
|
|
26
|
+
interceptWrongValue: boolean;
|
|
27
|
+
fill: boolean;
|
|
28
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
29
|
+
"update:modelValue": (val: string) => void;
|
|
30
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
31
|
+
height: ControlComponentHeight;
|
|
32
|
+
modelValue: number;
|
|
33
|
+
max: number;
|
|
34
|
+
min: number;
|
|
35
|
+
step: number;
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
actionBtnPositionRight: boolean;
|
|
38
|
+
label: string;
|
|
39
|
+
rules: () => never[];
|
|
40
|
+
showValidationIcon: boolean;
|
|
41
|
+
staticErrorBoxSpace: boolean;
|
|
42
|
+
interceptWrongValue: boolean;
|
|
43
|
+
fill: boolean;
|
|
44
|
+
}>>> & {
|
|
45
|
+
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
|
46
|
+
}, {
|
|
47
|
+
disabled: boolean;
|
|
48
|
+
modelValue: number;
|
|
49
|
+
fill: boolean;
|
|
50
|
+
rules: INumberValidationRule[];
|
|
51
|
+
showValidationIcon: boolean;
|
|
52
|
+
staticErrorBoxSpace: boolean;
|
|
53
|
+
height: "default" | "thick" | "thin";
|
|
54
|
+
max: number;
|
|
55
|
+
min: number;
|
|
56
|
+
step: number;
|
|
57
|
+
actionBtnPositionRight: boolean;
|
|
58
|
+
}, {}>;
|
|
59
|
+
export default _default;
|
|
60
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
61
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
62
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
63
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
64
|
+
} : {
|
|
65
|
+
type: PropType<T[K]>;
|
|
66
|
+
required: true;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
type __VLS_WithDefaults<P, D> = {
|
|
70
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
71
|
+
default: D[K];
|
|
72
|
+
}> : P[K];
|
|
73
|
+
};
|
|
74
|
+
type __VLS_Prettify<T> = {
|
|
75
|
+
[K in keyof T]: T[K];
|
|
76
|
+
} & {};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { CommonInputProps } from '../../../types/common.enums';
|
|
3
|
+
import { ISelectOption } from '../nmorph-select-option/NmorphSelectOption.vue';
|
|
4
|
+
import { SelectModelValue } from '../nmorph-select-option/types';
|
|
5
|
+
interface IProps extends CommonInputProps {
|
|
6
|
+
noElementPlaceholder?: string;
|
|
7
|
+
valueRequired?: boolean;
|
|
8
|
+
options?: ISelectOption[];
|
|
9
|
+
modelValue?: SelectModelValue;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
open?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
14
|
+
noElementPlaceholder: string;
|
|
15
|
+
valueRequired: boolean;
|
|
16
|
+
options: () => never[];
|
|
17
|
+
modelValue: string;
|
|
18
|
+
loading: boolean;
|
|
19
|
+
fill: boolean;
|
|
20
|
+
height: string;
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
open: boolean;
|
|
23
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
24
|
+
"update:modelValue": (val: SelectModelValue) => void;
|
|
25
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
26
|
+
noElementPlaceholder: string;
|
|
27
|
+
valueRequired: boolean;
|
|
28
|
+
options: () => never[];
|
|
29
|
+
modelValue: string;
|
|
30
|
+
loading: boolean;
|
|
31
|
+
fill: boolean;
|
|
32
|
+
height: string;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
open: boolean;
|
|
35
|
+
}>>> & {
|
|
36
|
+
"onUpdate:modelValue"?: ((val: SelectModelValue) => any) | undefined;
|
|
37
|
+
}, {
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
modelValue: SelectModelValue;
|
|
40
|
+
fill: boolean;
|
|
41
|
+
height: "default" | "thick" | "thin";
|
|
42
|
+
options: ISelectOption[];
|
|
43
|
+
loading: boolean;
|
|
44
|
+
noElementPlaceholder: string;
|
|
45
|
+
valueRequired: boolean;
|
|
46
|
+
open: boolean;
|
|
47
|
+
}, {}>;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
50
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
51
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
52
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
53
|
+
} : {
|
|
54
|
+
type: PropType<T[K]>;
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
type __VLS_WithDefaults<P, D> = {
|
|
59
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
60
|
+
default: D[K];
|
|
61
|
+
}> : P[K];
|
|
62
|
+
};
|
|
63
|
+
type __VLS_Prettify<T> = {
|
|
64
|
+
[K in keyof T]: T[K];
|
|
65
|
+
} & {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { CommonInputProps } from '../../../types/common.enums';
|
|
3
|
+
export interface ISelectOption extends Omit<CommonInputProps, 'fill'> {
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ISelectOption>, {
|
|
8
|
+
label: string;
|
|
9
|
+
height: string;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
12
|
+
"change-value": (val: string) => void;
|
|
13
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ISelectOption>, {
|
|
14
|
+
label: string;
|
|
15
|
+
height: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
}>>> & {
|
|
18
|
+
"onChange-value"?: ((val: string) => any) | undefined;
|
|
19
|
+
}, {
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
label: string;
|
|
22
|
+
height: "default" | "thick" | "thin";
|
|
23
|
+
}, {}>, {
|
|
24
|
+
default?(_: {}): any;
|
|
25
|
+
}>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
28
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
29
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
30
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
31
|
+
} : {
|
|
32
|
+
type: PropType<T[K]>;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
type __VLS_WithDefaults<P, D> = {
|
|
37
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
38
|
+
default: D[K];
|
|
39
|
+
}> : P[K];
|
|
40
|
+
};
|
|
41
|
+
type __VLS_Prettify<T> = {
|
|
42
|
+
[K in keyof T]: T[K];
|
|
43
|
+
} & {};
|
|
44
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
45
|
+
new (): {
|
|
46
|
+
$slots: S;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type SelectModelValue = string | string[];
|