@nmorph/nmorph-ui-kit 2.2.50 → 2.2.52
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/full-screen.svg.js +6 -6
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.css +1 -1
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue.js +84 -78
- package/dist/components/data/nmorph-file-card/NmorphFileCard.css +1 -1
- package/dist/components/data/nmorph-file-card/NmorphFileCard.vue.js +125 -89
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.css +1 -1
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +183 -225
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.css +1 -0
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.js +298 -0
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue3.js +6 -0
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.css +1 -0
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.js +110 -0
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue3.js +6 -0
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js +57 -54
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.css +1 -1
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue.js +227 -134
- package/dist/index.es.js +866 -863
- package/dist/index.umd.js +29 -29
- package/dist/outside-hooks/use-nmorph-theme.js +16 -16
- package/dist/package.json.js +1 -1
- package/dist/src/components/data/index.d.ts +2 -0
- package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-file-card/types.d.ts +1 -1
- package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts +3 -3
- package/dist/src/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.d.ts +26 -0
- package/dist/src/components/data/nmorph-media-gallery/types.d.ts +34 -0
- package/dist/src/components/data/nmorph-media-tile/NmorphMediaTile.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.d.ts +43 -0
- package/dist/src/components/data/nmorph-video-preview/NmorphVideoPreview.vue.d.ts +9 -2
- package/dist/src/components/data/nmorph-video-preview/types.d.ts +6 -0
- package/dist/src/components/feedback/nmorph-alert/NmorphAlert.vue.d.ts +1 -1
- package/dist/src/components/feedback/nmorph-drawer/NmorphDrawer.vue.d.ts +1 -1
- package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +3 -3
- package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts +2 -2
- package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +9 -9
- package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +24 -23
|
@@ -23,7 +23,7 @@ const $ = {
|
|
|
23
23
|
scrollThumb: "#687b9e",
|
|
24
24
|
accent: "#4a90e2",
|
|
25
25
|
focusText: "#ffffff",
|
|
26
|
-
placeholderText: "#
|
|
26
|
+
placeholderText: "#9aa8b3",
|
|
27
27
|
semiContrastText: "#8a9dc0",
|
|
28
28
|
contrastText: "#b4c4de"
|
|
29
29
|
}, F = {
|
|
@@ -34,7 +34,7 @@ const $ = {
|
|
|
34
34
|
scrollThumb: "#778288",
|
|
35
35
|
accent: "#006cb6",
|
|
36
36
|
focusText: "#ffffff",
|
|
37
|
-
placeholderText: "#
|
|
37
|
+
placeholderText: "#68747b",
|
|
38
38
|
semiContrastText: "#9caab0",
|
|
39
39
|
contrastText: "#c3cdd1"
|
|
40
40
|
}, T = "nmorph-data-theme", R = "dark", C = {
|
|
@@ -64,8 +64,8 @@ const $ = {
|
|
|
64
64
|
}, y = (r, e) => {
|
|
65
65
|
let n = parseInt(r.substring(1, 3), 16), a = parseInt(r.substring(3, 5), 16), s = parseInt(r.substring(5, 7), 16);
|
|
66
66
|
n = Math.round(n * (1 + e / 100)), a = Math.round(a * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), n = Math.min(255, Math.max(0, n)), a = Math.min(255, Math.max(0, a)), s = Math.min(255, Math.max(0, s));
|
|
67
|
-
const
|
|
68
|
-
return `#${
|
|
67
|
+
const i = n.toString(16).padStart(2, "0"), c = a.toString(16).padStart(2, "0"), l = s.toString(16).padStart(2, "0");
|
|
68
|
+
return `#${i}${c}${l}`;
|
|
69
69
|
}, G = (r) => ({
|
|
70
70
|
themes: r?.themes ?? C.themes,
|
|
71
71
|
defaultTheme: r?.defaultTheme ?? C.defaultTheme,
|
|
@@ -87,14 +87,14 @@ const $ = {
|
|
|
87
87
|
name: `--nmorph-${E(e)}-color`,
|
|
88
88
|
color: n
|
|
89
89
|
})), P = (r, e) => {
|
|
90
|
-
const n = (
|
|
91
|
-
return Object.entries(r).forEach(([
|
|
90
|
+
const n = (i) => i.map((c) => `${c.name}: ${c.color};`).join(" "), a = Object.entries(e).map(([i, c]) => `--${E(i)}: ${c};`).join(" "), s = [];
|
|
91
|
+
return Object.entries(r).forEach(([i, c]) => {
|
|
92
92
|
const l = x($);
|
|
93
|
-
if (
|
|
93
|
+
if (i === "common") s.push(n(A(l, c)));
|
|
94
94
|
else {
|
|
95
95
|
const S = `
|
|
96
|
-
&[${T}='${
|
|
97
|
-
${n(
|
|
96
|
+
&[${T}='${i}'] {
|
|
97
|
+
${n(c)}
|
|
98
98
|
}
|
|
99
99
|
`;
|
|
100
100
|
s.push(S);
|
|
@@ -109,8 +109,8 @@ const $ = {
|
|
|
109
109
|
const e = {};
|
|
110
110
|
return Object.entries(r.themes).forEach(([n, a]) => {
|
|
111
111
|
e[n] = [];
|
|
112
|
-
const s = !!a.darkShade,
|
|
113
|
-
!!a.main && !s && !
|
|
112
|
+
const s = !!a.darkShade, i = !!a.lightShade;
|
|
113
|
+
!!a.main && !s && !i && a.main && (e[n] = x(N(r, a.main))), e[n] = [...e[n], ...x(a)];
|
|
114
114
|
}), e;
|
|
115
115
|
}, J = (r) => {
|
|
116
116
|
const e = G(r);
|
|
@@ -133,7 +133,7 @@ const $ = {
|
|
|
133
133
|
}, s = (o) => Object.entries(o).filter(([, t]) => typeof t == "string").map(([t, h]) => ({
|
|
134
134
|
name: `--nmorph-${E(t)}-color`,
|
|
135
135
|
color: h
|
|
136
|
-
})),
|
|
136
|
+
})), i = (o, t) => {
|
|
137
137
|
const h = (f) => f.map((u) => `${u.name}: ${u.color};`).join(" "), m = Object.entries(t).map(([f, u]) => `--${E(f)}: ${u};`).join(" "), b = [];
|
|
138
138
|
return Object.entries(o).forEach(([f, u]) => {
|
|
139
139
|
const k = s($);
|
|
@@ -152,7 +152,7 @@ const $ = {
|
|
|
152
152
|
${m}
|
|
153
153
|
}
|
|
154
154
|
`;
|
|
155
|
-
},
|
|
155
|
+
}, c = (o) => {
|
|
156
156
|
const t = {};
|
|
157
157
|
return Object.entries(o).forEach(([h, m]) => {
|
|
158
158
|
t[h] = [];
|
|
@@ -160,10 +160,10 @@ const $ = {
|
|
|
160
160
|
!!m.main && !b && !f && m.main && (t[h] = a(m.main)), t[h] = [...t[h], ...s(m)];
|
|
161
161
|
}), t;
|
|
162
162
|
}, l = typeof document < "u", S = H(e.defaultTheme);
|
|
163
|
-
let g =
|
|
164
|
-
l && (d = document.getElementById("nmorph-theme-styles"), d || (d = document.createElement("style"), d.id = "nmorph-theme-styles", d.type = "text/css", document.head.appendChild(d)), d.innerHTML =
|
|
163
|
+
let g = c(e.themes), d = null;
|
|
164
|
+
l && (d = document.getElementById("nmorph-theme-styles"), d || (d = document.createElement("style"), d.id = "nmorph-theme-styles", d.type = "text/css", document.head.appendChild(d)), d.innerHTML = i(g, e.other));
|
|
165
165
|
const D = () => {
|
|
166
|
-
g =
|
|
166
|
+
g = c(e.themes), d && (d.innerHTML = i(g, e.other));
|
|
167
167
|
}, p = (o) => {
|
|
168
168
|
S.value = o, l && (document.documentElement.setAttribute(T, S.value), !(typeof localStorage > "u") && (e.saveCurrentThemeToLS ? localStorage.setItem(T, o) : localStorage.removeItem(T)));
|
|
169
169
|
}, M = (o, t) => {
|
package/dist/package.json.js
CHANGED
|
@@ -23,6 +23,8 @@ export * from './nmorph-file-card/types';
|
|
|
23
23
|
export { default as NmorphImage } from './nmorph-image/NmorphImage.vue';
|
|
24
24
|
export { default as NmorphImagePreview } from './nmorph-image-preview/NmorphImagePreview.vue';
|
|
25
25
|
export * from './nmorph-image-preview/types';
|
|
26
|
+
export { default as NmorphMediaGallery } from './nmorph-media-gallery/NmorphMediaGallery.vue';
|
|
27
|
+
export * from './nmorph-media-gallery/types';
|
|
26
28
|
export { default as NmorphMediaTile } from './nmorph-media-tile/NmorphMediaTile.vue';
|
|
27
29
|
export * from './nmorph-media-tile/types';
|
|
28
30
|
export { default as NmorphPagination } from './nmorph-pagination/NmorphPagination.vue';
|
|
@@ -3,13 +3,13 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphCardProps> & Readonly<{}>, {
|
|
4
4
|
fill: boolean;
|
|
5
5
|
tag: string;
|
|
6
|
+
contentClass: string;
|
|
6
7
|
radius: string | number;
|
|
7
8
|
shadowType: "inset" | "outset" | "combined" | "not-defined";
|
|
8
9
|
combinedShadowBorderWidth: number;
|
|
9
10
|
cardPadding: string | number;
|
|
10
11
|
padding: string | number;
|
|
11
12
|
contentPadding: string | number;
|
|
12
|
-
contentClass: string;
|
|
13
13
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, any>;
|
|
14
14
|
export default _default;
|
|
15
15
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type NmorphFileCardSurface = 'card' | 'soft' | 'plain';
|
|
2
|
-
export type NmorphFileCardMediaPreview = 'none' | 'audio' | 'video';
|
|
2
|
+
export type NmorphFileCardMediaPreview = 'none' | 'audio' | 'video' | 'image';
|
|
3
3
|
export interface INmorphFileCardProps {
|
|
4
4
|
name: string;
|
|
5
5
|
extension?: string;
|
|
@@ -9,18 +9,18 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphImagePre
|
|
|
9
9
|
modelValue: boolean;
|
|
10
10
|
height: string | number;
|
|
11
11
|
width: string | number;
|
|
12
|
+
zIndex: number;
|
|
13
|
+
navigationButtonMargin: string | number;
|
|
14
|
+
showActionBar: boolean;
|
|
12
15
|
alt: string;
|
|
13
16
|
initialIndex: number;
|
|
14
17
|
scaleStep: number;
|
|
15
18
|
minScaleLevel: number;
|
|
16
19
|
maxScaleLevel: number;
|
|
17
|
-
zIndex: number;
|
|
18
20
|
showTrigger: boolean;
|
|
19
21
|
showNavigationButtons: boolean;
|
|
20
|
-
showActionBar: boolean;
|
|
21
22
|
radius: string | number;
|
|
22
23
|
fit: NmorphImagePreviewFit;
|
|
23
|
-
navigationButtonMargin: string | number;
|
|
24
24
|
triggerView: NmorphImagePreviewTriggerView;
|
|
25
25
|
triggerLimit: number;
|
|
26
26
|
triggerGap: string | number;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { INmorphMediaGalleryProps, NmorphMediaGalleryItem } from './types';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { NmorphMediaGalleryFit } from '../..';
|
|
4
|
+
declare const _default: DefineComponent<INmorphMediaGalleryProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
5
|
+
"update:model-value": (value: boolean) => any;
|
|
6
|
+
change: (item: NmorphMediaGalleryItem, index: number) => any;
|
|
7
|
+
close: () => any;
|
|
8
|
+
"update:active-index": (value: number) => any;
|
|
9
|
+
}, string, PublicProps, Readonly<INmorphMediaGalleryProps> & Readonly<{
|
|
10
|
+
"onUpdate:model-value"?: (value: boolean) => any;
|
|
11
|
+
onChange?: (item: NmorphMediaGalleryItem, index: number) => any;
|
|
12
|
+
onClose?: () => any;
|
|
13
|
+
"onUpdate:active-index"?: (value: number) => any;
|
|
14
|
+
}>, {
|
|
15
|
+
modelValue: boolean;
|
|
16
|
+
zIndex: number;
|
|
17
|
+
showActionBar: boolean;
|
|
18
|
+
initialIndex: number;
|
|
19
|
+
showNavigationButtons: boolean;
|
|
20
|
+
activeIndex: number;
|
|
21
|
+
imageFit: NmorphMediaGalleryFit;
|
|
22
|
+
videoFit: NmorphMediaGalleryFit;
|
|
23
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
24
|
+
currentVideoRef: HTMLVideoElement;
|
|
25
|
+
}, any>;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export type NmorphMediaGalleryFit = 'cover' | 'contain';
|
|
2
|
+
export type NmorphMediaGalleryVideoPreload = 'none' | 'metadata' | 'auto';
|
|
3
|
+
export type NmorphMediaGalleryItem = {
|
|
4
|
+
kind: 'image';
|
|
5
|
+
src: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
alt?: string;
|
|
8
|
+
} | {
|
|
9
|
+
kind: 'video';
|
|
10
|
+
src: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
poster?: string;
|
|
13
|
+
controls?: boolean;
|
|
14
|
+
muted?: boolean;
|
|
15
|
+
playsinline?: boolean;
|
|
16
|
+
preload?: NmorphMediaGalleryVideoPreload;
|
|
17
|
+
};
|
|
18
|
+
export interface INmorphMediaGalleryProps {
|
|
19
|
+
modelValue?: boolean;
|
|
20
|
+
items: NmorphMediaGalleryItem[];
|
|
21
|
+
initialIndex?: number;
|
|
22
|
+
activeIndex?: number;
|
|
23
|
+
zIndex?: number;
|
|
24
|
+
showNavigationButtons?: boolean;
|
|
25
|
+
showActionBar?: boolean;
|
|
26
|
+
imageFit?: NmorphMediaGalleryFit;
|
|
27
|
+
videoFit?: NmorphMediaGalleryFit;
|
|
28
|
+
}
|
|
29
|
+
export interface INmorphMediaGalleryEmit {
|
|
30
|
+
(e: 'update:model-value', value: boolean): void;
|
|
31
|
+
(e: 'update:active-index', value: number): void;
|
|
32
|
+
(e: 'close'): void;
|
|
33
|
+
(e: 'change', item: NmorphMediaGalleryItem, index: number): void;
|
|
34
|
+
}
|
|
@@ -12,9 +12,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphMediaTil
|
|
|
12
12
|
errorText: string;
|
|
13
13
|
muted: boolean;
|
|
14
14
|
playsinline: boolean;
|
|
15
|
+
autoplay: boolean;
|
|
15
16
|
srcObject: MediaStream;
|
|
16
17
|
mirrored: boolean;
|
|
17
|
-
autoplay: boolean;
|
|
18
18
|
avatarSrc: string;
|
|
19
19
|
micMuted: boolean;
|
|
20
20
|
videoOff: boolean;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
show: boolean;
|
|
4
|
+
zIndex?: number;
|
|
5
|
+
rootClass?: string;
|
|
6
|
+
stateClass?: string;
|
|
7
|
+
contentClass?: string;
|
|
8
|
+
leftClass?: string;
|
|
9
|
+
rightClass?: string;
|
|
10
|
+
actionsClass?: string;
|
|
11
|
+
navigationButtonMargin?: number | string;
|
|
12
|
+
showNavigation?: boolean;
|
|
13
|
+
showActionBar?: boolean;
|
|
14
|
+
};
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
16
|
+
close: () => any;
|
|
17
|
+
previous: () => any;
|
|
18
|
+
next: () => any;
|
|
19
|
+
}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
20
|
+
onClose?: () => any;
|
|
21
|
+
onPrevious?: () => any;
|
|
22
|
+
onNext?: () => any;
|
|
23
|
+
}>, {
|
|
24
|
+
zIndex: number;
|
|
25
|
+
rootClass: string;
|
|
26
|
+
stateClass: string;
|
|
27
|
+
contentClass: string;
|
|
28
|
+
leftClass: string;
|
|
29
|
+
rightClass: string;
|
|
30
|
+
actionsClass: string;
|
|
31
|
+
navigationButtonMargin: string | number;
|
|
32
|
+
showNavigation: boolean;
|
|
33
|
+
showActionBar: boolean;
|
|
34
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
35
|
+
default?(_: {}): any;
|
|
36
|
+
actions?(_: {}): any;
|
|
37
|
+
}>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { INmorphVideoPreviewProps } from './types';
|
|
2
2
|
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
import { NmorphVideoPreviewFit, NmorphVideoPreviewSurface } from '../..';
|
|
3
|
+
import { NmorphVideoPreviewFit, NmorphVideoPreviewSurface, NmorphVideoPreviewPreviewMode } from '../..';
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphVideoPreviewProps, {
|
|
5
5
|
videoRef: Ref<HTMLVideoElement, HTMLVideoElement>;
|
|
6
6
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
@@ -9,12 +9,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphVideoPre
|
|
|
9
9
|
play: (val: Event) => any;
|
|
10
10
|
download: () => any;
|
|
11
11
|
open: () => any;
|
|
12
|
+
preview: () => any;
|
|
13
|
+
fullscreen: () => any;
|
|
12
14
|
}, string, PublicProps, Readonly<INmorphVideoPreviewProps> & Readonly<{
|
|
13
15
|
onError?: (val: Event) => any;
|
|
14
16
|
onPause?: (val: Event) => any;
|
|
15
17
|
onPlay?: (val: Event) => any;
|
|
16
18
|
onDownload?: () => any;
|
|
17
19
|
onOpen?: () => any;
|
|
20
|
+
onPreview?: () => any;
|
|
21
|
+
onFullscreen?: () => any;
|
|
18
22
|
}>, {
|
|
19
23
|
name: string;
|
|
20
24
|
loading: boolean;
|
|
@@ -35,9 +39,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphVideoPre
|
|
|
35
39
|
controls: boolean;
|
|
36
40
|
muted: boolean;
|
|
37
41
|
playsinline: boolean;
|
|
42
|
+
showPreviewAction: boolean;
|
|
43
|
+
showFullscreenAction: boolean;
|
|
44
|
+
previewMode: NmorphVideoPreviewPreviewMode;
|
|
38
45
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
39
46
|
videoRef: HTMLVideoElement;
|
|
40
|
-
},
|
|
47
|
+
}, any>, {
|
|
41
48
|
actions?(_: {}): any;
|
|
42
49
|
}>;
|
|
43
50
|
export default _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type NmorphVideoPreviewFit = 'cover' | 'contain';
|
|
2
2
|
export type NmorphVideoPreviewSurface = 'card' | 'soft' | 'plain';
|
|
3
|
+
export type NmorphVideoPreviewPreviewMode = 'internal' | 'emit';
|
|
3
4
|
export interface INmorphVideoPreviewProps {
|
|
4
5
|
src: string;
|
|
5
6
|
poster?: string;
|
|
@@ -21,11 +22,16 @@ export interface INmorphVideoPreviewProps {
|
|
|
21
22
|
error?: boolean;
|
|
22
23
|
errorText?: string;
|
|
23
24
|
showDefaultActions?: boolean;
|
|
25
|
+
showPreviewAction?: boolean;
|
|
26
|
+
showFullscreenAction?: boolean;
|
|
27
|
+
previewMode?: NmorphVideoPreviewPreviewMode;
|
|
24
28
|
}
|
|
25
29
|
export interface INmorphVideoPreviewEmit {
|
|
26
30
|
(e: 'play', val: Event): void;
|
|
27
31
|
(e: 'pause', val: Event): void;
|
|
28
32
|
(e: 'open'): void;
|
|
33
|
+
(e: 'preview'): void;
|
|
34
|
+
(e: 'fullscreen'): void;
|
|
29
35
|
(e: 'download'): void;
|
|
30
36
|
(e: 'error', val: Event): void;
|
|
31
37
|
}
|
|
@@ -12,8 +12,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphAlertCom
|
|
|
12
12
|
id: string;
|
|
13
13
|
showIcon: boolean;
|
|
14
14
|
bordered: boolean;
|
|
15
|
-
closable: boolean;
|
|
16
15
|
content: string;
|
|
16
|
+
closable: boolean;
|
|
17
17
|
closeIconPosition: string;
|
|
18
18
|
backgroundColor: string;
|
|
19
19
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
@@ -11,10 +11,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphDrawerPr
|
|
|
11
11
|
modelValue: boolean;
|
|
12
12
|
size: string | number;
|
|
13
13
|
zIndex: number;
|
|
14
|
+
contentClass: string;
|
|
14
15
|
teleportTo: string | HTMLElement;
|
|
15
16
|
disabledTeleport: boolean;
|
|
16
17
|
closeOnEscape: boolean;
|
|
17
|
-
contentClass: string;
|
|
18
18
|
showClose: boolean;
|
|
19
19
|
closeOnOverlay: boolean;
|
|
20
20
|
placement: NmorphDrawerPlacementType;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { INmorphTooltipProps, INmorphTooltipSlots,
|
|
1
|
+
import { INmorphTooltipProps, INmorphTooltipSlots, NmorphTooltipTouchBehavior, NmorphTooltipTrigger } from './types';
|
|
2
2
|
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
import { NmorphPlacementType, INmorphCoords } from '../../../types';
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTooltipProps, {
|
|
@@ -12,13 +12,13 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTooltipP
|
|
|
12
12
|
disabled: boolean;
|
|
13
13
|
width: string | number;
|
|
14
14
|
zIndex: number;
|
|
15
|
+
position: NmorphPlacementType;
|
|
16
|
+
touch: NmorphTooltipTouchBehavior;
|
|
15
17
|
openDelay: number;
|
|
16
18
|
closeDelay: number;
|
|
17
|
-
position: NmorphPlacementType;
|
|
18
19
|
forceShow: boolean;
|
|
19
20
|
forceCoordinate: Partial< INmorphCoords<string>>;
|
|
20
21
|
trigger: NmorphTooltipTrigger;
|
|
21
|
-
touch: NmorphTooltipTouchBehavior;
|
|
22
22
|
maxWidth: string | number;
|
|
23
23
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
24
24
|
tooltipDOMRef: HTMLDivElement;
|
|
@@ -15,11 +15,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFileUplo
|
|
|
15
15
|
modelValue: INmorphCustomFileData[];
|
|
16
16
|
disabled: boolean;
|
|
17
17
|
compact: boolean;
|
|
18
|
-
|
|
18
|
+
layout: "list" | "grid" | "inline";
|
|
19
19
|
multiple: boolean;
|
|
20
|
+
allowedTypes: string[];
|
|
20
21
|
photoWithPreview: boolean;
|
|
21
22
|
buttonText: string;
|
|
22
|
-
layout: "list" | "grid" | "inline";
|
|
23
23
|
fileNameWidth: string | number;
|
|
24
24
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
25
25
|
inputDOMRef: HTMLInputElement;
|
|
@@ -18,10 +18,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_Props, {}
|
|
|
18
18
|
virtual: boolean;
|
|
19
19
|
virtualOverscan: number;
|
|
20
20
|
virtualDynamicHeight: boolean;
|
|
21
|
+
multiple: boolean;
|
|
21
22
|
options: INmorphSelectOption[];
|
|
22
23
|
virtualItemHeight: number;
|
|
23
24
|
virtualMaxHeight: string | number;
|
|
24
|
-
multiple: boolean;
|
|
25
25
|
noElementPlaceholder: string;
|
|
26
26
|
valueRequired: boolean;
|
|
27
27
|
optionsMap: INmorphSelectOption[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { INmorphSliderProps } from './types';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties } from 'vue';
|
|
3
3
|
import { NmorphPlacementType, INmorphCoords } from '../../../types';
|
|
4
|
-
import {
|
|
4
|
+
import { NmorphTooltipTouchBehavior, NmorphTooltipTrigger, INmorphTooltipProps, INmorphTooltipSlots } from '../../feedback/nmorph-tooltip/types';
|
|
5
5
|
import { OnCleanup } from '@vue/reactivity';
|
|
6
6
|
declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
7
7
|
"update:model-value": (val: number) => any;
|
|
@@ -29,13 +29,13 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
|
|
|
29
29
|
disabled: boolean;
|
|
30
30
|
width: string | number;
|
|
31
31
|
zIndex: number;
|
|
32
|
+
position: NmorphPlacementType;
|
|
33
|
+
touch: NmorphTooltipTouchBehavior;
|
|
32
34
|
openDelay: number;
|
|
33
35
|
closeDelay: number;
|
|
34
|
-
position: NmorphPlacementType;
|
|
35
36
|
forceShow: boolean;
|
|
36
37
|
forceCoordinate: Partial< INmorphCoords<string>>;
|
|
37
38
|
trigger: NmorphTooltipTrigger;
|
|
38
|
-
touch: NmorphTooltipTouchBehavior;
|
|
39
39
|
maxWidth: string | number;
|
|
40
40
|
}> & Omit<{
|
|
41
41
|
readonly text?: string;
|
|
@@ -51,7 +51,7 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
|
|
|
51
51
|
readonly width?: string | number;
|
|
52
52
|
readonly maxWidth?: string | number;
|
|
53
53
|
readonly height?: string | number;
|
|
54
|
-
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "height" | "disabled" | "width" | "zIndex" | "
|
|
54
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "height" | "disabled" | "width" | "zIndex" | "position" | "touch" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "maxWidth">;
|
|
55
55
|
$attrs: Attrs;
|
|
56
56
|
$refs: {
|
|
57
57
|
[x: string]: unknown;
|
|
@@ -79,13 +79,13 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
|
|
|
79
79
|
disabled: boolean;
|
|
80
80
|
width: string | number;
|
|
81
81
|
zIndex: number;
|
|
82
|
+
position: NmorphPlacementType;
|
|
83
|
+
touch: NmorphTooltipTouchBehavior;
|
|
82
84
|
openDelay: number;
|
|
83
85
|
closeDelay: number;
|
|
84
|
-
position: NmorphPlacementType;
|
|
85
86
|
forceShow: boolean;
|
|
86
87
|
forceCoordinate: Partial< INmorphCoords<string>>;
|
|
87
88
|
trigger: NmorphTooltipTrigger;
|
|
88
|
-
touch: NmorphTooltipTouchBehavior;
|
|
89
89
|
maxWidth: string | number;
|
|
90
90
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
91
91
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -113,15 +113,15 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
|
|
|
113
113
|
disabled: boolean;
|
|
114
114
|
width: string | number;
|
|
115
115
|
zIndex: number;
|
|
116
|
+
position: NmorphPlacementType;
|
|
117
|
+
touch: NmorphTooltipTouchBehavior;
|
|
116
118
|
openDelay: number;
|
|
117
119
|
closeDelay: number;
|
|
118
|
-
position: NmorphPlacementType;
|
|
119
120
|
forceShow: boolean;
|
|
120
121
|
forceCoordinate: Partial< INmorphCoords<string>>;
|
|
121
122
|
trigger: NmorphTooltipTrigger;
|
|
122
|
-
touch: NmorphTooltipTouchBehavior;
|
|
123
123
|
maxWidth: string | number;
|
|
124
|
-
}> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "height" | "disabled" | "width" | "zIndex" | "
|
|
124
|
+
}> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "height" | "disabled" | "width" | "zIndex" | "position" | "touch" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "maxWidth")> & {
|
|
125
125
|
tooltipBody: HTMLElement;
|
|
126
126
|
open: () => void;
|
|
127
127
|
close: () => void;
|
|
@@ -12,11 +12,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphDropdown
|
|
|
12
12
|
ariaLabel: string;
|
|
13
13
|
minWidth: string | number;
|
|
14
14
|
zIndex: number;
|
|
15
|
+
contentClass: string;
|
|
15
16
|
closeOnEscape: boolean;
|
|
16
17
|
trapFocus: boolean;
|
|
17
18
|
restoreFocus: boolean;
|
|
18
19
|
role: string;
|
|
19
|
-
contentClass: string;
|
|
20
20
|
hideShadow: boolean;
|
|
21
21
|
placement: NmorphPlacementType;
|
|
22
22
|
yOffset: number;
|