officialblock 1.8.1 → 1.8.2

package/dist/index-pGN5r5O6.mjs

@@ -0,0 +1,237 @@
+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({
+  __name: "RichTextEditor",
+  props: {
+    name: { default: "" },
+    modelValue: { default: "" },
+    placeholder: { default: "请输入内容..." },
+    height: { default: "400px" },
+    mode: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    maxLength: { default: 1e4 },
+    excludeKeys: { default: () => [] },
+    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 = () => {
+      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],
+      ([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>'));
+      },
+      { immediate: !1 }
+    );
+    class S {
+      constructor() {
+        i(this, "title");
+        i(this, "tag");
+        i(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) {
+        return !1;
+      }
+      getValue(t) {
+        return "";
+      }
+      isDisabled(t) {
+        return !1;
+      }
+      exec(t, s) {
+        _(() => {
+          console.log("点击了自定义上传图片菜单"), c.value = "img", y();
+        });
+      }
+    }
+    class j {
+      constructor() {
+        i(this, "title");
+        i(this, "tag");
+        i(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) {
+        return "";
+      }
+      isActive(t) {
+        return !1;
+      }
+      isDisabled(t) {
+        return !1;
+      }
+      exec(t, s) {
+        _(() => {
+          c.value = "video", y();
+        });
+      }
+    }
+    const p = {
+      toolbarKeys: [
+        // 菜单 key
+        "headerSelect",
+        "bold",
+        // 加粗
+        "italic",
+        // 斜体
+        "through",
+        // 删除线
+        "underline",
+        // 下划线
+        "color",
+        // 文字颜色
+        "fontSize",
+        // 字体大小
+        "lineHeight",
+        // 行高
+        "delIndent",
+        // 缩进
+        "indent",
+        // 增进
+        "divider",
+        // 分割线
+        "insertTable",
+        // 插入表格
+        "justifyCenter",
+        // 居中对齐
+        "justifyJustify",
+        // 两端对齐
+        "justifyLeft",
+        // 左对齐
+        "justifyRight",
+        // 右对齐
+        "undo",
+        // 撤销
+        "redo",
+        // 重做
+        "clearStyle",
+        // 清除格式
+        "codeBlock"
+        //代码块
+      ]
+    }, b = {
+      placeholder: n.placeholder,
+      readOnly: n.disabled,
+      maxLength: n.maxLength,
+      MENU_CONF: {}
+    };
+    b.MENU_CONF = {};
+    const H = (e) => {
+      o.value = e;
+      const t = {
+        key: "CustomImageMenu",
+        // 定义 menu key ：要保证唯一、不重复（重要）
+        factory() {
+          return new S();
+        }
+      }, s = {
+        key: "CustomVideoMenu",
+        // 定义 menu key ：要保证唯一、不重复（重要）
+        factory() {
+          return new j();
+        }
+      };
+      w.registerMenu(t), w.registerMenu(s), p.insertKeys = {
+        index: 0,
+        keys: ["CustomImageMenu", "CustomVideoMenu"]
+      }, d("created", e);
+    };
+    K(() => {
+      const e = o.value;
+      e != null && e.destroy();
+    }), C(
+      () => n.modelValue,
+      (e) => {
+        e !== r.value && (r.value = e || "");
+      },
+      { immediate: !0 }
+    );
+    const U = (e) => {
+      d("update:modelValue", r.value), d("change", e);
+    }, z = () => {
+      o.value = void 0;
+    }, E = (e) => {
+      d("focus", e);
+    }, I = (e) => {
+      d("blur", e);
+    };
+    return a({
+      editor: o,
+      getHtml: () => r.value,
+      getText: () => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.getText()) || "";
+      },
+      isEmpty: () => {
+        var e;
+        return ((e = o.value) == null ? void 0 : e.isEmpty()) || !0;
+      },
+      clear: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.clear();
+      },
+      focus: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.blur();
+      },
+      disable: () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.disable();
+      },
+      enable: () => {
+        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
+      });
+    };
+  }
+}), ae = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-5810ba54"]]);
+export {
+  ae as RichTextEditor,
+  ae as default
+};