@zero-library/common 2.4.1 → 2.4.3

package/dist/index.cjs.js

@@ -1521,7 +1521,7 @@ var RenderMarkdown_default = ({ content = "", searchValue, customComponents, ...
   }, [content, searchValue]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ns-markdown", children: reactContent });
 };
-var MarkdownPreview_default = ({ fileUrl, searchValue }) => {
+var MarkdownPreview_default = ({ fileUrl, searchValue, asPlainText }) => {
   const [content, setContent] = React.useState("");
   const [error, setError] = React.useState("");
   const fetchMarkdown = async () => {
@@ -1529,29 +1529,41 @@ var MarkdownPreview_default = ({ fileUrl, searchValue }) => {
     if (res.status !== 200) {
       throw new Error(`\u8BF7\u6C42\u5931\u8D25\uFF0C\u72B6\u6001\u7801: ${res.status}`);
     }
-    const markdownText = await res.text();
-    if (!markdownText) {
+    const content2 = await res.text();
+    if (!content2) {
       throw new Error("\u8FD4\u56DE\u5185\u5BB9\u4E3A\u7A7A");
     }
-    setContent(markdownText);
+    return content2;
   };
   const init = async () => {
     setContent("");
     setError("");
     if (fileUrl) {
       try {
-        await fetchMarkdown();
-      } catch (error2) {
-        setError("\u52A0\u8F7D\u6216\u89E3\u6790 Markdown \u5931\u8D25");
+        const content2 = await fetchMarkdown();
+        setContent(content2);
+      } catch {
+        setError("\u52A0\u8F7D\u6216\u89E3\u6790\u6587\u4EF6\u5931\u8D25");
       }
     } else {
-      setError("Markdown\u5730\u5740\u9519\u8BEF");
+      setError("\u6587\u4EF6\u5730\u5740\u9519\u8BEF");
     }
   };
   React.useEffect(() => {
     init();
   }, [fileUrl]);
-  return error ? /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "error", title: error }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full width-full", children: /* @__PURE__ */ jsxRuntime.jsx(RenderMarkdown_default, { content, searchValue }) });
+  const wrapInCodeFence = (text) => {
+    const matches = text.match(/`+/g) ?? [];
+    const maxRun = matches.reduce((max, run) => Math.max(max, run.length), 0);
+    const fence = "`".repeat(Math.max(3, maxRun + 1));
+    return `${fence}
+${text}
+${fence}`;
+  };
+  const newContent = React.useMemo(() => {
+    return content ? asPlainText ? wrapInCodeFence(content) : content : "";
+  }, [content, asPlainText]);
+  return error ? /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "error", title: error }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full width-full", children: /* @__PURE__ */ jsxRuntime.jsx(RenderMarkdown_default, { content: newContent, searchValue }) });
 };
 
 // src/hooks/iframe/iframeRelay.ts
@@ -2388,6 +2400,8 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
       case "MD":
       case "MARKDOWN":
         return /* @__PURE__ */ jsxRuntime.jsx(MarkdownPreview_default, { fileUrl, searchValue });
+      case "TXT":
+        return /* @__PURE__ */ jsxRuntime.jsx(MarkdownPreview_default, { fileUrl, searchValue, asPlainText: true });
       case "DOCX":
         return /* @__PURE__ */ jsxRuntime.jsx(DocxPreview_default, { fileUrl });
       default:
@@ -8512,6 +8526,55 @@ var SearchAndReplace = core.Extension.create({
   }
 });
 var searchAndReplace_default = SearchAndReplace;
+var usePageNo = (pageNoConfig) => {
+  const [editor, setEditor] = React.useState(null);
+  const lastScrollToPageNoRef = React.useRef(void 0);
+  const setPageNoEditor = (newEditor) => {
+    setEditor(newEditor);
+  };
+  const onPageChange = useDebounce_default((pageNo = 0) => {
+    lastScrollToPageNoRef.current = pageNo;
+    pageNoConfig?.onScrollPage?.(pageNo);
+  }, 300);
+  React.useEffect(() => {
+    if (!editor) return;
+    if (!pageNoConfig?.enabled) return;
+    const targetPageNo = pageNoConfig?.pageNo;
+    if (isNullOrUnDef(targetPageNo)) return;
+    if (lastScrollToPageNoRef.current === targetPageNo) return;
+    let rafId = 0;
+    const targetPageNoStr = String(targetPageNo);
+    const findTargetPos = () => {
+      let foundPos = null;
+      editor.state.doc.descendants((node, pos) => {
+        if (!isNullOrUnDef(foundPos)) return false;
+        if (node.type.name !== PAGE_NO_KEY) return true;
+        if (String(node.attrs?.[PAGE_NO_TAG]) === targetPageNoStr) {
+          foundPos = pos;
+          return false;
+        }
+        return true;
+      });
+      return foundPos;
+    };
+    let tries = 0;
+    const tryScroll = () => {
+      const foundPos = findTargetPos();
+      if (!isNullOrUnDef(foundPos)) {
+        scrollEditorViewToPosInNextFrame(editor.view, foundPos, { align: "start", behavior: "smooth" });
+        return;
+      }
+      tries += 1;
+      if (tries < 10) rafId = requestAnimationFrame(tryScroll);
+    };
+    rafId = requestAnimationFrame(tryScroll);
+    return () => cancelAnimationFrame(rafId);
+  }, [editor, pageNoConfig?.enabled, pageNoConfig?.pageNo]);
+  return {
+    setPageNoEditor,
+    onPageChange
+  };
+};
 var MarkdownEditor_default = ({
   value = ``,
   onChange,
@@ -8528,9 +8591,7 @@ var MarkdownEditor_default = ({
 }) => {
   const isMobile = useIsBreakpoint();
   const lastContentRef = React.useRef("");
-  const onPageChange = useDebounce_default((pageIndex) => {
-    pageNoConfig?.onScrollPage?.(pageIndex ?? 0);
-  }, 300);
+  const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
   const {
     setAnnotationEditor,
     annotations,
@@ -8666,6 +8727,7 @@ var MarkdownEditor_default = ({
     if (!editor) return;
     setAnnotationEditor(editor);
     setCollectionEditor(editor);
+    setPageNoEditor(editor);
   }, [editor]);
   React.useEffect(() => {
     if (!editor) return;