officialblock 1.8.2 → 1.8.4

package/dist/{index-pGN5r5O6.mjs → index-CXOWxR2L.mjs}

@@ -1,11 +1,11 @@
-var T = Object.defineProperty;
-var F = (l, a, u) => a in l ? T(l, a, { enumerable: !0, configurable: !0, writable: !0, value: u }) : l[a] = u;
-var i = (l, a, u) => F(l, typeof a != "symbol" ? a + "" : a, u);
-import { defineComponent as N, shallowRef as R, ref as x, computed as D, inject as g, watch as C, onBeforeUnmount as K, resolveComponent as L, createBlock as A, openBlock as $, withCtx as J, createElementVNode as q, createVNode as M, unref as V, normalizeStyle as G, nextTick as _ } from "vue";
-import { Toolbar as P, Editor as Q } from "@wangeditor/editor-for-vue";
-import { Boot as w } from "@wangeditor/editor";
-import { _ as W } from "./index-OZu_uw51.mjs";
-const X = { class: "rich-text-editor" }, Y = /* @__PURE__ */ N({
+var D = Object.defineProperty;
+var F = (l, a, i) => a in l ? D(l, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[a] = i;
+var s = (l, a, i) => F(l, typeof a != "symbol" ? a + "" : a, i);
+import { defineComponent as K, shallowRef as A, ref as f, computed as $, inject as g, watch as w, onBeforeUnmount as N, createElementBlock as P, openBlock as J, createVNode as M, unref as V, normalizeStyle as q, nextTick as _ } from "vue";
+import "@wangeditor/editor-for-vue";
+import { Boot as B } from "@wangeditor/editor";
+import { _ as G } from "./index-DmjHG1Mk.mjs";
+const Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), W = { class: "rich-text-editor" }, X = /* @__PURE__ */ K({
   __name: "RichTextEditor",
   props: {
     name: { default: "" },
@@ -19,28 +19,28 @@ const X = { class: "rich-text-editor" }, Y = /* @__PURE__ */ N({
     includeKeys: { default: () => [] }
   },
   emits: ["update:modelValue", "change", "focus", "blur", "created", "upload-image", "upload-video"],
-  setup(l, { expose: a, emit: u }) {
-    const n = l, d = u, o = R(), r = x(""), B = D(() => typeof n.height == "number" ? `${n.height}px` : n.height), v = g("handleUpload", () => {
-    }), h = g("fileUrl", null), f = g("chooseName", null), c = x(""), y = () => {
+  setup(l, { expose: a, emit: i }) {
+    const n = l, d = i, o = A(), u = f(""), S = f(!1), j = $(() => typeof n.height == "number" ? `${n.height}px` : n.height), v = g("handleUpload", () => {
+    }), m = g("fileUrl", null), h = g("chooseName", null), c = f(""), y = () => {
       if (!v) {
         console.warn("Upload: handleUpload function not provided by ancestor");
         return;
       }
       v(!0, n.name + c.value);
     };
-    C(
-      () => [h == null ? void 0 : h.value, f == null ? void 0 : f.value],
+    w(
+      () => [m == null ? void 0 : m.value, h == null ? void 0 : h.value],
       ([e, t]) => {
-        var s, m;
-        !e || !t || t !== n.name + c.value || (c.value === "img" ? (s = o.value) == null || s.dangerouslyInsertHtml('<img src="https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg" alt="图片" style="max-width: 100%;">') : (m = o.value) == null || m.dangerouslyInsertHtml('<video src="https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg" controls style="max-width: 100%;"></video>'));
+        var r, C;
+        !e || !t || t !== n.name + c.value || (c.value === "img" ? (r = o.value) == null || r.dangerouslyInsertHtml('<img src="https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg" alt="图片" style="max-width: 100%;">') : (C = o.value) == null || C.dangerouslyInsertHtml('<video src="https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg" controls style="max-width: 100%;"></video>'));
       },
       { immediate: !1 }
     );
-    class S {
+    class z {
       constructor() {
-        i(this, "title");
-        i(this, "tag");
-        i(this, "iconSvg");
+        s(this, "title");
+        s(this, "tag");
+        s(this, "iconSvg");
         this.title = "上传图片", this.tag = "button", this.iconSvg = '<svg viewBox="0 0 1024 1024"><path d="M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z"></path></svg>';
       }
       isActive(t) {
@@ -52,17 +52,17 @@ const X = { class: "rich-text-editor" }, Y = /* @__PURE__ */ N({
       isDisabled(t) {
         return !1;
       }
-      exec(t, s) {
+      exec(t, r) {
         _(() => {
           console.log("点击了自定义上传图片菜单"), c.value = "img", y();
         });
       }
     }
-    class j {
+    class E {
       constructor() {
-        i(this, "title");
-        i(this, "tag");
-        i(this, "iconSvg");
+        s(this, "title");
+        s(this, "tag");
+        s(this, "iconSvg");
         this.title = "上传视频", this.tag = "button", this.iconSvg = '<svg viewBox="0 0 1024 1024"><path d="M981.184 160.096C837.568 139.456 678.848 128 512 128S186.432 139.456 42.816 160.096C15.296 267.808 0 386.848 0 512s15.264 244.16 42.816 351.904C186.464 884.544 345.152 896 512 896s325.568-11.456 469.184-32.096C1008.704 756.192 1024 637.152 1024 512s-15.264-244.16-42.816-351.904zM384 704V320l320 192-320 192z"></path></svg>';
       }
       getValue(t) {
@@ -74,7 +74,7 @@ const X = { class: "rich-text-editor" }, Y = /* @__PURE__ */ N({
       isDisabled(t) {
         return !1;
       }
-      exec(t, s) {
+      exec(t, r) {
         _(() => {
           c.value = "video", y();
         });
@@ -123,55 +123,62 @@ const X = { class: "rich-text-editor" }, Y = /* @__PURE__ */ N({
         "codeBlock"
         //代码块
       ]
-    }, b = {
+    }, H = {
       placeholder: n.placeholder,
       readOnly: n.disabled,
       maxLength: n.maxLength,
       MENU_CONF: {}
-    };
-    b.MENU_CONF = {};
-    const H = (e) => {
+    }, O = (e) => {
       o.value = e;
       const t = {
         key: "CustomImageMenu",
         // 定义 menu key ：要保证唯一、不重复（重要）
         factory() {
-          return new S();
+          return new z();
         }
-      }, s = {
+      }, r = {
         key: "CustomVideoMenu",
         // 定义 menu key ：要保证唯一、不重复（重要）
         factory() {
-          return new j();
+          return new E();
         }
       };
-      w.registerMenu(t), w.registerMenu(s), p.insertKeys = {
+      B.registerMenu(t), B.registerMenu(r), p.insertKeys = {
         index: 0,
         keys: ["CustomImageMenu", "CustomVideoMenu"]
       }, d("created", e);
     };
-    K(() => {
+    N(() => {
       const e = o.value;
       e != null && e.destroy();
-    }), C(
+    }), w(
       () => n.modelValue,
       (e) => {
-        e !== r.value && (r.value = e || "");
+        e !== u.value && (u.value = e || "");
       },
       { immediate: !0 }
     );
-    const U = (e) => {
-      d("update:modelValue", r.value), d("change", e);
-    }, z = () => {
+    const T = (e) => {
+      d("update:modelValue", u.value), d("change", e);
+    }, I = () => {
       o.value = void 0;
-    }, E = (e) => {
+    }, U = (e) => {
       d("focus", e);
-    }, I = (e) => {
+    }, k = (e) => {
       d("blur", e);
     };
-    return a({
+    let b = null, x = null;
+    return onMounted(async () => {
+      if (typeof window < "u")
+        try {
+          const e = await import("@wangeditor/editor-for-vue");
+          b = e.Editor, x = e.Toolbar, await Promise.resolve().then(() => Q), S.value = !0;
+        } catch (e) {
+          console.error("编辑器加载失败:", e);
+        }
+    }), a({
       editor: o,
-      getHtml: () => r.value,
+      getHtml: () => u.value,
       getText: () => {
         var e;
         return ((e = o.value) == null ? void 0 : e.getText()) || "";
@@ -200,38 +207,30 @@ const X = { class: "rich-text-editor" }, Y = /* @__PURE__ */ N({
         var e;
         return (e = o.value) == null ? void 0 : e.enable();
       }
-    }), (e, t) => {
-      const s = L("client-only");
-      return $(), A(s, null, {
-        default: J(() => [
-          q("div", X, [
-            M(V(P), {
-              class: "editor-toolbar",
-              editor: o.value,
-              defaultConfig: p,
-              mode: l.mode
-            }, null, 8, ["editor", "mode"]),
-            M(V(Q), {
-              class: "editor-content",
-              style: G({ height: B.value }),
-              modelValue: r.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (m) => r.value = m),
-              defaultConfig: b,
-              mode: l.mode,
-              onOnCreated: H,
-              onOnChange: U,
-              onOnDestroyed: z,
-              onOnFocus: E,
-              onOnBlur: I
-            }, null, 8, ["style", "modelValue", "mode"])
-          ])
-        ]),
-        _: 1
-      });
-    };
+    }), (e, t) => (J(), P("div", W, [
+      M(V(x), {
+        class: "editor-toolbar",
+        editor: o.value,
+        defaultConfig: p,
+        mode: l.mode
+      }, null, 8, ["editor", "mode"]),
+      M(V(b), {
+        class: "editor-content",
+        style: q({ height: j.value }),
+        modelValue: u.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => u.value = r),
+        defaultConfig: H,
+        mode: l.mode,
+        onOnCreated: O,
+        onOnChange: T,
+        onOnDestroyed: I,
+        onOnFocus: U,
+        onOnBlur: k
+      }, null, 8, ["style", "modelValue", "mode"])
+    ]));
   }
-}), ae = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-5810ba54"]]);
+}), le = /* @__PURE__ */ G(X, [["__scopeId", "data-v-44814993"]]);
 export {
-  ae as RichTextEditor,
-  ae as default
+  le as RichTextEditor,
+  le as default
 };