geekplus-digital-ui 0.1.31 → 0.1.33
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/_virtual/_plugin-vue_export-helper.js +7 -8
- package/_virtual/_rolldown/runtime.js +11 -0
- package/components/copy/index.js +5 -6
- package/components/copy/src/copy.js +69 -0
- 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_788021d6_lang.css +1 -0
- package/components/editor/src/editor.css +1 -1
- package/components/editor/src/editor.vue_vue_type_style_index_0_scoped_4d9761f4_lang.css +1 -0
- package/components/editor/src/editor2.js +154 -0
- 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.js +5 -6
- package/components/upload/src/upload.js +411 -0
- 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 +2 -2
- 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 -158
- package/components/editor/src/editor2.css +0 -1
- package/components/editor/src/table-width.d.ts +0 -1
- package/components/editor/src/table-width.js +0 -63
- 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
|
@@ -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 };
|
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 };
|
|
@@ -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_788021d6_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-788021d6"]]);
|
|
35
|
+
//#endregion
|
|
36
|
+
export { g as default };
|
package/components/editor/src/code-collapse.vue_vue_type_style_index_0_scoped_788021d6_lang.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.code-collapse[data-v-788021d6]{border:1px solid var(--el-border-color);background:var(--el-bg-color-overlay);border-radius:4px;overflow:hidden}.code-collapse summary[data-v-788021d6]{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-788021d6] 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-4d9761f4]{width:100%}.d-editor.w-e-full-screen-container[data-v-4d9761f4]{z-index:1000}.d-editor .toolbar-container[data-v-4d9761f4]{border-bottom:1px solid var(--el-border-color)}.d-editor .toolbar-container[data-v-4d9761f4] .w-e-toolbar{border-radius:4px}.d-editor .toolbar-container[data-v-4d9761f4] .w-e-drop-panel{z-index:100}.d-editor .editor-container[data-v-4d9761f4]{min-height:var(--minHeight);background:var(--el-fill-color-blank);border-radius:4px}.d-editor .editor-container[data-v-4d9761f4] p[id^=w-e-element-paragraph-]{margin:10px 0}.d-editor .editor-container[data-v-4d9761f4] .w-e-text-placeholder{font-size:14px;font-style:normal;line-height:normal;top:11px}.d-editor .editor-container[data-v-4d9761f4] .w-e-image-container{width:500px}.d-editor .editor-container[data-v-4d9761f4] pre code{text-shadow:none}.d-editor.editor-disabled[data-v-4d9761f4]:not(.editor-border) div[id^=w-e-textarea-]{padding:0}.d-editor.editor-disabled[data-v-4d9761f4]:not(.editor-border) p[id^=w-e-element-paragraph-]:first-child{margin-top:0}.d-editor.editor-disabled[data-v-4d9761f4]:not(.editor-border) p[id^=w-e-element-paragraph-]:last-child{margin-bottom:0}.editor-border[data-v-4d9761f4]{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-4d9761f4]:hover{border-color:var(--el-text-color-disabled)}.editor-disabled .editor-container[data-v-4d9761f4] img{cursor:zoom-in}.el-form-item.is-error .editor-border[data-v-4d9761f4]{border:1px solid var(--el-color-danger)}
|
|
@@ -0,0 +1,154 @@
|
|
|
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_4d9761f4_lang.css';import './editor.css';/* empty css */
|
|
5
|
+
import n from "./code-collapse.js";
|
|
6
|
+
/* empty css */
|
|
7
|
+
import { computed as r, createApp as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, unref as h, vShow as g, watch as _, withDirectives as v } from "vue";
|
|
8
|
+
import { ElImageViewer as y, useFormItem as b } from "element-plus";
|
|
9
|
+
import { i18nChangeLanguage as x } from "@wangeditor-next/editor";
|
|
10
|
+
import { Editor as S, Toolbar as C } from "@wangeditor-next/editor-for-vue";
|
|
11
|
+
var w = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DEditor" }, {
|
|
12
|
+
__name: "editor",
|
|
13
|
+
props: {
|
|
14
|
+
modelValue: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: ""
|
|
17
|
+
},
|
|
18
|
+
mode: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: "simple"
|
|
21
|
+
},
|
|
22
|
+
disabled: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: !1
|
|
25
|
+
},
|
|
26
|
+
showToolbar: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !0
|
|
29
|
+
},
|
|
30
|
+
minHeight: {
|
|
31
|
+
type: Number,
|
|
32
|
+
default: 200
|
|
33
|
+
},
|
|
34
|
+
border: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: !1
|
|
37
|
+
},
|
|
38
|
+
toolbarConfig: {
|
|
39
|
+
type: Object,
|
|
40
|
+
default: () => ({})
|
|
41
|
+
},
|
|
42
|
+
editorConfig: {
|
|
43
|
+
type: Object,
|
|
44
|
+
default: () => ({})
|
|
45
|
+
},
|
|
46
|
+
placeholder: String
|
|
47
|
+
},
|
|
48
|
+
emits: ["update:model-value"],
|
|
49
|
+
setup(t, { emit: w }) {
|
|
50
|
+
let T = t, E = w, D = m(null), O = m(null), k = m(""), A = m(""), j = m(null), M = m(0), N = m(!1), P = m([]), F = m(0), I = /* @__PURE__ */ new Map(), { t: L, getLocale: R } = e(), { formItem: z } = b(), B = r(() => R()), V = (e) => {
|
|
51
|
+
O.value = Object.seal(e);
|
|
52
|
+
}, H = (e) => {
|
|
53
|
+
let t = e;
|
|
54
|
+
t === "<p><br></p>" && (t = ""), t !== A.value && (j.value = t, A.value = t, E("update:model-value", t), z?.validate("change"), z?.validate("blur"));
|
|
55
|
+
}, U = (e) => {
|
|
56
|
+
if (!T.disabled) return;
|
|
57
|
+
let t = e?.target?.closest?.("img");
|
|
58
|
+
if (!t) return;
|
|
59
|
+
let n = O.value?.getEditableContainer?.(), r = Array.from(n?.querySelectorAll?.("img") || []);
|
|
60
|
+
if (r.length === 0) return;
|
|
61
|
+
let i = (e) => e?.currentSrc || e?.src || e?.getAttribute?.("data-src") || "", a = r.map(i).filter(Boolean);
|
|
62
|
+
if (a.length === 0) return;
|
|
63
|
+
let o = i(t), s = a.findIndex((e) => e === o);
|
|
64
|
+
P.value = a, F.value = s >= 0 ? s : 0, N.value = !0, e?.stopPropagation?.();
|
|
65
|
+
}, W = (e) => {
|
|
66
|
+
if (T.disabled) {
|
|
67
|
+
U(e);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
O.value?.focus?.();
|
|
71
|
+
}, G = () => {
|
|
72
|
+
N.value = !1, P.value = [], F.value = 0;
|
|
73
|
+
}, K = () => {
|
|
74
|
+
I.forEach(({ app: e, host: t, pre: n }) => {
|
|
75
|
+
t?.isConnected && n?.isConnected && t.parentNode && t.parentNode.insertBefore(n, t), e.unmount(), t?.remove();
|
|
76
|
+
}), I.clear();
|
|
77
|
+
}, q = (e) => {
|
|
78
|
+
let t = document.createElement("div");
|
|
79
|
+
e.parentNode?.insertBefore(t, e);
|
|
80
|
+
let r = i(n), a = r.mount(t);
|
|
81
|
+
(a.contentRef?.value || a.contentRef)?.appendChild(e), I.set(e, {
|
|
82
|
+
app: r,
|
|
83
|
+
host: t,
|
|
84
|
+
pre: e
|
|
85
|
+
});
|
|
86
|
+
}, J = () => {
|
|
87
|
+
let e = O.value?.getEditableContainer?.()?.querySelectorAll("pre");
|
|
88
|
+
e && e.forEach((e) => {
|
|
89
|
+
e.parentElement?.tagName !== "DETAILS" && q(e);
|
|
90
|
+
});
|
|
91
|
+
}, Y = r(() => ({ ...T.toolbarConfig })), X = r(() => ({
|
|
92
|
+
placeholder: T.disabled ? "" : T.placeholder || L("d.editor.placeholder"),
|
|
93
|
+
readOnly: T.disabled,
|
|
94
|
+
autoFocus: !1,
|
|
95
|
+
...T.editorConfig
|
|
96
|
+
})), Z = r(() => ({ "--minHeight": T.disabled ? "" : `${T.minHeight}px` }));
|
|
97
|
+
return _(B, (e) => {
|
|
98
|
+
x(e === "zh-cn" ? "zh-CN" : "en");
|
|
99
|
+
}, { immediate: !0 }), _(() => T.disabled, () => {
|
|
100
|
+
K(), M.value++;
|
|
101
|
+
}), _(() => T.modelValue, () => {
|
|
102
|
+
let e = j.value === T.modelValue;
|
|
103
|
+
A.value = T.modelValue, e ? j.value = null : k.value === T.modelValue ? M.value++ : k.value = T.modelValue, T.disabled ? l(() => {
|
|
104
|
+
K(), J();
|
|
105
|
+
}) : K();
|
|
106
|
+
}, { immediate: !0 }), f(() => {
|
|
107
|
+
K(), O.value?.destroy?.();
|
|
108
|
+
}), (e, n) => (p(), s("div", {
|
|
109
|
+
ref_key: "rootRef",
|
|
110
|
+
ref: D,
|
|
111
|
+
key: M.value,
|
|
112
|
+
class: u(["d-editor", {
|
|
113
|
+
"editor-border": t.border,
|
|
114
|
+
"editor-disabled": t.disabled
|
|
115
|
+
}])
|
|
116
|
+
}, [
|
|
117
|
+
v(c(h(C), {
|
|
118
|
+
class: "toolbar-container",
|
|
119
|
+
editor: O.value,
|
|
120
|
+
"default-config": Y.value,
|
|
121
|
+
mode: t.mode
|
|
122
|
+
}, null, 8, [
|
|
123
|
+
"editor",
|
|
124
|
+
"default-config",
|
|
125
|
+
"mode"
|
|
126
|
+
]), [[g, t.showToolbar && !t.disabled]]),
|
|
127
|
+
c(h(S), {
|
|
128
|
+
class: "editor-container",
|
|
129
|
+
style: d(Z.value),
|
|
130
|
+
"model-value": k.value,
|
|
131
|
+
"default-config": X.value,
|
|
132
|
+
mode: t.mode,
|
|
133
|
+
onOnCreated: V,
|
|
134
|
+
"onUpdate:modelValue": H,
|
|
135
|
+
onClick: W
|
|
136
|
+
}, null, 8, [
|
|
137
|
+
"style",
|
|
138
|
+
"model-value",
|
|
139
|
+
"default-config",
|
|
140
|
+
"mode"
|
|
141
|
+
]),
|
|
142
|
+
N.value ? (p(), a(h(y), {
|
|
143
|
+
key: 0,
|
|
144
|
+
"url-list": P.value,
|
|
145
|
+
"initial-index": F.value,
|
|
146
|
+
"hide-on-click-modal": "",
|
|
147
|
+
teleported: "",
|
|
148
|
+
onClose: G
|
|
149
|
+
}, null, 8, ["url-list", "initial-index"])) : o("", !0)
|
|
150
|
+
], 2));
|
|
151
|
+
}
|
|
152
|
+
}), [["__scopeId", "data-v-4d9761f4"]]);
|
|
153
|
+
//#endregion
|
|
154
|
+
export { w as default };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
1
|
+
import e from "./src/fold-text.js";
|
|
2
|
+
//#region packages/components/fold-text/index.js
|
|
3
|
+
var t = e;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { t as default };
|
|
@@ -0,0 +1,65 @@
|
|
|
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 './fold-text.vue_vue_type_style_index_0_scoped_53a3b28a_lang.css';/* empty css */
|
|
7
|
+
import i from "../../icon/index.js";
|
|
8
|
+
import "../../index.js";
|
|
9
|
+
import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
|
|
10
|
+
import { useResizeObserver as b } from "@vueuse/core";
|
|
11
|
+
import { ElLink as x } from "element-plus";
|
|
12
|
+
//#region packages/components/fold-text/src/fold-text.vue
|
|
13
|
+
var S = { class: "d-fold-text" }, C = {
|
|
14
|
+
key: 0,
|
|
15
|
+
class: "text-link"
|
|
16
|
+
}, w = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DFoldText" }, {
|
|
17
|
+
__name: "fold-text",
|
|
18
|
+
props: {
|
|
19
|
+
showFold: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: !0
|
|
22
|
+
},
|
|
23
|
+
lineClamp: {
|
|
24
|
+
type: Number,
|
|
25
|
+
default: 3
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
setup(t) {
|
|
29
|
+
let w = t, T = h(null), E = h(!1), D = h(!1), { t: O } = e(), k = a(() => ({ "line-clamp": !D.value && w.lineClamp }));
|
|
30
|
+
return p(() => {
|
|
31
|
+
b(T, () => {
|
|
32
|
+
!D.value && T.value && (E.value = T.value.scrollHeight > T.value.clientHeight);
|
|
33
|
+
});
|
|
34
|
+
}), (e, a) => (m(), c("div", S, [l("div", {
|
|
35
|
+
ref_key: "textRef",
|
|
36
|
+
ref: T,
|
|
37
|
+
class: d(["text-content", k.value]),
|
|
38
|
+
style: f({ "-webkit-line-clamp": t.lineClamp })
|
|
39
|
+
}, [g(e.$slots, "default", {}, void 0, !0)], 6), t.showFold && E.value ? (m(), c("div", C, [D.value ? (m(), o(v(x), {
|
|
40
|
+
key: 0,
|
|
41
|
+
type: "primary",
|
|
42
|
+
underline: "never",
|
|
43
|
+
onClick: a[0] ||= (e) => D.value = !1
|
|
44
|
+
}, {
|
|
45
|
+
default: y(() => [l("span", null, _(v(O)("d.foldText.collapse")), 1), u(v(i), null, {
|
|
46
|
+
default: y(() => [u(r)]),
|
|
47
|
+
_: 1
|
|
48
|
+
})]),
|
|
49
|
+
_: 1
|
|
50
|
+
})) : (m(), o(v(x), {
|
|
51
|
+
key: 1,
|
|
52
|
+
type: "primary",
|
|
53
|
+
underline: "never",
|
|
54
|
+
onClick: a[1] ||= (e) => D.value = !0
|
|
55
|
+
}, {
|
|
56
|
+
default: y(() => [l("span", null, _(v(O)("d.foldText.expand")), 1), u(v(i), null, {
|
|
57
|
+
default: y(() => [u(n)]),
|
|
58
|
+
_: 1
|
|
59
|
+
})]),
|
|
60
|
+
_: 1
|
|
61
|
+
}))])) : s("", !0)]));
|
|
62
|
+
}
|
|
63
|
+
}), [["__scopeId", "data-v-53a3b28a"]]);
|
|
64
|
+
//#endregion
|
|
65
|
+
export { w as default };
|
package/components/fold-text/src/fold-text.vue_vue_type_style_index_0_scoped_53a3b28a_lang.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.d-fold-text[data-v-53a3b28a]{overflow-wrap:break-word;flex-direction:column;display:flex}.d-fold-text .text-content[data-v-53a3b28a]{white-space:pre-wrap}.d-fold-text .text-content.line-clamp[data-v-53a3b28a]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.d-fold-text .text-link[data-v-53a3b28a]{display:flex}.d-fold-text .text-link[data-v-53a3b28a] .el-link__inner{gap:4px}
|
package/components/icon/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
1
|
+
import e from "./src/icon.js";
|
|
2
|
+
//#region packages/components/icon/index.js
|
|
3
|
+
var t = e;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { t as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import './icon.vue_vue_type_style_index_0_scoped_29c845ca_lang.css';/* empty css */
|
|
3
|
+
import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
|
|
4
|
+
//#region packages/components/icon/src/icon.vue
|
|
5
|
+
var i = { class: "d-icon" }, a = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DIcon" }, {
|
|
6
|
+
__name: "icon",
|
|
7
|
+
setup(e) {
|
|
8
|
+
return (e, a) => (n(), t("i", i, [r(e.$slots, "default", {}, void 0, !0)]));
|
|
9
|
+
}
|
|
10
|
+
}), [["__scopeId", "data-v-29c845ca"]]);
|
|
11
|
+
//#endregion
|
|
12
|
+
export { a as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.d-icon[data-v-29c845ca]{display:inline-flex}.d-icon[data-v-29c845ca] svg{box-sizing:content-box;vertical-align:-.125em;width:1.25em;height:1em;display:inline-block;overflow:visible}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
1
|
+
import e from "./src/icon-tip.js";
|
|
2
|
+
//#region packages/components/icon-tip/index.js
|
|
3
|
+
var t = e;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { t as default };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "../../icon/index.js";
|
|
3
|
+
import n from "../../icons/circle-exclamation-solid.js";
|
|
4
|
+
import './icon-tip.vue_vue_type_style_index_0_scoped_fe982c8e_lang.css';/* empty css */
|
|
5
|
+
import "../../index.js";
|
|
6
|
+
import { createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
|
|
7
|
+
import { ElLink as h, ElTooltip as g } from "element-plus";
|
|
8
|
+
//#region packages/components/icon-tip/src/icon-tip.vue
|
|
9
|
+
var _ = { class: "tip-content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DIconTip" }, {
|
|
10
|
+
__name: "icon-tip",
|
|
11
|
+
props: {
|
|
12
|
+
content: { type: String },
|
|
13
|
+
icon: { type: String },
|
|
14
|
+
placement: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: "top"
|
|
17
|
+
},
|
|
18
|
+
type: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: "primary"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
emits: ["click"],
|
|
24
|
+
setup(e, { emit: v }) {
|
|
25
|
+
let y = v, b = () => {
|
|
26
|
+
y("click");
|
|
27
|
+
};
|
|
28
|
+
return (v, y) => (u(), r(p(g), {
|
|
29
|
+
"popper-class": "d-icon-tip",
|
|
30
|
+
placement: e.placement
|
|
31
|
+
}, {
|
|
32
|
+
content: m(() => [a("div", _, [d(v.$slots, "content", {}, () => [o(f(e.content), 1)], !0)])]),
|
|
33
|
+
default: m(() => [s(p(h), c(v.$attrs, {
|
|
34
|
+
type: e.type,
|
|
35
|
+
underline: "never",
|
|
36
|
+
onClick: b
|
|
37
|
+
}), {
|
|
38
|
+
default: m(() => [e.icon ? (u(), i("i", {
|
|
39
|
+
key: 0,
|
|
40
|
+
class: l(e.icon)
|
|
41
|
+
}, null, 2)) : (u(), r(p(t), { key: 1 }, {
|
|
42
|
+
default: m(() => [s(n)]),
|
|
43
|
+
_: 1
|
|
44
|
+
}))]),
|
|
45
|
+
_: 1
|
|
46
|
+
}, 16, ["type"])]),
|
|
47
|
+
_: 3
|
|
48
|
+
}, 8, ["placement"]));
|
|
49
|
+
}
|
|
50
|
+
}), [["__scopeId", "data-v-fe982c8e"]]);
|
|
51
|
+
//#endregion
|
|
52
|
+
export { v as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
|
|
3
|
+
//#region packages/components/icons/angle-down-light.vue
|
|
4
|
+
var i = {}, a = {
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
viewBox: "0 0 384 512"
|
|
7
|
+
};
|
|
8
|
+
function o(e, i) {
|
|
9
|
+
return r(), t("svg", a, [...i[0] ||= [n("path", {
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
d: "M180.7 363.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 329.4 43.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"
|
|
12
|
+
}, null, -1)]]);
|
|
13
|
+
}
|
|
14
|
+
var s = /* @__PURE__ */ e(i, [["render", o]]);
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
|
|
3
|
+
//#region packages/components/icons/angle-up-light.vue
|
|
4
|
+
var i = {}, a = {
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
viewBox: "0 0 384 512"
|
|
7
|
+
};
|
|
8
|
+
function o(e, i) {
|
|
9
|
+
return r(), t("svg", a, [...i[0] ||= [n("path", {
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
d: "M180.7 148.7c6.2-6.2 16.4-6.2 22.6 0l160 160c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L192 182.6 43.3 331.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l160-160z"
|
|
12
|
+
}, null, -1)]]);
|
|
13
|
+
}
|
|
14
|
+
var s = /* @__PURE__ */ e(i, [["render", o]]);
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
|
|
3
|
+
//#region packages/components/icons/circle-exclamation-solid.vue
|
|
4
|
+
var i = {}, a = {
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
viewBox: "0 0 512 512"
|
|
7
|
+
};
|
|
8
|
+
function o(e, i) {
|
|
9
|
+
return r(), t("svg", a, [...i[0] ||= [n("path", {
|
|
10
|
+
fill: "currentColor",
|
|
11
|
+
d: "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"
|
|
12
|
+
}, null, -1)]]);
|
|
13
|
+
}
|
|
14
|
+
var s = /* @__PURE__ */ e(i, [["render", o]]);
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as default };
|