@nmorph/nmorph-ui-kit 2.2.19 → 2.2.21
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/assets/icons/circle-close.svg.js +4 -4
- package/dist/assets/icons/clock.svg.js +2 -2
- package/dist/assets/icons/folder-opened.svg.js +8 -8
- package/dist/assets/icons/forward-filled.svg.js +21 -0
- package/dist/assets/icons/forward.svg.js +24 -0
- package/dist/assets/icons/reply-filled.svg.js +21 -0
- package/dist/assets/icons/reply.svg.js +24 -0
- package/dist/assets/icons/send-filled.svg.js +21 -0
- package/dist/assets/icons/send.svg.js +21 -0
- package/dist/components/basic/nmorph-button/NmorphButton.css +1 -1
- package/dist/components/basic/nmorph-link/NmorphLink.vue.js +16 -15
- package/dist/components/basic/nmorph-link/NmorphLink.vue2.js +17 -14
- package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
- package/dist/components/data/nmorph-badge/NmorphBadge.vue.js +23 -23
- package/dist/components/data/nmorph-badge/NmorphBadge.vue2.js +27 -23
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue.js +14 -13
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js +68 -65
- package/dist/components/data/nmorph-calendar/utils.js +4 -3
- package/dist/components/data/nmorph-card/NmorphCard.css +1 -1
- package/dist/components/data/nmorph-card/NmorphCard.vue.js +27 -26
- package/dist/components/data/nmorph-card/NmorphCard.vue2.js +21 -13
- package/dist/components/data/nmorph-carousel/NmorphCarousel.vue.js +39 -42
- package/dist/components/data/nmorph-carousel/NmorphCarousel.vue2.js +25 -36
- package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue2.js +15 -11
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.css +1 -1
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.js +14 -13
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue2.js +42 -27
- package/dist/components/data/nmorph-empty/NmorphEmpty.css +1 -0
- package/dist/components/data/nmorph-empty/NmorphEmpty.vue.js +64 -0
- package/dist/components/data/nmorph-empty/NmorphEmpty.vue2.js +43 -0
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.css +1 -1
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +51 -45
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js +74 -62
- package/dist/components/data/nmorph-progress/NmorphProgress.vue.js +24 -29
- package/dist/components/data/nmorph-progress/NmorphProgress.vue2.js +25 -14
- package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue.js +20 -19
- package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue2.js +15 -12
- package/dist/components/data/nmorph-table/NmorphTable.vue.js +35 -31
- package/dist/components/data/nmorph-table/NmorphTable.vue2.js +64 -50
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.css +1 -1
- package/dist/components/feedback/nmorph-alert/NmorphAlert.vue.js +8 -8
- package/dist/components/feedback/nmorph-alert/NmorphAlert.vue2.js +26 -22
- package/dist/components/feedback/nmorph-callout/NmorphCallout.css +1 -1
- package/dist/components/feedback/nmorph-callout/NmorphCallout.vue.js +16 -15
- package/dist/components/feedback/nmorph-callout/NmorphCallout.vue2.js +11 -8
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.css +1 -1
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js +13 -13
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue2.js +33 -19
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +1 -1
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.css +1 -1
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue.js +16 -15
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js +39 -32
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.css +1 -1
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue.js +7 -7
- package/dist/components/form/nmorph-select/NmorphSelect.vue.js +40 -39
- package/dist/components/form/nmorph-select/NmorphSelect.vue2.js +53 -50
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js +16 -15
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue2.js +21 -16
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue.js +16 -15
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue2.js +26 -19
- package/dist/components/form/nmorph-slider/NmorphSlider.vue.js +4 -4
- package/dist/components/form/nmorph-slider/NmorphSlider.vue2.js +48 -38
- package/dist/components/form/nmorph-switch/NmorphSwitch.css +1 -1
- package/dist/components/form/nmorph-switch/NmorphSwitch.vue.js +18 -17
- package/dist/components/form/nmorph-switch/NmorphSwitch.vue2.js +38 -27
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.css +1 -0
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js +183 -0
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue2.js +111 -0
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.css +1 -1
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js +9 -8
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue2.js +14 -14
- package/dist/hooks/use-common-styles.js +75 -9
- package/dist/hooks/use-virtual-list.js +3 -1
- package/dist/icons.js +377 -365
- package/dist/index.es.js +666 -650
- package/dist/index.umd.js +99 -33
- package/dist/locales/en.js +1 -0
- package/dist/locales/ru.js +1 -0
- package/dist/locales/zh.js +1 -0
- package/dist/package.json.js +1 -1
- package/dist/src/components/basic/nmorph-icon/NmorphIcons.d.ts +6 -0
- package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +2 -0
- package/dist/src/components/data/index.d.ts +1 -0
- package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts +2 -0
- package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts +2 -0
- package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts +7 -5
- package/dist/src/components/data/nmorph-carousel/NmorphCarousel.vue.d.ts +1 -3
- package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +2 -0
- package/dist/src/components/data/nmorph-empty/NmorphEmpty.vue.d.ts +36 -0
- package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts +10 -0
- package/dist/src/components/data/nmorph-progress/NmorphProgress.vue.d.ts +6 -0
- package/dist/src/components/data/nmorph-skeleton/NmorphSkeleton.vue.d.ts +2 -0
- package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts +6 -0
- package/dist/src/components/feedback/nmorph-alert/NmorphAlert.vue.d.ts +1 -0
- package/dist/src/components/feedback/nmorph-alert/types.d.ts +1 -0
- package/dist/src/components/feedback/nmorph-callout/NmorphCallout.vue.d.ts +2 -0
- package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +8 -0
- package/dist/src/components/form/index.d.ts +2 -0
- package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts +4 -0
- package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts +2 -0
- package/dist/src/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.d.ts +2 -0
- package/dist/src/components/form/nmorph-select/types.d.ts +2 -0
- package/dist/src/components/form/nmorph-select-button/NmorphSelectButton.vue.d.ts +6 -0
- package/dist/src/components/form/nmorph-slider/types.d.ts +4 -0
- package/dist/src/components/form/nmorph-switch/NmorphSwitch.vue.d.ts +8 -0
- package/dist/src/components/form/nmorph-time-picker/NmorphTimePicker.vue.d.ts +44 -0
- package/dist/src/components/form/nmorph-time-picker/types.d.ts +6 -0
- package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts +3 -3
- package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts +2 -2
- package/dist/src/outside-hooks/use-nmorph-notification.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +6 -5
package/dist/locales/en.js
CHANGED
package/dist/locales/ru.js
CHANGED
package/dist/locales/zh.js
CHANGED
package/dist/package.json.js
CHANGED
|
@@ -94,6 +94,8 @@ export { default as NmorphIconFolderDelete } from '../../../assets/icons/folder-
|
|
|
94
94
|
export { default as NmorphIconFolderOpened } from '../../../assets/icons/folder-opened.svg';
|
|
95
95
|
export { default as NmorphIconFolder } from '../../../assets/icons/folder.svg';
|
|
96
96
|
export { default as NmorphIconFood } from '../../../assets/icons/food.svg';
|
|
97
|
+
export { default as NmorphIconForwardFilled } from '../../../assets/icons/forward-filled.svg';
|
|
98
|
+
export { default as NmorphIconForward } from '../../../assets/icons/forward.svg';
|
|
97
99
|
export { default as NmorphIconForkSpoon } from '../../../assets/icons/fork-spoon.svg';
|
|
98
100
|
export { default as NmorphIconFullScreen } from '../../../assets/icons/full-screen.svg';
|
|
99
101
|
export { default as NmorphIconGoblet } from '../../../assets/icons/goblet-full.svg';
|
|
@@ -191,6 +193,8 @@ export { default as NmorphIconRefresh } from '../../../assets/icons/refresh.svg'
|
|
|
191
193
|
export { default as NmorphIconRefrigerator } from '../../../assets/icons/refrigerator.svg';
|
|
192
194
|
export { default as NmorphIconRemoveFilled } from '../../../assets/icons/remove-filled.svg';
|
|
193
195
|
export { default as NmorphIconRemove } from '../../../assets/icons/remove.svg';
|
|
196
|
+
export { default as NmorphIconReplyFilled } from '../../../assets/icons/reply-filled.svg';
|
|
197
|
+
export { default as NmorphIconReply } from '../../../assets/icons/reply.svg';
|
|
194
198
|
export { default as NmorphIconRight } from '../../../assets/icons/right.svg';
|
|
195
199
|
export { default as NmorphIconRotateLeft } from '../../../assets/icons/rotate-left.svg';
|
|
196
200
|
export { default as NmorphIconRotateRight } from '../../../assets/icons/rotate-right.svg';
|
|
@@ -201,6 +205,8 @@ export { default as NmorphIconSearch } from '../../../assets/icons/search.svg';
|
|
|
201
205
|
export { default as NmorphIconSelect } from '../../../assets/icons/select.svg';
|
|
202
206
|
export { default as NmorphIconSell } from '../../../assets/icons/sell.svg';
|
|
203
207
|
export { default as NmorphIconSemiSelect } from '../../../assets/icons/semi-select.svg';
|
|
208
|
+
export { default as NmorphIconSendFilled } from '../../../assets/icons/send-filled.svg';
|
|
209
|
+
export { default as NmorphIconSend } from '../../../assets/icons/send.svg';
|
|
204
210
|
export { default as NmorphIconService } from '../../../assets/icons/service.svg';
|
|
205
211
|
export { default as NmorphIconSetting } from '../../../assets/icons/setting.svg';
|
|
206
212
|
export { default as NmorphIconShare } from '../../../assets/icons/share.svg';
|
|
@@ -8,8 +8,10 @@ interface INmorphProps {
|
|
|
8
8
|
text?: string;
|
|
9
9
|
target?: keyof typeof NmorphLinkTarget;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
color?: string;
|
|
11
12
|
}
|
|
12
13
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
14
|
+
color: string;
|
|
13
15
|
type: "error" | "accent" | "success" | "warning";
|
|
14
16
|
text: string;
|
|
15
17
|
disabled: boolean;
|
|
@@ -11,6 +11,7 @@ export { default as NmorphCarouselItem } from './nmorph-carousel/components/nmor
|
|
|
11
11
|
export { default as NmorphCollapse } from './nmorph-collapse/NmorphCollapse.vue';
|
|
12
12
|
export { default as NmorphCollapseItem } from './nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue';
|
|
13
13
|
export * from './nmorph-collapse/types';
|
|
14
|
+
export { default as NmorphEmpty } from './nmorph-empty/NmorphEmpty.vue';
|
|
14
15
|
export { default as NmorphImage } from './nmorph-image/NmorphImage.vue';
|
|
15
16
|
export { default as NmorphImagePreview } from './nmorph-image-preview/NmorphImagePreview.vue';
|
|
16
17
|
export * from './nmorph-image-preview/types';
|
|
@@ -12,6 +12,7 @@ interface INmorphProps {
|
|
|
12
12
|
offsetX?: number;
|
|
13
13
|
zIndex?: number;
|
|
14
14
|
disabled?: boolean;
|
|
15
|
+
dotSize?: number | string;
|
|
15
16
|
}
|
|
16
17
|
type NmorphBadgeValueSlotProps = {
|
|
17
18
|
value: INmorphProps['value'];
|
|
@@ -29,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
29
30
|
isTag: boolean;
|
|
30
31
|
offsetY: number;
|
|
31
32
|
offsetX: number;
|
|
33
|
+
dotSize: string | number;
|
|
32
34
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
33
35
|
badge: HTMLDivElement;
|
|
34
36
|
}, any>, Readonly<{
|
|
@@ -7,6 +7,7 @@ interface INmorphProps {
|
|
|
7
7
|
range?: NmorphCalendarRangeType;
|
|
8
8
|
type?: keyof typeof NmorphSelectionDateType;
|
|
9
9
|
modelValue?: NmorphSelectedDateModelType;
|
|
10
|
+
cellHeight?: number | string;
|
|
10
11
|
}
|
|
11
12
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
12
13
|
"update:model-value": (date: NmorphSelectedDateModelType) => any;
|
|
@@ -20,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
20
21
|
markToday: boolean;
|
|
21
22
|
initialDate: Date;
|
|
22
23
|
range: [Date, Date];
|
|
24
|
+
cellHeight: string | number;
|
|
23
25
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
|
|
24
26
|
header?(_: {}): any;
|
|
25
27
|
content?(_: {}): any;
|
|
@@ -3,15 +3,17 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
3
3
|
interface INmorphProps {
|
|
4
4
|
shadowType?: keyof typeof NmorphShadowType;
|
|
5
5
|
combinedShadowBorderWidth?: number;
|
|
6
|
+
cardPadding?: number | string;
|
|
7
|
+
fill?: boolean;
|
|
8
|
+
tag?: string;
|
|
6
9
|
}
|
|
7
10
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
11
|
+
fill: boolean;
|
|
12
|
+
tag: string;
|
|
8
13
|
shadowType: "inset" | "outset" | "combined" | "not-defined";
|
|
9
14
|
combinedShadowBorderWidth: number;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
default?(_: {}): any;
|
|
13
|
-
footer?(_: {}): any;
|
|
14
|
-
}>;
|
|
15
|
+
cardPadding: string | number;
|
|
16
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, any>;
|
|
15
17
|
export default _default;
|
|
16
18
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
19
|
new (): {
|
|
@@ -8,9 +8,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
8
8
|
onChange?: (value: number) => any;
|
|
9
9
|
}>, {
|
|
10
10
|
loop: boolean;
|
|
11
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
12
|
-
carouselWrapper: HTMLDivElement;
|
|
13
|
-
}, HTMLDivElement>, {
|
|
11
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
|
|
14
12
|
default?(_: {}): any;
|
|
15
13
|
}>;
|
|
16
14
|
export default _default;
|
|
@@ -4,6 +4,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
4
4
|
interface INmorphProps extends INmorphCollapseItemProps {
|
|
5
5
|
height?: keyof typeof NmorphComponentHeight;
|
|
6
6
|
block?: boolean;
|
|
7
|
+
transitionSpeed?: number | string;
|
|
7
8
|
}
|
|
8
9
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
9
10
|
"click-item": (data: {
|
|
@@ -20,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
20
21
|
height: "thick" | "basic" | "thin";
|
|
21
22
|
disabled: boolean;
|
|
22
23
|
title: string;
|
|
24
|
+
transitionSpeed: string | number;
|
|
23
25
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
24
26
|
collapseItemDOMElContent: HTMLDivElement;
|
|
25
27
|
}, HTMLDivElement>, {
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { NmorphShadowType, INmorphA11yProps, NmorphElementDesignType } from '../../../types';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
interface INmorphProps extends INmorphA11yProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
iconSize?: number | string;
|
|
7
|
+
minHeight?: number | string;
|
|
8
|
+
padding?: number | string;
|
|
9
|
+
design?: NmorphElementDesignType;
|
|
10
|
+
shadowType?: keyof typeof NmorphShadowType;
|
|
11
|
+
hideIcon?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
14
|
+
title: string;
|
|
15
|
+
minHeight: string | number;
|
|
16
|
+
design: NmorphElementDesignType;
|
|
17
|
+
shadowType: "inset" | "outset" | "combined" | "not-defined";
|
|
18
|
+
description: string;
|
|
19
|
+
iconSize: string | number;
|
|
20
|
+
padding: string | number;
|
|
21
|
+
hideIcon: boolean;
|
|
22
|
+
role: string;
|
|
23
|
+
ariaLabel: string;
|
|
24
|
+
ariaOrientation: string;
|
|
25
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
|
|
26
|
+
icon?(_: {}): any;
|
|
27
|
+
title?(_: {}): any;
|
|
28
|
+
description?(_: {}): any;
|
|
29
|
+
action?(_: {}): any;
|
|
30
|
+
}>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -9,12 +9,19 @@ interface INmorphProps {
|
|
|
9
9
|
maxScaleLevel?: number;
|
|
10
10
|
zIndex?: number;
|
|
11
11
|
showTrigger?: boolean;
|
|
12
|
+
showNavigationButtons?: boolean;
|
|
13
|
+
showActionBar?: boolean;
|
|
14
|
+
width?: number | string;
|
|
15
|
+
height?: number | string;
|
|
16
|
+
navigationButtonMargin?: number | string;
|
|
12
17
|
}
|
|
13
18
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
14
19
|
"update:model-value": (value: boolean) => any;
|
|
15
20
|
}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
|
|
16
21
|
"onUpdate:model-value"?: (value: boolean) => any;
|
|
17
22
|
}>, {
|
|
23
|
+
height: string | number;
|
|
24
|
+
width: string | number;
|
|
18
25
|
modelValue: boolean;
|
|
19
26
|
alt: string;
|
|
20
27
|
initialIndex: number;
|
|
@@ -23,6 +30,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
23
30
|
maxScaleLevel: number;
|
|
24
31
|
zIndex: number;
|
|
25
32
|
showTrigger: boolean;
|
|
33
|
+
showNavigationButtons: boolean;
|
|
34
|
+
showActionBar: boolean;
|
|
35
|
+
navigationButtonMargin: string | number;
|
|
26
36
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
27
37
|
loading?(_: {}): any;
|
|
28
38
|
loading?(_: {}): any;
|
|
@@ -8,14 +8,20 @@ interface INmorphProps {
|
|
|
8
8
|
valueRightSide?: boolean;
|
|
9
9
|
indeterminate?: boolean;
|
|
10
10
|
circleSize?: number;
|
|
11
|
+
height?: number | string;
|
|
12
|
+
widthTransition?: string;
|
|
13
|
+
indeterminateAnimation?: string;
|
|
11
14
|
}
|
|
12
15
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
13
16
|
color: NmorphProgressColorType;
|
|
14
17
|
type: NmorphProgressType;
|
|
18
|
+
height: string | number;
|
|
15
19
|
valueInside: boolean;
|
|
16
20
|
valueRightSide: boolean;
|
|
17
21
|
indeterminate: boolean;
|
|
18
22
|
circleSize: number;
|
|
23
|
+
widthTransition: string;
|
|
24
|
+
indeterminateAnimation: string;
|
|
19
25
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
20
26
|
circle: SVGCircleElement;
|
|
21
27
|
}, HTMLDivElement>, {
|
|
@@ -3,11 +3,13 @@ interface INmorphProps {
|
|
|
3
3
|
animated?: boolean;
|
|
4
4
|
loading?: boolean;
|
|
5
5
|
rows?: number;
|
|
6
|
+
loadingGradient?: string;
|
|
6
7
|
}
|
|
7
8
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
8
9
|
loading: boolean;
|
|
9
10
|
animated: boolean;
|
|
10
11
|
rows: number;
|
|
12
|
+
loadingGradient: string;
|
|
11
13
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
|
|
12
14
|
template?(_: {}): any;
|
|
13
15
|
default?(_: {}): any;
|
|
@@ -11,10 +11,14 @@ interface INmorphProps {
|
|
|
11
11
|
virtualOverscan?: number;
|
|
12
12
|
virtualRowHeight?: number;
|
|
13
13
|
virtualDynamicHeight?: boolean;
|
|
14
|
+
borderColor?: string;
|
|
15
|
+
cellHeight?: number | string;
|
|
16
|
+
rowHoverBackground?: string;
|
|
14
17
|
}
|
|
15
18
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
16
19
|
sort: NmorphTableSortType;
|
|
17
20
|
data: NmorphTableDataType;
|
|
21
|
+
cellHeight: string | number;
|
|
18
22
|
bordered: boolean;
|
|
19
23
|
design: "nmorph" | "common";
|
|
20
24
|
rowHover: boolean;
|
|
@@ -23,6 +27,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
23
27
|
virtualOverscan: number;
|
|
24
28
|
virtualRowHeight: number;
|
|
25
29
|
virtualDynamicHeight: boolean;
|
|
30
|
+
borderColor: string;
|
|
31
|
+
rowHoverBackground: string;
|
|
26
32
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
27
33
|
nmorphDOMTable: HTMLDivElement;
|
|
28
34
|
}, HTMLDivElement>, {
|
|
@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
17
17
|
content: string;
|
|
18
18
|
showIcon: boolean;
|
|
19
19
|
closeIconPosition: string;
|
|
20
|
+
backgroundColor: string;
|
|
20
21
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
21
22
|
icon?(_: {}): any;
|
|
22
23
|
title?(_: {}): any;
|
|
@@ -4,8 +4,10 @@ interface INmorphProps {
|
|
|
4
4
|
type?: NmorphCalloutType;
|
|
5
5
|
title?: string;
|
|
6
6
|
content: string;
|
|
7
|
+
color?: string;
|
|
7
8
|
}
|
|
8
9
|
declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
10
|
+
color: string;
|
|
9
11
|
type: NmorphCalloutType;
|
|
10
12
|
title: string;
|
|
11
13
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -5,14 +5,22 @@ interface INmorphProps {
|
|
|
5
5
|
position?: NmorphPlacementType;
|
|
6
6
|
forceShow?: boolean;
|
|
7
7
|
forceCoordinate?: Partial<INmorphCoords<string>> | null;
|
|
8
|
+
zIndex?: number;
|
|
9
|
+
width?: number | string;
|
|
10
|
+
maxWidth?: number | string;
|
|
11
|
+
height?: number | string;
|
|
8
12
|
}
|
|
9
13
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
10
14
|
tooltipBody: Ref<HTMLElement, HTMLElement>;
|
|
11
15
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
|
|
12
16
|
text: string;
|
|
17
|
+
height: string | number;
|
|
18
|
+
width: string | number;
|
|
19
|
+
zIndex: number;
|
|
13
20
|
position: NmorphPlacementType;
|
|
14
21
|
forceShow: boolean;
|
|
15
22
|
forceCoordinate: Partial<INmorphCoords<string>>;
|
|
23
|
+
maxWidth: string | number;
|
|
16
24
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
17
25
|
tooltipDOMRef: HTMLDivElement;
|
|
18
26
|
slotDOMRef: HTMLDivElement;
|
|
@@ -18,6 +18,8 @@ export { default as NmorphSlider } from './nmorph-slider/NmorphSlider.vue';
|
|
|
18
18
|
export * from './nmorph-slider/types';
|
|
19
19
|
export { default as NmorphSwitch } from './nmorph-switch/NmorphSwitch.vue';
|
|
20
20
|
export { default as NmorphTextInput } from './nmorph-text-input/NmorphTextInput.vue';
|
|
21
|
+
export { default as NmorphTimePicker } from './nmorph-time-picker/NmorphTimePicker.vue';
|
|
22
|
+
export * from './nmorph-time-picker/types';
|
|
21
23
|
export { default as NmorphRadio } from './nmorph-radio/NmorphRadio.vue';
|
|
22
24
|
export { default as NmorphRadioGroup } from './nmorph-radio-group/NmorphRadioGroup.vue';
|
|
23
25
|
export { default as NmorphSelectButton } from './nmorph-select-button/NmorphSelectButton.vue';
|
|
@@ -14,6 +14,8 @@ interface INmorphProps extends INmorphCommonInputProps {
|
|
|
14
14
|
dateFormatter?: NmorphDateFormatterType;
|
|
15
15
|
valueSeparator?: string;
|
|
16
16
|
rangeSeparator?: string;
|
|
17
|
+
width?: number | string;
|
|
18
|
+
calendarCellHeight?: number | string;
|
|
17
19
|
}
|
|
18
20
|
declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
19
21
|
"update:model-value": (modelValue: NmorphSelectedDateModelType) => any;
|
|
@@ -23,6 +25,7 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
|
|
|
23
25
|
type: "date" | "dates" | "daterange";
|
|
24
26
|
height: "thick" | "basic" | "thin";
|
|
25
27
|
disabled: boolean;
|
|
28
|
+
width: string | number;
|
|
26
29
|
placeholder: string;
|
|
27
30
|
modelValue: NmorphSelectedDateModelType;
|
|
28
31
|
zIndex: number;
|
|
@@ -34,6 +37,7 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
|
|
|
34
37
|
dateFormatter: NmorphDateFormatterType;
|
|
35
38
|
valueSeparator: string;
|
|
36
39
|
rangeSeparator: string;
|
|
40
|
+
calendarCellHeight: string | number;
|
|
37
41
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
38
42
|
nmorphInputDOMRef: HTMLDivElement;
|
|
39
43
|
}, HTMLDivElement>;
|
|
@@ -17,6 +17,7 @@ interface INmorphProps extends INmorphCommonInputProps {
|
|
|
17
17
|
virtualMaxHeight?: number | string;
|
|
18
18
|
virtualOverscan?: number;
|
|
19
19
|
virtualDynamicHeight?: boolean;
|
|
20
|
+
width?: number | string;
|
|
20
21
|
}
|
|
21
22
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
22
23
|
"update:model-value": (val: NmorphSelectModelValueType) => any;
|
|
@@ -27,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
27
28
|
loading: boolean;
|
|
28
29
|
height: "thick" | "basic" | "thin";
|
|
29
30
|
disabled: boolean;
|
|
31
|
+
width: string | number;
|
|
30
32
|
modelValue: NmorphSelectModelValueType;
|
|
31
33
|
zIndex: number;
|
|
32
34
|
open: boolean;
|
|
@@ -9,6 +9,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphSelectOp
|
|
|
9
9
|
disabled: boolean;
|
|
10
10
|
label: string;
|
|
11
11
|
focused: boolean;
|
|
12
|
+
hoverBackground: string;
|
|
13
|
+
hoverColor: string;
|
|
12
14
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
13
15
|
default?(_: {}): any;
|
|
14
16
|
}>;
|
|
@@ -5,6 +5,9 @@ interface INmorphProps extends INmorphCommonInputProps {
|
|
|
5
5
|
modelValue?: string;
|
|
6
6
|
options?: INmorphSelectButtonOption[];
|
|
7
7
|
fill?: boolean;
|
|
8
|
+
trackPadding?: number | string;
|
|
9
|
+
itemSize?: number | string;
|
|
10
|
+
itemFontSize?: string;
|
|
8
11
|
}
|
|
9
12
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
10
13
|
"update:model-value": (val: string) => any;
|
|
@@ -16,6 +19,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
16
19
|
disabled: boolean;
|
|
17
20
|
modelValue: string;
|
|
18
21
|
options: INmorphSelectButtonOption[];
|
|
22
|
+
trackPadding: string | number;
|
|
23
|
+
itemSize: string | number;
|
|
24
|
+
itemFontSize: string;
|
|
19
25
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
|
|
20
26
|
default?(_: {}): any;
|
|
21
27
|
}>;
|
|
@@ -4,5 +4,9 @@ export interface INmorphSliderProps extends Omit<INmorphCommonInputProps, 'heigh
|
|
|
4
4
|
max?: number;
|
|
5
5
|
min?: number;
|
|
6
6
|
step?: number;
|
|
7
|
+
fill?: boolean;
|
|
7
8
|
showTooltip?: boolean;
|
|
9
|
+
thumbWidth?: number;
|
|
10
|
+
sliderHeight?: number | string;
|
|
11
|
+
valueFixedContainerHeight?: number | string;
|
|
8
12
|
}
|
|
@@ -6,6 +6,10 @@ interface INmorphProps extends Omit<INmorphCommonInputProps, 'height'> {
|
|
|
6
6
|
loading?: boolean;
|
|
7
7
|
activeValue?: NmorphSwitchModelType;
|
|
8
8
|
inactiveValue?: NmorphSwitchModelType;
|
|
9
|
+
width?: number | string;
|
|
10
|
+
height?: number | string;
|
|
11
|
+
offset?: number | string;
|
|
12
|
+
thumbHeight?: number | string;
|
|
9
13
|
}
|
|
10
14
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
11
15
|
inputDOMRef: Ref<HTMLElement, HTMLElement>;
|
|
@@ -15,10 +19,14 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
15
19
|
"onUpdate:model-value"?: (val: string | number | boolean) => any;
|
|
16
20
|
}>, {
|
|
17
21
|
loading: boolean;
|
|
22
|
+
height: string | number;
|
|
18
23
|
disabled: boolean;
|
|
24
|
+
width: string | number;
|
|
19
25
|
modelValue: NmorphSwitchModelType;
|
|
20
26
|
activeValue: NmorphSwitchModelType;
|
|
21
27
|
inactiveValue: NmorphSwitchModelType;
|
|
28
|
+
offset: string | number;
|
|
29
|
+
thumbHeight: string | number;
|
|
22
30
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
23
31
|
inputDOMRef: HTMLInputElement;
|
|
24
32
|
}, HTMLDivElement>, {
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { INmorphCommonInputProps } from '../../../types';
|
|
2
|
+
import { NmorphTimePickerModelValueType } from './types';
|
|
3
|
+
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
interface INmorphProps extends INmorphCommonInputProps {
|
|
5
|
+
modelValue?: NmorphTimePickerModelValueType;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
hourStep?: number;
|
|
8
|
+
minuteStep?: number;
|
|
9
|
+
secondStep?: number;
|
|
10
|
+
showSeconds?: boolean;
|
|
11
|
+
minTime?: string;
|
|
12
|
+
maxTime?: string;
|
|
13
|
+
clearable?: boolean;
|
|
14
|
+
zIndex?: number;
|
|
15
|
+
width?: number | string;
|
|
16
|
+
}
|
|
17
|
+
declare const _default: DefineComponent<INmorphProps, {
|
|
18
|
+
inputDOMRef: Ref<HTMLElement, HTMLElement>;
|
|
19
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
20
|
+
blur: () => any;
|
|
21
|
+
focus: () => any;
|
|
22
|
+
"update:model-value": (val: string) => any;
|
|
23
|
+
}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
|
|
24
|
+
onBlur?: () => any;
|
|
25
|
+
onFocus?: () => any;
|
|
26
|
+
"onUpdate:model-value"?: (val: string) => any;
|
|
27
|
+
}>, {
|
|
28
|
+
height: "thick" | "basic" | "thin";
|
|
29
|
+
disabled: boolean;
|
|
30
|
+
width: string | number;
|
|
31
|
+
placeholder: string;
|
|
32
|
+
modelValue: string;
|
|
33
|
+
zIndex: number;
|
|
34
|
+
clearable: boolean;
|
|
35
|
+
hourStep: number;
|
|
36
|
+
minuteStep: number;
|
|
37
|
+
secondStep: number;
|
|
38
|
+
showSeconds: boolean;
|
|
39
|
+
minTime: string;
|
|
40
|
+
maxTime: string;
|
|
41
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
42
|
+
inputDOMRef: HTMLDivElement;
|
|
43
|
+
}, HTMLDivElement>;
|
|
44
|
+
export default _default;
|
|
@@ -45,14 +45,14 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
45
45
|
zIndex: number;
|
|
46
46
|
closeOnEscape: boolean;
|
|
47
47
|
trapFocus: boolean;
|
|
48
|
-
options: NmorphContextMenuOption[];
|
|
49
48
|
role: string;
|
|
50
|
-
|
|
49
|
+
ariaLabel: string;
|
|
50
|
+
options: NmorphContextMenuOption[];
|
|
51
51
|
maxWidth: string | number;
|
|
52
|
+
placement: NmorphPlacementType;
|
|
52
53
|
xOffset: number;
|
|
53
54
|
yOffset: number;
|
|
54
55
|
fillWidth: boolean;
|
|
55
|
-
ariaLabel: string;
|
|
56
56
|
trigger: NmorphContextMenuTrigger;
|
|
57
57
|
closeOnScroll: boolean;
|
|
58
58
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
@@ -30,12 +30,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
|
|
|
30
30
|
closeOnEscape: boolean;
|
|
31
31
|
trapFocus: boolean;
|
|
32
32
|
role: string;
|
|
33
|
-
|
|
33
|
+
ariaLabel: string;
|
|
34
34
|
maxWidth: string | number;
|
|
35
|
+
placement: NmorphPlacementType;
|
|
35
36
|
xOffset: number;
|
|
36
37
|
yOffset: number;
|
|
37
38
|
fillWidth: boolean;
|
|
38
|
-
ariaLabel: string;
|
|
39
39
|
contentClass: string;
|
|
40
40
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
41
41
|
dropdownDOMRef: HTMLDivElement;
|
|
@@ -15,6 +15,7 @@ export declare const useNmorphNotification: () => {
|
|
|
15
15
|
bordered?: boolean;
|
|
16
16
|
html?: string;
|
|
17
17
|
closeIconPosition?: string;
|
|
18
|
+
backgroundColor?: string;
|
|
18
19
|
}[], INmorphNotification[] | {
|
|
19
20
|
id?: string;
|
|
20
21
|
duration?: number;
|
|
@@ -29,6 +30,7 @@ export declare const useNmorphNotification: () => {
|
|
|
29
30
|
bordered?: boolean;
|
|
30
31
|
html?: string;
|
|
31
32
|
closeIconPosition?: string;
|
|
33
|
+
backgroundColor?: string;
|
|
32
34
|
}[]>;
|
|
33
35
|
notify: (options: INmorphNotification) => void;
|
|
34
36
|
removeNotification: (id: string) => void;
|