@zero-library/common 3.0.1 → 3.0.2

package/dist/index.esm.js

@@ -1,13 +1,14 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { MessageOutlined, BookOutlined, EditOutlined, DeleteOutlined, CloseOutlined, MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, ColumnWidthOutlined } from '@ant-design/icons';
-import { Spin, Input, Typography, Tooltip as Tooltip$1, Button, Flex, Form, Card, List, Space, Popconfirm, Empty, Modal, message, Alert, Skeleton, Result, Splitter, Image as Image$1, Drawer, Avatar, notification } from 'antd';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { MessageOutlined, BookOutlined, EditOutlined, DeleteOutlined, CloseOutlined, MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, ColumnWidthOutlined, LeftOutlined, RightOutlined, MinusOutlined, PlusOutlined } from '@ant-design/icons';
+import { Typography, Spin, Input, Tooltip as Tooltip$1, Button, Flex, Form, Card, List, Space, Popconfirm, Empty, Modal, message, Alert, Skeleton, Result, Splitter, Image as Image$1, Drawer, Avatar, notification } from 'antd';
 import classNames2 from 'classnames';
 import { renderAsync } from 'docx-preview';
-import * as React from 'react';
-import React__default, { forwardRef, useState, useMemo, useEffect, useRef, useCallback, createContext, isValidElement, version, cloneElement, memo, useImperativeHandle, useContext, Fragment as Fragment$1, lazy, Suspense } from 'react';
+import * as React3 from 'react';
+import React3__default, { useRef, useState, useEffect, forwardRef, useMemo, useCallback, createContext, isValidElement, version, cloneElement, memo, useImperativeHandle, useContext, Fragment as Fragment$1, lazy, Suspense } from 'react';
 import AES from 'crypto-js/aes';
 import encUtf8 from 'crypto-js/enc-utf8';
 import { convert } from 'html-to-text';
+import { jsonrepair } from 'jsonrepair';
 import MarkdownIt from 'markdown-it';
 import markdownItDefList from 'markdown-it-deflist';
 import { full } from 'markdown-it-emoji';
@@ -20,7 +21,6 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 import axios from 'axios';
 import markdownItKatex from '@traptitech/markdown-it-katex';
 import parse from 'html-react-parser';
-import { jsonrepair } from 'jsonrepair';
 import 'katex/dist/katex.min.css';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Worker, Viewer, PasswordStatus } from '@react-pdf-viewer/core';
@@ -32,6 +32,9 @@ import zh_CN from '@react-pdf-viewer/locales/lib/zh_CN.json';
 import '@react-pdf-viewer/page-navigation/lib/styles/index.css';
 import '@react-pdf-viewer/thumbnail/lib/styles/index.css';
 import '@react-pdf-viewer/zoom/lib/styles/index.css';
+import Editor, { loader } from '@monaco-editor/react';
+import * as monaco from 'monaco-editor';
+import * as pdfjsLib from 'pdfjs-dist-v5/legacy/build/pdf.mjs';
 import microApp from '@micro-zoe/micro-app';
 import jsxCustomEvent from '@micro-zoe/micro-app/polyfill/jsx-custom-event';
 import { mergeAttributes, useEditor, EditorContext, EditorContent, isNodeSelection, posToDOMRect, useCurrentEditor, useEditorState, isTextSelection } from '@tiptap/react';
