@ylzcc/editor 0.0.2 → 0.0.3

package/dist/Editor/index.d.ts

@@ -15,5 +15,5 @@ type shareDataType = {
     [key: string]: any;
 };
 export declare const shareData: React.Context<Partial<shareDataType>>;
-declare const Editor: React.FC<EditorProps>;
+declare let Editor: React.FC<EditorProps>;
 export default Editor;

package/dist/editor.es.js

@@ -11813,7 +11813,7 @@ function createStyleTag(Ff, kh, x_) {
   const $_ = document.createElement("style");
   return kh && $_.setAttribute("nonce", kh), $_.setAttribute(`data-tiptap-style${x_ ? `-${x_}` : ""}`, ""), $_.innerHTML = Ff, document.getElementsByTagName("head")[0].appendChild($_), $_;
 }
-let Editor$2 = class extends EventEmitter$1 {
+let Editor$3 = class extends EventEmitter$1 {
   constructor(kh = {}) {
     super(), this.isFocused = !1, this.extensionStorage = {}, this.options = {
       element: document.createElement("div"),
@@ -14147,7 +14147,7 @@ const EditorContentWithKey = forwardRef((Ff, kh) => {
     ...Ff
   });
 }), EditorContent = React__default.memo(EditorContentWithKey);
-let Editor$1 = class extends Editor$2 {
+let Editor$2 = class extends Editor$3 {
   constructor() {
     super(...arguments), this.contentComponent = null;
   }
@@ -14158,7 +14158,7 @@ const useEditor = (Ff = {}, kh = []) => {
     x_.current && ($_ && (x_.current.off("beforeCreate", ome.current), x_.current.on("beforeCreate", $_), ome.current = $_), $P && (x_.current.off("blur", ame.current), x_.current.on("blur", $P), ame.current = $P), zP && (x_.current.off("create", ume.current), x_.current.on("create", zP), ume.current = zP), eme && (x_.current.off("destroy", cme.current), x_.current.on("destroy", eme), cme.current = eme), tme && (x_.current.off("focus", sme.current), x_.current.on("focus", tme), sme.current = tme), nme && (x_.current.off("selectionUpdate", lme.current), x_.current.on("selectionUpdate", nme), lme.current = nme), rme && (x_.current.off("transaction", dme.current), x_.current.on("transaction", rme), dme.current = rme), ime && (x_.current.off("update", fme.current), x_.current.on("update", ime), fme.current = ime));
   }, [$_, $P, zP, eme, tme, nme, rme, ime, x_.current]), useEffect(() => {
     let pme = !0;
-    return x_.current = new Editor$1(Ff), x_.current.on("transaction", () => {
+    return x_.current = new Editor$2(Ff), x_.current.on("transaction", () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           pme && B_({});
@@ -64559,7 +64559,7 @@ const Heading = Node$1.create({
     return {
       ignoreTypes: ["codeBlock"],
       component: null,
-      zIndex: 1,
+      zIndex: 9999,
       tippy: null,
       delay: 100,
       debounce: null
@@ -86016,7 +86016,7 @@ const setAlign = (Ff) => {
       const dme = kh == null ? void 0 : kh.view, fme = dme == null ? void 0 : dme.state.tr;
       fme && (fme == null || fme.deleteRange(x_, B_), fme == null || fme.insertText($P, x_), dme == null || dme.dispatch(fme));
       const pme = (ome = dme == null ? void 0 : dme.state) == null ? void 0 : ome.selection.to;
-      console.log(dme, pme), (ame = kh == null ? void 0 : kh.commands) == null || ame.setTextSelection({ from: x_, to: pme ?? x_ }), (ume = kh == null ? void 0 : kh.view) == null || ume.focus(), (lme = (sme = (cme = kh == null ? void 0 : kh.chain()) == null ? void 0 : cme.focus()) == null ? void 0 : sme.setLink({ href: eme, target: "_blank", from: x_, to: pme ?? x_ })) == null || lme.run(), $_ && $_();
+      console.log(dme, pme), (ame = kh == null ? void 0 : kh.commands) == null || ame.setTextSelection({ from: x_, to: pme ?? x_ }), (ume = kh == null ? void 0 : kh.view) == null || ume.focus(), (lme = (sme = (cme = kh == null ? void 0 : kh.chain()) == null ? void 0 : cme.focus()) == null ? void 0 : sme.setLink({ href: eme, target: "_blank" })) == null || lme.run(), $_ && $_();
     }
   }, ime = (ome) => /^https?:\/\//.test(ome);
   return useEffect(() => {
@@ -86081,7 +86081,9 @@ const setAlign = (Ff) => {
   }, sme = (Bme) => {
     tme(Bme);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bubble-new", children: nme ? /* @__PURE__ */ jsxRuntimeExports.jsx(Space$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(HyperlinkContent, { editor: kh, from: x_, to: B_, changeLink: () => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bubble-new", style: {
+    display: kh != null && kh.isEditable ? "flex" : "none"
+  }, children: nme ? /* @__PURE__ */ jsxRuntimeExports.jsx(Space$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(HyperlinkContent, { editor: kh, from: x_, to: B_, changeLink: () => {
     var Bme;
     rme(!1), (Bme = kh == null ? void 0 : kh.view) == null || Bme.focus();
   } }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space$1, { className: "bubble-menu", children: [
@@ -88602,12 +88604,12 @@ class Handle {
     const { pos: eme, inside: tme } = zP;
     let nme = !1, rme = !0;
     $_.descendants((ime, ome, ame, ume) => {
-      if (ime.type.name === "image" && console.log(ime), eme >= ome && eme < ome + ime.nodeSize) {
+      if (eme >= ome && eme < ome + ime.nodeSize) {
         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);
           this.setProps({
-            getReferenceClientRect: () => ({ ...cme, left: 36, top: cme.top + 2 })
+            getReferenceClientRect: () => ({ ...cme, top: cme.top + 2 })
           });
         } else
           rme = !1;
@@ -96019,7 +96021,7 @@ const LinkComponent = (Ff) => {
     {
       className: "lintView",
       style: {
-        display: "flex"
+        display: kh != null && kh.isEditable ? "flex" : "none"
       },
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lineValue", ref: B_, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: Ff == null ? void 0 : Ff.value }) }),
@@ -139774,15 +139776,16 @@ const PdfViewShow = ({ node: Ff }) => {
       HTMLAttributes: {}
     };
   }
-}), { BubbleMenu, BubbleMenuView } = bubbleModules, shareData = createContext({}), Editor = (Ff) => {
+}), { BubbleMenu, BubbleMenuView } = bubbleModules, shareData = createContext({});
+let Editor = (Ff, kh) => {
   const {
-    showCatalogue: kh = !0,
-    canOpenCatalogue: x_ = !0,
-    editable: B_ = !0,
-    oss: $_ = "https://openapi-test.oscollege.net",
-    xternUrl: $P,
-    wsUrl: zP
-  } = Ff, eme = useEditor({
+    showCatalogue: x_ = !0,
+    canOpenCatalogue: B_ = !0,
+    editable: $_ = !0,
+    oss: $P = "https://openapi-test.oscollege.net",
+    xternUrl: zP,
+    wsUrl: eme
+  } = Ff, tme = useEditor({
     content: {
       type: "document",
       content: [
@@ -139845,7 +139848,7 @@ const PdfViewShow = ({ node: Ff }) => {
       }),
       FloatingMenu,
       Image$1.configure({
-        oss: $_
+        oss: $P
       }),
       CodeBlockLowlight.configure({
         lowlight: createLowlight(grammars)
@@ -139855,7 +139858,7 @@ const PdfViewShow = ({ node: Ff }) => {
           return ReactNodeViewRenderer(QuestionView);
         }
       }).configure({
-        xternUrl: $P
+        xternUrl: zP
       }),
       PdfView.extend({
         addNodeView() {
@@ -139865,80 +139868,81 @@ const PdfViewShow = ({ node: Ff }) => {
       Slash,
       Fragment
     ]
-  }), [tme, nme] = useState(!0), [rme, ime] = useState(!1), [ome, ame] = useState(), [ume, cme] = useState(!1), [sme, lme] = useState(), [dme, fme] = useState(!0), [pme, hme] = useState(), mme = (Sme) => unified().use(remarkParse).use(remarkGfm).use(remarkCode).parse(Sme), _me = (Sme) => unified().use(remarkParse).use(remarkGfm).use(remarkCode).use(remarkStringify).stringify(Sme), gme = () => {
+  }), [nme, rme] = useState(!0), [ime, ome] = useState(!1), [ame, ume] = useState(), [cme, sme] = useState(!1), [lme, dme] = useState(), [fme, pme] = useState(!0), [hme, mme] = useState(), _me = (Eme) => unified().use(remarkParse).use(remarkGfm).use(remarkCode).parse(Eme), gme = (Eme) => unified().use(remarkParse).use(remarkGfm).use(remarkCode).use(remarkStringify).stringify(Eme), vme = () => {
     try {
-      if (ome && (ome == null ? void 0 : ome.readyState) === 1) {
-        ome == null || ome.close();
+      if (ame && (ame == null ? void 0 : ame.readyState) === 1) {
+        ame == null || ame.close();
         return;
       }
-      const Sme = new WebSocket(`
-            wss://openapi-test.oscollege.net/?key=1665670138667524096&repo=171da62a8040e001/HfsvXx&path=%E7%AC%AC%E4%B8%80%E7%AB%A0%2F%E7%AC%AC1%E8%8A%82&component=file&file=index.md`);
-      ame(Sme), cme(!1), Sme.onmessage = function(Eme) {
-        const { data: yme } = Eme;
+      const Eme = new WebSocket(eme);
+      ume(Eme), sme(!1), Eme.onmessage = function(yme) {
+        const { data: Ame } = yme;
         try {
-          const Ame = JSON.parse(yme), Ome = Ame == null ? void 0 : Ame.type, Pme = Ame == null ? void 0 : Ame.data;
-          if (Ome === "read" && Pme) {
-            const Lme = base64ToText$1(Pme), Dme = mme(Lme), bme = toEditorJSON(Dme);
-            lme(bme);
+          const Ome = JSON.parse(Ame), Pme = Ome == null ? void 0 : Ome.type, Lme = Ome == null ? void 0 : Ome.data;
+          if (Pme === "read" && Lme) {
+            const Dme = base64ToText$1(Lme), bme = _me(Dme), kme = toEditorJSON(bme);
+            dme(kme);
           }
-        } catch (Ame) {
-          console.log(Ame);
+        } catch (Ome) {
+          console.log(Ome);
         }
-      }, Sme.onclose = function(Eme) {
-        Eme.code < 3e3 && cme(!0);
+      }, Eme.onclose = function(yme) {
+        yme.code < 3e3 && sme(!0);
       };
-    } catch (Sme) {
-      console.log(Sme);
+    } catch (Eme) {
+      console.log(Eme);
     }
   };
   useEffect(() => {
-    if (ume) {
-      const Sme = setTimeout(() => {
-        clearTimeout(Sme), gme();
+    if (cme) {
+      const Eme = setTimeout(() => {
+        clearTimeout(Eme), vme();
       }, 1e3);
     }
-  }, [ume]), useEffect(() => () => {
-    ome && (ome == null ? void 0 : ome.readyState) === 1 && (ome == null || ome.close());
-  }, [ome]), useEffect(() => (zP && gme(), () => {
-    fme(!0), ime(!1);
-  }), [zP]);
-  const vme = () => {
-    pme && clearTimeout(pme);
-    const Sme = setTimeout(() => {
-      var Ome;
-      let Eme = eme == null ? void 0 : eme.getJSON();
-      Eme = {
-        ...Eme,
-        content: (Ome = Eme == null ? void 0 : Eme.content) == null ? void 0 : Ome.filter((Pme) => (Pme == null ? void 0 : Pme.type) !== "title")
+  }, [cme]), useEffect(() => () => {
+    ame && (ame == null ? void 0 : ame.readyState) === 1 && (ame == null || ame.close());
+  }, [ame]), useEffect(() => (eme && vme(), () => {
+    pme(!0), ome(!1);
+  }), [eme]);
+  const Sme = () => {
+    hme && clearTimeout(hme);
+    const Eme = setTimeout(() => {
+      var Pme;
+      let yme = tme == null ? void 0 : tme.getJSON();
+      yme = {
+        ...yme,
+        content: (Pme = yme == null ? void 0 : yme.content) == null ? void 0 : Pme.filter((Lme) => (Lme == null ? void 0 : Lme.type) !== "title")
       };
-      const yme = toMarkdownJson(Eme), Ame = _me(yme);
-      if ((ome == null ? void 0 : ome.readyState) === 1) {
-        const Pme = Ame ? textToBase64(Ame) : "";
-        ome == null || ome.send(JSON.stringify({
+      const Ame = toMarkdownJson(yme), Ome = gme(Ame);
+      if ((ame == null ? void 0 : ame.readyState) === 1) {
+        const Lme = Ome ? textToBase64(Ome) : "";
+        ame == null || ame.send(JSON.stringify({
           type: "write",
-          data: Pme
+          data: Lme
         }));
       }
-      clearTimeout(Sme), hme("");
+      clearTimeout(Eme), mme("");
     }, 1e3);
-    hme(Sme);
-  };
-  return useEffect(() => (eme && (eme == null || eme.on("update", vme)), () => {
-    eme && (eme == null || eme.off("update", vme));
-  }), [eme, pme]), useEffect(() => {
-    eme && sme && dme && (eme.commands.setContent(sme), fme(!1), ime(!0));
-  }, [sme, eme, dme]), useEffect(() => {
-    eme && eme.setEditable(B_);
-  }, [eme, B_]), /* @__PURE__ */ jsxRuntimeExports.jsx(shareData.Provider, { value: { editor: eme }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ylz-editor", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "ylz-editor-container", className: `ylz-editor-container${!kh || x_ === !1 || !tme ? " ylz-editor-container-max" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    mme(Eme);
+  };
+  return useEffect(() => (tme && (tme == null || tme.on("update", Sme)), () => {
+    tme && (tme == null || tme.off("update", Sme));
+  }), [tme, hme]), useEffect(() => {
+    tme && lme && fme && (tme.commands.setContent(lme), pme(!1), ome(!0));
+  }, [lme, tme, fme]), useEffect(() => {
+    tme && tme.setEditable($_);
+  }, [tme, $_]), useImperativeHandle(kh, () => ({})), /* @__PURE__ */ jsxRuntimeExports.jsx(shareData.Provider, { value: { editor: tme }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ylz-editor", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "ylz-editor-container", className: `ylz-editor-container${!x_ || B_ === !1 || !nme ? " ylz-editor-container-max" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       EditorContent,
       {
-        editor: eme
+        editor: tme
       }
     ) }),
-    kh && /* @__PURE__ */ jsxRuntimeExports.jsx(Catalogue, { editor: eme, isUpdate: rme, canOpenCatalogue: x_, onChangeVisible: (Sme) => nme(Sme) })
+    x_ && /* @__PURE__ */ jsxRuntimeExports.jsx(Catalogue, { editor: tme, isUpdate: ime, canOpenCatalogue: B_, onChangeVisible: (Eme) => rme(Eme) })
   ] }) });
 };
+Editor = forwardRef(Editor);
+const Editor$1 = Editor;
 export {
-  Editor as default
+  Editor$1 as default
 };