@ylzcc/editor 0.2.4 → 0.2.6

package/dist/editor.es.js

@@ -62558,7 +62558,7 @@ const Heading = Node$1.create({
     return {
       emptyEditorClass: "tiptap-editor-is-empty",
       emptyNodeClass: "tiptap-is-empty",
-      placeholder: "输入“/”快速添加",
+      placeholder: "点击“+”或输入“/”快速添加",
       showOnlyWhenEditable: !0,
       considerAnyAsEmpty: !1,
       showOnlyCurrent: !0,
@@ -84630,33 +84630,33 @@ function LowlightPlugin({
   return B_;
 }
 const CodeBlockView = ({ editor: Ff, node: kh, updateAttributes: x_, extension: B_ }) => {
-  var lme, dme, fme, pme, hme, mme, _me;
-  const $_ = useContext(shareData), [$P, zP] = useState("light"), [eme, tme] = useState(((lme = kh == null ? void 0 : kh.attrs) == null ? void 0 : lme.exec) || !1), [nme, rme] = useState(!1), [ime, ome] = useState(!1), ame = (gme) => {
+  var lme, dme, fme, pme, hme, mme;
+  const $_ = useContext(shareData), [$P, zP] = useState("light"), [eme, tme] = useState(((lme = kh == null ? void 0 : kh.attrs) == null ? void 0 : lme.exec) || !1), [nme, rme] = useState(!1), [ime, ome] = useState(!1), ame = (_me) => {
     x_({
-      language: gme
+      language: _me
     });
-  }, ume = (gme) => {
-    var Sme;
-    const vme = (Sme = gme == null ? void 0 : gme.target) == null ? void 0 : Sme.checked;
-    tme(vme), x_({
-      exec: vme
+  }, ume = (_me) => {
+    var vme;
+    const gme = (vme = _me == null ? void 0 : _me.target) == null ? void 0 : vme.checked;
+    tme(gme), x_({
+      exec: gme
     });
   }, cme = () => {
-    var gme;
-    (gme = navigator == null ? void 0 : navigator.clipboard) == null || gme.writeText(kh == null ? void 0 : kh.textContent).then(() => {
+    var _me;
+    (_me = navigator == null ? void 0 : navigator.clipboard) == null || _me.writeText(kh == null ? void 0 : kh.textContent).then(() => {
       rme(!0);
-      const vme = setTimeout(() => {
-        rme(!1), clearTimeout(vme);
+      const gme = setTimeout(() => {
+        rme(!1), clearTimeout(gme);
       }, 2e3);
     });
   }, sme = () => {
-    var gme;
-    (gme = B_ == null ? void 0 : B_.options) == null || gme.onExec(kh == null ? void 0 : kh.textContent);
+    var _me;
+    (_me = B_ == null ? void 0 : B_.options) == null || _me.onExec(kh == null ? void 0 : kh.textContent);
   };
   return useEffect(() => {
     zP(eme ? "dark" : "light");
   }, [eme]), /* @__PURE__ */ jsxRuntimeExports.jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `code-block code-block-${$P}`, onMouseEnter: () => ome(!0), onMouseLeave: () => ome(!1), children: [
-    ime && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "code-block-header", contentEditable: !1, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "code-block-header", contentEditable: !1, style: { display: ime ? "flex" : "none" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "code-block-header-left", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Select$1,
@@ -84668,7 +84668,7 @@ const CodeBlockView = ({ editor: Ff, node: kh, updateAttributes: x_, extension:
             onChange: ame,
             options: [
               { value: "", label: "atuo" },
-              ...(hme = (pme = (fme = B_ == null ? void 0 : B_.options) == null ? void 0 : fme.lowlight) == null ? void 0 : pme.listLanguages()) == null ? void 0 : hme.map((gme) => ({ value: gme, label: gme }))
+              ...(hme = (pme = (fme = B_ == null ? void 0 : B_.options) == null ? void 0 : fme.lowlight) == null ? void 0 : pme.listLanguages()) == null ? void 0 : hme.map((_me) => ({ value: _me, label: _me }))
             ]
           }
         ),
@@ -84676,7 +84676,7 @@ const CodeBlockView = ({ editor: Ff, node: kh, updateAttributes: x_, extension:
           Select$1,
           {
             disabled: !0,
-            defaultValue: ((mme = $_ == null ? void 0 : $_.template) == null ? void 0 : mme.name) || ((_me = $_ == null ? void 0 : $_.template) == null ? void 0 : _me.experEnv)
+            defaultValue: (mme = $_ == null ? void 0 : $_.template) == null ? void 0 : mme.name
           }
         )
       ] }),
@@ -84761,6 +84761,10 @@ const CodeBlockView = ({ editor: Ff, node: kh, updateAttributes: x_, extension:
           kh && clearTimeout(kh);
           const { editor: nme, tip: rme } = Ff;
           nme.isEditable && (kh = setTimeout(() => {
+            var ume, cme;
+            const ime = (cme = (ume = nme == null ? void 0 : nme.view) == null ? void 0 : ume.state) == null ? void 0 : cme.selection, { from: ome, to: ame } = ime;
+            if (console.log(ome, ame), ome != ame)
+              return !1;
             rme == null || rme.move(eme, tme);
           }, 0));
         },
@@ -86299,13 +86303,16 @@ const upload = async (Ff) => {
 }, textToBase64 = (Ff) => {
   const x_ = new TextEncoder().encode(Ff), B_ = String.fromCharCode(...x_);
   return btoa(B_);
+}, getFileSuffix = (Ff) => {
+  const kh = Ff.indexOf(".") > -1 ? Ff.split(".") : [];
+  return kh.length > 0 ? kh[kh.length - 1] : "";
 }, marks = {
   strong: "bold",
   emphasis: "italic",
   delete: "strike",
   link: "link"
 }, toNodeObj = (Ff, kh) => {
-  var $_, $P, zP, eme;
+  var $_, $P, zP, eme, tme;
   const x_ = {};
   x_.type = Ff == null ? void 0 : Ff.type;
   const B_ = kh ? [...kh] : [];
@@ -86322,6 +86329,9 @@ const upload = async (Ff) => {
     case "list":
       x_.type = Ff != null && Ff.ordered ? "orderedList" : "bulletList";
       break;
+    case "listItem":
+      ($_ = Ff.children) != null && $_.length || (x_.content = [{ type: "paragraph" }]);
+      break;
     case "thematicBreak":
       x_.type = "horizontalRule";
       break;
@@ -86339,34 +86349,31 @@ const upload = async (Ff) => {
       break;
     default:
       {
-        const tme = Object.keys(marks);
-        if (tme != null && tme.includes(Ff == null ? void 0 : Ff.type))
+        const nme = Object.keys(marks);
+        if (nme != null && nme.includes(Ff == null ? void 0 : Ff.type))
           if (Ff.type === "link" && /\.pdf$/i.test(Ff.url))
             x_.type = "pdf", x_.attrs = { pdfUrl: Ff == null ? void 0 : Ff.url };
           else {
-            const nme = { type: marks[Ff == null ? void 0 : Ff.type] };
-            Ff.type === "link" && (nme.attrs = { href: Ff == null ? void 0 : Ff.url, target: "_blank" });
-            const rme = Ff == null ? void 0 : Ff.children;
-            (rme == null ? void 0 : rme.length) === 1 && rme[0].type === "text" ? (x_.type = "text", x_.text = rme[0].value, x_.marks = [...B_, nme]) : (x_.type = "fragment", B_.push(nme));
+            const rme = { type: marks[Ff == null ? void 0 : Ff.type] };
+            Ff.type === "link" && (rme.attrs = { href: Ff == null ? void 0 : Ff.url, target: "_blank" });
+            const ime = Ff == null ? void 0 : Ff.children;
+            (ime == null ? void 0 : ime.length) === 1 && ime[0].type === "text" ? (x_.type = "text", x_.text = ime[0].value, x_.marks = [...B_, rme]) : (x_.type = "fragment", B_.push(rme));
           }
       }
       break;
   }
-  if (($_ = Ff == null ? void 0 : Ff.children) != null && $_.length)
-    if ((Ff == null ? void 0 : Ff.type) === "paragraph" && (($P = Ff == null ? void 0 : Ff.children) == null ? void 0 : $P.length) === 1 && ((zP = Ff == null ? void 0 : Ff.children[0]) == null ? void 0 : zP.type) === "image") {
+  if (($P = Ff == null ? void 0 : Ff.children) != null && $P.length)
+    if ((Ff == null ? void 0 : Ff.type) === "paragraph" && ((zP = Ff == null ? void 0 : Ff.children) == null ? void 0 : zP.length) === 1 && ((eme = Ff == null ? void 0 : Ff.children[0]) == null ? void 0 : eme.type) === "image") {
       x_.type = "image";
-      const tme = Ff == null ? void 0 : Ff.children[0];
-      x_.attrs = { src: tme == null ? void 0 : tme.url, alt: tme == null ? void 0 : tme.alt, title: tme == null ? void 0 : tme.title };
+      const nme = Ff == null ? void 0 : Ff.children[0];
+      x_.attrs = { src: nme == null ? void 0 : nme.url, alt: nme == null ? void 0 : nme.alt, title: nme == null ? void 0 : nme.title };
     } else
-      x_.content = (eme = Ff == null ? void 0 : Ff.children) == null ? void 0 : eme.map((tme) => toNodeObj(tme, B_));
+      x_.content = (tme = Ff == null ? void 0 : Ff.children) == null ? void 0 : tme.map((nme) => toNodeObj(nme, B_));
   return x_.type === "text" && (x_ != null && x_.content) && (x_ == null || delete x_.content), x_;
 }, toEditorJSON = (Ff) => {
   var x_, B_, $_;
   const kh = {};
   return kh.type = "document", (x_ = Ff == null ? void 0 : Ff.children) != null && x_.length && (kh.content = ($_ = (B_ = Ff == null ? void 0 : Ff.children) == null ? void 0 : B_.filter(($P) => ($P == null ? void 0 : $P.type) !== "definition")) == null ? void 0 : $_.map(($P) => toNodeObj($P))), kh;
-}, getFileSuffix = (Ff) => {
-  const kh = Ff.indexOf(".") > -1 ? Ff.split(".") : [];
-  return kh.length > 0 ? kh[kh.length - 1] : "";
 }, marksMD = {
   bold: "strong",
   italic: "emphasis",
@@ -86446,7 +86453,7 @@ const upload = async (Ff) => {
       x_.type = "link", x_.url = (vme = Ff == null ? void 0 : Ff.attrs) == null ? void 0 : vme.pdfUrl;
       break;
   }
-  return (Sme = Ff == null ? void 0 : Ff.content) != null && Sme.length && (x_.children = (Eme = Ff == null ? void 0 : Ff.content) == null ? void 0 : Eme.map((bme) => toMDNodeObj(bme, B_))), x_;
+  return (Sme = Ff == null ? void 0 : Ff.content) != null && Sme.length && (x_.children = (Eme = Ff == null ? void 0 : Ff.content) == null ? void 0 : Eme.map((bme) => toMDNodeObj(bme, B_))), x_.type === "code" && (x_ != null && x_.children) && (x_ == null || delete x_.children), x_;
 }, toMarkdownJson = (Ff) => {
   var x_, B_;
   const kh = {};
@@ -86670,7 +86677,7 @@ const upload = async (Ff) => {
     if (!eme || !nme)
       return;
     const cme = tippy(eme, {
-      placement: "bottom-start",
+      placement: "right",
       content: nme,
       interactive: !0,
       duration: [300, 300],
@@ -86719,6 +86726,20 @@ class EventEmitter {
     this.callbacks = {};
   }
 }
+const allowTypes = [
+  "paragraph",
+  // 段落
+  "heading",
+  // 标题
+  "horizontalRule",
+  // 分割线
+  "blockquote",
+  // 引用
+  "codeBlock",
+  // 代码快
+  "image"
+  // 图片
+];
 class Handle {
   // 是否阻止显示或隐藏的开关
   constructor(kh, x_, B_, $_ = []) {
@@ -86798,14 +86819,14 @@ class Handle {
         if (eme !== this.lastPos) {
           this.lastPos = eme, this.emitter.emit("hover", { node: ime, pos: ome, range: { from: ome, to: ome + ime.nodeSize } });
           const cme = posToDOMRect(kh, ome, ome + ime.nodeSize);
-          ime.type.name === "horizontalRule" ? this.setProps({
+          ime.type.name === "horizontalRule" ? (cme.top - 10 < 5 && (nme = !0), this.setProps({
             getReferenceClientRect: () => ({ ...cme, top: cme.top - 10 })
-          }) : this.setProps({
-            getReferenceClientRect: () => ({ ...cme, top: cme.top + 2 })
-          });
+          })) : (cme.top + 6 < 5 && (nme = !0), this.setProps({
+            getReferenceClientRect: () => ({ ...cme, top: cme.top + 6 })
+          }));
         } else
           rme = !1;
-        ime.type.name !== "paragraph" ? this.emitter.emit("type", { type: "content" }) : this.emitter.emit("type", { type: "add" }), this.ignoreType.includes(ime.type.name) && (nme = !0);
+        ime.type.name !== "paragraph" ? this.emitter.emit("type", { type: "content" }) : this.emitter.emit("type", { type: "add" }), allowTypes.includes(ime.type.name) || (nme = !0), this.ignoreType.includes(ime.type.name) && (nme = !0);
       }
       return !1;
     }), rme && (nme ? this.hide() : this.show());
@@ -87234,7 +87255,7 @@ const normalClass = "tiptap-menu-item-menus-item", lighClass = "tiptap-menu-item
       allow: (Ff) => {
         const kh = Ff.editor.state.doc;
         let x_ = !0;
-        return kh.nodesBetween(Ff.range.from, Ff.range.to, (B_, $_, $P) => (ignoreChar.includes(B_.type.name) && (x_ = !1), !1)), x_;
+        return Ff.editor.isFocused && kh.nodesBetween(Ff.range.from, Ff.range.to, (B_, $_, $P) => (ignoreChar.includes(B_.type.name) && (x_ = !1), !1)), x_;
       }
     };
   },
@@ -140140,17 +140161,18 @@ let Editor = (Ff, kh) => {
     };
   }, []), useEffect(() => {
     const Dme = (Bme) => {
-      var $me, Ume, Vme;
+      var $me, Ume, Vme, Gme;
       if ((($me = Bme == null ? void 0 : Bme.data) == null ? void 0 : $me.type) === "sectionChange") {
-        const Gme = (Vme = (Ume = Bme == null ? void 0 : Bme.data) == null ? void 0 : Ume.value) == null ? void 0 : Vme.template;
-        Ime(Gme);
+        const zme = (Vme = (Ume = Bme == null ? void 0 : Bme.data) == null ? void 0 : Ume.value) == null ? void 0 : Vme.template;
+        zme && ((Gme = Object.keys(zme)) == null ? void 0 : Gme.length) === 0 ? Ime("") : Ime(zme);
       }
     };
     return window.addEventListener("message", Dme), () => {
       window.removeEventListener("message", Dme);
     };
   }, [fme]), useEffect(() => {
-    Ime(eme);
+    var Dme;
+    eme && ((Dme = Object.keys(eme)) == null ? void 0 : Dme.length) === 0 ? Ime("") : Ime(eme);
   }, [eme]);
   const Tme = (Dme) => {
     const Bme = Dme == null ? void 0 : Dme.target;