@ebl-vue/editor-render 2.31.47 → 2.31.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +10 -10
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3,8 +3,8 @@ import { defineComponent as b, computed as C, resolveComponent as P, createEleme
|
|
|
3
3
|
import { codeToHtml as se } from "shiki";
|
|
4
4
|
const D = Symbol("INSTALLED_KEY"), ne = (a, e) => (a.install = (t) => {
|
|
5
5
|
for (const l of [a, ...Object.values({})]) t.component(l.name, l);
|
|
6
|
-
}, a), ie = { key: 0, class: "ebl-er-header" }, ce = { class: "ebl-er-container" }, re = { key: 0, class: "ebl-er-doc-menu" }, de = { class: "ebl-er-doc-content" }, ue = { class: "ebl-er-doc-content-container" }, pe = { class: "ebl-er-doc-content-inner-wrap" }, he = { class: "ebl-er-doc-title" }, ve = { class: "ebl-er-doc-content-inner" }, be = ["data-id", "data-type"], ke = { class: "ebl-er-doc-pre-next" }, me = { class: "ebl-er-doc-outline" }, fe = { key: 1, class: "ebl-er-footer" }, _e = b({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) }, showHeader: { type: Boolean, default: !0 }, showFooter: { type: Boolean, default: !0 }, showDocMenu: { type: Boolean, default: !0 }, headerHeight: { default: 84 }, docMenuWidth: { default: 280 }
|
|
7
|
-
const e = a, t = C(() => ({ "--ebl-er-header-height": `${e.headerHeight}px`, "--ebl-er-doc-menu-width": `${e.docMenuWidth}px
|
|
6
|
+
}, a), ie = { key: 0, class: "ebl-er-header" }, ce = { class: "ebl-er-container" }, re = { key: 0, class: "ebl-er-doc-menu" }, de = { class: "ebl-er-doc-content" }, ue = { class: "ebl-er-doc-content-container" }, pe = { class: "ebl-er-doc-content-inner-wrap" }, he = { class: "ebl-er-doc-title" }, ve = { class: "ebl-er-doc-content-inner" }, be = ["data-id", "data-type"], ke = { class: "ebl-er-doc-pre-next" }, me = { class: "ebl-er-doc-outline" }, fe = { key: 1, class: "ebl-er-footer" }, _e = b({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) }, showHeader: { type: Boolean, default: !0 }, showFooter: { type: Boolean, default: !0 }, showDocMenu: { type: Boolean, default: !0 }, headerHeight: { default: 84 }, docMenuWidth: { default: 280 } }, setup(a) {
|
|
7
|
+
const e = a, t = C(() => ({ "--ebl-er-header-height": `${e.headerHeight}px`, "--ebl-er-doc-menu-width": `${e.docMenuWidth}px` }));
|
|
8
8
|
return (l, r) => {
|
|
9
9
|
const c = P("ebloutline");
|
|
10
10
|
return o(), s("div", { class: "ebl-er-doc", style: M(t.value) }, [l.showHeader ? (o(), s("div", ie, [x(l.$slots, "header")])) : _("", !0), i("div", ce, [l.showDocMenu ? (o(), s("div", re, [x(l.$slots, "docMenu")])) : _("", !0), i("div", de, [i("div", ue, [i("div", pe, [i("div", he, [x(l.$slots, "docTitle")]), i("article", ve, [(o(!0), s(y, null, g(l.data.blocks, (h) => (o(), s("section", { class: "ce-block", "data-id": h.id, "data-type": h.type }, [i("div", { class: H(`ce-tune-alignment--${h.tunes.blockAlignment.alignment}`) }, [i("div", { style: M(`padding-left: ${48 * h.tunes.indent.indentLevel}px;`) }, [(o(), U(Z("ebl" + h.type), { block: h }, null, 8, ["block"]))], 4)], 2)], 8, be))), 256)), !l.data || !l.data.blocks || l.data.blocks.length <= 0 ? x(l.$slots, "noDoc", { key: 0 }) : _("", !0)]), i("div", ke, [i("div", null, [x(l.$slots, "previous")]), i("div", null, [x(l.$slots, "next")])])])]), i("aside", me, [J(c, { blocks: l.data.blocks, headerHeight: l.headerHeight }, null, 8, ["blocks", "headerHeight"])])])]), l.showFooter ? (o(), s("div", fe, [x(l.$slots, "footer")])) : _("", !0)], 4);
|
|
@@ -27,9 +27,9 @@ const D = Symbol("INSTALLED_KEY"), ne = (a, e) => (a.install = (t) => {
|
|
|
27
27
|
} }), Se = ["innerHTML"], Ae = b({ name: "eblh5", inheritAttrs: !1, __name: "h5", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
28
28
|
const e = k(a, "block");
|
|
29
29
|
return (t, l) => (o(), s("h5", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, Se));
|
|
30
|
-
} }),
|
|
30
|
+
} }), ze = ["innerHTML"], $e = b({ name: "eblh6", inheritAttrs: !1, __name: "h6", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
31
31
|
const e = k(a, "block");
|
|
32
|
-
return (t, l) => (o(), s("h6", { class: "ce-header", innerHTML: e.value.data.text }, null, 8,
|
|
32
|
+
return (t, l) => (o(), s("h6", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ze));
|
|
33
33
|
} }), je = ["innerHTML"], Be = b({ name: "eblalert", inheritAttrs: !1, __name: "alert", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(a) {
|
|
34
34
|
const e = k(a, "block");
|
|
35
35
|
return (t, l) => (o(), s("div", { class: H(`cdx-alert cdx-alert-${e.value.data.type} cdx-alert-align-${e.value.data.align}`) }, [i("div", { class: "cdx-alert__message", innerHTML: e.value.data.message }, null, 8, je)], 2));
|
|
@@ -39,7 +39,7 @@ const qe = () => {
|
|
|
39
39
|
const e = T(null), t = k(a, "block"), l = C(() => t.value.data.resizeSize ? { height: t.value.data.resizeSize + "px" } : {}), r = function(p, n, u) {
|
|
40
40
|
let v;
|
|
41
41
|
v = Q(u) ? { evaluating: u } : {};
|
|
42
|
-
const { lazy: E = !1, flush: S = "pre", evaluating: f, shallow:
|
|
42
|
+
const { lazy: E = !1, flush: S = "pre", evaluating: f, shallow: z = !0, onError: $ = qe } = v, L = W(!E), j = z ? W(n) : T(n);
|
|
43
43
|
let A = 0;
|
|
44
44
|
return X(async (G) => {
|
|
45
45
|
if (!L.value) return;
|
|
@@ -57,7 +57,7 @@ const qe = () => {
|
|
|
57
57
|
});
|
|
58
58
|
I === A && (j.value = B);
|
|
59
59
|
} catch (B) {
|
|
60
|
-
|
|
60
|
+
$(B);
|
|
61
61
|
} finally {
|
|
62
62
|
f && I === A && (f.value = !1), R = !0;
|
|
63
63
|
}
|
|
@@ -75,9 +75,9 @@ const qe = () => {
|
|
|
75
75
|
function c(p) {
|
|
76
76
|
e.value && function(n, u) {
|
|
77
77
|
let v = u.clientY, E = parseInt(window.getComputedStyle(n).height, 10);
|
|
78
|
-
const S = (
|
|
79
|
-
const
|
|
80
|
-
let L = E +
|
|
78
|
+
const S = (z) => {
|
|
79
|
+
const $ = z.clientY - v;
|
|
80
|
+
let L = E + $;
|
|
81
81
|
L < 100 && (L = 100), n.style.height = L + "px";
|
|
82
82
|
}, f = () => {
|
|
83
83
|
document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", f);
|
|
@@ -176,7 +176,7 @@ const qe = () => {
|
|
|
176
176
|
window.scrollTo({ top: v - u, behavior: "smooth" });
|
|
177
177
|
}
|
|
178
178
|
}(d) }, [i("span", null, F(d.text), 1)], 10, ct))), 128));
|
|
179
|
-
} }), N = [_e, xe, Me, Le, Te, Ee, Ae,
|
|
179
|
+
} }), N = [_e, xe, Me, Le, Te, Ee, Ae, $e, Be, Oe, Ge, Qe, tt, ot, it, rt];
|
|
180
180
|
let O = [];
|
|
181
181
|
for (let a in N) {
|
|
182
182
|
const e = ne(N[a]);
|