officialblock 2.0.0 → 2.0.1

package/dist/{index-DTcTFy2_.mjs → index-C76jpZ87.mjs}

@@ -1,10 +1,10 @@
 var D = Object.defineProperty;
 var L = (a, u, c) => u in a ? D(a, u, { enumerable: !0, configurable: !0, writable: !0, value: c }) : a[u] = c;
 var r = (a, u, c) => L(a, typeof u != "symbol" ? u + "" : u, c);
-import { defineComponent as A, shallowRef as R, ref as p, computed as F, inject as y, watch as C, nextTick as b, onBeforeUnmount as q, createElementBlock as J, openBlock as G, createVNode as I, unref as H, normalizeStyle as P } from "vue";
+import { defineComponent as A, shallowRef as R, ref as b, computed as q, inject as x, watch as M, nextTick as V, onBeforeUnmount as F, createElementBlock as J, openBlock as G, createVNode as w, unref as H, normalizeStyle as P } from "vue";
 import { Toolbar as Q, Editor as W } from "@wangeditor/editor-for-vue";
 import { Boot as z } from "@wangeditor/editor";
-import { _ as X } from "./index-BgNLic9D.mjs";
+import { _ as X } from "./index-VBxjGI6P.mjs";
 const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
   __name: "index",
   props: {
@@ -20,39 +20,39 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change", "focus", "blur", "created", "upload-image", "upload-video"],
   setup(a, { expose: u, emit: c }) {
-    const n = a, d = c, t = R(), i = p(""), k = F(() => typeof n.height == "number" ? `${n.height}px` : n.height), x = y("handleUpload", () => {
-    }), m = y("fileUrl", null), M = y("chooseName", null), f = p(""), h = p(null), V = (e) => {
-      if (!x) {
+    const n = a, d = c, t = R(), i = b(""), k = q(() => typeof n.height == "number" ? `${n.height}px` : n.height), B = x("handleUpload", () => {
+    }), m = x("fileUrl", null), g = x("chooseName", null), f = b(""), h = b(null), S = (e) => {
+      if (!B) {
         console.warn("Upload: handleUpload function not provided by ancestor");
         return;
       }
       if (f.value = e, t.value)
         try {
-          const o = t.value.selection;
-          o && (h.value = {
+          const l = t.value.selection;
+          l && (h.value = {
             anchor: {
-              path: [...o.anchor.path],
-              offset: o.anchor.offset
+              path: [...l.anchor.path],
+              offset: l.anchor.offset
             },
             focus: {
-              path: [...o.focus.path],
-              offset: o.focus.offset
+              path: [...l.focus.path],
+              offset: l.focus.offset
             }
           });
-        } catch (o) {
-          console.warn("保存光标位置失败:", o);
+        } catch (l) {
+          console.warn("保存光标位置失败:", l);
         }
-      const l = n.name + "_" + e;
-      x(!0, l);
+      const o = n.name + "_" + e;
+      console.log("🚀 富文本编辑器传递name:", o, "props.name:", n.name), B(!0, o);
     };
-    C(() => n.name, () => {
-      m.value = null;
-    }, { deep: !0, immediate: !0 }), C(
+    M(() => n.name, (e) => {
+      console.log("🚀 富文本编辑器name变化:", e), m.value = null;
+    }, { deep: !0, immediate: !0 }), M(
       () => [m == null ? void 0 : m.value],
       ([e]) => {
-        const l = n.name + "_" + f.value;
-        !e || !M.value || M.value !== l || t.value && b(() => {
-          var o, v;
+        const o = n.name + "_" + f.value;
+        console.log("🚀 富文本编辑器获取信息:", g.value, e, o), !(!e || !g.value || g.value !== o) && (console.log("🚀 富文本编辑器ref:", t.value), t.value && V(() => {
+          var l, v;
           if (t.value) {
             try {
               if (t.value.focus(), h.value)
@@ -65,15 +65,15 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
               console.warn("聚焦编辑器失败:", s);
             }
             if (f.value === "img") {
-              const g = `<img src="${e}" alt="图片" style="max-width: 100%;">`;
-              (o = t.value) == null || o.dangerouslyInsertHtml(g);
+              const C = `<img src="${e}" alt="图片" style="max-width: 100%;">`;
+              (l = t.value) == null || l.dangerouslyInsertHtml(C);
             } else {
-              const g = `<video src="${e}" controls style="max-width: 100%;"></video>`;
-              (v = t.value) == null || v.dangerouslyInsertHtml(g);
+              const C = `<video src="${e}" controls style="max-width: 100%;"></video>`;
+              (v = t.value) == null || v.dangerouslyInsertHtml(C);
             }
             h.value = null, f.value = "";
           }
-        });
+        }));
       },
       { immediate: !1 }
     );
@@ -95,7 +95,7 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
           return !1;
         }
         exec() {
-          b(() => {
+          V(() => {
             console.log("点击了自定义上传图片菜单"), e("img");
           });
         }
@@ -119,13 +119,13 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
           return !1;
         }
         exec() {
-          b(() => {
+          V(() => {
             console.log("点击了自定义上传视频菜单"), e("video");
           });
         }
       };
     }
-    const B = {
+    const _ = {
       toolbarKeys: [
         // 菜单 key
         "headerSelect",
@@ -168,40 +168,40 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
         "codeBlock"
         //代码块
       ]
-    }, U = {
+    }, K = {
       placeholder: n.placeholder,
       readOnly: n.disabled,
       maxLength: n.maxLength,
       MENU_CONF: {}
-    }, S = Math.random().toString(36).substring(2, 9), _ = `CustomImageMenu_${S}`, w = `CustomVideoMenu_${S}`, K = (e) => {
+    }, I = Math.random().toString(36).substring(2, 9), p = `CustomImageMenu_${I}`, y = `CustomVideoMenu_${I}`, U = (e) => {
       t.value = e;
       try {
-        const l = N(V), o = O(V), v = {
-          key: _,
+        const o = N(S), l = O(S), v = {
+          key: p,
           // 使用唯一的 key
           factory() {
-            return new l();
+            return new o();
           }
         }, s = {
-          key: w,
+          key: y,
           // 使用唯一的 key
           factory() {
-            return new o();
+            return new l();
           }
         };
-        z.registerMenu(v), z.registerMenu(s);
-      } catch (l) {
-        console.warn("菜单注册失败:", l);
+        z.registerMenu(v), z.registerMenu(s), console.log("自定义菜单注册成功:", p, y);
+      } catch (o) {
+        console.warn("菜单注册失败:", o);
       }
-      B.insertKeys = {
+      _.insertKeys = {
         index: 0,
-        keys: [_, w]
+        keys: [p, y]
       }, d("created", e);
     };
-    q(() => {
+    F(() => {
       const e = t.value;
       e != null && e.destroy();
-    }), C(
+    }), M(
       () => n.modelValue,
       (e) => {
         e !== i.value && (i.value = e || "");
@@ -248,21 +248,21 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
         var e;
         return (e = t.value) == null ? void 0 : e.enable();
       }
-    }), (e, l) => (G(), J("div", Y, [
-      I(H(Q), {
+    }), (e, o) => (G(), J("div", Y, [
+      w(H(Q), {
         class: "editor-toolbar",
         editor: t.value,
-        defaultConfig: B,
+        defaultConfig: _,
         mode: a.mode
       }, null, 8, ["editor", "mode"]),
-      I(H(W), {
+      w(H(W), {
         class: "editor-content",
         style: P({ height: k.value }),
         modelValue: i.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => i.value = o),
-        defaultConfig: U,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => i.value = l),
+        defaultConfig: K,
         mode: a.mode,
-        onOnCreated: K,
+        onOnCreated: U,
         onOnChange: j,
         onOnDestroyed: E,
         onOnFocus: T,
@@ -270,7 +270,7 @@ const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
       }, null, 8, ["style", "modelValue", "mode"])
     ]));
   }
-}), se = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-a63bc21f"]]);
+}), se = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-b85f2258"]]);
 export {
   se as default
 };

package/dist/index-DeLBjUjl.js

@@ -0,0 +1 @@
+"use strict";var K=Object.defineProperty;var U=(u,s,i)=>s in u?K(u,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):u[s]=i;var c=(u,s,i)=>U(u,typeof s!="symbol"?s+"":s,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),B=require("@wangeditor/editor-for-vue"),w=require("@wangeditor/editor"),q=require("./index-LnEd-7FK.js"),E={class:"rich-text-editor"},$=t.defineComponent({__name:"index",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(u,{expose:s,emit:i}){const a=u,m=i,o=t.shallowRef(),d=t.ref(""),I=t.computed(()=>typeof a.height=="number"?`${a.height}px`:a.height),x=t.inject("handleUpload",()=>{}),f=t.inject("fileUrl",null),p=t.inject("chooseName",null),h=t.ref(""),v=t.ref(null),M=e=>{if(!x){console.warn("Upload: handleUpload function not provided by ancestor");return}if(h.value=e,o.value)try{const n=o.value.selection;n&&(v.value={anchor:{path:[...n.anchor.path],offset:n.anchor.offset},focus:{path:[...n.focus.path],offset:n.focus.offset}})}catch(n){console.warn("保存光标位置失败:",n)}const l=a.name+"_"+e;console.log("🚀 富文本编辑器传递name:",l,"props.name:",a.name),x(!0,l)};t.watch(()=>a.name,e=>{console.log("🚀 富文本编辑器name变化:",e),f.value=null},{deep:!0,immediate:!0}),t.watch(()=>[f==null?void 0:f.value],([e])=>{const l=a.name+"_"+h.value;console.log("🚀 富文本编辑器获取信息:",p.value,e,l),!(!e||!p.value||p.value!==l)&&(console.log("🚀 富文本编辑器ref:",o.value),o.value&&t.nextTick(()=>{var n,g;if(o.value){try{if(o.value.focus(),v.value)try{o.value.select(v.value)}catch(r){console.warn("恢复光标位置失败，使用默认位置:",r)}}catch(r){console.warn("聚焦编辑器失败:",r)}if(h.value==="img"){const b=`<img src="${e}" alt="图片" style="max-width: 100%;">`;(n=o.value)==null||n.dangerouslyInsertHtml(b)}else{const b=`<video src="${e}" controls style="max-width: 100%;"></video>`;(g=o.value)==null||g.dangerouslyInsertHtml(b)}v.value=null,h.value=""}}))},{immediate:!1});function _(e){return class{constructor(){c(this,"title");c(this,"tag");c(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(){return!1}getValue(){return""}isDisabled(){return!1}exec(){t.nextTick(()=>{console.log("点击了自定义上传图片菜单"),e("img")})}}}function k(e){return class{constructor(){c(this,"title");c(this,"tag");c(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(){return""}isActive(){return!1}isDisabled(){return!1}exec(){t.nextTick(()=>{console.log("点击了自定义上传视频菜单"),e("video")})}}}const V={toolbarKeys:["headerSelect","bold","italic","through","underline","color","fontSize","lineHeight","delIndent","indent","divider","insertTable","justifyCenter","justifyJustify","justifyLeft","justifyRight","undo","redo","clearStyle","codeBlock"]},H={placeholder:a.placeholder,readOnly:a.disabled,maxLength:a.maxLength,MENU_CONF:{}},S=Math.random().toString(36).substring(2,9),y=`CustomImageMenu_${S}`,C=`CustomVideoMenu_${S}`,j=e=>{o.value=e;try{const l=_(M),n=k(M),g={key:y,factory(){return new l}},r={key:C,factory(){return new n}};w.Boot.registerMenu(g),w.Boot.registerMenu(r),console.log("自定义菜单注册成功:",y,C)}catch(l){console.warn("菜单注册失败:",l)}V.insertKeys={index:0,keys:[y,C]},m("created",e)};t.onBeforeUnmount(()=>{const e=o.value;e!=null&&e.destroy()}),t.watch(()=>a.modelValue,e=>{e!==d.value&&(d.value=e||"")},{immediate:!0});const z=e=>{m("update:modelValue",d.value),m("change",e)},N=()=>{o.value=void 0},O=e=>{m("focus",e)},T=e=>{m("blur",e)};return s({editor:o,getHtml:()=>d.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,l)=>(t.openBlock(),t.createElementBlock("div",E,[t.createVNode(t.unref(B.Toolbar),{class:"editor-toolbar",editor:o.value,defaultConfig:V,mode:u.mode},null,8,["editor","mode"]),t.createVNode(t.unref(B.Editor),{class:"editor-content",style:t.normalizeStyle({height:I.value}),modelValue:d.value,"onUpdate:modelValue":l[0]||(l[0]=n=>d.value=n),defaultConfig:H,mode:u.mode,onOnCreated:j,onOnChange:z,onOnDestroyed:N,onOnFocus:O,onOnBlur:T},null,8,["style","modelValue","mode"])]))}}),D=q._($,[["__scopeId","data-v-b85f2258"]]);exports.default=D;