@ebl-vue/editor-render 2.31.25

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 ebl-vue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# `@ebl-vue/editor-render`
+##  编辑器渲染组件，用于渲染编辑器内容
+ ### 属性：
+ * locale：语言包
+ * data：数据
+ ### 事件：
+ * onReady：编辑器初始化完成事件
+
+ 

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import { App } from 'vue';
+
+export declare interface IBlock {
+    id: string;
+    type: string;
+    data: any;
+}
+
+export declare const install: (app: App) => void;
+
+declare const installer: {
+    version: string;
+    install: (app: App) => void;
+};
+export default installer;
+
+export declare const version: string;
+
+export { }

package/dist/index.mjs

@@ -0,0 +1,129 @@
+import { defineComponent as d, openBlock as s, createElementBlock as i, Fragment as k, renderList as b, createElementVNode as n, normalizeClass as f, normalizeStyle as _, createBlock as N, resolveDynamicComponent as D, useModel as u, isRef as O, shallowRef as E, ref as S, watchEffect as Y, computed as R, unref as $, toDisplayString as G, createStaticVNode as F, createCommentVNode as w } from "vue";
+import { codeToHtml as K } from "shiki";
+const V = Symbol("INSTALLED_KEY"), P = (t, e) => {
+  if (t.install = (l) => {
+    for (const a of [t, ...Object.values(e != null ? e : {})])
+      l.component(a.name, a);
+  }, e)
+    for (const [l, a] of Object.entries(e))
+      t[l] = a;
+  return t;
+}, Z = { class: "ebl-editor-render" }, J = ["data-id"], Q = d({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { data: { default: () => ({ blocks: [] }) }, locale: { default: {} } }, setup: (t) => (e, l) => (s(), i("div", Z, [(s(!0), i(k, null, b(e.data.blocks, (a) => (s(), i("div", { class: "ce-block", "data-id": a.id }, [n("div", { class: f(`ce-tune-alignment--${a.tunes.blockAlignment.alignment}`) }, [n("div", { style: _(`padding-left: ${48 * a.tunes.indent.indentLevel}px;`) }, [(s(), N(D("ebl" + a.type), { block: a }, null, 8, ["block"]))], 4)], 2)], 8, J))), 256)), l[0] || (l[0] = n("div", { class: "ebl-outline" }, [n("div", { style: { height: "5000px" } }, " dd ")], -1))])) }), U = ["innerHTML"], X = d({ name: "eblparagraph", inheritAttrs: !1, __name: "paragraph", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("div", { class: "ce-paragraph cdx-block", innerHTML: e.value.data.text }, null, 8, U));
+} }), ee = ["innerHTML"], te = d({ name: "eblh1", inheritAttrs: !1, __name: "h1", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("h1", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ee));
+} }), ae = ["innerHTML"], le = d({ name: "eblh2", inheritAttrs: !1, __name: "h2", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("h2", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ae));
+} }), se = ["innerHTML"], ie = d({ name: "eblh3", inheritAttrs: !1, __name: "h3", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("h3", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, se));
+} }), ne = ["innerHTML"], oe = d({ name: "eblh4", inheritAttrs: !1, __name: "h4", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("h4", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ne));
+} }), ce = ["innerHTML"], re = d({ name: "eblh5", inheritAttrs: !1, __name: "h5", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("h5", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, ce));
+} }), de = ["innerHTML"], ue = d({ name: "eblh6", inheritAttrs: !1, __name: "h6", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("h6", { class: "ce-header", innerHTML: e.value.data.text }, null, 8, de));
+} }), pe = ["innerHTML"], me = d({ name: "eblalert", inheritAttrs: !1, __name: "alert", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("div", { class: f(`cdx-alert cdx-alert-${e.value.data.type} cdx-alert-align-${e.value.data.align}`) }, [n("div", { class: "cdx-alert__message", innerHTML: e.value.data.message }, null, 8, pe)], 2));
+} });
+const he = () => {
+}, ke = { class: "ce-editorjs-x-shiki__selector" }, ve = { class: "ce-editorjs-x-shiki__lang" }, be = { class: "ce-editorjs-x-shiki__copy", ref: "copyRef" }, _e = ["innerHTML"], fe = d({ name: "eblcode", inheritAttrs: !1, __name: "code", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = S(null), l = u(t, "block"), a = function(r, m, o) {
+    let p;
+    p = O(o) ? { evaluating: o } : o || {};
+    const { lazy: x = !1, flush: y = "pre", evaluating: h, shallow: M = !0, onError: L = he } = p, v = E(!x), H = M ? E(m) : S(m);
+    let g = 0;
+    return Y(async (B) => {
+      if (!v.value)
+        return;
+      g++;
+      const A = g;
+      let j = !1;
+      h && Promise.resolve().then(() => {
+        h.value = !0;
+      });
+      try {
+        const T = await r((I) => {
+          B(() => {
+            h && (h.value = !1), j || I();
+          });
+        });
+        A === g && (H.value = T);
+      } catch (T) {
+        L(T);
+      } finally {
+        h && A === g && (h.value = !1), j = !0;
+      }
+    }, { flush: y }), x ? R(() => (v.value = !0, H.value)) : H;
+  }(async () => {
+    let r = "";
+    return { html: await K(l.value.data.code, { lang: l.value.data.lang, theme: l.value.data.theme || "github-dark-dimmed", transformers: [{ preprocess: (o) => `${o}
+`, pre(o) {
+      var p;
+      this.addClassToHast(o, "ce-editorjs-x-shiki__span"), r = ((p = o.properties) == null ? void 0 : p.style) || "";
+    }, line(o, p) {
+      o.properties = o.properties || {}, o.properties["data-line"] = p;
+    } }] }), preStyle: r };
+  });
+  function c(r) {
+    e.value && function(m, o) {
+      let p = o.clientY, x = parseInt(window.getComputedStyle(m).height, 10);
+      const y = (M) => {
+        const L = M.clientY - p;
+        let v = x + L;
+        v < 100 && (v = 100), m.style.height = v + "px";
+      }, h = () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", h);
+      };
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", h);
+    }(e.value, r);
+  }
+  return (r, m) => {
+    var o, p;
+    return s(), i("div", { class: f("cdx-block ce-editorjs-x-shiki"), style: _(`${(o = $(a)) == null ? void 0 : o.preStyle}`) }, [n("div", ke, [n("div", ve, G(l.value.data.lang), 1), n("div", be, [...m[0] || (m[0] = [F('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" data-v-c4c07368><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z" data-v-c4c07368></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5" data-v-c4c07368></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12L15.5 12" data-v-c4c07368></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15.5L15.5 15.5" data-v-c4c07368></path></svg><div class="ce-editorjs-x-shiki__copy_tip" data-v-c4c07368>已复制</div>', 2)])], 512)]), n("div", { ref_key: "codeRef", ref: e, class: "ce-editorjs-x-shiki__code", style: _(`height:${l.value.data.resizeSize}px`) }, [n("span", { innerHTML: (p = $(a)) == null ? void 0 : p.html }, null, 8, _e)], 4), n("div", { class: "ce-editorjs-x-shiki__code__dragHandler", onMousedown: c }, null, 32)], 4);
+  };
+} }), C = (t, e) => {
+  const l = t.__vccOpts || t;
+  for (const [a, c] of e)
+    l[a] = c;
+  return l;
+}, xe = C(fe, [["__scopeId", "data-v-c4c07368"]]), ye = { class: "ce-delimiter cdx-block" }, ge = d({ name: "ebldelimiter", inheritAttrs: !1, __name: "delimiter", setup: (t) => (e, l) => (s(), i("div", ye, [...l[0] || (l[0] = [n("div", { class: "ce-delimiter__line__wrapper" }, [n("div", { class: "ce-delimiter__line" })], -1)])])) }), Me = { key: 0, class: "cdx-list cdx-list-unordered" }, Le = ["innerHTML"], He = ["innerHTML"], Te = { key: 2, class: "cdx-list cdx-list-checklist" }, we = ["innerHTML"], Ce = d({ name: "eblList", inheritAttrs: !1, __name: "List", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i(k, null, [e.value.data.style === "unordered" ? (s(), i("ul", Me, [(s(!0), i(k, null, b(e.value.data.items, (c, r) => (s(), i("li", { class: "cdx-list__item", key: r }, [n("div", { class: "cdx-list__item-content", innerHTML: c.content }, null, 8, Le)]))), 128))])) : w("", !0), e.value.data.style === "ordered" ? (s(), i("ol", { key: 1, class: "cdx-list cdx-list-ordered", style: _(`--list-counter-type: ${e.value.data.meta.counterType};`) }, [(s(!0), i(k, null, b(e.value.data.items, (c, r) => (s(), i("li", { class: "cdx-list__item", key: r }, [n("div", { class: "cdx-list__item-content", innerHTML: c.content }, null, 8, He)]))), 128))], 4)) : w("", !0), e.value.data.style === "checklist" ? (s(), i("ul", Te, [(s(!0), i(k, null, b(e.value.data.items, (c, r) => (s(), i("li", { class: "cdx-list__item", key: r }, [n("div", { class: f(["cdx-list__checkbox cdx-list__checkbox-check--disabled", { "cdx-list__checkbox--checked": c.meta.checked }]) }, [...a[0] || (a[0] = [n("span", { class: "cdx-list__checkbox-check" }, [n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, [n("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2", d: "M7 12L10.4884 15.8372C10.5677 15.9245 10.705 15.9245 10.7844 15.8372L17 9" })])], -1)])], 2), n("div", { class: "cdx-list__item-content", innerHTML: c.content }, null, 8, we)]))), 128))])) : w("", !0)], 64));
+} }), Ae = { class: "cdx-block cdx-quote" }, je = ["innerHTML"], Ee = { class: "tc-row" }, Se = ["innerHTML"], $e = { class: "cdx-block image-tool image-tool--filled" }, Ve = { class: "image-tool__image" }, qe = ["src"], q = [Q, X, te, le, ie, oe, re, ue, me, xe, ge, Ce, d({ name: "eblquote", inheritAttrs: !1, __name: "quote", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("div", Ae, [n("blockquote", { class: "cdx-input cdx-quote__text cdx-block-quote", innerHTML: e.value.data.text }, null, 8, je)]));
+} }), C(d({ name: "ebltable", inheritAttrs: !1, __name: "table", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block"), l = R(() => {
+    let a = "";
+    if (e.value.data.colWidth && e.value.data.colWidth.length > 0)
+      for (let c = 0; c < e.value.data.colWidth.length; c++)
+        a += " " + e.value.data.colWidth[c] + "px";
+    return a ? { "--col-width": a } : {};
+  });
+  return (a, c) => (s(), i("div", { class: "tc-wrap tc-wrap--readonly", style: _(l.value) }, [n("div", { class: f(["tc-table", { "tc-table--heading": e.value.data.withHeadings }]) }, [(s(!0), i(k, null, b(e.value.data.content, (r) => (s(), i("div", Ee, [(s(!0), i(k, null, b(r, (m) => (s(), i("div", { class: "tc-cell", innerHTML: m }, null, 8, Se))), 256))]))), 256))], 2)], 4));
+} }), [["__scopeId", "data-v-0627102b"]]), C(d({ name: "eblimage", inheritAttrs: !1, __name: "image", props: { block: { default: { id: "", type: "", data: {} } }, blockModifiers: {} }, emits: ["update:block"], setup(t) {
+  const e = u(t, "block");
+  return (l, a) => (s(), i("div", $e, [n("div", Ve, [n("img", { class: "image-tool__image-picture", src: e.value.data.file.url }, null, 8, qe)]), a[0] || (a[0] = n("div", { class: "cdx-input image-tool__caption", contenteditable: "true", "data-placeholder": "Caption", "data-empty": "true" }, null, -1))]));
+} }), [["__scopeId", "data-v-f7e9c352"]])];
+let W = [];
+for (let t in q) {
+  const e = P(q[t]);
+  W.push(e);
+}
+const z = ((t = []) => ({ version: "2.31.25", install: (e) => {
+  e[V] || (e[V] = !0, t.forEach((l) => e.use(l)));
+} }))(W), ze = z.install, Be = z.version;
+export {
+  z as default,
+  ze as install,
+  Be as version
+};
+//# sourceMappingURL=index.mjs.map