@vc-shell/framework 1.0.101 → 1.0.103
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/CHANGELOG.md +13 -0
- package/dist/framework.mjs +3694 -3674
- package/dist/shared/components/popup-handler/composables/usePopup/index.d.ts +2 -2
- package/dist/shared/components/popup-handler/composables/usePopup/index.d.ts.map +1 -1
- package/dist/shared/components/user-dropdown-button/user-dropdown-button.vue.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue.d.ts +2 -3
- package/dist/ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-gallery/vc-gallery.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-login-form/vc-login-form.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-popup/index.d.ts +2 -175
- package/dist/ui/components/organisms/vc-popup/index.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-popup/vc-popup.vue.d.ts +1 -2
- package/dist/ui/components/organisms/vc-popup/vc-popup.vue.d.ts.map +1 -1
- package/dist/ui/types/index.d.ts +1 -1
- package/dist/ui/types/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/shared/components/popup-handler/composables/usePopup/index.ts +13 -3
- package/shared/components/user-dropdown-button/user-dropdown-button.vue +9 -2
- package/ui/components/atoms/vc-image/vc-image.stories.ts +1 -1
- package/ui/components/atoms/vc-image/vc-image.vue +1 -1
- package/ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue +13 -4
- package/ui/components/organisms/vc-gallery/vc-gallery.vue +9 -7
- package/ui/components/organisms/vc-login-form/vc-login-form.vue +19 -7
- package/ui/components/organisms/vc-popup/index.ts +2 -9
- package/ui/components/organisms/vc-popup/vc-popup.vue +5 -0
- package/ui/types/index.ts +1 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { ComputedRef } from "vue";
|
|
2
1
|
import { IImage } from "./../../../../../../core/types";
|
|
3
2
|
export interface Props {
|
|
4
3
|
images?: IImage[];
|
|
5
|
-
index: number
|
|
4
|
+
index: number;
|
|
6
5
|
}
|
|
7
6
|
export interface Emits {
|
|
8
7
|
(event: "close"): void;
|
|
@@ -19,7 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
19
18
|
onClose?: () => any;
|
|
20
19
|
}, {
|
|
21
20
|
images: IImage[];
|
|
22
|
-
index: number
|
|
21
|
+
index: number;
|
|
23
22
|
}, {}>;
|
|
24
23
|
export default _default;
|
|
25
24
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-gallery-preview.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-gallery-preview.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAGxD,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB;;;;;;;;;;;;;;;AAmSD,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AA6GN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-gallery.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-gallery/vc-gallery.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAOhD,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,OAAO,CAAC;QACd,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"vc-gallery.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-gallery/vc-gallery.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAOhD,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,OAAO,CAAC;QACd,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmZD,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AA6GN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-login-form.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-login-form/vc-login-form.vue.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-login-form.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-login-form/vc-login-form.vue.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;;;;;;;;;;AAwHD,wBAA8G;AAE9G,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC;AACJ,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1,176 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
export
|
|
3
|
-
new (...args: any[]): {
|
|
4
|
-
$: import("vue").ComponentInternalInstance;
|
|
5
|
-
$data: {};
|
|
6
|
-
$props: {
|
|
7
|
-
type?: "error" | "default" | "warning" | "success";
|
|
8
|
-
closable?: boolean;
|
|
9
|
-
variant?: "small" | "fullscreen" | "medium";
|
|
10
|
-
readonly title?: string;
|
|
11
|
-
style?: unknown;
|
|
12
|
-
key?: string | number | symbol;
|
|
13
|
-
onClose?: () => any;
|
|
14
|
-
onConfirm?: () => any;
|
|
15
|
-
ref?: import("vue").VNodeRef;
|
|
16
|
-
ref_for?: boolean;
|
|
17
|
-
ref_key?: string;
|
|
18
|
-
onVnodeBeforeMount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
19
|
-
[key: string]: any;
|
|
20
|
-
}>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
21
|
-
[key: string]: any;
|
|
22
|
-
}>) => void)[];
|
|
23
|
-
onVnodeMounted?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
24
|
-
[key: string]: any;
|
|
25
|
-
}>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
26
|
-
[key: string]: any;
|
|
27
|
-
}>) => void)[];
|
|
28
|
-
onVnodeBeforeUpdate?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
29
|
-
[key: string]: any;
|
|
30
|
-
}>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
31
|
-
[key: string]: any;
|
|
32
|
-
}>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
33
|
-
[key: string]: any;
|
|
34
|
-
}>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
35
|
-
[key: string]: any;
|
|
36
|
-
}>) => void)[];
|
|
37
|
-
onVnodeUpdated?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
38
|
-
[key: string]: any;
|
|
39
|
-
}>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
40
|
-
[key: string]: any;
|
|
41
|
-
}>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
42
|
-
[key: string]: any;
|
|
43
|
-
}>, oldVNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
44
|
-
[key: string]: any;
|
|
45
|
-
}>) => void)[];
|
|
46
|
-
onVnodeBeforeUnmount?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
47
|
-
[key: string]: any;
|
|
48
|
-
}>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
49
|
-
[key: string]: any;
|
|
50
|
-
}>) => void)[];
|
|
51
|
-
onVnodeUnmounted?: ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
52
|
-
[key: string]: any;
|
|
53
|
-
}>) => void) | ((vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
54
|
-
[key: string]: any;
|
|
55
|
-
}>) => void)[];
|
|
56
|
-
class?: unknown;
|
|
57
|
-
};
|
|
58
|
-
$attrs: {
|
|
59
|
-
[x: string]: unknown;
|
|
60
|
-
};
|
|
61
|
-
$refs: {
|
|
62
|
-
[x: string]: unknown;
|
|
63
|
-
};
|
|
64
|
-
$slots: Readonly<{
|
|
65
|
-
[name: string]: import("vue").Slot<any>;
|
|
66
|
-
}>;
|
|
67
|
-
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
|
|
68
|
-
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
|
|
69
|
-
$emit: ((event: "close") => void) & ((event: "confirm") => void);
|
|
70
|
-
$el: any;
|
|
71
|
-
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
72
|
-
type: {
|
|
73
|
-
type: import("vue").PropType<"error" | "default" | "warning" | "success">;
|
|
74
|
-
default: string;
|
|
75
|
-
};
|
|
76
|
-
title: {
|
|
77
|
-
type: import("vue").PropType<string>;
|
|
78
|
-
};
|
|
79
|
-
closable: {
|
|
80
|
-
type: import("vue").PropType<boolean>;
|
|
81
|
-
default: boolean;
|
|
82
|
-
};
|
|
83
|
-
variant: {
|
|
84
|
-
type: import("vue").PropType<"small" | "fullscreen" | "medium">;
|
|
85
|
-
default: string;
|
|
86
|
-
};
|
|
87
|
-
}>> & {
|
|
88
|
-
onClose?: () => any;
|
|
89
|
-
onConfirm?: () => any;
|
|
90
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
91
|
-
close: () => void;
|
|
92
|
-
confirm: () => void;
|
|
93
|
-
}, string, {
|
|
94
|
-
type: "error" | "default" | "warning" | "success";
|
|
95
|
-
closable: boolean;
|
|
96
|
-
variant: "small" | "fullscreen" | "medium";
|
|
97
|
-
}, {}, string, {}> & {
|
|
98
|
-
beforeCreate?: (() => void) | (() => void)[];
|
|
99
|
-
created?: (() => void) | (() => void)[];
|
|
100
|
-
beforeMount?: (() => void) | (() => void)[];
|
|
101
|
-
mounted?: (() => void) | (() => void)[];
|
|
102
|
-
beforeUpdate?: (() => void) | (() => void)[];
|
|
103
|
-
updated?: (() => void) | (() => void)[];
|
|
104
|
-
activated?: (() => void) | (() => void)[];
|
|
105
|
-
deactivated?: (() => void) | (() => void)[];
|
|
106
|
-
beforeDestroy?: (() => void) | (() => void)[];
|
|
107
|
-
beforeUnmount?: (() => void) | (() => void)[];
|
|
108
|
-
destroyed?: (() => void) | (() => void)[];
|
|
109
|
-
unmounted?: (() => void) | (() => void)[];
|
|
110
|
-
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
111
|
-
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
112
|
-
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
|
|
113
|
-
};
|
|
114
|
-
$forceUpdate: () => void;
|
|
115
|
-
$nextTick: typeof import("vue").nextTick;
|
|
116
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
|
117
|
-
} & Readonly<import("vue").ExtractPropTypes<{
|
|
118
|
-
type: {
|
|
119
|
-
type: import("vue").PropType<"error" | "default" | "warning" | "success">;
|
|
120
|
-
default: string;
|
|
121
|
-
};
|
|
122
|
-
title: {
|
|
123
|
-
type: import("vue").PropType<string>;
|
|
124
|
-
};
|
|
125
|
-
closable: {
|
|
126
|
-
type: import("vue").PropType<boolean>;
|
|
127
|
-
default: boolean;
|
|
128
|
-
};
|
|
129
|
-
variant: {
|
|
130
|
-
type: import("vue").PropType<"small" | "fullscreen" | "medium">;
|
|
131
|
-
default: string;
|
|
132
|
-
};
|
|
133
|
-
}>> & {
|
|
134
|
-
onClose?: () => any;
|
|
135
|
-
onConfirm?: () => any;
|
|
136
|
-
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
137
|
-
__isFragment?: never;
|
|
138
|
-
__isTeleport?: never;
|
|
139
|
-
__isSuspense?: never;
|
|
140
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
141
|
-
type: {
|
|
142
|
-
type: import("vue").PropType<"error" | "default" | "warning" | "success">;
|
|
143
|
-
default: string;
|
|
144
|
-
};
|
|
145
|
-
title: {
|
|
146
|
-
type: import("vue").PropType<string>;
|
|
147
|
-
};
|
|
148
|
-
closable: {
|
|
149
|
-
type: import("vue").PropType<boolean>;
|
|
150
|
-
default: boolean;
|
|
151
|
-
};
|
|
152
|
-
variant: {
|
|
153
|
-
type: import("vue").PropType<"small" | "fullscreen" | "medium">;
|
|
154
|
-
default: string;
|
|
155
|
-
};
|
|
156
|
-
}>> & {
|
|
157
|
-
onClose?: () => any;
|
|
158
|
-
onConfirm?: () => any;
|
|
159
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
160
|
-
close: () => void;
|
|
161
|
-
confirm: () => void;
|
|
162
|
-
}, string, {
|
|
163
|
-
type: "error" | "default" | "warning" | "success";
|
|
164
|
-
closable: boolean;
|
|
165
|
-
variant: "small" | "fullscreen" | "medium";
|
|
166
|
-
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
167
|
-
$slots: {
|
|
168
|
-
title?(_: {}): any;
|
|
169
|
-
default?(_: {}): any;
|
|
170
|
-
};
|
|
171
|
-
}) & (new () => {
|
|
172
|
-
$slots: {
|
|
173
|
-
default: () => VNode[];
|
|
174
|
-
};
|
|
175
|
-
});
|
|
1
|
+
import VcPopup from "./vc-popup.vue";
|
|
2
|
+
export { VcPopup };
|
|
176
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-popup/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-popup/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -27,8 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
27
27
|
closable: boolean;
|
|
28
28
|
variant: "small" | "fullscreen" | "medium";
|
|
29
29
|
}, {}>, {
|
|
30
|
-
|
|
31
|
-
default?(_: {}): any;
|
|
30
|
+
default: (props: any) => any;
|
|
32
31
|
}>;
|
|
33
32
|
export default _default;
|
|
34
33
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-popup.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-popup/vc-popup.vue.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CAC1B
|
|
1
|
+
{"version":3,"file":"vc-popup.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-popup/vc-popup.vue.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CAC1B;;;;;;;;;;;;;;;;;;;;;;AAuND,wBAA8G;AAE9G,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AA6GN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC;AACJ,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/ui/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,iBAAiB,CAAC;AAGrD,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/types/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vc-shell/framework",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.103",
|
|
4
4
|
"main": "./dist/framework.mjs",
|
|
5
5
|
"module": "./dist/framework.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"whatwg-fetch": "^3.6.2"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@vc-shell/api-client-generator": "^1.0.
|
|
59
|
-
"@vc-shell/config-generator": "^1.0.
|
|
58
|
+
"@vc-shell/api-client-generator": "^1.0.103",
|
|
59
|
+
"@vc-shell/config-generator": "^1.0.103",
|
|
60
60
|
"@vitejs/plugin-vue": "^4.2.3",
|
|
61
61
|
"sass": "^1.62.1",
|
|
62
62
|
"typescript": "~5.0.4",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VcPopup } from "./../../../../../ui/components";
|
|
2
|
-
import { markRaw, getCurrentInstance, inject, reactive, shallowRef, nextTick, Ref } from "vue";
|
|
2
|
+
import { markRaw, getCurrentInstance, inject, reactive, shallowRef, nextTick, Ref, watch, MaybeRef, unref } from "vue";
|
|
3
3
|
import { UsePopupInternal, UsePopupProps } from "./../../types";
|
|
4
4
|
import { popupPluginInstance } from "./../../plugin";
|
|
5
5
|
import { useI18n } from "vue-i18n";
|
|
@@ -11,18 +11,28 @@ interface IUsePopup {
|
|
|
11
11
|
showError(message: string | Ref<string>): void;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
export function usePopup<T = InstanceType<typeof VcPopup>["$props"]>(props?: UsePopupProps<T
|
|
14
|
+
export function usePopup<T = InstanceType<typeof VcPopup>["$props"]>(props?: MaybeRef<UsePopupProps<T>>): IUsePopup {
|
|
15
15
|
const { t } = useI18n({ useScope: "global" });
|
|
16
16
|
const instance = getCurrentInstance();
|
|
17
17
|
const popupInstance = (instance && inject("popupPlugin")) || popupPluginInstance;
|
|
18
|
-
|
|
18
|
+
let rawPopup = createInstance(unref(props));
|
|
19
|
+
|
|
20
|
+
watch(
|
|
21
|
+
() => props,
|
|
22
|
+
(newVal) => {
|
|
23
|
+
rawPopup = createInstance(unref(newVal));
|
|
24
|
+
},
|
|
25
|
+
{ deep: true }
|
|
26
|
+
);
|
|
19
27
|
|
|
20
28
|
async function open(customInstance?: UsePopupProps<unknown>) {
|
|
21
29
|
let activeInstance;
|
|
22
30
|
await nextTick();
|
|
31
|
+
console.log("popupInstance", popupInstance);
|
|
23
32
|
if (popupInstance) {
|
|
24
33
|
activeInstance = popupInstance;
|
|
25
34
|
}
|
|
35
|
+
console.log("activeInstance", activeInstance);
|
|
26
36
|
|
|
27
37
|
activeInstance.popups.push(rawPopup || customInstance);
|
|
28
38
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
12
|
class="user-dropdown-button__avatar"
|
|
13
|
-
:style="
|
|
13
|
+
:style="imageHandler"
|
|
14
14
|
></div>
|
|
15
15
|
<div class="tw-grow tw-basis-0 tw-ml-3 tw-overflow-hidden">
|
|
16
16
|
<div class="user-dropdown-button__name tw-truncate">
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
</template>
|
|
48
48
|
|
|
49
49
|
<script lang="ts" setup>
|
|
50
|
-
import { ref } from "vue";
|
|
50
|
+
import { computed, ref } from "vue";
|
|
51
51
|
import { vOnClickOutside } from "@vueuse/components";
|
|
52
52
|
import { BladeMenu } from "./../../../core/types";
|
|
53
53
|
|
|
@@ -61,6 +61,13 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
61
61
|
menuItems: () => [],
|
|
62
62
|
});
|
|
63
63
|
|
|
64
|
+
const imageHandler = computed(() => {
|
|
65
|
+
if (props.avatar) {
|
|
66
|
+
return `background-image: url(${CSS.escape(props.avatar)})`;
|
|
67
|
+
}
|
|
68
|
+
return undefined;
|
|
69
|
+
});
|
|
70
|
+
|
|
64
71
|
const accountMenuVisible = ref(false);
|
|
65
72
|
|
|
66
73
|
const toggleAccountMenuVisible = () => {
|
|
@@ -57,7 +57,7 @@ const emit = defineEmits<Emits>();
|
|
|
57
57
|
|
|
58
58
|
const imageHandler = computed(() => {
|
|
59
59
|
if (props.src) {
|
|
60
|
-
return `background: url(${
|
|
60
|
+
return `background: url(${CSS.escape(props.src)}) center / ${props.background} no-repeat`;
|
|
61
61
|
}
|
|
62
62
|
return undefined;
|
|
63
63
|
});
|
package/ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<VcPopup
|
|
3
|
-
|
|
3
|
+
v-if="currentImage"
|
|
4
|
+
:title="currentImage?.title"
|
|
4
5
|
@close="$emit('close')"
|
|
5
6
|
>
|
|
6
7
|
<template #title>
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
<div class="tw-box-border p-5 tw-grow tw-basis-0 tw-w-full">
|
|
17
18
|
<div
|
|
18
19
|
class="bg-contain tw-bg-no-repeat tw-bg-center tw-w-full tw-h-full tw-box-border"
|
|
19
|
-
:style="
|
|
20
|
+
:style="imageHandler"
|
|
20
21
|
></div>
|
|
21
22
|
<div
|
|
22
23
|
v-if="localIndex > 0"
|
|
@@ -62,14 +63,14 @@
|
|
|
62
63
|
</template>
|
|
63
64
|
|
|
64
65
|
<script lang="ts" setup>
|
|
65
|
-
import { computed, ref
|
|
66
|
+
import { computed, ref } from "vue";
|
|
66
67
|
import { VcPopup, VcLink, VcIcon, VcImage } from "../../../../";
|
|
67
68
|
import { IImage } from "./../../../../../../core/types";
|
|
68
69
|
import { useI18n } from "vue-i18n";
|
|
69
70
|
|
|
70
71
|
export interface Props {
|
|
71
72
|
images?: IImage[];
|
|
72
|
-
index: number
|
|
73
|
+
index: number;
|
|
73
74
|
}
|
|
74
75
|
|
|
75
76
|
export interface Emits {
|
|
@@ -84,6 +85,14 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
84
85
|
});
|
|
85
86
|
const { t } = useI18n({ useScope: "global" });
|
|
86
87
|
const localIndex = ref(props.index);
|
|
88
|
+
|
|
89
|
+
const imageHandler = computed(() => {
|
|
90
|
+
if (currentImage.value.url) {
|
|
91
|
+
return `background-image: url(${CSS.escape(currentImage.value.url)})`;
|
|
92
|
+
}
|
|
93
|
+
return undefined;
|
|
94
|
+
});
|
|
95
|
+
|
|
87
96
|
const currentImage = computed(() => props.images[localIndex.value]);
|
|
88
97
|
|
|
89
98
|
const copyLink = (link: string) => {
|
|
@@ -122,13 +122,15 @@ const dropPosition = ref<number>();
|
|
|
122
122
|
|
|
123
123
|
const currentIndex = computed(() => previewImageIndex.value);
|
|
124
124
|
|
|
125
|
-
const { open } = usePopup(
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
}
|
|
125
|
+
const { open } = usePopup(
|
|
126
|
+
computed(() => ({
|
|
127
|
+
component: VcGalleryPreview,
|
|
128
|
+
props: {
|
|
129
|
+
images: props.images,
|
|
130
|
+
index: currentIndex.value,
|
|
131
|
+
},
|
|
132
|
+
}))
|
|
133
|
+
);
|
|
132
134
|
|
|
133
135
|
watch(
|
|
134
136
|
() => props.images,
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
3
|
class="tw-w-full tw-h-full tw-box-border tw-flex tw-flex-col tw-items-center tw-justify-center"
|
|
4
|
-
:style="
|
|
5
|
-
background: `url(${background}) center / cover no-repeat`,
|
|
6
|
-
}"
|
|
4
|
+
:style="backgroundImageHandler"
|
|
7
5
|
>
|
|
8
6
|
<div
|
|
9
7
|
class="tw-h-[80px] tw-w-[516px] tw-max-w-[90%] tw-mb-[50px] -tw-mt-[90px]"
|
|
10
|
-
:style="
|
|
11
|
-
background: `url(${logo}) center / contain no-repeat`,
|
|
12
|
-
}"
|
|
8
|
+
:style="logoImageHandler"
|
|
13
9
|
></div>
|
|
14
10
|
<div
|
|
15
11
|
class="tw-w-[516px] tw-max-w-[90%] tw-bg-white tw-rounded-md tw-overflow-hidden tw-shadow-[0_0_0_rgba(0,0,0,0.05)]"
|
|
@@ -27,15 +23,31 @@
|
|
|
27
23
|
</template>
|
|
28
24
|
|
|
29
25
|
<script lang="ts" setup>
|
|
26
|
+
import { computed } from "vue";
|
|
27
|
+
|
|
30
28
|
export interface Props {
|
|
31
29
|
logo?: string;
|
|
32
30
|
background?: string;
|
|
33
31
|
title?: string;
|
|
34
32
|
}
|
|
35
33
|
|
|
36
|
-
withDefaults(defineProps<Props>(), {
|
|
34
|
+
const props = withDefaults(defineProps<Props>(), {
|
|
37
35
|
title: "Login",
|
|
38
36
|
});
|
|
39
37
|
|
|
38
|
+
const backgroundImageHandler = computed(() => {
|
|
39
|
+
if (props.background) {
|
|
40
|
+
return `background: url(${CSS.escape(props.background)}) center / cover no-repeat`;
|
|
41
|
+
}
|
|
42
|
+
return undefined;
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
const logoImageHandler = computed(() => {
|
|
46
|
+
if (props.logo) {
|
|
47
|
+
return `background: url(${CSS.escape(props.logo)}) center / contain no-repeat`;
|
|
48
|
+
}
|
|
49
|
+
return undefined;
|
|
50
|
+
});
|
|
51
|
+
|
|
40
52
|
console.debug("Init vc-login-form");
|
|
41
53
|
</script>
|
package/ui/types/index.ts
CHANGED