@@ -82,7 +85,14 @@ var styles_module_default = {
   nsPreviewAudio: "styles_module_nsPreviewAudio",
   nsPreviewDocx: "styles_module_nsPreviewDocx",
   docxToolbar: "styles_module_docxToolbar",
-  docxContent: "styles_module_docxContent"
+  docxContent: "styles_module_docxContent",
+  stateBody: "styles_module_stateBody",
+  pdfContainer: "styles_module_pdfContainer",
+  floatingToolbar: "styles_module_floatingToolbar",
+  divider: "styles_module_divider",
+  pdfBody: "styles_module_pdfBody",
+  pdfDocument: "styles_module_pdfDocument",
+  pdfPage: "styles_module_pdfPage"
 };
 var AudioPlayer_default = ({ fileUrl }) => {
   return /* @__PURE__ */ jsxs("audio", { controls: true, className: styles_module_default.nsPreviewAudio, children: [
@@ -870,6 +880,21 @@ var findTreeNodesByIds = (tree, ids, formatFn, options = {}) => {
   dfs(tree);
   return result;
 };
+function safeParseJson(raw, options = {}) {
+  const shouldRepair = options.repair ?? false;
+  const fallbackMode = options.fallback ?? "raw";
+  const getFallbackValue = () => fallbackMode === "raw" ? raw : null;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    if (!shouldRepair) return getFallbackValue();
+  }
+  try {
+    return JSON.parse(jsonrepair(raw));
+  } catch {
+    return getFallbackValue();
+  }
+}
 dayjs.extend(relativeTime);
 var DEFAULT_DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
 var DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
@@ -1351,15 +1376,15 @@ var baseComponentMap = {
 };
 var lazyCache = /* @__PURE__ */ new Map();
 var LazyComponent_default = ({ type, customComponents, unknownContent, ...rest }) => {
-  const loader = customComponents?.[type] || baseComponentMap[type];
+  const loader2 = customComponents?.[type] || baseComponentMap[type];
   const LazyComponent = useMemo(() => {
-    if (!loader) return null;
+    if (!loader2) return null;
     const cached = lazyCache.get(type);
     if (cached) return cached;
-    const component = lazy(loader);
+    const component = lazy(loader2);
     lazyCache.set(type, component);
     return component;
-  }, [loader]);
+  }, [loader2]);
   if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsx(Alert, { title: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
   return /* @__PURE__ */ jsx(
     Suspense,
@@ -1375,19 +1400,6 @@ md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
   token.attrPush(["target", "_blank"]);
   return self.renderToken(tokens, idx, options);
 };
-function parseData(raw) {
-  let obj = {};
-  try {
-    obj = JSON.parse(raw);
-  } catch {
-    try {
-      obj = JSON.parse(jsonrepair(raw));
-    } catch {
-      obj = { _raw: raw };
-    }
-  }
-  return obj;
-}
 function highlightKeywords(html, keywords) {
   const escaped = keywords.map((k) => k.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
   const regex = new RegExp(`(${escaped.join("|")})`, "gi");
@@ -1479,7 +1491,7 @@ var RenderMarkdown_default = ({ content = "", searchValue, customComponents, ...
           let data = {};
           if (/^__ALERT_DATA_\d+__$/.test(dataAttr)) {
             const raw = placeholders.get(dataAttr) ?? "";
-            data = parseData(raw);
+            data = safeParseJson(raw, { repair: true, fallback: "null" }) ?? { _raw: raw };
           }
           return /* @__PURE__ */ jsx(LazyComponent_default, { customComponents, type, data, loading, ...rest }, `${type}${lazyIndex}`);
         }
@@ -2620,6 +2632,533 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
   }, [suffix, fileUrl, pdfParams]);
   return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "height-full", children: Preview });
 };
+loader.config({ monaco });
+var getLanguage = (suffix) => {
+  switch (suffix.toLowerCase()) {
+    case "ts":
+    case "tsx":
+      return "typescript";
+    case "js":
+    case "jsx":
+      return "javascript";
+    case "json":
+      return "json";
+    case "css":
+      return "css";
+    case "less":
+      return "less";
+    case "scss":
+      return "scss";
+    case "html":
+    case "htm":
+      return "html";
+    case "xml":
+      return "xml";
+    case "py":
+      return "python";
+    case "java":
+      return "java";
+    case "go":
+      return "go";
+    case "yaml":
+    case "yml":
+      return "yaml";
+    case "md":
+    case "markdown":
+      return "markdown";
+    default:
+      return "plaintext";
+  }
+};
+var CodePreview = ({ fileUrl, suffix }) => {
+  const [content, setContent] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const fetchContent = async (signal) => {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    const res = await fetch(fileUrl, { headers, signal });
+    if (res.status !== 200) {
+      throw new Error(`\u8BF7\u6C42\u5931\u8D25\uFF0C\u72B6\u6001\u7801: ${res.status}`);
+    }
+    const buffer = await res.arrayBuffer();
+    let text = "";
+    try {
+      const decoder = new TextDecoder("utf-8", { fatal: true });
+      text = decoder.decode(buffer);
+    } catch (e) {
+      const gbkDecoder = new TextDecoder("gbk");
+      text = gbkDecoder.decode(buffer);
+    }
+    setContent(text);
+  };
+  useEffect(() => {
+    const controller = new AbortController();
+    const init = async () => {
+      setContent("");
+      setError("");
+      if (fileUrl) {
+        try {
+          setLoading(true);
+          await fetchContent(controller.signal);
+        } catch (error2) {
+          if (!controller.signal.aborted) {
+            setError("\u52A0\u8F7D\u6587\u4EF6\u5931\u8D25");
+          }
+        } finally {
+          if (!controller.signal.aborted) {
+            setLoading(false);
+          }
+        }
+      }
+    };
+    init();
+    return () => {
+      controller.abort();
+    };
+  }, [fileUrl]);
+  if (error) {
+    return /* @__PURE__ */ jsx(Result, { status: "error", title: error });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%", position: "relative" }, children: loading ? /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }, children: /* @__PURE__ */ jsx(Spin, {}) }) : /* @__PURE__ */ jsx(
+    Editor,
+    {
+      height: "100%",
+      defaultLanguage: getLanguage(suffix || ""),
+      value: content,
+      options: {
+        readOnly: true,
+        minimap: { enabled: false },
+        lineNumbers: "on",
+        wordWrap: "on",
+        fontSize: 14,
+        unicodeHighlight: {
+          invisibleCharacters: false,
+          ambiguousCharacters: false
+        }
+      }
+    }
+  ) });
+};
+var CodePreview_default = CodePreview;
+var { Text } = Typography;
+pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("./pdf.worker.min.mjs", import.meta.url).toString();
+var MIN_SCALE = 0.6;
+var MAX_SCALE = 1.5;
+var SCALE_STEP = 0.1;
+var PdfPage = React3__default.memo(({ pdf, pageNumber, scale, scrollContainerRef, defaultSize }) => {
+  const canvasRef = useRef(null);
+  const containerRef = useRef(null);
+  const [loading, setLoading] = useState(false);
+  const renderTaskRef = useRef(null);
+  const [dimensions, setDimensions] = useState(null);
+  const [shouldRender2, setShouldRender] = useState(false);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const renderObserver = new IntersectionObserver(
+      ([entry]) => {
+        setShouldRender(entry.isIntersecting);
+      },
+      {
+        root: scrollContainerRef.current,
+        rootMargin: "100% 0px"
+      }
+    );
+    renderObserver.observe(el);
+    return () => {
+      renderObserver.disconnect();
+    };
+  }, [scrollContainerRef]);
+  useEffect(() => {
+    setDimensions(null);
+  }, [scale]);
+  useEffect(() => {
+    if (!shouldRender2 || !pdf || !canvasRef.current) return;
+    const render = async () => {
+      if (renderTaskRef.current) {
+        renderTaskRef.current.cancel();
+      }
+      try {
+        setLoading(true);
+        const page = await pdf.getPage(pageNumber);
+        const dpr = window.devicePixelRatio || 1;
+        const viewport = page.getViewport({ scale });
+        const nextDimensions = { width: viewport.width, height: viewport.height };
+        setDimensions(nextDimensions);
+        const canvas = canvasRef.current;
+        if (!canvas) return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) return;
+        canvas.width = Math.floor(viewport.width * dpr);
+        canvas.height = Math.floor(viewport.height * dpr);
+        canvas.style.width = `${viewport.width}px`;
+        canvas.style.height = `${viewport.height}px`;
+        const renderTask = page.render({
+          canvasContext: ctx,
+          viewport,
+          transform: [dpr, 0, 0, dpr, 0, 0]
+        });
+        renderTaskRef.current = renderTask;
+        await renderTask.promise;
+        setLoading(false);
+      } catch (error) {
+        if (error.name !== "RenderingCancelledException") {
+          console.error(`Error rendering page ${pageNumber}:`, error);
+        }
+        setLoading(false);
+      }
+    };
+    render();
+    return () => {
+      if (renderTaskRef.current) {
+        renderTaskRef.current.cancel();
+      }
+    };
+  }, [shouldRender2, pdf, pageNumber, scale]);
+  const width = dimensions?.width || defaultSize?.width || "100%";
+  const height = dimensions?.height || defaultSize?.height || 800;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: styles_module_default.pdfPage,
+      id: `pdf-page-${pageNumber}`,
+      style: {
+        width,
+        height,
+        position: "relative"
+      },
+      children: shouldRender2 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("canvas", { ref: canvasRef, style: { display: "block" } }),
+        loading && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              background: "rgba(255,255,255,0.8)"
+            },
+            children: /* @__PURE__ */ jsx(Spin, {})
+          }
+        )
+      ] })
+    }
+  );
+});
+var DocumentPreview = ({ fileUrl, previewEnabled = true }) => {
+  const [loading, setLoading] = useState(false);
+  const [pdf, setPdf] = useState(null);
+  const [numPages, setNumPages] = useState(0);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [scale, setScale] = useState(1);
+  const [error, setError] = useState(null);
+  const containerRef = useRef(null);
+  const pdfLoadingTaskRef = useRef(null);
+  const [defaultSize, setDefaultSize] = useState(void 0);
+  useEffect(() => {
+    let aborted = false;
+    const load = async () => {
+      if (pdfLoadingTaskRef.current) {
+        try {
+          pdfLoadingTaskRef.current.destroy();
+        } catch (e) {
+        }
+        pdfLoadingTaskRef.current = null;
+      }
+      setError(null);
+      setPdf(null);
+      setNumPages(0);
+      setPageNumber(1);
+      setDefaultSize(void 0);
+      if (!previewEnabled || !fileUrl) {
+        return;
+      }
+      setLoading(true);
+      try {
+        const loadingTask = pdfjsLib.getDocument({
+          url: fileUrl,
+          disableFontFace: true,
+          // 强制将所有字体转换为路径绘制，解决浏览器字体加载拦截/失败导致的文字空白问题
+          disableAutoFetch: true,
+          disableStream: true,
+          rangeChunkSize: 1024 * 512
+        });
+        pdfLoadingTaskRef.current = loadingTask;
+        const doc = await loadingTask.promise;
+        if (aborted) return;
+        setPdf(doc);
+        setNumPages(doc.numPages);
+        setPageNumber(1);
+        if (containerRef.current) {
+          containerRef.current.scrollTop = 0;
+        }
+        try {
+          const page1 = await doc.getPage(1);
+          const viewport = page1.getViewport({ scale: 1 });
+          if (!aborted) {
+            setDefaultSize({ width: viewport.width, height: viewport.height });
+          }
+        } catch (e) {
+          console.warn("Failed to get page 1 size", e);
+        }
+      } catch (e) {
+        if (aborted) return;
+        const message3 = e?.message;
+        if (typeof message3 === "string" && message3.includes("cancelled")) ; else if (typeof message3 === "string" && message3.includes("(903)")) {
+          setError("\u9884\u89C8\u6587\u4EF6\u6B63\u5728\u751F\u6210\u4E2D...");
+        } else {
+          setError(message3 || "PDF \u52A0\u8F7D\u5931\u8D25");
+        }
+      } finally {
+        if (!aborted) {
+          setLoading(false);
+        }
+      }
+    };
+    load();
+    return () => {
+      aborted = true;
+      if (pdfLoadingTaskRef.current) {
+        try {
+          pdfLoadingTaskRef.current.destroy();
+        } catch (e) {
+        }
+        pdfLoadingTaskRef.current = null;
+      }
+    };
+  }, [fileUrl, previewEnabled]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container || numPages === 0) return;
+    let rafId = 0;
+    const onScroll = () => {
+      if (rafId) return;
+      rafId = window.requestAnimationFrame(() => {
+        rafId = 0;
+        const { scrollTop, clientHeight, scrollHeight } = container;
+        if (scrollTop <= 10) {
+          setPageNumber(1);
+          return;
+        }
+        if (scrollTop + clientHeight >= scrollHeight - 10) {
+          setPageNumber(numPages);
+          return;
+        }
+        const containerRect = container.getBoundingClientRect();
+        const centerY = containerRect.top + clientHeight / 2;
+        let closestPage = 1;
+        let closestDistance = Number.POSITIVE_INFINITY;
+        for (let i = 1; i <= numPages; i++) {
+          const el = window.document.getElementById(`pdf-page-${i}`);
+          if (!el) continue;
+          const rect = el.getBoundingClientRect();
+          const pageCenter = rect.top + rect.height / 2;
+          const distance = Math.abs(pageCenter - centerY);
+          if (distance < closestDistance) {
+            closestDistance = distance;
+            closestPage = i;
+          }
+        }
+        setPageNumber(closestPage);
+      });
+    };
+    container.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      if (rafId) window.cancelAnimationFrame(rafId);
+      container.removeEventListener("scroll", onScroll);
+    };
+  }, [numPages]);
+  const scrollToPage = (pageNum) => {
+    const container = containerRef.current;
+    const el = window.document.getElementById(`pdf-page-${pageNum}`);
+    if (container && el) {
+      el.scrollIntoView({ behavior: "smooth" });
+      setPageNumber(pageNum);
+    }
+  };
+  const onPrev = () => {
+    scrollToPage(Math.max(1, pageNumber - 1));
+  };
+  const onNext = () => {
+    scrollToPage(Math.min(numPages, pageNumber + 1));
+  };
+  const onZoomOut = () => {
+    setScale((s) => Math.max(MIN_SCALE, parseFloat((s - SCALE_STEP).toFixed(2))));
+  };
+  const onZoomIn = () => {
+    setScale((s) => Math.min(MAX_SCALE, parseFloat((s + SCALE_STEP).toFixed(2))));
+  };
+  const currentDefaultSize = useMemo(() => {
+    if (!defaultSize) return void 0;
+    return {
+      width: defaultSize.width * scale,
+      height: defaultSize.height * scale
+    };
+  }, [defaultSize, scale]);
+  const toolbar = /* @__PURE__ */ jsxs("div", { className: styles_module_default.floatingToolbar, children: [
+    /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(LeftOutlined, {}), size: "small", onClick: onPrev, disabled: pageNumber <= 1 }),
+    /* @__PURE__ */ jsxs(Text, { children: [
+      Math.min(pageNumber, numPages),
+      " / ",
+      numPages || 0
+    ] }),
+    /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(RightOutlined, {}), size: "small", onClick: onNext, disabled: pageNumber >= numPages || numPages === 0 }),
+    /* @__PURE__ */ jsx("div", { className: styles_module_default.divider }),
+    /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(MinusOutlined, {}), size: "small", onClick: onZoomOut, disabled: scale <= MIN_SCALE }),
+    /* @__PURE__ */ jsxs(Text, { children: [
+      Math.round(scale * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ jsx(Button, { type: "text", icon: /* @__PURE__ */ jsx(PlusOutlined, {}), size: "small", onClick: onZoomIn, disabled: scale >= MAX_SCALE })
+  ] });
+  if (!previewEnabled) {
+    return /* @__PURE__ */ jsx(Flex, { className: styles_module_default.stateBody, children: "\u5173\u95ED\u9884\u89C8" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: styles_module_default.pdfContainer, children: [
+    toolbar,
+    /* @__PURE__ */ jsx("div", { className: styles_module_default.pdfBody, ref: containerRef, children: /* @__PURE__ */ jsx("div", { className: classNames2(styles_module_default.pdfDocument, "width-full"), children: loading && !pdf ? /* @__PURE__ */ jsx(Spin, { spinning: true }) : error ? /* @__PURE__ */ jsx(Flex, { className: styles_module_default.stateBody, children: error }) : Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ jsx(PdfPage, { pdf, pageNumber: i + 1, scale, scrollContainerRef: containerRef, defaultSize: currentDefaultSize }, i + 1)) }) })
+  ] });
+};
+var DocumentPreview_default = DocumentPreview;
+var HtmlPreview = ({ fileUrl }) => {
+  const [content, setContent] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const fetchHtml = async (signal) => {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    const res = await fetch(fileUrl, {
+      headers,
+      signal
+    });
+    if (res.status !== 200) {
+      throw new Error(`\u8BF7\u6C42\u5931\u8D25\uFF0C\u72B6\u6001\u7801: ${res.status}`);
+    }
+    const buffer = await res.arrayBuffer();
+    let htmlText = "";
+    try {
+      const decoder = new TextDecoder("utf-8", { fatal: true });
+      htmlText = decoder.decode(buffer);
+    } catch (e) {
+      const gbkDecoder = new TextDecoder("gbk");
+      htmlText = gbkDecoder.decode(buffer);
+    }
+    if (!htmlText) {
+      throw new Error("\u8FD4\u56DE\u5185\u5BB9\u4E3A\u7A7A");
+    }
+    setContent(htmlText);
+  };
+  useEffect(() => {
+    const controller = new AbortController();
+    const init = async () => {
+      setContent("");
+      setError("");
+      if (fileUrl) {
+        try {
+          setLoading(true);
+          await fetchHtml(controller.signal);
+        } catch (error2) {
+          if (!controller.signal.aborted) {
+            setError("\u52A0\u8F7D\u6216\u89E3\u6790 HTML \u5931\u8D25");
+          }
+        } finally {
+          if (!controller.signal.aborted) {
+            setLoading(false);
+          }
+        }
+      }
+    };
+    init();
+    return () => {
+      controller.abort();
+    };
+  }, [fileUrl]);
+  return error ? /* @__PURE__ */ jsx(Result, { status: "error", title: error }) : /* @__PURE__ */ jsx("div", { style: { height: "100%", width: "100%", position: "relative" }, children: loading ? /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }, children: /* @__PURE__ */ jsx(Spin, {}) }) : content ? /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      srcDoc: content,
+      style: { width: "100%", height: "100%", border: "none" },
+      sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
+      title: "HTML Preview"
+    }
+  ) : null });
+};
+var HtmlPreview_default = HtmlPreview;
+var luyaFilePreview_default = ({ suffix, fileUrl, emptyProps, fileName }) => {
+  const extension = suffix ? suffix : getFileSuffixName(fileName || "");
+  const Preview = useMemo(() => {
+    if (!fileUrl) {
+      return /* @__PURE__ */ jsx(Empty, { ...emptyProps });
+    }
+    switch (extension?.toUpperCase()) {
+      case "PNG":
+      case "JPG":
+      case "JPEG":
+      case "GIF":
+      case "BMP":
+      case "WEBP":
+      case "SVG":
+      case "ICO":
+      case "TIFF":
+        return /* @__PURE__ */ jsx(Image$1, { classNames: { root: styles_module_default.nsPreviewImage }, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
+      case "DOC":
+      case "DOCX":
+      case "PDF":
+      case "XLS":
+      case "XLSX":
+      case "PPT":
+      case "PPTX":
+      case "CSV":
+        return /* @__PURE__ */ jsx(DocumentPreview_default, { fileUrl });
+      case "MP4":
+        return /* @__PURE__ */ jsx(VideoPlayer_default, { fileUrl });
+      case "MP3":
+      case "WAV":
+      case "M4A":
+      case "AAC":
+      case "ACC":
+        return /* @__PURE__ */ jsx(AudioPlayer_default, { fileUrl });
+      case "HTML":
+      case "HTM":
+        return /* @__PURE__ */ jsx(HtmlPreview_default, { fileUrl });
+      case "MD":
+      case "MARKDOWN":
+        return /* @__PURE__ */ jsx(MarkdownPreview_default, { fileUrl });
+      case "TS":
+      case "TSX":
+      case "JS":
+      case "JSX":
+      case "JSON":
+      case "CSS":
+      case "LESS":
+      case "SCSS":
+      case "XML":
+      case "PY":
+      case "JAVA":
+      case "GO":
+      case "YAML":
+      case "YML":
+      case "ENV":
+      case "CONF":
+      case "CONFIG":
+        return /* @__PURE__ */ jsx(CodePreview_default, { fileUrl, suffix: extension });
+      case "TXT":
+        return /* @__PURE__ */ jsx(MarkdownPreview_default, { fileUrl, asPlainText: true });
+      default:
+        return /* @__PURE__ */ jsx(Result, { subTitle: `\u6682\u4E0D\u652F\u6301 ${suffix || ""} \u6587\u4EF6\u7684\u9884\u89C8` });
+    }
+  }, [suffix, fileUrl, fileName]);
+  return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "height-full", children: Preview });
+};
 var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onClose, ...props }) => {
   return /* @__PURE__ */ jsx(
     Drawer,
@@ -3467,7 +4006,7 @@ var styles_module_default6 = {
   annotationItemSelected: "styles_module_annotationItemSelected"
 };
 var { TextArea: TextArea2 } = Input;
-var { Text } = Typography;
+var { Text: Text2 } = Typography;
 var AnnotationSidebar_default = ({
   disabled,
   annotations,
@@ -3540,8 +4079,8 @@ var AnnotationSidebar_default = ({
               },
               children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, flex: 1, children: [
                 /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default6.annotationMeta, children: [
-                  /* @__PURE__ */ jsx(Text, { strong: true, type: "secondary", children: annotation["user-name"] }),
-                  /* @__PURE__ */ jsx(Text, { type: "secondary", children: formatDate(annotation["update-time"]) })
+                  /* @__PURE__ */ jsx(Text2, { strong: true, type: "secondary", children: annotation["user-name"] }),
+                  /* @__PURE__ */ jsx(Text2, { type: "secondary", children: formatDate(annotation["update-time"]) })
                 ] }),
                 !disabled && (editingId === annotation[ANNOTATION_ATTRS[0]] ? /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
                   /* @__PURE__ */ jsx(Form, { form, children: /* @__PURE__ */ jsx(
@@ -3560,7 +4099,7 @@ var AnnotationSidebar_default = ({
                     /* @__PURE__ */ jsx(Button, { size: "small", onClick: handleCancelEdit, children: "\u53D6\u6D88" })
                   ] })
                 ] }) : /* @__PURE__ */ jsxs(Flex, { gap: 8, vertical: true, children: [
-                  /* @__PURE__ */ jsx(Text, { children: annotation.content }),
+                  /* @__PURE__ */ jsx(Text2, { children: annotation.content }),
                   selectedAnnotationId === annotation[ANNOTATION_ATTRS[0]] && /* @__PURE__ */ jsxs(Space, { children: [
                     /* @__PURE__ */ jsx(
                       Button,
@@ -3600,7 +4139,7 @@ var AnnotationSidebar_default = ({
   }
   return createPortal(sidebarContent, container);
 };
-var createHtmlMark = (markName, ATTRS, classNames8) => {
+var createHtmlMark = (markName, ATTRS, classNames9) => {
   return Mark.create({
     name: markName,
     priority: 1e3,
@@ -3629,7 +4168,7 @@ var createHtmlMark = (markName, ATTRS, classNames8) => {
       return [
         "div",
         mergeAttributes$1(attrs, {
-          class: classNames8
+          class: classNames9
         }),
         0
       ];
@@ -4148,7 +4687,7 @@ var styles_module_default7 = {
   collectionItem: "styles_module_collectionItem",
   collectionItemSelected: "styles_module_collectionItemSelected"
 };
-var { Text: Text2 } = Typography;
+var { Text: Text3 } = Typography;
 var collectionSidebar_default = ({
   disabled,
   collections,
@@ -4214,11 +4753,11 @@ var collectionSidebar_default = ({
                 },
                 children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, flex: 1, children: [
                   /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default7.collectionMeta, children: [
-                    /* @__PURE__ */ jsx(Text2, { strong: true, type: "secondary", children: collection["user-name"] }),
-                    /* @__PURE__ */ jsx(Text2, { type: "secondary", children: formatDate(collection["update-time"]) })
+                    /* @__PURE__ */ jsx(Text3, { strong: true, type: "secondary", children: collection["user-name"] }),
+                    /* @__PURE__ */ jsx(Text3, { type: "secondary", children: formatDate(collection["update-time"]) })
                   ] }),
                   /* @__PURE__ */ jsxs(Flex, { gap: 8, vertical: true, children: [
-                    /* @__PURE__ */ jsx(Text2, { children: collection.text }),
+                    /* @__PURE__ */ jsx(Text3, { children: collection.text }),
                     !disabled && selectedCollectionId === collection[COLLECTION_ATTRS[0]] && /* @__PURE__ */ jsx(Space, { children: /* @__PURE__ */ jsx(
                       Popconfirm,
                       {
@@ -4458,7 +4997,7 @@ var ShortcutDisplay = ({
     /* @__PURE__ */ jsx("kbd", { children: key })
   ] }, index)) });
 };
-var Button6 = forwardRef(
+var Button7 = forwardRef(
   ({
     className,
     children,
@@ -4502,7 +5041,7 @@ var Button6 = forwardRef(
     ] });
   }
 );
-Button6.displayName = "Button";
+Button7.displayName = "Button";
 var ButtonGroup = forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -4838,7 +5377,7 @@ var BlockquoteButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -5064,7 +5603,7 @@ var CodeBlockButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -5430,7 +5969,7 @@ var ColorHighlightButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -5665,7 +6204,7 @@ function useColorHighlight(config) {
   };
 }
 var ColorHighlightPopoverButton = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  Button6,
+  Button7,
   {
     type: "button",
     className,
@@ -5734,7 +6273,7 @@ function ColorHighlightPopoverContent({
         )) }),
         /* @__PURE__ */ jsx(Separator, {}),
         /* @__PURE__ */ jsx(ButtonGroup, { orientation: "horizontal", children: /* @__PURE__ */ jsx(
-          Button6,
+          Button7,
           {
             onClick: handleRemoveHighlight,
             "aria-label": "\u79FB\u9664\u80CC\u666F",
@@ -5858,7 +6397,7 @@ var HeadingButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -6287,7 +6826,7 @@ var HeadingDropdownMenu = forwardRef(
     }
     return /* @__PURE__ */ jsxs(DropdownMenu, { modal: true, open: isOpen, onOpenChange: handleOpenChange, children: [
       /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button6,
+        Button7,
         {
           type: "button",
           "data-style": "ghost",
@@ -6505,7 +7044,7 @@ function InputGroup({
 var LinkButton = forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         className,
@@ -6565,7 +7104,7 @@ var LinkMain = ({
               }
             ) }),
             /* @__PURE__ */ jsx(ButtonGroup, { orientation: "horizontal", children: /* @__PURE__ */ jsx(
-              Button6,
+              Button7,
               {
                 type: "button",
                 onClick: setLink,
@@ -6578,7 +7117,7 @@ var LinkMain = ({
             /* @__PURE__ */ jsx(Separator, {}),
             /* @__PURE__ */ jsxs(ButtonGroup, { orientation: "horizontal", children: [
               /* @__PURE__ */ jsx(
-                Button6,
+                Button7,
                 {
                   type: "button",
                   onClick: openLink,
@@ -6589,7 +7128,7 @@ var LinkMain = ({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button6,
+                Button7,
                 {
                   type: "button",
                   onClick: removeLink,
@@ -6871,7 +7410,7 @@ var ListButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -7376,7 +7915,7 @@ function ListDropdownMenu({
   }
   return /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -7450,7 +7989,7 @@ var MarkButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         disabled: !canToggle3,
@@ -7845,7 +8384,7 @@ var TextAlignButton = forwardRef(
     }
     const RenderIcon = CustomIcon ?? Icon;
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         disabled: !canAlign,
@@ -8180,7 +8719,7 @@ var UndoRedoButton = forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         disabled: !canExecute,
@@ -8351,17 +8890,17 @@ var ArrowLeftIcon = memo(({ className, ...props }) => {
 });
 ArrowLeftIcon.displayName = "ArrowLeftIcon";
 function useSelect(editor, disabled = false, hideWhenUnavailable = false) {
-  const selectionAvailable = React__default.useMemo(() => hasSelection(editor), [editor?.state.selection]);
-  const blockMathSelected = React__default.useMemo(() => selectionHasBlockMath(editor), [editor?.state.selection]);
-  const isDisabled = React__default.useMemo(() => !selectionAvailable || disabled, [selectionAvailable, disabled]);
-  const shouldShow = React__default.useMemo(() => {
+  const selectionAvailable = React3__default.useMemo(() => hasSelection(editor), [editor?.state.selection]);
+  const blockMathSelected = React3__default.useMemo(() => selectionHasBlockMath(editor), [editor?.state.selection]);
+  const isDisabled = React3__default.useMemo(() => !selectionAvailable || disabled, [selectionAvailable, disabled]);
+  const shouldShow = React3__default.useMemo(() => {
     if (!editor?.isEditable) return false;
     if (hideWhenUnavailable && !selectionAvailable) return false;
     if (blockMathSelected) return false;
     return true;
   }, [editor, hideWhenUnavailable, selectionAvailable, blockMathSelected]);
-  const getText = React__default.useCallback(() => getSelectedText(editor), [editor]);
-  const getMarkdown = React__default.useCallback(() => getSelectedMarkdown(editor), [editor]);
+  const getText = React3__default.useCallback(() => getSelectedText(editor), [editor]);
+  const getMarkdown = React3__default.useCallback(() => getSelectedMarkdown(editor), [editor]);
   return {
     isDisabled,
     shouldShow,
@@ -8369,11 +8908,11 @@ function useSelect(editor, disabled = false, hideWhenUnavailable = false) {
     getMarkdown
   };
 }
-var SelectButton = React__default.forwardRef(
+var SelectButton = React3__default.forwardRef(
   ({ editor: providedEditor, disabled = false, hideWhenUnavailable = false, onClick, children, icon, tooltip, ...buttonProps }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
     const { isDisabled, shouldShow, getText, getMarkdown } = useSelect(editor, disabled, hideWhenUnavailable);
-    const handleClick = React__default.useCallback(
+    const handleClick = React3__default.useCallback(
       (e) => {
         if (e.defaultPrevented || isDisabled || !editor) return;
         const selectedText = getText();
@@ -8565,7 +9104,7 @@ function useCursorVisibility({ editor, overlayHeight = 0 }) {
   }, [editor, overlayHeight, windowHeight, rect.height]);
   return rect;
 }
-var QuoteIcon = React.memo(({ ...props }) => {
+var QuoteIcon = React3.memo(({ ...props }) => {
   return /* @__PURE__ */ jsx("span", { className: "anticon", children: /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 1024 1024", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
     "path",
     {
@@ -8638,7 +9177,7 @@ var MainToolbarContent = ({
   ] });
 };
 var MobileToolbarContent = ({ type, onBack }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Button6, { "data-style": "ghost", onClick: onBack, children: [
+  /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Button7, { "data-style": "ghost", onClick: onBack, children: [
     /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "tiptap-button-icon" }),
     type === "highlighter" ? /* @__PURE__ */ jsx(HighlighterIcon, { className: "tiptap-button-icon" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "tiptap-button-icon" })
   ] }) }),
@@ -9247,7 +9786,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
       const top = y1 * scaleY;
       const width = (x2 - x1) * scaleX;
       const height = (y2 - y1) * scaleY;
-      return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React3__default.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "div",
           {
@@ -9315,6 +9854,6 @@ var UserAvatar_default = ({ size, avatarSrc, userName }) => {
   return avatarSrc ? /* @__PURE__ */ jsx(Avatar, { size, src: avatarSrc }) : /* @__PURE__ */ jsx(Avatar, { size, className: "cursor-pointer", style: { backgroundColor: "var(--ant-color-primary)" }, children: userName?.slice(0, 1)?.toLocaleUpperCase() });
 };
 
-export { AudioPlayer_default as AudioPlayer, BusinessCode, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, DocxPreview_default as DocxPreview, FileIcon_default as FileIcon, FilePreview_default as FilePreview, FilePreviewDrawer_default as FilePreviewDrawer, HttpStatus, Iframe_default as Iframe, LazyComponent_default as LazyComponent, MarkDrawing_default as MarkDrawing, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MicroApp_default as MicroApp, Drawer_default as MicroAppDrawer, Window_default as MicroAppWindow, MultiEmailValidator, PdfImagePreview_default as PdfImagePreview, PdfPreview_default as PdfPreview, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, RenderMarkdown_default as RenderMarkdown, RenderWrapper_default as RenderWrapper, ThanNumLengthValidator, ThanNumValidator, UserAvatar_default as UserAvatar, VideoPlayer_default as VideoPlayer, 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, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAsyncQueue_default as useAsyncQueue, useAutoRefresh_default as useAutoRefresh, useCountDown_default as useCountDown, useCreateValtioContext_default as useCreateValtioContext, useDebounce_default as useDebounce, useDeepEffect_default as useDeepEffect, useIframeRelayBridge_default as useIframeRelayBridge, useRefState_default as useRefState, useSyncInput_default as useSyncInput, useThrottle_default as useThrottle, useWebSocket_default as useWebSocket };
+export { AudioPlayer_default as AudioPlayer, BusinessCode, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, DocxPreview_default as DocxPreview, FileIcon_default as FileIcon, FilePreview_default as FilePreview, FilePreviewDrawer_default as FilePreviewDrawer, HttpStatus, Iframe_default as Iframe, LazyComponent_default as LazyComponent, luyaFilePreview_default as LuyaFilePreview, MarkDrawing_default as MarkDrawing, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MicroApp_default as MicroApp, Drawer_default as MicroAppDrawer, Window_default as MicroAppWindow, MultiEmailValidator, PdfImagePreview_default as PdfImagePreview, PdfPreview_default as PdfPreview, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, RenderMarkdown_default as RenderMarkdown, RenderWrapper_default as RenderWrapper, ThanNumLengthValidator, ThanNumValidator, UserAvatar_default as UserAvatar, VideoPlayer_default as VideoPlayer, 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, safeParseJson, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAsyncQueue_default as useAsyncQueue, useAutoRefresh_default as useAutoRefresh, useCountDown_default as useCountDown, useCreateValtioContext_default as useCreateValtioContext, useDebounce_default as useDebounce, useDeepEffect_default as useDeepEffect, useIframeRelayBridge_default as useIframeRelayBridge, useRefState_default as useRefState, useSyncInput_default as useSyncInput, useThrottle_default as useThrottle, useWebSocket_default as useWebSocket };
 //# sourceMappingURL=index.esm.js.map
 //# sourceMappingURL=index.esm.js.map