@zero-library/common 2.4.1 → 2.4.3

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地址 */
@@ -357,10 +359,12 @@ type ToolbarItem = 'undo-redo' | 'heading' | 'list' | 'block' | 'format' | 'scri
  * 分页功能配置接口
  */
 interface PageNoConfig {
+    /** 当前页码，默认为1 */
+    pageNo?: number;
     /** 是否启用分页功能，默认为false */
     enabled: boolean;
     /** 页面滚动回调 */
-    onScrollPage?: (pageIndex: number) => void;
+    onScrollPage?: (pageNo: number) => void;
 }
 
 /**
@@ -2499,4 +2503,4 @@ declare function createTokenManager({ key, storage }: TokenManagerProps): {
     clear: () => void;
 };
 
-export { type AnnotationConfig, type AnnotationType, _default$q as AudioPlayer, type AudioPlayerProps, BusinessCode, type CacheMessage, type CollectionConfig, type CollectionType, type ComponentMapType, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, _default$p as DocxPreview, type DocxPreviewProps, _default$o as FileIcon, type FileIconProps, _default$n as FilePreview, _default$m as FilePreviewDrawer, type FilePreviewDrawerProps, type FilePreviewProps, type FindTreeNodesOptions, type FormatSizeOptions, HttpStatus, _default$h as Iframe, type IframeProps, _default$g as LazyComponent, type LazyComponentProps, _default$e as MarkDrawing, type MarkDrawingProps, _default$f as MarkdownEditor, type MarkdownEditorProps, _default$l as MarkdownPreview, type MarkdownPreviewProps, MultiEmailValidator, _default$k as PdfImagePreview, type PdfImagePreviewProps, _default$j as PdfPreview, type PdfPreviewProps, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, type RenderControl, _default$d as RenderMarkdown, type RenderMarkdownProps, _default$c as RenderWrapper, type RenderWrapperProps, type RequestConfig, type SecureManagerProps, type SetIntervalType, type SizeUnit, ThanNumLengthValidator, ThanNumValidator, type TokenManagerProps, _default$b as UserAvatar, type UserAvatarProps, _default$i as VideoPlayer, type VideoPlayerProps, type WebSocketProps, type WebSocketType, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, _default$9 as useAsyncQueue, _default$8 as useAutoRefresh, _default$7 as useCountDown, _default$6 as useCreateValtioContext, _default$5 as useDebounce, _default$4 as useDeepEffect, _default$a as useIframeRelayBridge, _default$3 as useRefState, _default$2 as useSyncInput, _default$1 as useThrottle, _default as useWebSocket };
+export { type AnnotationConfig, type AnnotationType, _default$q as AudioPlayer, type AudioPlayerProps, BusinessCode, type CacheMessage, type CollectionConfig, type CollectionType, type ComponentMapType, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, _default$p as DocxPreview, type DocxPreviewProps, _default$o as FileIcon, type FileIconProps, _default$n as FilePreview, _default$m as FilePreviewDrawer, type FilePreviewDrawerProps, type FilePreviewProps, type FindTreeNodesOptions, type FormatSizeOptions, HttpStatus, _default$h as Iframe, type IframeProps, _default$g as LazyComponent, type LazyComponentProps, _default$e as MarkDrawing, type MarkDrawingProps, _default$f as MarkdownEditor, type MarkdownEditorProps, _default$l as MarkdownPreview, type MarkdownPreviewProps, MultiEmailValidator, type PageNoConfig, _default$k as PdfImagePreview, type PdfImagePreviewProps, _default$j as PdfPreview, type PdfPreviewProps, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, type RenderControl, _default$d as RenderMarkdown, type RenderMarkdownProps, _default$c as RenderWrapper, type RenderWrapperProps, type RequestConfig, type SecureManagerProps, type SetIntervalType, type SizeUnit, ThanNumLengthValidator, ThanNumValidator, type TokenManagerProps, _default$b as UserAvatar, type UserAvatarProps, _default$i as VideoPlayer, type VideoPlayerProps, type WebSocketProps, type WebSocketType, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, _default$9 as useAsyncQueue, _default$8 as useAutoRefresh, _default$7 as useCountDown, _default$6 as useCreateValtioContext, _default$5 as useDebounce, _default$4 as useDeepEffect, _default$a as useIframeRelayBridge, _default$3 as useRefState, _default$2 as useSyncInput, _default$1 as useThrottle, _default as useWebSocket };

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地址 */
@@ -357,10 +359,12 @@ type ToolbarItem = 'undo-redo' | 'heading' | 'list' | 'block' | 'format' | 'scri
  * 分页功能配置接口
  */
 interface PageNoConfig {
+    /** 当前页码，默认为1 */
+    pageNo?: number;
     /** 是否启用分页功能，默认为false */
     enabled: boolean;
     /** 页面滚动回调 */
-    onScrollPage?: (pageIndex: number) => void;
+    onScrollPage?: (pageNo: number) => void;
 }
 
 /**
@@ -2499,4 +2503,4 @@ declare function createTokenManager({ key, storage }: TokenManagerProps): {
     clear: () => void;
 };
 
-export { type AnnotationConfig, type AnnotationType, _default$q as AudioPlayer, type AudioPlayerProps, BusinessCode, type CacheMessage, type CollectionConfig, type CollectionType, type ComponentMapType, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, _default$p as DocxPreview, type DocxPreviewProps, _default$o as FileIcon, type FileIconProps, _default$n as FilePreview, _default$m as FilePreviewDrawer, type FilePreviewDrawerProps, type FilePreviewProps, type FindTreeNodesOptions, type FormatSizeOptions, HttpStatus, _default$h as Iframe, type IframeProps, _default$g as LazyComponent, type LazyComponentProps, _default$e as MarkDrawing, type MarkDrawingProps, _default$f as MarkdownEditor, type MarkdownEditorProps, _default$l as MarkdownPreview, type MarkdownPreviewProps, MultiEmailValidator, _default$k as PdfImagePreview, type PdfImagePreviewProps, _default$j as PdfPreview, type PdfPreviewProps, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, type RenderControl, _default$d as RenderMarkdown, type RenderMarkdownProps, _default$c as RenderWrapper, type RenderWrapperProps, type RequestConfig, type SecureManagerProps, type SetIntervalType, type SizeUnit, ThanNumLengthValidator, ThanNumValidator, type TokenManagerProps, _default$b as UserAvatar, type UserAvatarProps, _default$i as VideoPlayer, type VideoPlayerProps, type WebSocketProps, type WebSocketType, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, _default$9 as useAsyncQueue, _default$8 as useAutoRefresh, _default$7 as useCountDown, _default$6 as useCreateValtioContext, _default$5 as useDebounce, _default$4 as useDeepEffect, _default$a as useIframeRelayBridge, _default$3 as useRefState, _default$2 as useSyncInput, _default$1 as useThrottle, _default as useWebSocket };
+export { type AnnotationConfig, type AnnotationType, _default$q as AudioPlayer, type AudioPlayerProps, BusinessCode, type CacheMessage, type CollectionConfig, type CollectionType, type ComponentMapType, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, _default$p as DocxPreview, type DocxPreviewProps, _default$o as FileIcon, type FileIconProps, _default$n as FilePreview, _default$m as FilePreviewDrawer, type FilePreviewDrawerProps, type FilePreviewProps, type FindTreeNodesOptions, type FormatSizeOptions, HttpStatus, _default$h as Iframe, type IframeProps, _default$g as LazyComponent, type LazyComponentProps, _default$e as MarkDrawing, type MarkDrawingProps, _default$f as MarkdownEditor, type MarkdownEditorProps, _default$l as MarkdownPreview, type MarkdownPreviewProps, MultiEmailValidator, type PageNoConfig, _default$k as PdfImagePreview, type PdfImagePreviewProps, _default$j as PdfPreview, type PdfPreviewProps, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, type RenderControl, _default$d as RenderMarkdown, type RenderMarkdownProps, _default$c as RenderWrapper, type RenderWrapperProps, type RequestConfig, type SecureManagerProps, type SetIntervalType, type SizeUnit, ThanNumLengthValidator, ThanNumValidator, type TokenManagerProps, _default$b as UserAvatar, type UserAvatarProps, _default$i as VideoPlayer, type VideoPlayerProps, type WebSocketProps, type WebSocketType, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, _default$9 as useAsyncQueue, _default$8 as useAutoRefresh, _default$7 as useCountDown, _default$6 as useCreateValtioContext, _default$5 as useDebounce, _default$4 as useDeepEffect, _default$a as useIframeRelayBridge, _default$3 as useRefState, _default$2 as useSyncInput, _default$1 as useThrottle, _default as useWebSocket };

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:
@@ -8470,6 +8484,55 @@ var SearchAndReplace = Extension.create({
   }
 });
 var searchAndReplace_default = SearchAndReplace;
+var usePageNo = (pageNoConfig) => {
+  const [editor, setEditor] = useState(null);
+  const lastScrollToPageNoRef = useRef(void 0);
+  const setPageNoEditor = (newEditor) => {
+    setEditor(newEditor);
+  };
+  const onPageChange = useDebounce_default((pageNo = 0) => {
+    lastScrollToPageNoRef.current = pageNo;
+    pageNoConfig?.onScrollPage?.(pageNo);
+  }, 300);
+  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,
@@ -8486,9 +8549,7 @@ var MarkdownEditor_default = ({
 }) => {
   const isMobile = useIsBreakpoint();
   const lastContentRef = useRef("");
-  const onPageChange = useDebounce_default((pageIndex) => {
-    pageNoConfig?.onScrollPage?.(pageIndex ?? 0);
-  }, 300);
+  const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
   const {
     setAnnotationEditor,
     annotations,
@@ -8624,6 +8685,7 @@ var MarkdownEditor_default = ({
     if (!editor) return;
     setAnnotationEditor(editor);
     setCollectionEditor(editor);
+    setPageNoEditor(editor);
   }, [editor]);
   useEffect(() => {
     if (!editor) return;