@zero-library/common 2.4.0 → 2.4.2

package/dist/index.d.mts

@@ -126,20 +126,22 @@ interface FilePreviewDrawerProps extends FilePreviewProps {
 declare const _default$m: ({ open, title, onClose, ...props }: FilePreviewDrawerProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Markdown预览组件属性接口
+ * Markdown | txt 预览组件属性接口
  */
 interface MarkdownPreviewProps {
-    /** Markdown文件URL地址 */
+    /** 文件URL地址 */
     fileUrl: string;
     /** 搜索关键字 */
     searchValue?: string;
+    /** 是否作为纯文本显示, 主要用于txt文件预览 */
+    asPlainText?: boolean;
 }
 /**
- * Markdown预览组件
- * 从指定URL获取Markdown内容并渲染显示
+ * Markdown | txt 预览组件
+ * 从指定URL获取Markdown或txt内容并渲染显示
  * @param props - 组件属性
  */
-declare const _default$l: ({ fileUrl, searchValue }: MarkdownPreviewProps) => react_jsx_runtime.JSX.Element;
+declare const _default$l: ({ fileUrl, searchValue, asPlainText }: MarkdownPreviewProps) => react_jsx_runtime.JSX.Element;
 
 interface PdfImagePreviewProps {
     /** PDF文件URL地址 */
@@ -353,6 +355,16 @@ interface CollectionConfig extends CollectionsProps {
  */
 type ToolbarItem = 'undo-redo' | 'heading' | 'list' | 'block' | 'format' | 'script' | 'align';
 
+/**
+ * 分页功能配置接口
+ */
+interface PageNoConfig {
+    /** 是否启用分页功能，默认为false */
+    enabled: boolean;
+    /** 页面滚动回调 */
+    onScrollPage?: (pageIndex: number) => void;
+}
+
 /**
  * Markdown编辑器组件属性接口
  */
@@ -379,12 +391,7 @@ interface MarkdownEditorProps {
     annotationConfig?: AnnotationConfig;
     /** 摘录功能专属配置，不与批注混淆 */
     collectionConfig?: CollectionConfig;
-    pageNoConfig?: {
-        /** 是否启用分页功能，默认为false */
-        enabled: boolean;
-        /** 页面滚动回调 */
-        onScrollPage?: (pageIndex: number) => void;
-    };
+    pageNoConfig?: PageNoConfig;
 }
 /**
  * Markdown编辑器组件

package/dist/index.d.ts

@@ -126,20 +126,22 @@ interface FilePreviewDrawerProps extends FilePreviewProps {
 declare const _default$m: ({ open, title, onClose, ...props }: FilePreviewDrawerProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Markdown预览组件属性接口
+ * Markdown | txt 预览组件属性接口
  */
 interface MarkdownPreviewProps {
-    /** Markdown文件URL地址 */
+    /** 文件URL地址 */
     fileUrl: string;
     /** 搜索关键字 */
     searchValue?: string;
+    /** 是否作为纯文本显示, 主要用于txt文件预览 */
+    asPlainText?: boolean;
 }
 /**
- * Markdown预览组件
- * 从指定URL获取Markdown内容并渲染显示
+ * Markdown | txt 预览组件
+ * 从指定URL获取Markdown或txt内容并渲染显示
  * @param props - 组件属性
  */
-declare const _default$l: ({ fileUrl, searchValue }: MarkdownPreviewProps) => react_jsx_runtime.JSX.Element;
+declare const _default$l: ({ fileUrl, searchValue, asPlainText }: MarkdownPreviewProps) => react_jsx_runtime.JSX.Element;
 
 interface PdfImagePreviewProps {
     /** PDF文件URL地址 */
@@ -353,6 +355,16 @@ interface CollectionConfig extends CollectionsProps {
  */
 type ToolbarItem = 'undo-redo' | 'heading' | 'list' | 'block' | 'format' | 'script' | 'align';
 
+/**
+ * 分页功能配置接口
+ */
+interface PageNoConfig {
+    /** 是否启用分页功能，默认为false */
+    enabled: boolean;
+    /** 页面滚动回调 */
+    onScrollPage?: (pageIndex: number) => void;
+}
+
 /**
  * Markdown编辑器组件属性接口
  */
@@ -379,12 +391,7 @@ interface MarkdownEditorProps {
     annotationConfig?: AnnotationConfig;
     /** 摘录功能专属配置，不与批注混淆 */
     collectionConfig?: CollectionConfig;
-    pageNoConfig?: {
-        /** 是否启用分页功能，默认为false */
-        enabled: boolean;
-        /** 页面滚动回调 */
-        onScrollPage?: (pageIndex: number) => void;
-    };
+    pageNoConfig?: PageNoConfig;
 }
 /**
  * Markdown编辑器组件

package/dist/index.esm.js

@@ -1479,7 +1479,7 @@ var RenderMarkdown_default = ({ content = "", searchValue, customComponents, ...
   }, [content, searchValue]);
   return /* @__PURE__ */ jsx("div", { className: "ns-markdown", children: reactContent });
 };
-var MarkdownPreview_default = ({ fileUrl, searchValue }) => {
+var MarkdownPreview_default = ({ fileUrl, searchValue, asPlainText }) => {
   const [content, setContent] = useState("");
   const [error, setError] = useState("");
   const fetchMarkdown = async () => {
@@ -1487,29 +1487,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");
     }
   };
   useEffect(() => {
     init();
   }, [fileUrl]);
-  return error ? /* @__PURE__ */ jsx(Result, { status: "error", title: error }) : /* @__PURE__ */ jsx("div", { className: "height-full width-full", children: /* @__PURE__ */ 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 = useMemo(() => {
+    return content ? asPlainText ? wrapInCodeFence(content) : content : "";
+  }, [content, asPlainText]);
+  return error ? /* @__PURE__ */ jsx(Result, { status: "error", title: error }) : /* @__PURE__ */ jsx("div", { className: "height-full width-full", children: /* @__PURE__ */ jsx(RenderMarkdown_default, { content: newContent, searchValue }) });
 };
 
 // src/hooks/iframe/iframeRelay.ts
@@ -2346,6 +2358,8 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
       case "MD":
       case "MARKDOWN":
         return /* @__PURE__ */ jsx(MarkdownPreview_default, { fileUrl, searchValue });
+      case "TXT":
+        return /* @__PURE__ */ jsx(MarkdownPreview_default, { fileUrl, searchValue, asPlainText: true });
       case "DOCX":
         return /* @__PURE__ */ jsx(DocxPreview_default, { fileUrl });
       default: