@nmorph/nmorph-ui-kit 1.1.7 → 2.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/dist/index.es.js +8591 -5340
- package/dist/index.umd.js +427 -370
- package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +3 -0
- package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts +12 -3
- package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts +12 -5
- package/dist/src/components/data/nmorph-progress/NmorphProgress.vue.d.ts +1 -1
- package/dist/src/components/form/index.d.ts +1 -0
- package/dist/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts +2 -0
- package/dist/src/components/form/nmorph-form/types.d.ts +1 -0
- package/dist/src/components/form/nmorph-form/use-form-item-input.d.ts +2 -1
- package/dist/src/components/form/nmorph-otp-input/NmorphOTPInput.vue.d.ts +34 -0
- package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts +7 -0
- package/dist/src/types/index.d.ts +5 -1
- package/package.json +6 -1
|
@@ -3,6 +3,7 @@ import { NmorphButtonStyle, NmorphButtonType, NmorphButtonShape } from '../..';
|
|
|
3
3
|
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
4
|
interface INmorphProps extends INmorphCommonInputProps {
|
|
5
5
|
styleType?: keyof typeof NmorphButtonStyle;
|
|
6
|
+
color?: string;
|
|
6
7
|
loading?: boolean;
|
|
7
8
|
ripple?: boolean;
|
|
8
9
|
type?: keyof typeof NmorphButtonType;
|
|
@@ -17,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
17
18
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
18
19
|
fill: boolean;
|
|
19
20
|
styleType: "default" | "transparent";
|
|
21
|
+
color: string;
|
|
20
22
|
loading: boolean;
|
|
21
23
|
ripple: boolean;
|
|
22
24
|
type: "reset" | "submit" | "button";
|
|
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
27
29
|
height: "default" | "thick" | "thin";
|
|
28
30
|
disabled: boolean;
|
|
29
31
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
32
|
+
"icon-only"?(_: {}): any;
|
|
30
33
|
icon?(_: {}): any;
|
|
31
34
|
default?(_: {}): any;
|
|
32
35
|
append?(_: {}): any;
|
|
@@ -8,9 +8,9 @@ interface INmorphProps {
|
|
|
8
8
|
}
|
|
9
9
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
10
10
|
size: "small" | "medium" | "large";
|
|
11
|
+
color: string;
|
|
11
12
|
height: string;
|
|
12
13
|
width: string;
|
|
13
|
-
color: string;
|
|
14
14
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
15
15
|
default?(_: {}): any;
|
|
16
16
|
}>;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import { Component, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
2
|
import { INmorphImage, AvatarShapeType } from '../../../types';
|
|
2
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
interface INmorphProps extends INmorphImage {
|
|
4
4
|
size?: number;
|
|
5
5
|
shape?: keyof typeof AvatarShapeType;
|
|
6
6
|
frameBorder?: number;
|
|
7
7
|
imagePadding?: number;
|
|
8
|
+
fallback?: Component;
|
|
8
9
|
}
|
|
9
|
-
declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
10
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
10
11
|
error: (event: Event) => any;
|
|
11
12
|
load: (event: Event) => any;
|
|
12
13
|
}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
|
|
@@ -17,5 +18,13 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
|
|
|
17
18
|
shape: "square" | "circle";
|
|
18
19
|
frameBorder: number;
|
|
19
20
|
imagePadding: number;
|
|
20
|
-
|
|
21
|
+
fallback: any;
|
|
22
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
23
|
+
error?(_: {}): any;
|
|
24
|
+
}>;
|
|
21
25
|
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -10,19 +10,26 @@ interface INmorphProps {
|
|
|
10
10
|
offsetX?: number;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
}
|
|
13
|
+
type NmorphBadgeValueSlotProps = {
|
|
14
|
+
value: INmorphProps["value"];
|
|
15
|
+
displayValue: string | number | undefined;
|
|
16
|
+
};
|
|
13
17
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
14
|
-
|
|
18
|
+
value: string | number;
|
|
15
19
|
color: string;
|
|
20
|
+
disabled: boolean;
|
|
16
21
|
hidden: boolean;
|
|
17
22
|
max: number;
|
|
18
23
|
isDot: boolean;
|
|
19
24
|
isTag: boolean;
|
|
20
25
|
offsetY: number;
|
|
21
26
|
offsetX: number;
|
|
22
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
23
|
-
default
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
|
|
28
|
+
default?: (props: Record<string, never>) => any;
|
|
29
|
+
value?: (props: NmorphBadgeValueSlotProps) => any;
|
|
30
|
+
}> & {
|
|
31
|
+
default?: (props: Record<string, never>) => any;
|
|
32
|
+
value?: (props: NmorphBadgeValueSlotProps) => any;
|
|
26
33
|
}>;
|
|
27
34
|
export default _default;
|
|
28
35
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -10,8 +10,8 @@ interface INmorphProps {
|
|
|
10
10
|
circleSize?: number;
|
|
11
11
|
}
|
|
12
12
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
13
|
-
type: NmorphProgressType;
|
|
14
13
|
color: NmorphProgressColorType;
|
|
14
|
+
type: NmorphProgressType;
|
|
15
15
|
valueInside: boolean;
|
|
16
16
|
valueRightSide: boolean;
|
|
17
17
|
indeterminate: boolean;
|
|
@@ -10,6 +10,7 @@ export { default as NmorphForm } from './nmorph-form/NmorphForm.vue';
|
|
|
10
10
|
export * from './nmorph-form/types';
|
|
11
11
|
export { default as NmorphFormItem } from './nmorph-form/components/nmorph-form-item/NmorphFormItem.vue';
|
|
12
12
|
export { default as NmorphNumberInput } from './nmorph-number-input/NmorphNumberInput.vue';
|
|
13
|
+
export { default as NmorphOTPInput } from './nmorph-otp-input/NmorphOTPInput.vue';
|
|
13
14
|
export { default as NmorphSelect } from './nmorph-select/NmorphSelect.vue';
|
|
14
15
|
export * from './nmorph-select/types';
|
|
15
16
|
export { default as NmorphSelectOption } from './nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue';
|
package/dist/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
3
3
|
interface INmorphProps {
|
|
4
4
|
id: string;
|
|
5
5
|
name?: string;
|
|
6
|
+
autocomplete?: string;
|
|
6
7
|
height?: keyof typeof NmorphComponentHeight;
|
|
7
8
|
label?: string;
|
|
8
9
|
showValidationIcon?: boolean;
|
|
@@ -10,6 +11,7 @@ interface INmorphProps {
|
|
|
10
11
|
}
|
|
11
12
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
12
13
|
name: string;
|
|
14
|
+
autocomplete: string;
|
|
13
15
|
height: "default" | "thick" | "thin";
|
|
14
16
|
label: string;
|
|
15
17
|
showValidationIcon: boolean;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { INmorphCommonInputProps } from '../../../types';
|
|
2
2
|
import { ComputedRef } from 'vue';
|
|
3
3
|
export declare const nmorphFormItemInputDataKey = "nmorph-form-item-input-data";
|
|
4
|
-
export declare const useFormItemInput: (props: Pick<INmorphCommonInputProps, 'id' | 'name' | 'tabindex'>) => {
|
|
4
|
+
export declare const useFormItemInput: (props: Pick<INmorphCommonInputProps, 'id' | 'name' | 'tabindex' | 'autocomplete'>) => {
|
|
5
5
|
id: ComputedRef<string>;
|
|
6
6
|
name: ComputedRef<string>;
|
|
7
|
+
autocomplete: ComputedRef<string>;
|
|
7
8
|
tabindex: ComputedRef<number>;
|
|
8
9
|
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { INmorphCommonInputProps } from '../../../types';
|
|
2
|
+
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
type NmorphOtpInputMode = 'numeric' | 'text' | 'alphanumeric';
|
|
4
|
+
interface INmorphProps extends INmorphCommonInputProps {
|
|
5
|
+
modelValue?: string;
|
|
6
|
+
length?: number;
|
|
7
|
+
mode?: NmorphOtpInputMode;
|
|
8
|
+
autofocus?: boolean;
|
|
9
|
+
autocapitalize?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: DefineComponent<INmorphProps, {
|
|
12
|
+
inputDOMRefs: Ref<HTMLInputElement[], HTMLInputElement[]>;
|
|
13
|
+
focus: (index?: number) => void;
|
|
14
|
+
blur: () => void;
|
|
15
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
16
|
+
blur: () => any;
|
|
17
|
+
focus: () => any;
|
|
18
|
+
"update:model-value": (val: string) => any;
|
|
19
|
+
complete: (val: string) => any;
|
|
20
|
+
}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
|
|
21
|
+
onBlur?: () => any;
|
|
22
|
+
onFocus?: () => any;
|
|
23
|
+
"onUpdate:model-value"?: (val: string) => any;
|
|
24
|
+
onComplete?: (val: string) => any;
|
|
25
|
+
}>, {
|
|
26
|
+
length: number;
|
|
27
|
+
height: "default" | "thick" | "thin";
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
autocapitalize: string;
|
|
30
|
+
modelValue: string;
|
|
31
|
+
mode: NmorphOtpInputMode;
|
|
32
|
+
autofocus: boolean;
|
|
33
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
34
|
+
export default _default;
|
|
@@ -5,9 +5,14 @@ interface INmorphProps extends INmorphCommonInputProps {
|
|
|
5
5
|
typePassword?: boolean;
|
|
6
6
|
modelValue?: string;
|
|
7
7
|
clearable?: boolean;
|
|
8
|
+
indentation?: string;
|
|
9
|
+
inputAttrs?: Record<string, string | number | boolean | undefined>;
|
|
8
10
|
}
|
|
9
11
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
10
12
|
inputDOMRef: Ref<HTMLElement, HTMLElement>;
|
|
13
|
+
focus: () => void;
|
|
14
|
+
blur: () => void;
|
|
15
|
+
select: () => void;
|
|
11
16
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
12
17
|
blur: () => any;
|
|
13
18
|
focus: () => any;
|
|
@@ -25,6 +30,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
25
30
|
modelValue: string;
|
|
26
31
|
clearable: boolean;
|
|
27
32
|
typePassword: boolean;
|
|
33
|
+
indentation: string;
|
|
34
|
+
inputAttrs: Record<string, string | number | boolean>;
|
|
28
35
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
29
36
|
"prepend-icon"?(_: {}): any;
|
|
30
37
|
}>;
|
|
@@ -30,6 +30,7 @@ export declare enum NmorphComponentDirection {
|
|
|
30
30
|
export interface INmorphCommonInputProps {
|
|
31
31
|
id?: string;
|
|
32
32
|
name?: string;
|
|
33
|
+
autocomplete?: string;
|
|
33
34
|
height?: keyof typeof NmorphComponentHeight;
|
|
34
35
|
disabled?: boolean;
|
|
35
36
|
tabindex?: number;
|
|
@@ -102,7 +103,10 @@ export interface INmorphStaticColors {
|
|
|
102
103
|
black?: string;
|
|
103
104
|
text?: string;
|
|
104
105
|
overlay?: string;
|
|
105
|
-
|
|
106
|
+
focusText?: string;
|
|
107
|
+
placeholderText?: string;
|
|
108
|
+
semiContrastText?: string;
|
|
109
|
+
contrastText?: string;
|
|
106
110
|
}
|
|
107
111
|
export interface INmorphDynamicColors {
|
|
108
112
|
darkShade?: string;
|
package/package.json
CHANGED
|
@@ -2,8 +2,13 @@
|
|
|
2
2
|
"name": "@nmorph/nmorph-ui-kit",
|
|
3
3
|
"type": "module",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "
|
|
5
|
+
"version": "2.0.1",
|
|
6
6
|
"license": "MIT",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "https://gitlab.com/ketjo/nmorph",
|
|
10
|
+
"directory": "library"
|
|
11
|
+
},
|
|
7
12
|
"engines": {
|
|
8
13
|
"node": ">=18.13.0",
|
|
9
14
|
"npm": ">=8.19.3"
|