geekplus-digital-ui 0.1.30 → 0.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/_virtual/_plugin-vue_export-helper.js +7 -8
- package/_virtual/_rolldown/runtime.js +11 -0
- package/components/copy/index.d.ts +9 -11
- package/components/copy/index.js +5 -6
- package/components/copy/src/copy.js +69 -0
- package/components/copy/src/copy.vue.d.ts +18 -20
- package/components/editor/index.js +5 -6
- package/components/editor/src/code-collapse.js +36 -0
- package/components/editor/src/code-collapse.vue_vue_type_style_index_0_scoped_04f9af29_lang.css +1 -0
- package/components/editor/src/editor.css +1 -1
- package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_fcdf4a89_lang.css +1 -0
- package/components/editor/src/editor2.js +157 -0
- package/components/editor/src/table-width.js +51 -62
- package/components/fold-text/index.js +5 -6
- package/components/fold-text/src/fold-text.js +65 -0
- package/components/fold-text/src/fold-text.vue_vue_type_style_index_0_scoped_53a3b28a_lang.css +1 -0
- package/components/icon/index.js +5 -6
- package/components/icon/src/icon.js +12 -0
- package/components/icon/src/icon.vue_vue_type_style_index_0_scoped_29c845ca_lang.css +1 -0
- package/components/icon-tip/index.js +5 -6
- package/components/icon-tip/src/icon-tip.js +52 -0
- package/components/icons/angle-down-light.js +16 -0
- package/components/icons/angle-up-light.js +16 -0
- package/components/icons/circle-exclamation-solid.js +16 -0
- package/components/icons/circle-play-light.js +16 -0
- package/components/icons/circle-xmark-light.js +16 -0
- package/components/icons/copy-light.js +16 -0
- package/components/icons/download-light.js +16 -0
- package/components/icons/eye-light.js +16 -0
- package/components/icons/file-light.js +16 -0
- package/components/icons/image-light.js +16 -0
- package/components/icons/plus-light.js +16 -0
- package/components/icons/trash-light.js +16 -0
- package/components/index.js +20 -16
- package/components/inline-edit/index.js +5 -6
- package/components/inline-edit/src/inline-edit.js +77 -0
- package/components/inline-edit/src/inline-edit.vue_vue_type_style_index_0_scoped_db4be4cc_lang.css +1 -0
- package/components/upload/index.d.ts +19 -21
- package/components/upload/index.js +5 -6
- package/components/upload/src/upload.js +411 -0
- package/components/upload/src/upload.vue.d.ts +19 -21
- package/components/upload/src/upload.vue_vue_type_style_index_0_scoped_0552ceda_lang.css +1 -0
- package/components/upload/src/upload.vue_vue_type_style_index_1_lang.css +1 -0
- package/config/index.js +32 -41
- package/hooks/index.js +3 -6
- package/hooks/use-activated/index.js +11 -11
- package/hooks/use-locale/index.js +8 -8
- package/index.js +16 -28
- package/install.js +11 -11
- package/locale/i18n.js +22 -30
- package/locale/index.js +4 -11
- package/locale/lang/en.js +34 -36
- package/locale/lang/zh-cn.js +34 -36
- package/package.json +5 -4
- package/utils/index.js +4 -0
- package/components/copy/src/copy.vue.js +0 -90
- package/components/editor/src/code-collapse.css +0 -1
- package/components/editor/src/code-collapse.vue.js +0 -48
- package/components/editor/src/editor.vue.js +0 -157
- package/components/editor/src/editor2.css +0 -1
- package/components/fold-text/src/fold-text.css +0 -1
- package/components/fold-text/src/fold-text.vue.js +0 -86
- package/components/icon/src/icon.css +0 -1
- package/components/icon/src/icon.vue.js +0 -16
- package/components/icon-tip/src/icon-tip.vue.js +0 -70
- package/components/icons/angle-down-light.vue.js +0 -18
- package/components/icons/angle-up-light.vue.js +0 -18
- package/components/icons/circle-exclamation-solid.vue.js +0 -18
- package/components/icons/circle-play-light.vue.js +0 -18
- package/components/icons/circle-xmark-light.vue.js +0 -18
- package/components/icons/copy-light.vue.js +0 -18
- package/components/icons/download-light.vue.js +0 -18
- package/components/icons/eye-light.vue.js +0 -18
- package/components/icons/file-light.vue.js +0 -18
- package/components/icons/image-light.vue.js +0 -18
- package/components/icons/plus-light.vue.js +0 -18
- package/components/icons/trash-light.vue.js +0 -18
- package/components/inline-edit/src/inline-edit.css +0 -1
- package/components/inline-edit/src/inline-edit.vue.js +0 -112
- package/components/upload/src/upload.css +0 -1
- package/components/upload/src/upload.vue.js +0 -494
- package/components/upload/src/upload2.css +0 -1
- /package/components/copy/src/{copy.css → copy.vue_vue_type_style_index_0_scoped_5cfb3191_lang.css} +0 -0
- /package/components/icon-tip/src/{icon-tip.css → icon-tip.vue_vue_type_style_index_0_scoped_fe982c8e_lang.css} +0 -0
package/README.md
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
s as default
|
|
1
|
+
//#region \0plugin-vue:export-helper
|
|
2
|
+
var e = (e, t) => {
|
|
3
|
+
let n = e.__vccOpts || e;
|
|
4
|
+
for (let [e, r] of t) n[e] = r;
|
|
5
|
+
return n;
|
|
9
6
|
};
|
|
7
|
+
//#endregion
|
|
8
|
+
export { e as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region \0rolldown/runtime.js
|
|
2
|
+
var e = Object.defineProperty, t = (t, n) => {
|
|
3
|
+
let r = {};
|
|
4
|
+
for (var i in t) e(r, i, {
|
|
5
|
+
get: t[i],
|
|
6
|
+
enumerable: !0
|
|
7
|
+
});
|
|
8
|
+
return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
|
|
9
|
+
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { t as __exportAll };
|
|
@@ -17,9 +17,9 @@ export const DCopy: {
|
|
|
17
17
|
$: import('vue').ComponentInternalInstance;
|
|
18
18
|
$data: {};
|
|
19
19
|
$props: Partial<{
|
|
20
|
-
underline: boolean | "always" | "never" | "hover";
|
|
21
|
-
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
22
20
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
|
|
21
|
+
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
22
|
+
underline: boolean | "always" | "never" | "hover";
|
|
23
23
|
href: string;
|
|
24
24
|
}> & Omit<{
|
|
25
25
|
readonly href: string;
|
|
@@ -30,9 +30,7 @@ export const DCopy: {
|
|
|
30
30
|
readonly disabled?: boolean;
|
|
31
31
|
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
32
32
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "underline" | "href" | "target">;
|
|
33
|
-
$attrs:
|
|
34
|
-
[x: string]: unknown;
|
|
35
|
-
};
|
|
33
|
+
$attrs: import('vue').Attrs;
|
|
36
34
|
$refs: {
|
|
37
35
|
[x: string]: unknown;
|
|
38
36
|
};
|
|
@@ -50,7 +48,7 @@ export const DCopy: {
|
|
|
50
48
|
default: undefined;
|
|
51
49
|
};
|
|
52
50
|
icon: {
|
|
53
|
-
type: import('vue').PropType<
|
|
51
|
+
type: import('vue').PropType<import('element-plus/es/utils/index.mjs').IconPropType>;
|
|
54
52
|
};
|
|
55
53
|
underline: {
|
|
56
54
|
type: import('vue').PropType<boolean | "always" | "never" | "hover">;
|
|
@@ -72,9 +70,9 @@ export const DCopy: {
|
|
|
72
70
|
}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
73
71
|
click: (evt: MouseEvent) => void;
|
|
74
72
|
}, string, {
|
|
75
|
-
underline: boolean | "always" | "never" | "hover";
|
|
76
|
-
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
77
73
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
|
|
74
|
+
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
75
|
+
underline: boolean | "always" | "never" | "hover";
|
|
78
76
|
href: string;
|
|
79
77
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
80
78
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -97,9 +95,9 @@ export const DCopy: {
|
|
|
97
95
|
$nextTick: typeof import('vue').nextTick;
|
|
98
96
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
99
97
|
} & Readonly<{
|
|
100
|
-
underline: boolean | "always" | "never" | "hover";
|
|
101
|
-
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
102
98
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
|
|
99
|
+
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
100
|
+
underline: boolean | "always" | "never" | "hover";
|
|
103
101
|
href: string;
|
|
104
102
|
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
|
|
105
103
|
type: {
|
|
@@ -107,7 +105,7 @@ export const DCopy: {
|
|
|
107
105
|
default: undefined;
|
|
108
106
|
};
|
|
109
107
|
icon: {
|
|
110
|
-
type: import('vue').PropType<
|
|
108
|
+
type: import('vue').PropType<import('element-plus/es/utils/index.mjs').IconPropType>;
|
|
111
109
|
};
|
|
112
110
|
underline: {
|
|
113
111
|
type: import('vue').PropType<boolean | "always" | "never" | "hover">;
|
package/components/copy/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
1
|
+
import e from "./src/copy.js";
|
|
2
|
+
//#region packages/components/copy/index.js
|
|
3
|
+
var t = e;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { t as default };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { useLocale as e } from "../../../hooks/use-locale/index.js";
|
|
2
|
+
import "../../../hooks/index.js";
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
import n from "../../icons/copy-light.js";
|
|
5
|
+
import './copy.vue_vue_type_style_index_0_scoped_5cfb3191_lang.css';/* empty css */
|
|
6
|
+
import r from "../../icon/index.js";
|
|
7
|
+
import "../../index.js";
|
|
8
|
+
import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderSlot as h, unref as g, withCtx as _, withModifiers as v } from "vue";
|
|
9
|
+
import { useClipboard as y } from "@vueuse/core";
|
|
10
|
+
import { ElLink as b, ElMessage as x } from "element-plus";
|
|
11
|
+
var S = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DCopy" }, {
|
|
12
|
+
__name: "copy",
|
|
13
|
+
props: {
|
|
14
|
+
text: { type: String },
|
|
15
|
+
type: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: "primary"
|
|
18
|
+
},
|
|
19
|
+
icon: { type: String },
|
|
20
|
+
triggerElement: { type: String }
|
|
21
|
+
},
|
|
22
|
+
setup(t, { expose: S }) {
|
|
23
|
+
let C = t, w = m(null), T = m(!1), { copy: E } = y({ source: C.text }), { t: D } = e(), O = i(() => {
|
|
24
|
+
let e = w.value?.$el ?? w.value;
|
|
25
|
+
if (!C.triggerElement || !e) return null;
|
|
26
|
+
let t = e.parentNode;
|
|
27
|
+
for (; t;) {
|
|
28
|
+
if (t.matches(C.triggerElement)) return t;
|
|
29
|
+
t = t.parentNode;
|
|
30
|
+
}
|
|
31
|
+
return null;
|
|
32
|
+
}), k = i(() => ({ display: C.triggerElement && !T.value ? "none" : "" })), A = () => {
|
|
33
|
+
E().then(() => {
|
|
34
|
+
x.success(D("d.copy.success"));
|
|
35
|
+
});
|
|
36
|
+
}, j = () => {
|
|
37
|
+
T.value = !0;
|
|
38
|
+
}, M = () => {
|
|
39
|
+
T.value = !1;
|
|
40
|
+
};
|
|
41
|
+
return f(() => {
|
|
42
|
+
O.value && (O.value.addEventListener("mouseenter", j), O.value.addEventListener("mouseleave", M));
|
|
43
|
+
}), d(() => {
|
|
44
|
+
O.value && (O.value.removeEventListener("mouseenter", j), O.value.removeEventListener("mouseleave", M));
|
|
45
|
+
}), S({
|
|
46
|
+
rootRef: w,
|
|
47
|
+
handleCopy: A
|
|
48
|
+
}), (e, i) => (p(), a(g(b), {
|
|
49
|
+
ref_key: "rootRef",
|
|
50
|
+
ref: w,
|
|
51
|
+
class: "d-copy",
|
|
52
|
+
type: t.type,
|
|
53
|
+
underline: "never",
|
|
54
|
+
style: u(k.value),
|
|
55
|
+
onClick: v(A, ["stop"])
|
|
56
|
+
}, {
|
|
57
|
+
default: _(() => [t.icon ? (p(), s("i", {
|
|
58
|
+
key: 0,
|
|
59
|
+
class: l(t.icon)
|
|
60
|
+
}, null, 2)) : (p(), a(g(r), { key: 1 }, {
|
|
61
|
+
default: _(() => [c(n)]),
|
|
62
|
+
_: 1
|
|
63
|
+
})), e.$slots.default ? h(e.$slots, "default", { key: 2 }, void 0, !0) : o("", !0)]),
|
|
64
|
+
_: 3
|
|
65
|
+
}, 8, ["type", "style"]));
|
|
66
|
+
}
|
|
67
|
+
}), [["__scopeId", "data-v-5cfb3191"]]);
|
|
68
|
+
//#endregion
|
|
69
|
+
export { S as default };
|
|
@@ -21,9 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
21
21
|
$: import('vue').ComponentInternalInstance;
|
|
22
22
|
$data: {};
|
|
23
23
|
$props: Partial<{
|
|
24
|
-
underline: boolean | "always" | "never" | "hover";
|
|
25
|
-
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
26
24
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
|
|
25
|
+
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
26
|
+
underline: boolean | "always" | "never" | "hover";
|
|
27
27
|
href: string;
|
|
28
28
|
}> & Omit<{
|
|
29
29
|
readonly href: string;
|
|
@@ -34,9 +34,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
34
34
|
readonly disabled?: boolean;
|
|
35
35
|
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
36
36
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "underline" | "href" | "target">;
|
|
37
|
-
$attrs:
|
|
38
|
-
[x: string]: unknown;
|
|
39
|
-
};
|
|
37
|
+
$attrs: import('vue').Attrs;
|
|
40
38
|
$refs: {
|
|
41
39
|
[x: string]: unknown;
|
|
42
40
|
};
|
|
@@ -54,7 +52,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
54
52
|
default: undefined;
|
|
55
53
|
};
|
|
56
54
|
icon: {
|
|
57
|
-
type: import('vue').PropType<
|
|
55
|
+
type: import('vue').PropType<import('element-plus/es/utils/index.mjs').IconPropType>;
|
|
58
56
|
};
|
|
59
57
|
underline: {
|
|
60
58
|
type: import('vue').PropType<boolean | "always" | "never" | "hover">;
|
|
@@ -76,9 +74,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
76
74
|
}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
77
75
|
click: (evt: MouseEvent) => void;
|
|
78
76
|
}, string, {
|
|
79
|
-
underline: boolean | "always" | "never" | "hover";
|
|
80
|
-
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
81
77
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
|
|
78
|
+
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
79
|
+
underline: boolean | "always" | "never" | "hover";
|
|
82
80
|
href: string;
|
|
83
81
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
84
82
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -101,9 +99,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
101
99
|
$nextTick: typeof import('vue').nextTick;
|
|
102
100
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
103
101
|
} & Readonly<{
|
|
104
|
-
underline: boolean | "always" | "never" | "hover";
|
|
105
|
-
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
106
102
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
|
|
103
|
+
type: "primary" | "success" | "warning" | "info" | "danger" | "default";
|
|
104
|
+
underline: boolean | "always" | "never" | "hover";
|
|
107
105
|
href: string;
|
|
108
106
|
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
|
|
109
107
|
type: {
|
|
@@ -111,7 +109,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
111
109
|
default: undefined;
|
|
112
110
|
};
|
|
113
111
|
icon: {
|
|
114
|
-
type: import('vue').PropType<
|
|
112
|
+
type: import('vue').PropType<import('element-plus/es/utils/index.mjs').IconPropType>;
|
|
115
113
|
};
|
|
116
114
|
underline: {
|
|
117
115
|
type: import('vue').PropType<boolean | "always" | "never" | "hover">;
|
|
@@ -148,9 +146,9 @@ type __VLS_TemplateResult = {
|
|
|
148
146
|
$: ComponentInternalInstance;
|
|
149
147
|
$data: {};
|
|
150
148
|
$props: Partial<{
|
|
151
|
-
underline: boolean | "always" | "never" | "hover";
|
|
152
|
-
type: "default" | "primary" | "success" | "warning" | "info" | "danger";
|
|
153
149
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
|
|
150
|
+
type: "default" | "primary" | "success" | "warning" | "info" | "danger";
|
|
151
|
+
underline: boolean | "always" | "never" | "hover";
|
|
154
152
|
href: string;
|
|
155
153
|
}> & Omit<{
|
|
156
154
|
readonly href: string;
|
|
@@ -161,7 +159,7 @@ type __VLS_TemplateResult = {
|
|
|
161
159
|
readonly disabled?: boolean;
|
|
162
160
|
onClick?: (evt: MouseEvent) => any;
|
|
163
161
|
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "underline" | "href" | "target">;
|
|
164
|
-
$attrs:
|
|
162
|
+
$attrs: Attrs;
|
|
165
163
|
$refs: Data;
|
|
166
164
|
$slots: Readonly<InternalSlots>;
|
|
167
165
|
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any>;
|
|
@@ -169,7 +167,7 @@ type __VLS_TemplateResult = {
|
|
|
169
167
|
$host: Element;
|
|
170
168
|
$emit: (event: "click", evt: MouseEvent) => void;
|
|
171
169
|
$el: any;
|
|
172
|
-
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<
|
|
170
|
+
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LinkProps>, {
|
|
173
171
|
type: undefined;
|
|
174
172
|
underline: undefined;
|
|
175
173
|
href: string;
|
|
@@ -179,20 +177,20 @@ type __VLS_TemplateResult = {
|
|
|
179
177
|
}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
180
178
|
click: (evt: MouseEvent) => void;
|
|
181
179
|
}, string, {
|
|
182
|
-
underline: boolean | "always" | "never" | "hover";
|
|
183
|
-
type: "default" | "primary" | "success" | "warning" | "info" | "danger";
|
|
184
180
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
|
|
181
|
+
type: "default" | "primary" | "success" | "warning" | "info" | "danger";
|
|
182
|
+
underline: boolean | "always" | "never" | "hover";
|
|
185
183
|
href: string;
|
|
186
184
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
|
|
187
185
|
$forceUpdate: () => void;
|
|
188
186
|
$nextTick: typeof nextTick;
|
|
189
187
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean>): WatchStopHandle;
|
|
190
188
|
} & Readonly<{
|
|
191
|
-
underline: boolean | "always" | "never" | "hover";
|
|
192
|
-
type: "default" | "primary" | "success" | "warning" | "info" | "danger";
|
|
193
189
|
target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
|
|
190
|
+
type: "default" | "primary" | "success" | "warning" | "info" | "danger";
|
|
191
|
+
underline: boolean | "always" | "never" | "hover";
|
|
194
192
|
href: string;
|
|
195
|
-
}> & Omit<Readonly<ExtractPropTypes<
|
|
193
|
+
}> & Omit<Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LinkProps>, {
|
|
196
194
|
type: undefined;
|
|
197
195
|
underline: undefined;
|
|
198
196
|
href: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
1
|
+
import e from "./src/editor2.js";
|
|
2
|
+
//#region packages/components/editor/index.js
|
|
3
|
+
var t = e;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { t as default };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { useLocale as e } from "../../../hooks/use-locale/index.js";
|
|
2
|
+
import "../../../hooks/index.js";
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
import n from "../../icons/angle-down-light.js";
|
|
5
|
+
import r from "../../icons/angle-up-light.js";
|
|
6
|
+
import './code-collapse.vue_vue_type_style_index_0_scoped_04f9af29_lang.css';/* empty css */
|
|
7
|
+
import i from "../../icon/index.js";
|
|
8
|
+
import "../../index.js";
|
|
9
|
+
import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, openBlock as u, ref as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
|
|
10
|
+
//#region packages/components/editor/src/code-collapse.vue
|
|
11
|
+
var h = ["open"], g = /* @__PURE__ */ t({
|
|
12
|
+
__name: "code-collapse",
|
|
13
|
+
props: { initialOpen: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: !1
|
|
16
|
+
} },
|
|
17
|
+
setup(t, { expose: g }) {
|
|
18
|
+
let _ = t, v = d(null), y = d(_.initialOpen), { t: b } = e(), x = a(() => b(y.value ? "d.editor.collapse" : "d.editor.expand")), S = (e) => {
|
|
19
|
+
y.value = e.target.open;
|
|
20
|
+
};
|
|
21
|
+
return g({ contentRef: v }), (e, a) => (u(), s("details", {
|
|
22
|
+
class: "code-collapse",
|
|
23
|
+
open: t.initialOpen,
|
|
24
|
+
onToggle: S
|
|
25
|
+
}, [c("summary", null, [c("span", null, f(x.value), 1), l(p(i), null, {
|
|
26
|
+
default: m(() => [y.value ? (u(), o(r, { key: 0 })) : (u(), o(n, { key: 1 }))]),
|
|
27
|
+
_: 1
|
|
28
|
+
})]), c("div", {
|
|
29
|
+
ref_key: "contentRef",
|
|
30
|
+
ref: v,
|
|
31
|
+
class: "code-collapse-content"
|
|
32
|
+
}, null, 512)], 40, h));
|
|
33
|
+
}
|
|
34
|
+
}, [["__scopeId", "data-v-04f9af29"]]);
|
|
35
|
+
//#endregion
|
|
36
|
+
export { g as default };
|
package/components/editor/src/code-collapse.vue_vue_type_style_index_0_scoped_04f9af29_lang.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.code-collapse[data-v-04f9af29]{border:1px solid var(--el-border-color);background:var(--el-bg-color-overlay);border-radius:4px;overflow:hidden}.code-collapse summary[data-v-04f9af29]{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--el-text-color-primary);justify-content:flex-end;align-items:center;gap:4px;padding:8px 12px;line-height:normal;list-style:none;display:flex}.code-collapse[data-v-04f9af29] .code-collapse-content pre code{border:none;border-radius:0;margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.no-scroll{width:100%}.w-e-text-container .w-e-scroll{height:100%;-webkit-overflow-scrolling:touch}.w-e-text-container [data-slate-editor]{outline:0;white-space:pre-wrap;word-wrap:break-word;border-top:1px solid transparent;min-height:100%;padding:0 10px}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;padding:5px 10px;text-align:center;top:40px;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;position:absolute;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:after{border-color:transparent transparent var(--w-e-toolbar-active-color) transparent;border-style:solid;border-width:5px;content:"";top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-color:transparent var(--w-e-toolbar-active-color) transparent transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color)}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{display:flex!important;flex-direction:column!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;position:fixed;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border-radius:0;margin-top:10px;overflow-x:auto;padding:0;position:relative;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;overflow:hidden;overflow-wrap:break-word;padding:3px 5px;white-space:pre-wrap;word-break:break-all}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-text-container [data-slate-editor] table td.w-e-selected,.w-e-text-container [data-slate-editor] table th.w-e-selected{background-color:#1456f02e}.w-e-text-container [data-slate-editor] table.table-selection-none ::-moz-selection{background:none}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:none}.w-e-text-container [data-slate-editor] .column-resizer{display:flex;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;position:absolute;right:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:6px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{background:#1456f0cc;height:100%;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{display:flex;flex-direction:column;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{bottom:0;cursor:row-resize;height:6px;opacity:0;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{background:#1456f0cc;height:2px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .babel-container span.babel-container-border{display:flex}.w-e-modal .babel-container span.babel-container-border>*{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container span.babel-container-border select{width:114px}.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2){margin-left:8px}.w-e-modal .babel-container span.babel-container-border input:nth-child(3){width:100px}.w-e-modal .babel-container span.babel-container-background input{width:60px}.w-e-modal .babel-container .color-group,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container span.babel-container-background input{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container .color-group{cursor:pointer;position:relative;width:28px}.w-e-modal .babel-container .color-group .w-e-drop-panel{margin-top:28px}.w-e-modal .babel-container .color-group-block{display:block;height:80%;margin:10%;width:80%}.w-e-modal .babel-container .color-group-block svg{height:20px;margin:1px 0;width:20px}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;overflow:auto;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;display:block;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;text-align:left;text-indent:0;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}:root{--w-e-textarea-bg-color: transparent;--w-e-textarea-color: var(--el-text-color-primary);--w-e-textarea-border-color: var(--el-border-color);--w-e-textarea-slight-border-color: var(--el-border-color);--w-e-textarea-slight-color: var(--el-text-color-placeholder);--w-e-textarea-slight-bg-color: var(--el-fill-color-light);--w-e-textarea-selected-border-color: var(--el-color-primary-light-5);--w-e-textarea-handler-bg-color: var(--el-color-primary);--w-e-toolbar-color: var(--el-text-color-regular);--w-e-toolbar-bg-color: var(--el-bg-color-overlay);--w-e-toolbar-active-color: var(--el-text-color-primary);--w-e-toolbar-active-bg-color: var(--el-fill-color);--w-e-toolbar-disabled-color: var(--el-text-color-placeholder);--w-e-toolbar-border-color: var(--el-border-color);--w-e-modal-button-bg-color: var(--el-bg-color);--w-e-modal-button-border-color: var(--el-border-color)}
|
|
1
|
+
:host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;outline:none;margin:0;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.no-scroll{width:100%}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{white-space:pre-wrap;word-wrap:break-word;border-top:1px solid #0000;outline:0;min-height:100%;padding:0 10px}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;min-width:20px;max-width:100%;min-height:20px;display:inline!important}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{width:90%;font-style:italic;top:17px;left:10px}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);padding:0 5px;font-size:14px}.w-e-bar svg{fill:var(--w-e-toolbar-color);width:14px;height:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;position:absolute;box-shadow:0 2px 5px #0000001f}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);width:1px;height:40px;margin:0 5px;display:inline-flex}.w-e-bar-item{text-align:center;height:40px;padding:4px;display:flex;position:relative}.w-e-bar-item,.w-e-bar-item button{justify-content:center;align-items:center}.w-e-bar-item button{color:var(--w-e-toolbar-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;height:32px;padding:0 8px;display:inline-flex;overflow:hidden}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);text-align:center;white-space:pre;z-index:1;border-radius:5px;padding:5px 10px;font-size:.75em;top:40px}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;visibility:hidden;transition:opacity .6s;position:absolute}.w-e-menu-tooltip-v5:after{border-color:transparent transparent var(--w-e-toolbar-active-color) transparent;content:"";border-style:solid;border-width:5px;top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{top:10px;left:100%}.w-e-menu-tooltip-v5.tooltip-right:after{border-color:transparent var(--w-e-toolbar-active-color) transparent transparent;margin-left:-10px;top:16px;left:100%}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;margin-top:40px;display:none;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0000001f}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;min-width:100px;max-height:350px;margin-top:40px;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:0 2px 10px #0000001f}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;text-align:left;white-space:nowrap;padding:7px 0 7px 25px;position:relative}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{margin-top:-7px;margin-left:5px;position:absolute;top:50%;left:0}.w-e-bar-bottom .w-e-select-list{bottom:0;top:inherit;margin-top:0;margin-bottom:40px}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);z-index:1;border-radius:3px;min-width:200px;margin-top:40px;padding:10px;position:absolute;top:0;box-shadow:0 2px 10px #0000001f}.w-e-bar-bottom .w-e-drop-panel{bottom:0;top:inherit;margin-top:0;margin-bottom:40px}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);color:var(--w-e-toolbar-color);text-align:left;z-index:1;border-radius:3px;min-width:100px;min-height:40px;padding:20px 15px 0;font-size:14px;position:absolute;box-shadow:0 2px 10px #0000001f}.w-e-modal .btn-close{cursor:pointer;padding:5px;line-height:1;position:absolute;top:7px;right:8px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);width:10px;height:10px}.w-e-modal .babel-container{margin-bottom:15px;display:block}.w-e-modal .babel-container span{margin-bottom:10px;display:block}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;height:32px;padding:4.5px 15px;font-weight:400;transition:all .3s cubic-bezier(.645,.045,.355,1)}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);color:var(--w-e-toolbar-color);border-radius:4px}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;width:100%;padding:4.5px 11px;transition:all .3s}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);width:0;height:1px;transition:width .3s;position:absolute}.w-e-full-screen-container{position:fixed;flex-direction:column!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;inset:0!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;padding:3px;font-family:monospace}.w-e-panel-content-color{text-align:left;width:230px;list-style:none}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);cursor:pointer;border-radius:3px;padding:2px;display:inline-block}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;width:17px;height:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{width:100%;margin-bottom:5px;line-height:1.5}.w-e-panel-content-color .clear svg{width:16px;height:16px;margin-bottom:-4px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);margin:10px 0;padding:10px;font-size:100%;line-height:1.5;display:block}.w-e-panel-content-emotion{text-align:left;width:300px;font-size:20px;list-style:none}.w-e-panel-content-emotion li{cursor:pointer;border-radius:3px;padding:0 5px;display:inline-block}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;height:1px;display:block}.w-e-text-container [data-slate-editor] .w-e-image-container{margin:0 3px;display:inline-block}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{position:relative;overflow:hidden}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);width:7px;height:7px;position:absolute}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;top:0;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;top:0;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{cursor:nesw-resize;bottom:0;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{cursor:nwse-resize;bottom:0;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border-radius:0;width:100%;margin-top:10px;padding:0;position:relative;overflow-x:auto}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all;min-width:30px;padding:3px 5px;line-height:1.5;overflow:hidden}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);text-align:center;font-weight:700}.w-e-text-container [data-slate-editor] table td.w-e-selected,.w-e-text-container [data-slate-editor] table th.w-e-selected{background-color:#1456f02e}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:0 0}.w-e-text-container [data-slate-editor] .column-resizer{z-index:1;width:0;height:0;display:flex;position:absolute;top:0;left:0}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;visibility:hidden;width:6px;transition:opacity .2s,visibility .2s;position:absolute;right:0}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{-webkit-user-select:none;user-select:none;background:#1456f0cc;width:2px;height:100%;margin-left:5px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{z-index:1;flex-direction:column;width:0;height:0;display:flex;position:absolute;top:0;left:0}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{cursor:row-resize;opacity:0;visibility:hidden;height:6px;transition:opacity .2s,visibility .2s;position:absolute;bottom:0}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{-webkit-user-select:none;user-select:none;background:#1456f0cc;width:100%;height:2px;margin-top:5px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all;overflow:hidden}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;width:20px;height:15px;padding:3px 5px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .babel-container span.babel-container-border{display:flex}.w-e-modal .babel-container span.babel-container-border>*{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container span.babel-container-border select{width:114px}.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2){margin-left:8px}.w-e-modal .babel-container span.babel-container-border input:nth-child(3){width:100px}.w-e-modal .babel-container span.babel-container-background input{width:60px}.w-e-modal .babel-container .color-group,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container span.babel-container-background input{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container .color-group{cursor:pointer;width:28px;position:relative}.w-e-modal .babel-container .color-group .w-e-drop-panel{margin-top:28px}.w-e-modal .babel-container .color-group-block{width:80%;height:80%;margin:10%;display:block}.w-e-modal .babel-container .color-group-block svg{width:20px;height:20px;margin:1px 0}.w-e-textarea-video-container{border:1px dashed var(--w-e-textarea-border-color);text-align:center;border:1px dashed var(--w-e-textarea-border-color);text-align:center;background-image:linear-gradient(45deg,#eee 25%,#0000 0 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:5px;margin:10px auto 0;padding:10px 0;overflow:auto}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);text-align:left;text-indent:0;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;tab-size:4;border-radius:4px;margin:.5em 0;padding:1em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;display:block;overflow:auto}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}:root{--w-e-textarea-bg-color:transparent;--w-e-textarea-color:var(--el-text-color-primary);--w-e-textarea-border-color:var(--el-border-color);--w-e-textarea-slight-border-color:var(--el-border-color);--w-e-textarea-slight-color:var(--el-text-color-placeholder);--w-e-textarea-slight-bg-color:var(--el-fill-color-light);--w-e-textarea-selected-border-color:var(--el-color-primary-light-5);--w-e-textarea-handler-bg-color:var(--el-color-primary);--w-e-toolbar-color:var(--el-text-color-regular);--w-e-toolbar-bg-color:var(--el-bg-color-overlay);--w-e-toolbar-active-color:var(--el-text-color-primary);--w-e-toolbar-active-bg-color:var(--el-fill-color);--w-e-toolbar-disabled-color:var(--el-text-color-placeholder);--w-e-toolbar-border-color:var(--el-border-color);--w-e-modal-button-bg-color:var(--el-bg-color);--w-e-modal-button-border-color:var(--el-border-color)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.d-editor[data-v-fcdf4a89]{width:100%}.d-editor.w-e-full-screen-container[data-v-fcdf4a89]{z-index:1000}.d-editor .toolbar-container[data-v-fcdf4a89]{border-bottom:1px solid var(--el-border-color)}.d-editor .toolbar-container[data-v-fcdf4a89] .w-e-toolbar{border-radius:4px}.d-editor .toolbar-container[data-v-fcdf4a89] .w-e-drop-panel{z-index:100}.d-editor .editor-container[data-v-fcdf4a89]{min-height:var(--minHeight);background:var(--el-fill-color-blank);border-radius:4px}.d-editor .editor-container[data-v-fcdf4a89] p[id^=w-e-element-paragraph-]{margin:10px 0}.d-editor .editor-container[data-v-fcdf4a89] .w-e-text-placeholder{font-size:14px;font-style:normal;line-height:normal;top:11px}.d-editor .editor-container[data-v-fcdf4a89] .w-e-image-container{width:500px}.d-editor .editor-container[data-v-fcdf4a89] pre code{text-shadow:none}.d-editor.editor-disabled[data-v-fcdf4a89]:not(.editor-border) div[id^=w-e-textarea-]{padding:0}.d-editor.editor-disabled[data-v-fcdf4a89]:not(.editor-border) p[id^=w-e-element-paragraph-]:first-child{margin-top:0}.d-editor.editor-disabled[data-v-fcdf4a89]:not(.editor-border) p[id^=w-e-element-paragraph-]:last-child{margin-bottom:0}.editor-border[data-v-fcdf4a89]{border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.editor-border[data-v-fcdf4a89]:hover{border-color:var(--el-text-color-disabled)}.editor-disabled .editor-container[data-v-fcdf4a89] img{cursor:zoom-in}.el-form-item.is-error .editor-border[data-v-fcdf4a89]{border:1px solid var(--el-color-danger)}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { useLocale as e } from "../../../hooks/use-locale/index.js";
|
|
2
|
+
import "../../../hooks/index.js";
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
import './editor.vue_vue_type_style_index_0_scoped_fcdf4a89_lang.css';import './editor.css';/* empty css */
|
|
5
|
+
import n from "./code-collapse.js";
|
|
6
|
+
import { normalizeTableColumnWidths as r } from "./table-width.js";
|
|
7
|
+
/* empty css */
|
|
8
|
+
import { computed as i, createApp as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, unref as g, vShow as _, watch as v, withDirectives as y } from "vue";
|
|
9
|
+
import { ElImageViewer as b, useFormItem as x } from "element-plus";
|
|
10
|
+
import { i18nChangeLanguage as S } from "@wangeditor-next/editor";
|
|
11
|
+
import { Editor as C, Toolbar as w } from "@wangeditor-next/editor-for-vue";
|
|
12
|
+
var T = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DEditor" }, {
|
|
13
|
+
__name: "editor",
|
|
14
|
+
props: {
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: ""
|
|
18
|
+
},
|
|
19
|
+
mode: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: "simple"
|
|
22
|
+
},
|
|
23
|
+
disabled: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: !1
|
|
26
|
+
},
|
|
27
|
+
showToolbar: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: !0
|
|
30
|
+
},
|
|
31
|
+
minHeight: {
|
|
32
|
+
type: Number,
|
|
33
|
+
default: 200
|
|
34
|
+
},
|
|
35
|
+
border: {
|
|
36
|
+
type: Boolean,
|
|
37
|
+
default: !1
|
|
38
|
+
},
|
|
39
|
+
toolbarConfig: {
|
|
40
|
+
type: Object,
|
|
41
|
+
default: () => ({})
|
|
42
|
+
},
|
|
43
|
+
editorConfig: {
|
|
44
|
+
type: Object,
|
|
45
|
+
default: () => ({})
|
|
46
|
+
},
|
|
47
|
+
placeholder: String
|
|
48
|
+
},
|
|
49
|
+
emits: ["update:model-value"],
|
|
50
|
+
setup(t, { emit: T }) {
|
|
51
|
+
let E = t, D = T, O = h(null), k = h(null), A = h(""), j = h(""), M = h(null), N = h(0), P = h(!1), F = h([]), I = h(0), L = /* @__PURE__ */ new Map(), { t: R, getLocale: z } = e(), { formItem: B } = x(), V = i(() => z()), H = (e) => {
|
|
52
|
+
k.value = Object.seal(e);
|
|
53
|
+
}, U = (e) => {
|
|
54
|
+
let t = e;
|
|
55
|
+
t === "<p><br></p>" && (t = "");
|
|
56
|
+
let n = r(t);
|
|
57
|
+
n !== j.value && (M.value = n, j.value = n, D("update:model-value", n), B?.validate("change"), B?.validate("blur"));
|
|
58
|
+
}, W = (e) => {
|
|
59
|
+
if (!E.disabled) return;
|
|
60
|
+
let t = e?.target?.closest?.("img");
|
|
61
|
+
if (!t) return;
|
|
62
|
+
let n = k.value?.getEditableContainer?.(), r = Array.from(n?.querySelectorAll?.("img") || []);
|
|
63
|
+
if (r.length === 0) return;
|
|
64
|
+
let i = (e) => e?.currentSrc || e?.src || e?.getAttribute?.("data-src") || "", a = r.map(i).filter(Boolean);
|
|
65
|
+
if (a.length === 0) return;
|
|
66
|
+
let o = i(t), s = a.findIndex((e) => e === o);
|
|
67
|
+
F.value = a, I.value = s >= 0 ? s : 0, P.value = !0, e?.stopPropagation?.();
|
|
68
|
+
}, G = (e) => {
|
|
69
|
+
if (E.disabled) {
|
|
70
|
+
W(e);
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
k.value?.focus?.();
|
|
74
|
+
}, K = () => {
|
|
75
|
+
P.value = !1, F.value = [], I.value = 0;
|
|
76
|
+
}, q = () => {
|
|
77
|
+
L.forEach(({ app: e, host: t, pre: n }) => {
|
|
78
|
+
t?.isConnected && n?.isConnected && t.parentNode && t.parentNode.insertBefore(n, t), e.unmount(), t?.remove();
|
|
79
|
+
}), L.clear();
|
|
80
|
+
}, J = (e) => {
|
|
81
|
+
let t = document.createElement("div");
|
|
82
|
+
e.parentNode?.insertBefore(t, e);
|
|
83
|
+
let r = a(n), i = r.mount(t);
|
|
84
|
+
(i.contentRef?.value || i.contentRef)?.appendChild(e), L.set(e, {
|
|
85
|
+
app: r,
|
|
86
|
+
host: t,
|
|
87
|
+
pre: e
|
|
88
|
+
});
|
|
89
|
+
}, Y = () => {
|
|
90
|
+
let e = k.value?.getEditableContainer?.()?.querySelectorAll("pre");
|
|
91
|
+
e && e.forEach((e) => {
|
|
92
|
+
e.parentElement?.tagName !== "DETAILS" && J(e);
|
|
93
|
+
});
|
|
94
|
+
}, X = i(() => ({ ...E.toolbarConfig })), Z = i(() => ({
|
|
95
|
+
placeholder: E.disabled ? "" : E.placeholder || R("d.editor.placeholder"),
|
|
96
|
+
readOnly: E.disabled,
|
|
97
|
+
autoFocus: !1,
|
|
98
|
+
...E.editorConfig
|
|
99
|
+
})), Q = i(() => ({ "--minHeight": E.disabled ? "" : `${E.minHeight}px` }));
|
|
100
|
+
return v(V, (e) => {
|
|
101
|
+
S(e === "zh-cn" ? "zh-CN" : "en");
|
|
102
|
+
}, { immediate: !0 }), v(() => E.disabled, () => {
|
|
103
|
+
q(), N.value++;
|
|
104
|
+
}), v(() => E.modelValue, () => {
|
|
105
|
+
let e = r(E.modelValue), t = M.value === E.modelValue;
|
|
106
|
+
j.value = e, t ? M.value = null : A.value === e ? N.value++ : A.value = e, E.disabled ? u(() => {
|
|
107
|
+
q(), Y();
|
|
108
|
+
}) : q();
|
|
109
|
+
}, { immediate: !0 }), p(() => {
|
|
110
|
+
q(), k.value?.destroy?.();
|
|
111
|
+
}), (e, n) => (m(), c("div", {
|
|
112
|
+
ref_key: "rootRef",
|
|
113
|
+
ref: O,
|
|
114
|
+
key: N.value,
|
|
115
|
+
class: d(["d-editor", {
|
|
116
|
+
"editor-border": t.border,
|
|
117
|
+
"editor-disabled": t.disabled
|
|
118
|
+
}])
|
|
119
|
+
}, [
|
|
120
|
+
y(l(g(w), {
|
|
121
|
+
class: "toolbar-container",
|
|
122
|
+
editor: k.value,
|
|
123
|
+
"default-config": X.value,
|
|
124
|
+
mode: t.mode
|
|
125
|
+
}, null, 8, [
|
|
126
|
+
"editor",
|
|
127
|
+
"default-config",
|
|
128
|
+
"mode"
|
|
129
|
+
]), [[_, t.showToolbar && !t.disabled]]),
|
|
130
|
+
l(g(C), {
|
|
131
|
+
class: "editor-container",
|
|
132
|
+
style: f(Q.value),
|
|
133
|
+
"model-value": A.value,
|
|
134
|
+
"default-config": Z.value,
|
|
135
|
+
mode: t.mode,
|
|
136
|
+
onOnCreated: H,
|
|
137
|
+
"onUpdate:modelValue": U,
|
|
138
|
+
onClick: G
|
|
139
|
+
}, null, 8, [
|
|
140
|
+
"style",
|
|
141
|
+
"model-value",
|
|
142
|
+
"default-config",
|
|
143
|
+
"mode"
|
|
144
|
+
]),
|
|
145
|
+
P.value ? (m(), o(g(b), {
|
|
146
|
+
key: 0,
|
|
147
|
+
"url-list": F.value,
|
|
148
|
+
"initial-index": I.value,
|
|
149
|
+
"hide-on-click-modal": "",
|
|
150
|
+
teleported: "",
|
|
151
|
+
onClose: K
|
|
152
|
+
}, null, 8, ["url-list", "initial-index"])) : s("", !0)
|
|
153
|
+
], 2));
|
|
154
|
+
}
|
|
155
|
+
}), [["__scopeId", "data-v-fcdf4a89"]]);
|
|
156
|
+
//#endregion
|
|
157
|
+
export { T as default };
|