@zero-library/common 3.0.1 → 3.0.3

package/dist/index.cjs.js

@@ -5,10 +5,11 @@ var icons = require('@ant-design/icons');
 var antd = require('antd');
 var classNames2 = require('classnames');
 var docxPreview = require('docx-preview');
-var React = require('react');
+var React3 = require('react');
 var AES = require('crypto-js/aes');
 var encUtf8 = require('crypto-js/enc-utf8');
 var htmlToText$1 = require('html-to-text');
+var jsonrepair = require('jsonrepair');
 var MarkdownIt = require('markdown-it');
 var markdownItDefList = require('markdown-it-deflist');
 var markdownItEmoji = require('markdown-it-emoji');
@@ -21,7 +22,6 @@ var relativeTime = require('dayjs/plugin/relativeTime');
 var axios = require('axios');
 var markdownItKatex = require('@traptitech/markdown-it-katex');
 var parse = require('html-react-parser');
-var jsonrepair = require('jsonrepair');
 require('katex/dist/katex.min.css');
 var reactVirtual = require('@tanstack/react-virtual');
 var core$1 = require('@react-pdf-viewer/core');
@@ -33,6 +33,9 @@ var zh_CN = require('@react-pdf-viewer/locales/lib/zh_CN.json');
 require('@react-pdf-viewer/page-navigation/lib/styles/index.css');
 require('@react-pdf-viewer/thumbnail/lib/styles/index.css');
 require('@react-pdf-viewer/zoom/lib/styles/index.css');
+var Editor = require('@monaco-editor/react');
+var monaco = require('monaco-editor');
+var pdfjsLib = require('pdfjs-dist-v5/legacy/build/pdf.mjs');
 var microApp = require('@micro-zoe/micro-app');
 var jsxCustomEvent = require('@micro-zoe/micro-app/polyfill/jsx-custom-event');
 var react = require('@tiptap/react');
@@ -60,6 +63,7 @@ var reactHotkeysHook = require('react-hotkeys-hook');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var throttle = require('lodash.throttle');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
@@ -81,7 +85,7 @@ function _interopNamespace(e) {
 }
 
 var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 var AES__default = /*#__PURE__*/_interopDefault(AES);
 var encUtf8__default = /*#__PURE__*/_interopDefault(encUtf8);
 var MarkdownIt__default = /*#__PURE__*/_interopDefault(MarkdownIt);
@@ -96,6 +100,9 @@ var axios__default = /*#__PURE__*/_interopDefault(axios);
 var markdownItKatex__default = /*#__PURE__*/_interopDefault(markdownItKatex);
 var parse__default = /*#__PURE__*/_interopDefault(parse);
 var zh_CN__default = /*#__PURE__*/_interopDefault(zh_CN);
+var Editor__default = /*#__PURE__*/_interopDefault(Editor);
+var monaco__namespace = /*#__PURE__*/_interopNamespace(monaco);
+var pdfjsLib__namespace = /*#__PURE__*/_interopNamespace(pdfjsLib);
 var microApp__default = /*#__PURE__*/_interopDefault(microApp);
 var jsxCustomEvent__default = /*#__PURE__*/_interopDefault(jsxCustomEvent);
 var TiptapHorizontalRule__default = /*#__PURE__*/_interopDefault(TiptapHorizontalRule);
@@ -126,7 +133,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__ */ jsxRuntime.jsxs("audio", { controls: true, className: styles_module_default.nsPreviewAudio, children: [
@@ -914,6 +928,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.jsonrepair(raw));
+  } catch {
+    return getFallbackValue();
+  }
+}
 dayjs__default.default.extend(relativeTime__default.default);
 var DEFAULT_DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
 var DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
@@ -1280,9 +1309,9 @@ function createTokenManager({ key, storage = localStorage }) {
   };
 }
 var DocxPreview_default = ({ fileUrl, scale = 1 }) => {
-  const containerRef = React.useRef(null);
-  const [zoomRatio, setZoomRatio] = React.useState(scale);
-  React.useEffect(() => {
+  const containerRef = React3.useRef(null);
+  const [zoomRatio, setZoomRatio] = React3.useState(scale);
+  React3.useEffect(() => {
     if (!fileUrl || !containerRef.current) return;
     containerRef.current.innerHTML = "";
     fetch(fileUrl).then((res) => res.arrayBuffer()).then(async (arrayBuffer) => {
@@ -1330,9 +1359,16 @@ var DocxPreview_default = ({ fileUrl, scale = 1 }) => {
 };
 var FileIcon_default = ({ suffix, fontSize = 22 }) => {
   const styles = { fontSize, color: "var(--ant-color-primary)" };
-  const Icon = React.useMemo(() => {
+  const Icon = React3.useMemo(() => {
     switch (suffix?.toUpperCase()) {
       case "TXT":
+      case "LOG":
+      case "JSON":
+      case "XML":
+      case "YML":
+      case "YAML":
+      case "INI":
+      case "CONF":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {});
       case "PDF":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {});
@@ -1341,8 +1377,10 @@ var FileIcon_default = ({ suffix, fontSize = 22 }) => {
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileWordOutlined, {});
       case "XLS":
       case "XLSX":
+      case "CSV":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileExcelOutlined, {});
       case "PPT":
+      case "PPTX":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FilePptOutlined, {});
       case "MP4":
       case "MOV":
@@ -1360,6 +1398,7 @@ var FileIcon_default = ({ suffix, fontSize = 22 }) => {
       case "JPEG":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileJpgOutlined, {});
       case "PNG":
+      case "WEBP":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileImageOutlined, {});
       case "GIF":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileGifOutlined, {});
@@ -1369,6 +1408,8 @@ var FileIcon_default = ({ suffix, fontSize = 22 }) => {
       case "ZIP":
       case "RAR":
       case "7Z":
+      case "TAR":
+      case "GZ":
         return /* @__PURE__ */ jsxRuntime.jsx(icons.FileZipOutlined, {});
       case "CATALOG":
         return /* @__PURE__ */ jsxRuntime.jsx("i", { style: styles, className: "iconfont icon-wenjianjia" });
@@ -1395,18 +1436,18 @@ var baseComponentMap = {
 };
 var lazyCache = /* @__PURE__ */ new Map();
 var LazyComponent_default = ({ type, customComponents, unknownContent, ...rest }) => {
-  const loader = customComponents?.[type] || baseComponentMap[type];
-  const LazyComponent = React.useMemo(() => {
-    if (!loader) return null;
+  const loader2 = customComponents?.[type] || baseComponentMap[type];
+  const LazyComponent = React3.useMemo(() => {
+    if (!loader2) return null;
     const cached = lazyCache.get(type);
     if (cached) return cached;
-    const component = React.lazy(loader);
+    const component = React3.lazy(loader2);
     lazyCache.set(type, component);
     return component;
-  }, [loader]);
+  }, [loader2]);
   if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { title: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    React.Suspense,
+    React3.Suspense,
     {
       fallback: /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Node, { active: true, className: styles_module_default2.skeleton, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", children: "\u7EC4\u4EF6\u52A0\u8F7D\u4E2D..." }) }),
       children: /* @__PURE__ */ jsxRuntime.jsx(LazyComponent, { ...rest })
@@ -1419,19 +1460,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.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");
@@ -1506,7 +1534,7 @@ var filterMarkdown = (content = "") => {
   return content.replace(/<!--[\s\S]*?(?:-->|$)/g, "");
 };
 var RenderMarkdown_default = ({ content = "", searchValue, customComponents, ...rest }) => {
-  const reactContent = React.useMemo(() => {
+  const reactContent = React3.useMemo(() => {
     if (!content) return null;
     const { text: preprocessed, placeholders } = alertMarkClean(filterMarkdown(content));
     let rawHtml = md.render(preprocessed);
@@ -1523,7 +1551,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__ */ jsxRuntime.jsx(LazyComponent_default, { customComponents, type, data, loading, ...rest }, `${type}${lazyIndex}`);
         }
@@ -1533,8 +1561,8 @@ var RenderMarkdown_default = ({ content = "", searchValue, customComponents, ...
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ns-markdown", children: reactContent });
 };
 var MarkdownPreview_default = ({ fileUrl, searchValue, asPlainText }) => {
-  const [content, setContent] = React.useState("");
-  const [error, setError] = React.useState("");
+  const [content, setContent] = React3.useState("");
+  const [error, setError] = React3.useState("");
   const fetchMarkdown = async () => {
     const res = await fetch(fileUrl);
     if (res.status !== 200) {
@@ -1560,7 +1588,7 @@ var MarkdownPreview_default = ({ fileUrl, searchValue, asPlainText }) => {
       setError("\u6587\u4EF6\u5730\u5740\u9519\u8BEF");
     }
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     init();
   }, [fileUrl]);
   const wrapInCodeFence = (text) => {
@@ -1571,7 +1599,7 @@ var MarkdownPreview_default = ({ fileUrl, searchValue, asPlainText }) => {
 ${text}
 ${fence}`;
   };
-  const newContent = React.useMemo(() => {
+  const newContent = React3.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 }) });
@@ -1659,34 +1687,34 @@ if (window) {
   window.addEventListener("message", handleGlobalMessage);
 }
 var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
-  const ctxRef = React.useRef({
+  const ctxRef = React3.useRef({
     handlers: {},
     allowedOrigins
   });
   ctxRef.current.allowedOrigins = allowedOrigins;
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const ctx = ctxRef.current;
     hookInstances.add(ctx);
     return () => {
       hookInstances.delete(ctx);
     };
   }, []);
-  const on = React.useCallback((type, handler) => {
+  const on = React3.useCallback((type, handler) => {
     const handlers = ctxRef.current.handlers;
     handlers[type] = handlers[type] || [];
     handlers[type].push(handler);
   }, []);
-  const off = React.useCallback((type, handler) => {
+  const off = React3.useCallback((type, handler) => {
     const handlers = ctxRef.current.handlers;
     if (handlers[type]) {
       handlers[type] = handlers[type].filter((fn) => fn !== handler);
     }
   }, []);
-  return React.useMemo(() => ({ on, off }), [on, off]);
+  return React3.useMemo(() => ({ on, off }), [on, off]);
 };
 var useRefState_default = (init) => {
-  const [state, setState] = React.useState(init);
-  const stateRef = React.useRef(init);
+  const [state, setState] = React3.useState(init);
+  const stateRef = React3.useRef(init);
   const setProxy = (newVal) => {
     stateRef.current = newVal;
     setState(newVal);
@@ -1697,19 +1725,19 @@ var useRefState_default = (init) => {
 
 // src/hooks/useAsyncQueue.ts
 var useAsyncQueue_default = () => {
-  const [queue, setQueue] = React.useState([]);
-  const [enabled, setEnabled] = React.useState(true);
+  const [queue, setQueue] = React3.useState([]);
+  const [enabled, setEnabled] = React3.useState(true);
   const [running, setRunning, getRunning] = useRefState_default(false);
-  const addToQueue = React.useCallback((func, ...args) => {
+  const addToQueue = React3.useCallback((func, ...args) => {
     setQueue((prevQueue) => [...prevQueue, { func, args }]);
   }, []);
-  const executeQueue = React.useCallback((nextEnabled) => {
+  const executeQueue = React3.useCallback((nextEnabled) => {
     setEnabled(nextEnabled);
   }, []);
-  const clearQueue = React.useCallback(() => {
+  const clearQueue = React3.useCallback(() => {
     setQueue([]);
   }, []);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!enabled) return;
     if (getRunning()) return;
     if (queue.length === 0) return;
@@ -1734,15 +1762,15 @@ var useAsyncQueue_default = () => {
   };
 };
 var useAutoRefresh_default = (listenValue, shouldRefresh, callback, delay = 1e4) => {
-  const timerRef = React.useRef(null);
-  const shouldRefreshRef = React.useRef(shouldRefresh);
-  const callbackRef = React.useRef(callback);
-  const [num, setNum] = React.useState(0);
-  React.useEffect(() => {
+  const timerRef = React3.useRef(null);
+  const shouldRefreshRef = React3.useRef(shouldRefresh);
+  const callbackRef = React3.useRef(callback);
+  const [num, setNum] = React3.useState(0);
+  React3.useEffect(() => {
     shouldRefreshRef.current = shouldRefresh;
     callbackRef.current = callback;
   }, [shouldRefresh, callback]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
@@ -1761,9 +1789,9 @@ var useAutoRefresh_default = (listenValue, shouldRefresh, callback, delay = 1e4)
   }, [listenValue, delay, num]);
 };
 var useCountDown_default = (callback) => {
-  const [count, setCount] = React.useState(0);
-  const [startCount, setStartCount] = React.useState(0);
-  const timer = React.useRef(null);
+  const [count, setCount] = React3.useState(0);
+  const [startCount, setStartCount] = React3.useState(0);
+  const timer = React3.useRef(null);
   const pause = () => {
     clearInterval(timer.current);
     timer.current = null;
@@ -1776,12 +1804,12 @@ var useCountDown_default = (callback) => {
       setCount((count2) => count2 - 1);
     }, 1e3);
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     return () => {
       pause();
     };
   }, []);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (count === 0 && startCount !== 0) {
       pause();
       callback?.();
@@ -1790,10 +1818,10 @@ var useCountDown_default = (callback) => {
   return { count, start, pause, startCount };
 };
 var useCreateValtioContext_default = () => {
-  const Context = React.createContext(null);
+  const Context = React3.createContext(null);
   const ValtioProvider = ({ store, children }) => /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value: store, children });
   const useValtioStore = () => {
-    const store = React.useContext(Context);
+    const store = React3.useContext(Context);
     if (!store) throw new Error("useStore must be used within Provider");
     return store;
   };
@@ -1805,8 +1833,8 @@ var useCreateValtioContext_default = () => {
   };
 };
 var useDebounce_default = (func, wait = 400) => {
-  const { current } = React.useRef({ func, timeOut: null });
-  React.useEffect(() => {
+  const { current } = React3.useRef({ func, timeOut: null });
+  React3.useEffect(() => {
     current.func = func;
   }, [func]);
   let args;
@@ -1838,12 +1866,12 @@ var useDebounce_default = (func, wait = 400) => {
   }
   debounce.flush = flush;
   debounce.cancel = cancel;
-  return React.useCallback(debounce, []);
+  return React3.useCallback(debounce, []);
 };
 var useDeepEffect_default = (effect, deps) => {
-  const prevDepsRef = React.useRef();
+  const prevDepsRef = React3.useRef();
   const depsChanged = !prevDepsRef.current || deps.length !== prevDepsRef.current.length || deps.some((dep, i) => !deepEqual(dep, prevDepsRef.current[i]));
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (depsChanged) {
       prevDepsRef.current = deps;
       return effect();
@@ -1851,8 +1879,8 @@ var useDeepEffect_default = (effect, deps) => {
   }, [depsChanged, effect, ...deps]);
 };
 var useSyncInput_default = (storeValue, setStoreValue) => {
-  const [inputValue, setInputValue] = React.useState(storeValue);
-  React.useEffect(() => {
+  const [inputValue, setInputValue] = React3.useState(storeValue);
+  React3.useEffect(() => {
     if (storeValue !== inputValue) {
       setInputValue(storeValue);
     }
@@ -1867,8 +1895,8 @@ var useSyncInput_default = (storeValue, setStoreValue) => {
   };
 };
 var useThrottle_default = (func, wait) => {
-  const { current } = React.useRef({ func, timeOut: null });
-  React.useEffect(() => {
+  const { current } = React3.useRef({ func, timeOut: null });
+  React3.useEffect(() => {
     current.func = func;
   }, [func]);
   let args;
@@ -1899,7 +1927,7 @@ var useThrottle_default = (func, wait) => {
   }
   throttle2.flush = flush;
   throttle2.cancel = cancel;
-  return React.useCallback(throttle2, []);
+  return React3.useCallback(throttle2, []);
 };
 
 // src/hooks/webSocket/WebSocketManager.ts
@@ -2182,17 +2210,17 @@ var useWebSocket_default = ({
   maxReconnectAttempts,
   isReconnect = true
 }) => {
-  const [socketReadyState, setSocketReadyState] = React.useState(null);
-  const onMessageRef = React.useRef(onMessage);
-  React.useEffect(() => {
+  const [socketReadyState, setSocketReadyState] = React3.useState(null);
+  const onMessageRef = React3.useRef(onMessage);
+  React3.useEffect(() => {
     onMessageRef.current = onMessage;
   }, [onMessage]);
-  const onCloseRef = React.useRef(onClose);
-  React.useEffect(() => {
+  const onCloseRef = React3.useRef(onClose);
+  React3.useEffect(() => {
     onCloseRef.current = onClose;
   }, [onClose]);
-  const managerRef = React.useRef(null);
-  React.useEffect(() => {
+  const managerRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (!url) return;
     const manager = WebSocketManager.getInstance({
       url,
@@ -2215,7 +2243,7 @@ var useWebSocket_default = ({
       managerRef.current = null;
     };
   }, [url]);
-  const sendMessage = React.useCallback((message3) => {
+  const sendMessage = React3.useCallback((message3) => {
     managerRef.current?.sendMessage(message3);
   }, []);
   return {
@@ -2227,9 +2255,9 @@ var THUMB_IMG_HEIGHT = 514;
 var MAIN_IMG_HEIGHT = 800;
 var MAIN_IMG_WIDTH = 600;
 var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = true, onSetPageNo }) => {
-  const [images, setImages] = React.useState([]);
+  const [images, setImages] = React3.useState([]);
   const [currentIndex, setCurrentIndex, getCurrentIndex] = useRefState_default(0);
-  const [error, setError] = React.useState("");
+  const [error, setError] = React3.useState("");
   const fetchPdfImages = async () => {
     const res = await fetch(fileUrl);
     if (res.status !== 200) {
@@ -2255,14 +2283,14 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
       setError("pdf\u5730\u5740\u9519\u8BEF");
     }
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     init();
   }, [fileUrl]);
   const handlePageNoChange = (index) => {
     setCurrentIndex(index);
     onSetPageNo?.(images[index]?.pageNum);
   };
-  const thumbsParentRef = React.useRef(null);
+  const thumbsParentRef = React3.useRef(null);
   const thumbsVirtualizer = reactVirtual.useVirtualizer({
     count: images.length,
     getScrollElement: () => thumbsParentRef.current,
@@ -2270,14 +2298,14 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
     // 缩略图高度（含 margin）
     overscan: 3
   });
-  const containerRef = React.useRef(null);
+  const containerRef = React3.useRef(null);
   const virtualizer = reactVirtual.useVirtualizer({
     count: images.length,
     getScrollElement: () => containerRef.current,
     estimateSize: () => MAIN_IMG_HEIGHT * zoom,
     overscan: 2
   });
-  const rAFRef = React.useRef(null);
+  const rAFRef = React3.useRef(null);
   const onScroll = useDebounce_default(() => {
     if (rAFRef.current) cancelAnimationFrame(rAFRef.current);
     rAFRef.current = requestAnimationFrame(() => {
@@ -2302,7 +2330,7 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
       }
     });
   }, 300);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     el.addEventListener("scroll", onScroll, { passive: true });
@@ -2321,13 +2349,13 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
     }
     return getCurrentIndex() ?? 0;
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const index = getIndex(pageNo);
     if (index !== getCurrentIndex()) {
       virtualizer.scrollToIndex(index);
     }
   }, [images, pageNo, virtualizer, thumbsVirtualizer]);
-  const [zoom, setZoom] = React.useState(1);
+  const [zoom, setZoom] = React3.useState(1);
   const zoomIn = () => setZoom((z) => Math.min(z + 0.2, 3));
   const zoomOut = () => setZoom((z) => Math.max(z - 0.2, 0.4));
   const zoomFitWidth = () => {
@@ -2338,12 +2366,12 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
     const nextZoom = (containerWidth - 24) / MAIN_IMG_WIDTH;
     setZoom(Math.max(0.4, Math.min(nextZoom, 3)));
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (scale) {
       setZoom(scale);
     }
   }, [scale]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (zoom) {
       virtualizer.measure();
       setTimeout(() => {
@@ -2474,12 +2502,12 @@ var openLinksNewTabPlugin = () => {
   };
 };
 var PdfPreview_default = ({ password, fileUrl, pageNo = 1, scale = 1, isHasThumbnails = true, onSetPassword, onSetPageNo }) => {
-  const embedRef = React.useRef(null);
-  const [sizes, setSizes] = React.useState([0]);
+  const embedRef = React3.useRef(null);
+  const [sizes, setSizes] = React3.useState([0]);
   const [docLoaded, setDocLoaded, getDocLoaded] = useRefState_default(false);
   const [, setCurrentPage, getCurrentPage] = useRefState_default(void 0);
-  const [temporaryPassword, setTemporaryPassword] = React.useState("");
-  const jumpToPageNo = React.useRef();
+  const [temporaryPassword, setTemporaryPassword] = React3.useState("");
+  const jumpToPageNo = React3.useRef();
   const onVerifyPasswordEnd = (password2) => {
     setTemporaryPassword(password2);
   };
@@ -2533,12 +2561,12 @@ var PdfPreview_default = ({ password, fileUrl, pageNo = 1, scale = 1, isHasThumb
       setTemporaryPassword("");
     }
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     setCurrentPage(void 0);
     setDocLoaded(false);
     setSizes([0]);
   }, [fileUrl]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     setTimeout(() => {
       onJumpToPage(pageNo);
     }, 0);
@@ -2630,7 +2658,7 @@ var PdfPreview_default = ({ password, fileUrl, pageNo = 1, scale = 1, isHasThumb
   ] }) }) });
 };
 var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue, emptyProps, onSetPassword }) => {
-  const Preview = React.useMemo(() => {
+  const Preview = React3.useMemo(() => {
     if (!fileUrl) {
       return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { ...emptyProps });
     }
@@ -2664,6 +2692,533 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
   }, [suffix, fileUrl, pdfParams]);
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "center", align: "center", className: "height-full", children: Preview });
 };
+Editor.loader.config({ monaco: monaco__namespace });
+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] = React3.useState("");
+  const [error, setError] = React3.useState("");
+  const [loading, setLoading] = React3.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);
+  };
+  React3.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__ */ jsxRuntime.jsx(antd.Result, { status: "error", title: error });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", width: "100%", position: "relative" }, children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(
+    Editor__default.default,
+    {
+      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 } = antd.Typography;
+pdfjsLib__namespace.GlobalWorkerOptions.workerSrc = new URL("./pdf.worker.min.mjs", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs.js', document.baseURI).href))).toString();
+var MIN_SCALE = 0.6;
+var MAX_SCALE = 1.5;
+var SCALE_STEP = 0.1;
+var PdfPage = React3__namespace.default.memo(({ pdf, pageNumber, scale, scrollContainerRef, defaultSize }) => {
+  const canvasRef = React3.useRef(null);
+  const containerRef = React3.useRef(null);
+  const [loading, setLoading] = React3.useState(false);
+  const renderTaskRef = React3.useRef(null);
+  const [dimensions, setDimensions] = React3.useState(null);
+  const [shouldRender2, setShouldRender] = React3.useState(false);
+  React3.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]);
+  React3.useEffect(() => {
+    setDimensions(null);
+  }, [scale]);
+  React3.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: styles_module_default.pdfPage,
+      id: `pdf-page-${pageNumber}`,
+      style: {
+        width,
+        height,
+        position: "relative"
+      },
+      children: shouldRender2 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("canvas", { ref: canvasRef, style: { display: "block" } }),
+        loading && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(antd.Spin, {})
+          }
+        )
+      ] })
+    }
+  );
+});
+var DocumentPreview = ({ fileUrl, previewEnabled = true }) => {
+  const [loading, setLoading] = React3.useState(false);
+  const [pdf, setPdf] = React3.useState(null);
+  const [numPages, setNumPages] = React3.useState(0);
+  const [pageNumber, setPageNumber] = React3.useState(1);
+  const [scale, setScale] = React3.useState(1);
+  const [error, setError] = React3.useState(null);
+  const containerRef = React3.useRef(null);
+  const pdfLoadingTaskRef = React3.useRef(null);
+  const [defaultSize, setDefaultSize] = React3.useState(void 0);
+  React3.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__namespace.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]);
+  React3.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 = React3.useMemo(() => {
+    if (!defaultSize) return void 0;
+    return {
+      width: defaultSize.width * scale,
+      height: defaultSize.height * scale
+    };
+  }, [defaultSize, scale]);
+  const toolbar = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default.floatingToolbar, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.LeftOutlined, {}), size: "small", onClick: onPrev, disabled: pageNumber <= 1 }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Text, { children: [
+      Math.min(pageNumber, numPages),
+      " / ",
+      numPages || 0
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.RightOutlined, {}), size: "small", onClick: onNext, disabled: pageNumber >= numPages || numPages === 0 }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default.divider }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MinusOutlined, {}), size: "small", onClick: onZoomOut, disabled: scale <= MIN_SCALE }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Text, { children: [
+      Math.round(scale * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}), size: "small", onClick: onZoomIn, disabled: scale >= MAX_SCALE })
+  ] });
+  if (!previewEnabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: styles_module_default.stateBody, children: "\u5173\u95ED\u9884\u89C8" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default.pdfContainer, children: [
+    toolbar,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default.pdfBody, ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default.pdfDocument, "width-full"), children: loading && !pdf ? /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: true }) : error ? /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: styles_module_default.stateBody, children: error }) : Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(PdfPage, { pdf, pageNumber: i + 1, scale, scrollContainerRef: containerRef, defaultSize: currentDefaultSize }, i + 1)) }) })
+  ] });
+};
+var DocumentPreview_default = DocumentPreview;
+var HtmlPreview = ({ fileUrl }) => {
+  const [content, setContent] = React3.useState("");
+  const [error, setError] = React3.useState("");
+  const [loading, setLoading] = React3.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);
+  };
+  React3.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__ */ jsxRuntime.jsx(antd.Result, { status: "error", title: error }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", width: "100%", position: "relative" }, children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, {}) }) : content ? /* @__PURE__ */ jsxRuntime.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 = React3.useMemo(() => {
+    if (!fileUrl) {
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.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__ */ jsxRuntime.jsx(antd.Image, { 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__ */ jsxRuntime.jsx(DocumentPreview_default, { fileUrl });
+      case "MP4":
+        return /* @__PURE__ */ jsxRuntime.jsx(VideoPlayer_default, { fileUrl });
+      case "MP3":
+      case "WAV":
+      case "M4A":
+      case "AAC":
+      case "ACC":
+        return /* @__PURE__ */ jsxRuntime.jsx(AudioPlayer_default, { fileUrl });
+      case "HTML":
+      case "HTM":
+        return /* @__PURE__ */ jsxRuntime.jsx(HtmlPreview_default, { fileUrl });
+      case "MD":
+      case "MARKDOWN":
+        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CodePreview_default, { fileUrl, suffix: extension });
+      case "TXT":
+        return /* @__PURE__ */ jsxRuntime.jsx(MarkdownPreview_default, { fileUrl, asPlainText: true });
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { subTitle: `\u6682\u4E0D\u652F\u6301 ${suffix || ""} \u6587\u4EF6\u7684\u9884\u89C8` });
+    }
+  }, [suffix, fileUrl, fileName]);
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "center", align: "center", className: "height-full", children: Preview });
+};
 var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onClose, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Drawer,
@@ -2683,8 +3238,8 @@ var styles_module_default3 = {
   microApp: "styles_module_microApp"
 };
 var MicroApp_default = ({ name, url, className, onMounted, onError, data, ...rest }) => {
-  const [loading, setLoading] = React.useState(false);
-  React.useEffect(() => {
+  const [loading, setLoading] = React3.useState(false);
+  React3.useEffect(() => {
     setLoading(true);
   }, [url]);
   const handleLoad = () => {
@@ -2695,7 +3250,7 @@ var MicroApp_default = ({ name, url, className, onMounted, onError, data, ...res
     setLoading(false);
     onError?.(e);
   };
-  const microAppData = React.useMemo(() => {
+  const microAppData = React3.useMemo(() => {
     const parentMainSource = window?.microApp?.getData?.()?.mainSource || [];
     return { mainSource: [...parentMainSource, name], ...data };
   }, [data, name]);
@@ -2714,19 +3269,19 @@ var MicroApp_default = ({ name, url, className, onMounted, onError, data, ...res
   ));
 };
 var Drawer_default = ({ name: podName }) => {
-  const [currentPod, setCurrentPod] = React.useState({ title: "", url: "" });
-  const [fullPodOpen, setFullPodOpen] = React.useState(false);
+  const [currentPod, setCurrentPod] = React3.useState({ title: "", url: "" });
+  const [fullPodOpen, setFullPodOpen] = React3.useState(false);
   const { on, off } = useIframeRelayBridge_default();
-  const openPod = React.useCallback(({ title, url, name }) => {
+  const openPod = React3.useCallback(({ title, url, name }) => {
     if (name === podName) {
       setCurrentPod({ title, url });
       setFullPodOpen(true);
     }
   }, []);
-  const onClosePod = React.useCallback(() => {
+  const onClosePod = React3.useCallback(() => {
     setFullPodOpen(false);
   }, []);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     on("openPod", openPod);
     on("onClosePod", onClosePod);
     return () => {
@@ -2751,14 +3306,14 @@ var Drawer_default = ({ name: podName }) => {
   );
 };
 var Window_default = ({ defaultUrl, name: appName }) => {
-  const [windowUrl, setWindowUrl] = React.useState("");
+  const [windowUrl, setWindowUrl] = React3.useState("");
   const [windowUrlKey, setWindowUrlKey, getWindowUrlKey] = useRefState_default(0);
   const { on, off } = useIframeRelayBridge_default();
   const onWindowUrlChange = (url) => {
     setWindowUrl(url);
     setWindowUrlKey(getWindowUrlKey() + 1);
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const urlParams = getAllUrlParams(location.href);
     if (urlParams[appName]) {
       const url = microApp__default.default.router.decode(urlParams[appName]);
@@ -2767,7 +3322,7 @@ var Window_default = ({ defaultUrl, name: appName }) => {
       onWindowUrlChange(defaultUrl);
     }
   }, [defaultUrl, appName]);
-  const openWindow = React.useCallback(
+  const openWindow = React3.useCallback(
     ({ url, name }) => {
       if (appName === name) {
         onWindowUrlChange(url);
@@ -2775,7 +3330,7 @@ var Window_default = ({ defaultUrl, name: appName }) => {
     },
     [appName]
   );
-  React.useEffect(() => {
+  React3.useEffect(() => {
     on("openWindow", openWindow);
     return () => {
       off("openWindow", openWindow);
@@ -2788,16 +3343,16 @@ var Window_default = ({ defaultUrl, name: appName }) => {
 var styles_module_default4 = {
   iframe: "styles_module_iframe"
 };
-var Iframe_default = React.forwardRef(({ defaultMainSource, id, src, className, onLoad }, ref) => {
-  const [loading, setLoading] = React.useState(false);
-  const finalSrc = React.useMemo(() => {
+var Iframe_default = React3.forwardRef(({ defaultMainSource, id, src, className, onLoad }, ref) => {
+  const [loading, setLoading] = React3.useState(false);
+  const finalSrc = React3.useMemo(() => {
     return buildUrlParams({ v: Date.now() }, addUrlLastSlash(setUrlMainSource(src, location.href, defaultMainSource)));
   }, [src]);
   const onHandleLoad = () => {
     setLoading(false);
     onLoad?.();
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     setLoading(true);
   }, [src]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, classNames: { root: "full-spin" }, description: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3000,7 +3555,7 @@ var PageNoExtension = core.Extension.create({
 });
 function useTiptapEditor(providedEditor) {
   const { editor: coreEditor } = react.useCurrentEditor();
-  const mainEditor = React.useMemo(() => providedEditor || coreEditor, [providedEditor, coreEditor]);
+  const mainEditor = React3.useMemo(() => providedEditor || coreEditor, [providedEditor, coreEditor]);
   const editorState = react.useEditorState({
     editor: mainEditor,
     selector(context) {
@@ -3033,7 +3588,7 @@ function useFloatingElement(show, reference, zIndex, options, autoUpdateOptions)
   const { isMounted, styles } = react$1.useTransitionStyles(context);
   const dismiss = react$1.useDismiss(context, dismissOptions);
   const { getReferenceProps, getFloatingProps } = react$1.useInteractions([dismiss]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (reference === null) {
       refs.setReference(null);
       return;
@@ -3050,7 +3605,7 @@ function useFloatingElement(show, reference, zIndex, options, autoUpdateOptions)
       getBoundingClientRect
     });
   }, [reference, refs]);
-  return React.useMemo(
+  return React3.useMemo(
     () => ({
       isMounted,
       ref: refs.setFloating,
@@ -3268,7 +3823,7 @@ function sanitizeUrl(inputUrl, baseUrl, protocols) {
   }
   return "#";
 }
-var FloatingElement = React.forwardRef(
+var FloatingElement = React3.forwardRef(
   ({
     editor: providedEditor,
     shouldShow = void 0,
@@ -3283,20 +3838,20 @@ var FloatingElement = React.forwardRef(
     style: propStyle,
     ...props
   }, forwardedRef) => {
-    const [open, setOpen] = React.useState(
+    const [open, setOpen] = React3.useState(
       shouldShow !== void 0 ? shouldShow : false
     );
-    const floatingElementRef = React.useRef(null);
-    const preventHideRef = React.useRef(false);
-    const preventShowRef = React.useRef(false);
-    const editorRef = React.useRef(null);
-    const getBoundingClientRectRef = React.useRef(getBoundingClientRect);
+    const floatingElementRef = React3.useRef(null);
+    const preventHideRef = React3.useRef(false);
+    const preventShowRef = React3.useRef(false);
+    const editorRef = React3.useRef(null);
+    const getBoundingClientRectRef = React3.useRef(getBoundingClientRect);
     const { editor } = useTiptapEditor(providedEditor);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       editorRef.current = editor;
       getBoundingClientRectRef.current = getBoundingClientRect;
     }, [editor, getBoundingClientRect]);
-    const handleOpenChange = React.useCallback(
+    const handleOpenChange = React3.useCallback(
       (newOpen) => {
         onOpenChange?.(newOpen);
         setOpen(newOpen);
@@ -3312,7 +3867,7 @@ var FloatingElement = React.forwardRef(
       }
       handleOpenChange(open2);
     };
-    const reference = React.useMemo(() => {
+    const reference = React3.useMemo(() => {
       if (referenceElement) {
         return referenceElement;
       }
@@ -3341,7 +3896,7 @@ var FloatingElement = React.forwardRef(
         ...floatingOptions
       }
     );
-    const updateSelectionState = React.useCallback(() => {
+    const updateSelectionState = React3.useCallback(() => {
       if (!editor) return;
       const newRect = getBoundingClientRect(editor);
       if (newRect && shouldShow !== void 0 && !preventShowRef.current) {
@@ -3355,7 +3910,7 @@ var FloatingElement = React.forwardRef(
         handleOpenChange(false);
       }
     }, [editor, getBoundingClientRect, handleOpenChange, shouldShow]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor || !closeOnEscape) return;
       const handleKeyDown = (event) => {
         if (event.key === "Escape" && open) {
@@ -3369,7 +3924,7 @@ var FloatingElement = React.forwardRef(
         editor.view.dom.removeEventListener("keydown", handleKeyDown);
       };
     }, [editor, open, closeOnEscape, handleOpenChange]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       const handleBlur = (event) => {
         if (preventHideRef.current) {
@@ -3390,7 +3945,7 @@ var FloatingElement = React.forwardRef(
         editor.view.dom.removeEventListener("blur", handleBlur);
       };
     }, [editor, handleOpenChange, open]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       const handleDrag = () => {
         if (open) {
@@ -3404,7 +3959,7 @@ var FloatingElement = React.forwardRef(
         editor.view.dom.removeEventListener("dragover", handleDrag);
       };
     }, [editor, open, handleOpenChange]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       const handleMouseDown = (event) => {
         if (event.button !== 0) return;
@@ -3436,18 +3991,18 @@ var FloatingElement = React.forwardRef(
         editor.view.root.removeEventListener("mouseup", handleMouseUp);
       };
     }, [editor, updateSelectionState]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       editor.on("selectionUpdate", updateSelectionState);
       return () => {
         editor.off("selectionUpdate", updateSelectionState);
       };
     }, [editor, updateSelectionState]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       updateSelectionState();
     }, [editor, updateSelectionState]);
-    const finalStyle = React.useMemo(
+    const finalStyle = React3.useMemo(
       () => propStyle && Object.keys(propStyle).length > 0 ? propStyle : style,
       [propStyle, style]
     );
@@ -3467,8 +4022,8 @@ var FloatingElement = React.forwardRef(
 );
 FloatingElement.displayName = "FloatingElement";
 function useIsBreakpoint(mode = "max", breakpoint = 768) {
-  const [matches, setMatches] = React.useState(void 0);
-  React.useEffect(() => {
+  const [matches, setMatches] = React3.useState(void 0);
+  React3.useEffect(() => {
     const query = mode === "min" ? `(min-width: ${breakpoint}px)` : `(max-width: ${breakpoint - 1}px)`;
     const mql = window.matchMedia(query);
     const onChange = (e) => setMatches(e.matches);
@@ -3511,7 +4066,7 @@ var styles_module_default6 = {
   annotationItemSelected: "styles_module_annotationItemSelected"
 };
 var { TextArea: TextArea2 } = antd.Input;
-var { Text } = antd.Typography;
+var { Text: Text2 } = antd.Typography;
 var AnnotationSidebar_default = ({
   disabled,
   annotations,
@@ -3523,8 +4078,8 @@ var AnnotationSidebar_default = ({
   onClose
 }) => {
   const [form] = antd.Form.useForm();
-  const [editingId, setEditingId] = React.useState();
-  const itemRefs = React.useRef({});
+  const [editingId, setEditingId] = React3.useState();
+  const itemRefs = React3.useRef({});
   const handleEdit = (annotation) => {
     setEditingId(annotation[ANNOTATION_ATTRS[0]]);
     form.setFieldsValue({ content: annotation.content });
@@ -3537,7 +4092,7 @@ var AnnotationSidebar_default = ({
     onEditAnnotation(editingId, values.content);
     handleCancelEdit();
   };
-  React.useEffect(() => {
+  React3.useEffect(() => {
     handleCancelEdit();
     if (selectedAnnotationId) {
       const element = itemRefs.current[selectedAnnotationId];
@@ -3584,8 +4139,8 @@ var AnnotationSidebar_default = ({
               },
               children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, flex: 1, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", className: styles_module_default6.annotationMeta, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Text, { strong: true, type: "secondary", children: annotation["user-name"] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Text, { type: "secondary", children: formatDate(annotation["update-time"]) })
+                  /* @__PURE__ */ jsxRuntime.jsx(Text2, { strong: true, type: "secondary", children: annotation["user-name"] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Text2, { type: "secondary", children: formatDate(annotation["update-time"]) })
                 ] }),
                 !disabled && (editingId === annotation[ANNOTATION_ATTRS[0]] ? /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(antd.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3604,7 +4159,7 @@ var AnnotationSidebar_default = ({
                     /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: handleCancelEdit, children: "\u53D6\u6D88" })
                   ] })
                 ] }) : /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, vertical: true, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Text, { children: annotation.content }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Text2, { children: annotation.content }),
                   selectedAnnotationId === annotation[ANNOTATION_ATTRS[0]] && /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       antd.Button,
@@ -3644,7 +4199,7 @@ var AnnotationSidebar_default = ({
   }
   return reactDom.createPortal(sidebarContent, container);
 };
-var createHtmlMark = (markName, ATTRS, classNames8) => {
+var createHtmlMark = (markName, ATTRS, classNames9) => {
   return core.Mark.create({
     name: markName,
     priority: 1e3,
@@ -3673,7 +4228,7 @@ var createHtmlMark = (markName, ATTRS, classNames8) => {
       return [
         "div",
         core.mergeAttributes(attrs, {
-          class: classNames8
+          class: classNames9
         }),
         0
       ];
@@ -3890,10 +4445,10 @@ var AnnotationPlugin = core.Extension.create({
   }
 });
 var useAnnotations = (annotationConfig) => {
-  const [annotations, setAnnotations] = React.useState([]);
-  const [selectedAnnotationId, setSelectedAnnotationId] = React.useState(null);
-  const [showAnnotationModal, setShowAnnotationModal] = React.useState(false);
-  const [internalShowAnnotation, setInternalShowAnnotation] = React.useState(false);
+  const [annotations, setAnnotations] = React3.useState([]);
+  const [selectedAnnotationId, setSelectedAnnotationId] = React3.useState(null);
+  const [showAnnotationModal, setShowAnnotationModal] = React3.useState(false);
+  const [internalShowAnnotation, setInternalShowAnnotation] = React3.useState(false);
   const isControlled = isBoolean(annotationConfig?.visible);
   const showAnnotation = isControlled ? annotationConfig?.visible : internalShowAnnotation;
   const setShowAnnotation = (visible) => {
@@ -3902,7 +4457,7 @@ var useAnnotations = (annotationConfig) => {
     }
     annotationConfig?.onVisibleChange?.(visible);
   };
-  const editor = React.useRef();
+  const editor = React3.useRef();
   const setAnnotationEditor = (newEditor) => {
     editor.current = newEditor;
   };
@@ -4192,7 +4747,7 @@ var styles_module_default7 = {
   collectionItem: "styles_module_collectionItem",
   collectionItemSelected: "styles_module_collectionItemSelected"
 };
-var { Text: Text2 } = antd.Typography;
+var { Text: Text3 } = antd.Typography;
 var collectionSidebar_default = ({
   disabled,
   collections,
@@ -4202,8 +4757,8 @@ var collectionSidebar_default = ({
   collectionConfig,
   onClose
 }) => {
-  const itemRefs = React.useRef({});
-  React.useEffect(() => {
+  const itemRefs = React3.useRef({});
+  React3.useEffect(() => {
     if (selectedCollectionId) {
       const element = itemRefs.current[selectedCollectionId];
       element?.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -4258,11 +4813,11 @@ var collectionSidebar_default = ({
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, flex: 1, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", className: styles_module_default7.collectionMeta, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Text2, { strong: true, type: "secondary", children: collection["user-name"] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Text2, { type: "secondary", children: formatDate(collection["update-time"]) })
+                    /* @__PURE__ */ jsxRuntime.jsx(Text3, { strong: true, type: "secondary", children: collection["user-name"] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Text3, { type: "secondary", children: formatDate(collection["update-time"]) })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, vertical: true, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Text2, { children: collection.text }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Text3, { children: collection.text }),
                     !disabled && selectedCollectionId === collection[COLLECTION_ATTRS[0]] && /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { children: /* @__PURE__ */ jsxRuntime.jsx(
                       antd.Popconfirm,
                       {
@@ -4290,9 +4845,9 @@ var collectionSidebar_default = ({
   return reactDom.createPortal(sidebarContent, container);
 };
 var useCollections = (collectionConfig) => {
-  const [collections, setCollections] = React.useState([]);
-  const [selectedCollectionId, setSelectedCollectionId] = React.useState(null);
-  const [internalShowCollection, setInternalShowCollection] = React.useState(false);
+  const [collections, setCollections] = React3.useState([]);
+  const [selectedCollectionId, setSelectedCollectionId] = React3.useState(null);
+  const [internalShowCollection, setInternalShowCollection] = React3.useState(false);
   const isControlled = isBoolean(collectionConfig?.visible);
   const showCollection = isControlled ? collectionConfig?.visible : internalShowCollection;
   const setShowCollection = (visible) => {
@@ -4301,7 +4856,7 @@ var useCollections = (collectionConfig) => {
     }
     collectionConfig?.onVisibleChange?.(visible);
   };
-  const editor = React.useRef();
+  const editor = React3.useRef();
   const setCollectionEditor = (newEditor) => {
     editor.current = newEditor;
   };
@@ -4364,7 +4919,7 @@ function useTooltip({
   delay = 600,
   closeDelay = 0
 } = {}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React3.useState(initialOpen);
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = setControlledOpen ?? setUncontrolledOpen;
   const data = react$1.useFloating({
@@ -4398,7 +4953,7 @@ function useTooltip({
   const dismiss = react$1.useDismiss(context);
   const role = react$1.useRole(context, { role: "tooltip" });
   const interactions = react$1.useInteractions([hover, focus, dismiss, role]);
-  return React.useMemo(
+  return React3.useMemo(
     () => ({
       open,
       setOpen,
@@ -4408,9 +4963,9 @@ function useTooltip({
     [open, setOpen, interactions, data]
   );
 }
-var TooltipContext = React.createContext(null);
+var TooltipContext = React3.createContext(null);
 function useTooltipContext() {
-  const context = React.useContext(TooltipContext);
+  const context = React3.useContext(TooltipContext);
   if (context == null) {
     throw new Error("Tooltip components must be wrapped in <TooltipProvider />");
   }
@@ -4430,10 +4985,10 @@ function Tooltip({ children, ...props }) {
     }
   );
 }
-var TooltipTrigger = React.forwardRef(
+var TooltipTrigger = React3.forwardRef(
   function TooltipTrigger2({ children, asChild = false, ...props }, propRef) {
     const context = useTooltipContext();
-    const childrenRef = React.isValidElement(children) ? parseInt(React.version, 10) >= 19 ? (
+    const childrenRef = React3.isValidElement(children) ? parseInt(React3.version, 10) >= 19 ? (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       children.props.ref
     ) : (
@@ -4441,11 +4996,11 @@ var TooltipTrigger = React.forwardRef(
       children.ref
     ) : void 0;
     const ref = react$1.useMergeRefs([context.refs.setReference, propRef, childrenRef]);
-    if (asChild && React.isValidElement(children)) {
+    if (asChild && React3.isValidElement(children)) {
       const dataAttributes = {
         "data-tooltip-state": context.open ? "open" : "closed"
       };
-      return React.cloneElement(
+      return React3.cloneElement(
         children,
         context.getReferenceProps({
           ref,
@@ -4466,7 +5021,7 @@ var TooltipTrigger = React.forwardRef(
     );
   }
 );
-var TooltipContent = React.forwardRef(
+var TooltipContent = React3.forwardRef(
   function TooltipContent2({ style, children, portal = true, portalProps = {}, ...props }, propRef) {
     const context = useTooltipContext();
     const ref = react$1.useMergeRefs([context.refs.setFloating, propRef]);
@@ -4497,12 +5052,12 @@ var ShortcutDisplay = ({
   shortcuts
 }) => {
   if (shortcuts.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: shortcuts.map((key, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: shortcuts.map((key, index) => /* @__PURE__ */ jsxRuntime.jsxs(React3.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: "+" }),
     /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: key })
   ] }, index)) });
 };
-var Button6 = React.forwardRef(
+var Button7 = React3.forwardRef(
   ({
     className,
     children,
@@ -4512,7 +5067,7 @@ var Button6 = React.forwardRef(
     "aria-label": ariaLabel,
     ...props
   }, ref) => {
-    const shortcuts = React.useMemo(
+    const shortcuts = React3.useMemo(
       () => parseShortcutKeys({ shortcutKeys }),
       [shortcutKeys]
     );
@@ -4546,8 +5101,8 @@ var Button6 = React.forwardRef(
     ] });
   }
 );
-Button6.displayName = "Button";
-var ButtonGroup = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
+Button7.displayName = "Button";
+var ButtonGroup = React3.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4577,7 +5132,7 @@ function Spacer({
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, style: computedStyle });
 }
-var Separator = React.forwardRef(
+var Separator = React3.forwardRef(
   ({ decorative, orientation = "vertical", className, ...divProps }, ref) => {
     const ariaOrientation = orientation === "vertical" ? orientation : void 0;
     const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
@@ -4604,8 +5159,8 @@ function useMenuNavigation({
   orientation = "vertical",
   autoSelectFirstItem = true
 }) {
-  const [selectedIndex, setSelectedIndex] = React.useState(autoSelectFirstItem ? 0 : -1);
-  React.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React3.useState(autoSelectFirstItem ? 0 : -1);
+  React3.useEffect(() => {
     const handleKeyboardNavigation = (event) => {
       if (!items.length) return false;
       const moveNext = () => setSelectedIndex((currentIndex) => {
@@ -4691,7 +5246,7 @@ function useMenuNavigation({
     }
     return void 0;
   }, [editor, containerRef, items, selectedIndex, onSelect, onClose, orientation]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (query) {
       setSelectedIndex(autoSelectFirstItem ? 0 : -1);
     }
@@ -4709,8 +5264,8 @@ var updateRef = (ref, value) => {
   }
 };
 var useComposedRef = (libRef, userRef) => {
-  const prevUserRef = React.useRef(null);
-  return React.useCallback(
+  const prevUserRef = React3.useRef(null);
+  return React3.useCallback(
     (instance) => {
       if (libRef && "current" in libRef) {
         libRef.current = instance;
@@ -4727,8 +5282,8 @@ var useComposedRef = (libRef, userRef) => {
   );
 };
 var useToolbarNavigation = (toolbarRef) => {
-  const [items, setItems] = React.useState([]);
-  const collectItems = React.useCallback(() => {
+  const [items, setItems] = React3.useState([]);
+  const collectItems = React3.useCallback(() => {
     if (!toolbarRef.current) return [];
     return Array.from(
       toolbarRef.current.querySelectorAll(
@@ -4736,7 +5291,7 @@ var useToolbarNavigation = (toolbarRef) => {
       )
     );
   }, [toolbarRef]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const toolbar = toolbarRef.current;
     if (!toolbar) return;
     const updateItems = () => setItems(collectItems());
@@ -4752,7 +5307,7 @@ var useToolbarNavigation = (toolbarRef) => {
     onSelect: (el) => el.click(),
     autoSelectFirstItem: false
   });
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const toolbar = toolbarRef.current;
     if (!toolbar) return;
     const handleFocus = (e) => {
@@ -4771,15 +5326,15 @@ var useToolbarNavigation = (toolbarRef) => {
       toolbar.removeEventListener("blur", handleBlur, true);
     };
   }, [toolbarRef]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (selectedIndex !== void 0 && items[selectedIndex]) {
       items[selectedIndex].focus();
     }
   }, [selectedIndex, items]);
 };
-var Toolbar = React.forwardRef(
+var Toolbar = React3.forwardRef(
   ({ children, className, variant = "fixed", ...props }, ref) => {
-    const toolbarRef = React.useRef(null);
+    const toolbarRef = React3.useRef(null);
     const composedRef = useComposedRef(toolbarRef, ref);
     useToolbarNavigation(toolbarRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4797,7 +5352,7 @@ var Toolbar = React.forwardRef(
   }
 );
 Toolbar.displayName = "Toolbar";
-var ToolbarGroup = React.forwardRef(
+var ToolbarGroup = React3.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4810,11 +5365,11 @@ var ToolbarGroup = React.forwardRef(
   )
 );
 ToolbarGroup.displayName = "ToolbarGroup";
-var ToolbarSeparator = React.forwardRef(
+var ToolbarSeparator = React3.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Separator, { ref, orientation: "vertical", decorative: true, ...props })
 );
 ToolbarSeparator.displayName = "ToolbarSeparator";
-var Badge = React.forwardRef(
+var Badge = React3.forwardRef(
   ({
     variant,
     size = "default",
@@ -4845,7 +5400,7 @@ function BlockquoteShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var BlockquoteButton = React.forwardRef(
+var BlockquoteButton = React3.forwardRef(
   ({
     editor: providedEditor,
     text,
@@ -4870,7 +5425,7 @@ var BlockquoteButton = React.forwardRef(
       hideWhenUnavailable,
       onToggled
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -4882,7 +5437,7 @@ var BlockquoteButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -4907,7 +5462,7 @@ var BlockquoteButton = React.forwardRef(
   }
 );
 BlockquoteButton.displayName = "BlockquoteButton";
-var BlockquoteIcon = React.memo(({ className, ...props }) => {
+var BlockquoteIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -5034,10 +5589,10 @@ function useBlockquote(config) {
     onToggled
   } = config || {};
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canToggle3 = canToggleBlockquote(editor);
   const isActive = editor?.isActive("blockquote") || false;
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
@@ -5048,7 +5603,7 @@ function useBlockquote(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
+  const handleToggle = React3.useCallback(() => {
     if (!editor) return false;
     const success = toggleBlockquote(editor);
     if (success) {
@@ -5071,7 +5626,7 @@ function CodeBlockShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var CodeBlockButton = React.forwardRef(
+var CodeBlockButton = React3.forwardRef(
   ({
     editor: providedEditor,
     text,
@@ -5096,7 +5651,7 @@ var CodeBlockButton = React.forwardRef(
       hideWhenUnavailable,
       onToggled
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -5108,7 +5663,7 @@ var CodeBlockButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -5133,7 +5688,7 @@ var CodeBlockButton = React.forwardRef(
   }
 );
 CodeBlockButton.displayName = "CodeBlockButton";
-var CodeBlockIcon = React.memo(({ className, ...props }) => {
+var CodeBlockIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -5251,10 +5806,10 @@ function useCodeBlock(config) {
     onToggled
   } = config || {};
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canToggleState = canToggle(editor);
   const isActive = editor?.isActive("codeBlock") || false;
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton2({ editor, hideWhenUnavailable }));
@@ -5265,7 +5820,7 @@ function useCodeBlock(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
+  const handleToggle = React3.useCallback(() => {
     if (!editor) return false;
     const success = toggleCodeBlock(editor);
     if (success) {
@@ -5283,7 +5838,7 @@ function useCodeBlock(config) {
     Icon: CodeBlockIcon
   };
 }
-var BanIcon = React.memo(({ className, ...props }) => {
+var BanIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -5307,7 +5862,7 @@ var BanIcon = React.memo(({ className, ...props }) => {
   );
 });
 BanIcon.displayName = "BanIcon";
-var HighlighterIcon = React.memo(({ className, ...props }) => {
+var HighlighterIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -5357,13 +5912,13 @@ function PopoverContent({
     }
   ) });
 }
-var Card3 = React.forwardRef(
+var Card3 = React3.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("tiptap-card", className), ...props });
   }
 );
 Card3.displayName = "Card";
-var CardHeader = React.forwardRef(
+var CardHeader = React3.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -5376,13 +5931,13 @@ var CardHeader = React.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardBody = React.forwardRef(
+var CardBody = React3.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("tiptap-card-body", className), ...props });
   }
 );
 CardBody.displayName = "CardBody";
-var CardItemGroup = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => {
+var CardItemGroup = React3.forwardRef(({ className, orientation = "vertical", ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -5394,7 +5949,7 @@ var CardItemGroup = React.forwardRef(({ className, orientation = "vertical", ...
   );
 });
 CardItemGroup.displayName = "CardItemGroup";
-var CardGroupLabel = React.forwardRef(
+var CardGroupLabel = React3.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -5407,7 +5962,7 @@ var CardGroupLabel = React.forwardRef(
   }
 );
 CardGroupLabel.displayName = "CardGroupLabel";
-var CardFooter = React.forwardRef(
+var CardFooter = React3.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -5425,7 +5980,7 @@ function ColorHighlightShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var ColorHighlightButton = React.forwardRef(
+var ColorHighlightButton = React3.forwardRef(
   ({
     editor: providedEditor,
     highlightColor,
@@ -5455,7 +6010,7 @@ var ColorHighlightButton = React.forwardRef(
       mode,
       onApplied
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -5463,7 +6018,7 @@ var ColorHighlightButton = React.forwardRef(
       },
       [handleColorHighlight, onClick]
     );
-    const buttonStyle = React.useMemo(
+    const buttonStyle = React3.useMemo(
       () => ({
         ...style,
         "--highlight-color": highlightColor
@@ -5474,7 +6029,7 @@ var ColorHighlightButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -5635,10 +6190,10 @@ function useColorHighlight(config) {
   } = config;
   const { editor } = useTiptapEditor(providedEditor);
   const isMobile = useIsBreakpoint();
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canColorHighlightState = canColorHighlight(editor, mode);
   const isActive = isColorHighlightActive(editor, highlightColor, mode);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton3({ editor, hideWhenUnavailable, mode }));
@@ -5649,7 +6204,7 @@ function useColorHighlight(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, hideWhenUnavailable, mode]);
-  const handleColorHighlight = React.useCallback(() => {
+  const handleColorHighlight = React3.useCallback(() => {
     if (!editor || !canColorHighlightState || !highlightColor || !label)
       return false;
     if (mode === "mark") {
@@ -5677,7 +6232,7 @@ function useColorHighlight(config) {
       return success;
     }
   }, [canColorHighlightState, highlightColor, editor, label, onApplied, mode]);
-  const handleRemoveHighlight = React.useCallback(() => {
+  const handleRemoveHighlight = React3.useCallback(() => {
     const success = removeHighlight(editor, mode);
     if (success) {
       onApplied?.({ color: "", label: "\u79FB\u9664\u80CC\u666F", mode });
@@ -5708,8 +6263,8 @@ function useColorHighlight(config) {
     mode
   };
 }
-var ColorHighlightPopoverButton = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  Button6,
+var ColorHighlightPopoverButton = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  Button7,
   {
     type: "button",
     className,
@@ -5737,8 +6292,8 @@ function ColorHighlightPopoverContent({
 }) {
   const { handleRemoveHighlight } = useColorHighlight({ editor });
   const isMobile = useIsBreakpoint();
-  const containerRef = React.useRef(null);
-  const menuItems = React.useMemo(
+  const containerRef = React3.useRef(null);
+  const menuItems = React3.useMemo(
     () => [...colors, { label: "\u79FB\u9664\u9AD8\u4EAE", value: "none" }],
     [colors]
   );
@@ -5778,7 +6333,7 @@ function ColorHighlightPopoverContent({
         )) }),
         /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
         /* @__PURE__ */ jsxRuntime.jsx(ButtonGroup, { orientation: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button6,
+          Button7,
           {
             onClick: handleRemoveHighlight,
             "aria-label": "\u79FB\u9664\u80CC\u666F",
@@ -5809,7 +6364,7 @@ function ColorHighlightPopover({
   ...props
 }) {
   const { editor } = useTiptapEditor(providedEditor);
-  const [isOpen, setIsOpen] = React.useState(false);
+  const [isOpen, setIsOpen] = React3.useState(false);
   const { isVisible, canColorHighlight: canColorHighlight2, isActive, label, Icon } = useColorHighlight({
     editor,
     hideWhenUnavailable,
@@ -5833,7 +6388,7 @@ function ColorHighlightPopover({
     /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { "aria-label": "\u80CC\u666F\u8272", children: /* @__PURE__ */ jsxRuntime.jsx(ColorHighlightPopoverContent, { editor, colors }) })
   ] });
 }
-var ChevronDownIcon = React.memo(({ className, ...props }) => {
+var ChevronDownIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -5863,7 +6418,7 @@ function HeadingShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var HeadingButton = React.forwardRef(
+var HeadingButton = React3.forwardRef(
   ({
     editor: providedEditor,
     level,
@@ -5890,7 +6445,7 @@ var HeadingButton = React.forwardRef(
       hideWhenUnavailable,
       onToggled
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -5902,7 +6457,7 @@ var HeadingButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -5927,7 +6482,7 @@ var HeadingButton = React.forwardRef(
   }
 );
 HeadingButton.displayName = "HeadingButton";
-var HeadingOneIcon = React.memo(({ className, ...props }) => {
+var HeadingOneIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -5958,7 +6513,7 @@ var HeadingOneIcon = React.memo(({ className, ...props }) => {
   );
 });
 HeadingOneIcon.displayName = "HeadingOneIcon";
-var HeadingTwoIcon = React.memo(({ className, ...props }) => {
+var HeadingTwoIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -5989,7 +6544,7 @@ var HeadingTwoIcon = React.memo(({ className, ...props }) => {
   );
 });
 HeadingTwoIcon.displayName = "HeadingTwoIcon";
-var HeadingThreeIcon = React.memo(({ className, ...props }) => {
+var HeadingThreeIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -6031,7 +6586,7 @@ var HeadingThreeIcon = React.memo(({ className, ...props }) => {
   );
 });
 HeadingThreeIcon.displayName = "HeadingThreeIcon";
-var HeadingFourIcon = React.memo(({ className, ...props }) => {
+var HeadingFourIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -6062,7 +6617,7 @@ var HeadingFourIcon = React.memo(({ className, ...props }) => {
   );
 });
 HeadingFourIcon.displayName = "HeadingFourIcon";
-var HeadingFiveIcon = React.memo(({ className, ...props }) => {
+var HeadingFiveIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -6093,7 +6648,7 @@ var HeadingFiveIcon = React.memo(({ className, ...props }) => {
   );
 });
 HeadingFiveIcon.displayName = "HeadingFiveIcon";
-var HeadingSixIcon = React.memo(({ className, ...props }) => {
+var HeadingSixIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -6231,10 +6786,10 @@ function useHeading(config) {
     onToggled
   } = config;
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canToggleState = canToggle2(editor, level);
   const isActive = isHeadingActive(editor, level);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton4({ editor, level, hideWhenUnavailable }));
@@ -6245,7 +6800,7 @@ function useHeading(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, level, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
+  const handleToggle = React3.useCallback(() => {
     if (!editor) return false;
     const success = toggleHeading(editor, level);
     if (success) {
@@ -6273,10 +6828,10 @@ function DropdownMenuPortal({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { ...props });
 }
-var DropdownMenuTrigger = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { ref, ...props }));
+var DropdownMenuTrigger = React3.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { ref, ...props }));
 DropdownMenuTrigger.displayName = DropdownMenuPrimitive__namespace.Trigger.displayName;
 var DropdownMenuItem = DropdownMenuPrimitive__namespace.Item;
-var DropdownMenuSubContent = React.forwardRef(({ className, portal = true, ...props }, ref) => {
+var DropdownMenuSubContent = React3.forwardRef(({ className, portal = true, ...props }, ref) => {
   const content = /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.SubContent,
     {
@@ -6288,7 +6843,7 @@ var DropdownMenuSubContent = React.forwardRef(({ className, portal = true, ...pr
   return portal ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal, { ...typeof portal === "object" ? portal : {}, children: content }) : content;
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
+var DropdownMenuContent = React3.forwardRef(({ className, sideOffset = 4, portal = false, ...props }, ref) => {
   const content = /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
     {
@@ -6302,7 +6857,7 @@ var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, portal
   return portal ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal, { ...typeof portal === "object" ? portal : {}, children: content }) : content;
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var HeadingDropdownMenu = React.forwardRef(
+var HeadingDropdownMenu = React3.forwardRef(
   ({
     editor: providedEditor,
     levels = [1, 2, 3, 4, 5, 6],
@@ -6312,13 +6867,13 @@ var HeadingDropdownMenu = React.forwardRef(
     ...buttonProps
   }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
-    const [isOpen, setIsOpen] = React.useState(false);
+    const [isOpen, setIsOpen] = React3.useState(false);
     const { isVisible, isActive, canToggle: canToggle3, Icon } = useHeadingDropdownMenu({
       editor,
       levels,
       hideWhenUnavailable
     });
-    const handleOpenChange = React.useCallback(
+    const handleOpenChange = React3.useCallback(
       (open) => {
         if (!editor || !canToggle3) return;
         setIsOpen(open);
@@ -6331,7 +6886,7 @@ var HeadingDropdownMenu = React.forwardRef(
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { modal: true, open: isOpen, onOpenChange: handleOpenChange, children: [
       /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Button6,
+        Button7,
         {
           type: "button",
           "data-style": "ghost",
@@ -6364,7 +6919,7 @@ var HeadingDropdownMenu = React.forwardRef(
   }
 );
 HeadingDropdownMenu.displayName = "HeadingDropdownMenu";
-var HeadingIcon = React.memo(({ className, ...props }) => {
+var HeadingIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -6399,11 +6954,11 @@ function useHeadingDropdownMenu(config) {
     hideWhenUnavailable = false
   } = config || {};
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const activeLevel = getActiveHeadingLevel(editor, levels);
   const isActive = isHeadingActive(editor);
   const canToggleState = canToggle2(editor);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(
@@ -6426,7 +6981,7 @@ function useHeadingDropdownMenu(config) {
     Icon: activeLevel ? headingIcons[activeLevel] : HeadingIcon
   };
 }
-var CornerDownLeftIcon = React.memo(({ className, ...props }) => {
+var CornerDownLeftIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -6450,7 +7005,7 @@ var CornerDownLeftIcon = React.memo(({ className, ...props }) => {
   );
 });
 CornerDownLeftIcon.displayName = "CornerDownLeftIcon";
-var ExternalLinkIcon = React.memo(({ className, ...props }) => {
+var ExternalLinkIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -6481,7 +7036,7 @@ var ExternalLinkIcon = React.memo(({ className, ...props }) => {
   );
 });
 ExternalLinkIcon.displayName = "ExternalLinkIcon";
-var LinkIcon = React.memo(({ className, ...props }) => {
+var LinkIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -6512,7 +7067,7 @@ var LinkIcon = React.memo(({ className, ...props }) => {
   );
 });
 LinkIcon.displayName = "LinkIcon";
-var TrashIcon = React.memo(({ className, ...props }) => {
+var TrashIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -6546,10 +7101,10 @@ function InputGroup({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("tiptap-input-group", className), ...props, children });
 }
-var LinkButton = React.forwardRef(
+var LinkButton = React3.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         className,
@@ -6609,7 +7164,7 @@ var LinkMain = ({
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx(ButtonGroup, { orientation: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(
-              Button6,
+              Button7,
               {
                 type: "button",
                 onClick: setLink,
@@ -6622,7 +7177,7 @@ var LinkMain = ({
             /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
             /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { orientation: "horizontal", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                Button6,
+                Button7,
                 {
                   type: "button",
                   onClick: openLink,
@@ -6633,7 +7188,7 @@ var LinkMain = ({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                Button6,
+                Button7,
                 {
                   type: "button",
                   onClick: removeLink,
@@ -6656,7 +7211,7 @@ var LinkContent = ({ editor }) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(LinkMain, { ...linkPopover });
 };
-var LinkPopover = React.forwardRef(
+var LinkPopover = React3.forwardRef(
   ({
     editor: providedEditor,
     hideWhenUnavailable = false,
@@ -6668,7 +7223,7 @@ var LinkPopover = React.forwardRef(
     ...buttonProps
   }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
-    const [isOpen, setIsOpen] = React.useState(false);
+    const [isOpen, setIsOpen] = React3.useState(false);
     const {
       isVisible,
       canSet,
@@ -6685,18 +7240,18 @@ var LinkPopover = React.forwardRef(
       hideWhenUnavailable,
       onSetLink
     });
-    const handleOnOpenChange = React.useCallback(
+    const handleOnOpenChange = React3.useCallback(
       (nextIsOpen) => {
         setIsOpen(nextIsOpen);
         onOpenChange?.(nextIsOpen);
       },
       [onOpenChange]
     );
-    const handleSetLink = React.useCallback(() => {
+    const handleSetLink = React3.useCallback(() => {
       setLink();
       setIsOpen(false);
     }, [setLink]);
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -6704,7 +7259,7 @@ var LinkPopover = React.forwardRef(
       },
       [onClick, isOpen]
     );
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (autoOpenOnLinkActive && isActive) {
         setIsOpen(true);
       }
@@ -6764,15 +7319,15 @@ function shouldShowLinkButton(props) {
 }
 function useLinkHandler(props) {
   const { editor, onSetLink } = props;
-  const [url, setUrl] = React.useState(null);
-  React.useEffect(() => {
+  const [url, setUrl] = React3.useState(null);
+  React3.useEffect(() => {
     if (!editor) return;
     const { href } = editor.getAttributes("link");
     if (isLinkActive(editor) && url === null) {
       setUrl(href || "");
     }
   }, [editor, url]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const updateLinkState = () => {
       const { href } = editor.getAttributes("link");
@@ -6783,7 +7338,7 @@ function useLinkHandler(props) {
       editor.off("selectionUpdate", updateLinkState);
     };
   }, [editor]);
-  const setLink = React.useCallback(() => {
+  const setLink = React3.useCallback(() => {
     if (!url || !editor) return;
     const { selection } = editor.state;
     const isEmpty2 = selection.empty;
@@ -6796,12 +7351,12 @@ function useLinkHandler(props) {
     setUrl(null);
     onSetLink?.();
   }, [editor, onSetLink, url]);
-  const removeLink = React.useCallback(() => {
+  const removeLink = React3.useCallback(() => {
     if (!editor) return;
     editor.chain().focus().extendMarkRange("link").unsetLink().setMeta("preventAutolink", true).run();
     setUrl("");
   }, [editor]);
-  const openLink = React.useCallback(
+  const openLink = React3.useCallback(
     (target = "_blank", features = "noopener,noreferrer") => {
       if (!url) return;
       const safeUrl = sanitizeUrl(url, window.location.href);
@@ -6823,8 +7378,8 @@ function useLinkState(props) {
   const { editor, hideWhenUnavailable = false } = props;
   const canSet = canSetLink(editor);
   const isActive = isLinkActive(editor);
-  const [isVisible, setIsVisible] = React.useState(true);
-  React.useEffect(() => {
+  const [isVisible, setIsVisible] = React3.useState(true);
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(
@@ -6876,7 +7431,7 @@ function ListShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var ListButton = React.forwardRef(
+var ListButton = React3.forwardRef(
   ({
     editor: providedEditor,
     type,
@@ -6903,7 +7458,7 @@ var ListButton = React.forwardRef(
       hideWhenUnavailable,
       onToggled
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -6915,7 +7470,7 @@ var ListButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -6940,7 +7495,7 @@ var ListButton = React.forwardRef(
   }
 );
 ListButton.displayName = "ListButton";
-var ListIcon = React.memo(({ className, ...props }) => {
+var ListIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7011,7 +7566,7 @@ var ListIcon = React.memo(({ className, ...props }) => {
   );
 });
 ListIcon.displayName = "ListIcon";
-var ListOrderedIcon = React.memo(({ className, ...props }) => {
+var ListOrderedIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7082,7 +7637,7 @@ var ListOrderedIcon = React.memo(({ className, ...props }) => {
   );
 });
 ListOrderedIcon.displayName = "ListOrderedIcon";
-var ListTodoIcon = React.memo(({ className, ...props }) => {
+var ListTodoIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7274,10 +7829,10 @@ function useList(config) {
     onToggled
   } = config;
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canToggle3 = canToggleList(editor, type);
   const isActive = isListActive(editor, type);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton5({ editor, type, hideWhenUnavailable }));
@@ -7288,7 +7843,7 @@ function useList(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, type, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
+  const handleToggle = React3.useCallback(() => {
     if (!editor) return false;
     const success = toggleList(editor, type);
     if (success) {
@@ -7357,14 +7912,14 @@ function useListDropdownMenu(config) {
     hideWhenUnavailable = false
   } = config || {};
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const listInSchema = types.some((type) => isNodeInSchema(type, editor));
-  const filteredLists = React.useMemo(() => getFilteredListOptions(types), [types]);
+  const filteredLists = React3.useMemo(() => getFilteredListOptions(types), [types]);
   const canToggleAny = canToggleAnyList(editor, types);
   const isAnyActive = isAnyListActive(editor, types);
   const activeType = getActiveListType(editor, types);
   const activeList = filteredLists.find((option) => option.type === activeType);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(
@@ -7402,13 +7957,13 @@ function ListDropdownMenu({
   ...props
 }) {
   const { editor } = useTiptapEditor(providedEditor);
-  const [isOpen, setIsOpen] = React.useState(false);
+  const [isOpen, setIsOpen] = React3.useState(false);
   const { filteredLists, canToggle: canToggle3, isActive, isVisible, Icon } = useListDropdownMenu({
     editor,
     types,
     hideWhenUnavailable
   });
-  const handleOnOpenChange = React.useCallback(
+  const handleOnOpenChange = React3.useCallback(
     (open) => {
       setIsOpen(open);
       onOpenChange?.(open);
@@ -7420,7 +7975,7 @@ function ListDropdownMenu({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button6,
+      Button7,
       {
         type: "button",
         "data-style": "ghost",
@@ -7455,7 +8010,7 @@ function MarkShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var MarkButton = React.forwardRef(
+var MarkButton = React3.forwardRef(
   ({
     editor: providedEditor,
     type,
@@ -7482,7 +8037,7 @@ var MarkButton = React.forwardRef(
       hideWhenUnavailable,
       onToggled
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -7494,7 +8049,7 @@ var MarkButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         disabled: !canToggle3,
@@ -7519,7 +8074,7 @@ var MarkButton = React.forwardRef(
   }
 );
 MarkButton.displayName = "MarkButton";
-var BoldIcon = React.memo(({ className, ...props }) => {
+var BoldIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -7543,7 +8098,7 @@ var BoldIcon = React.memo(({ className, ...props }) => {
   );
 });
 BoldIcon.displayName = "BoldIcon";
-var Code2Icon = React.memo(({ className, ...props }) => {
+var Code2Icon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7581,7 +8136,7 @@ var Code2Icon = React.memo(({ className, ...props }) => {
   );
 });
 Code2Icon.displayName = "Code2Icon";
-var ItalicIcon = React.memo(({ className, ...props }) => {
+var ItalicIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -7603,7 +8158,7 @@ var ItalicIcon = React.memo(({ className, ...props }) => {
   );
 });
 ItalicIcon.displayName = "ItalicIcon";
-var StrikeIcon = React.memo(({ className, ...props }) => {
+var StrikeIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7634,7 +8189,7 @@ var StrikeIcon = React.memo(({ className, ...props }) => {
   );
 });
 StrikeIcon.displayName = "StrikeIcon";
-var SubscriptIcon = React.memo(({ className, ...props }) => {
+var SubscriptIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7678,7 +8233,7 @@ var SubscriptIcon = React.memo(({ className, ...props }) => {
   );
 });
 SubscriptIcon.displayName = "SubscriptIcon";
-var SuperscriptIcon = React.memo(({ className, ...props }) => {
+var SuperscriptIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7722,7 +8277,7 @@ var SuperscriptIcon = React.memo(({ className, ...props }) => {
   );
 });
 SuperscriptIcon.displayName = "SuperscriptIcon";
-var UnderlineIcon = React.memo(({ className, ...props }) => {
+var UnderlineIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -7810,10 +8365,10 @@ function useMark(config) {
     onToggled
   } = config;
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canToggle3 = canToggleMark(editor, type);
   const isActive = isMarkActive(editor, type);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton6({ editor, type, hideWhenUnavailable }));
@@ -7824,7 +8379,7 @@ function useMark(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, type, hideWhenUnavailable]);
-  const handleMark = React.useCallback(() => {
+  const handleMark = React3.useCallback(() => {
     if (!editor) return false;
     const success = toggleMark(editor, type);
     if (success) {
@@ -7848,7 +8403,7 @@ function TextAlignShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var TextAlignButton = React.forwardRef(
+var TextAlignButton = React3.forwardRef(
   ({
     editor: providedEditor,
     align,
@@ -7876,7 +8431,7 @@ var TextAlignButton = React.forwardRef(
       hideWhenUnavailable,
       onAligned
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -7889,7 +8444,7 @@ var TextAlignButton = React.forwardRef(
     }
     const RenderIcon = CustomIcon ?? Icon;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         disabled: !canAlign,
@@ -7920,7 +8475,7 @@ var TextAlignButton = React.forwardRef(
   }
 );
 TextAlignButton.displayName = "TextAlignButton";
-var AlignCenterIcon = React.memo(({ className, ...props }) => {
+var AlignCenterIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -7964,7 +8519,7 @@ var AlignCenterIcon = React.memo(({ className, ...props }) => {
   );
 });
 AlignCenterIcon.displayName = "AlignCenterIcon";
-var AlignJustifyIcon = React.memo(({ className, ...props }) => {
+var AlignJustifyIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -8008,7 +8563,7 @@ var AlignJustifyIcon = React.memo(({ className, ...props }) => {
   );
 });
 AlignJustifyIcon.displayName = "AlignJustifyIcon";
-var AlignLeftIcon = React.memo(({ className, ...props }) => {
+var AlignLeftIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -8052,7 +8607,7 @@ var AlignLeftIcon = React.memo(({ className, ...props }) => {
   );
 });
 AlignLeftIcon.displayName = "AlignLeftIcon";
-var AlignRightIcon = React.memo(({ className, ...props }) => {
+var AlignRightIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -8155,10 +8710,10 @@ function useTextAlign(config) {
     onAligned
   } = config;
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canAlign = canSetTextAlign(editor, align);
   const isActive = isTextAlignActive(editor, align);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
       setIsVisible(shouldShowButton7({ editor, align, hideWhenUnavailable }));
@@ -8169,7 +8724,7 @@ function useTextAlign(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, hideWhenUnavailable, align]);
-  const handleTextAlign = React.useCallback(() => {
+  const handleTextAlign = React3.useCallback(() => {
     if (!editor) return false;
     const success = setTextAlign(editor, align);
     if (success) {
@@ -8193,7 +8748,7 @@ function HistoryShortcutBadge({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
-var UndoRedoButton = React.forwardRef(
+var UndoRedoButton = React3.forwardRef(
   ({
     editor: providedEditor,
     action,
@@ -8212,7 +8767,7 @@ var UndoRedoButton = React.forwardRef(
       hideWhenUnavailable,
       onExecuted
     });
-    const handleClick = React.useCallback(
+    const handleClick = React3.useCallback(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented) return;
@@ -8224,7 +8779,7 @@ var UndoRedoButton = React.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button6,
+      Button7,
       {
         type: "button",
         disabled: !canExecute,
@@ -8253,7 +8808,7 @@ var UndoRedoButton = React.forwardRef(
   }
 );
 UndoRedoButton.displayName = "UndoRedoButton";
-var Redo2Icon = React.memo(({ className, ...props }) => {
+var Redo2Icon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -8277,7 +8832,7 @@ var Redo2Icon = React.memo(({ className, ...props }) => {
   );
 });
 Redo2Icon.displayName = "Redo2Icon";
-var Undo2Icon = React.memo(({ className, ...props }) => {
+var Undo2Icon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -8342,9 +8897,9 @@ function useUndoRedo(config) {
     onExecuted
   } = config;
   const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
+  const [isVisible, setIsVisible] = React3.useState(true);
   const canExecute = canExecuteUndoRedoAction(editor, action);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     const handleUpdate = () => {
       setIsVisible(shouldShowButton8({ editor, hideWhenUnavailable, action }));
@@ -8355,7 +8910,7 @@ function useUndoRedo(config) {
       editor.off("transaction", handleUpdate);
     };
   }, [editor, hideWhenUnavailable, action]);
-  const handleAction = React.useCallback(() => {
+  const handleAction = React3.useCallback(() => {
     if (!editor) return false;
     const success = executeUndoRedoAction(editor, action);
     if (success) {
@@ -8372,7 +8927,7 @@ function useUndoRedo(config) {
     Icon: historyIcons[action]
   };
 }
-var ArrowLeftIcon = React.memo(({ className, ...props }) => {
+var ArrowLeftIcon = React3.memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -8395,17 +8950,17 @@ var ArrowLeftIcon = React.memo(({ className, ...props }) => {
 });
 ArrowLeftIcon.displayName = "ArrowLeftIcon";
 function useSelect(editor, disabled = false, hideWhenUnavailable = false) {
-  const selectionAvailable = React__namespace.default.useMemo(() => hasSelection(editor), [editor?.state.selection]);
-  const blockMathSelected = React__namespace.default.useMemo(() => selectionHasBlockMath(editor), [editor?.state.selection]);
-  const isDisabled = React__namespace.default.useMemo(() => !selectionAvailable || disabled, [selectionAvailable, disabled]);
-  const shouldShow = React__namespace.default.useMemo(() => {
+  const selectionAvailable = React3__namespace.default.useMemo(() => hasSelection(editor), [editor?.state.selection]);
+  const blockMathSelected = React3__namespace.default.useMemo(() => selectionHasBlockMath(editor), [editor?.state.selection]);
+  const isDisabled = React3__namespace.default.useMemo(() => !selectionAvailable || disabled, [selectionAvailable, disabled]);
+  const shouldShow = React3__namespace.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__namespace.default.useCallback(() => getSelectedText(editor), [editor]);
-  const getMarkdown = React__namespace.default.useCallback(() => getSelectedMarkdown(editor), [editor]);
+  const getText = React3__namespace.default.useCallback(() => getSelectedText(editor), [editor]);
+  const getMarkdown = React3__namespace.default.useCallback(() => getSelectedMarkdown(editor), [editor]);
   return {
     isDisabled,
     shouldShow,
@@ -8413,11 +8968,11 @@ function useSelect(editor, disabled = false, hideWhenUnavailable = false) {
     getMarkdown
   };
 }
-var SelectButton = React__namespace.default.forwardRef(
+var SelectButton = React3__namespace.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__namespace.default.useCallback(
+    const handleClick = React3__namespace.default.useCallback(
       (e) => {
         if (e.defaultPrevented || isDisabled || !editor) return;
         const selectedText = getText();
@@ -8432,9 +8987,9 @@ var SelectButton = React__namespace.default.forwardRef(
 );
 SelectButton.displayName = "SelectButton";
 var useUnmount = (callback) => {
-  const ref = React.useRef(callback);
+  const ref = React3.useRef(callback);
   ref.current = callback;
-  React.useEffect(
+  React3.useEffect(
     () => () => {
       ref.current();
     },
@@ -8448,7 +9003,7 @@ var defaultOptions = {
   trailing: true
 };
 function useThrottledCallback(fn, wait = 250, dependencies = [], options = defaultOptions) {
-  const handler = React.useMemo(() => throttle__default.default(fn, wait, options), dependencies);
+  const handler = React3.useMemo(() => throttle__default.default(fn, wait, options), dependencies);
   useUnmount(() => {
     handler.cancel();
   });
@@ -8470,8 +9025,8 @@ var isSSR = typeof window === "undefined";
 var hasResizeObserver = !isSSR && typeof ResizeObserver !== "undefined";
 var isClientSide = () => !isSSR;
 function useElementRect({ element, enabled = true, throttleMs = 100, useResizeObserver = true } = {}) {
-  const [rect, setRect] = React.useState(initialRect);
-  const getTargetElement = React.useCallback(() => {
+  const [rect, setRect] = React3.useState(initialRect);
+  const getTargetElement = React3.useCallback(() => {
     if (!enabled || !isClientSide()) return null;
     if (!element) {
       return document.body;
@@ -8508,7 +9063,7 @@ function useElementRect({ element, enabled = true, throttleMs = 100, useResizeOb
     [enabled, getTargetElement],
     { leading: true, trailing: true }
   );
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!enabled || !isClientSide()) {
       setRect(initialRect);
       return;
@@ -8545,7 +9100,7 @@ function useBodyRect(options = {}) {
   });
 }
 function useWindowSize() {
-  const [windowSize, setWindowSize] = React.useState({
+  const [windowSize, setWindowSize] = React3.useState({
     width: 0,
     height: 0,
     offsetTop: 0,
@@ -8564,7 +9119,7 @@ function useWindowSize() {
       return { width, height, offsetTop, offsetLeft, scale };
     });
   }, 200);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const visualViewport = window.visualViewport;
     if (!visualViewport) return;
     visualViewport.addEventListener("resize", handleViewportChange);
@@ -8584,7 +9139,7 @@ function useCursorVisibility({ editor, overlayHeight = 0 }) {
     throttleMs: 100,
     useResizeObserver: true
   });
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const ensureCursorVisibility = () => {
       if (!editor) return;
       const { state, view } = editor;
@@ -8609,7 +9164,7 @@ function useCursorVisibility({ editor, overlayHeight = 0 }) {
   }, [editor, overlayHeight, windowHeight, rect.height]);
   return rect;
 }
-var QuoteIcon = React__namespace.memo(({ ...props }) => {
+var QuoteIcon = React3__namespace.memo(({ ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "anticon", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 1024 1024", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -8682,7 +9237,7 @@ var MainToolbarContent = ({
   ] });
 };
 var MobileToolbarContent = ({ type, onBack }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(Button6, { "data-style": "ghost", onClick: onBack, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(Button7, { "data-style": "ghost", onClick: onBack, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ArrowLeftIcon, { className: "tiptap-button-icon" }),
     type === "highlighter" ? /* @__PURE__ */ jsxRuntime.jsx(HighlighterIcon, { className: "tiptap-button-icon" }) : /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "tiptap-button-icon" })
   ] }) }),
@@ -8693,13 +9248,13 @@ var EditorToolbar = ({ tools, isBubble = false, onQuote, onCreateAnnotation, onC
   const isMobile = useIsBreakpoint();
   const { height } = useWindowSize();
   const { editor } = react.useCurrentEditor();
-  const toolbarRef = React.useRef(null);
+  const toolbarRef = React3.useRef(null);
   const rect = useCursorVisibility({
     editor,
     overlayHeight: toolbarRef.current?.getBoundingClientRect().height ?? 0
   });
-  const [mobileView, setMobileView] = React.useState("main");
-  React.useEffect(() => {
+  const [mobileView, setMobileView] = React3.useState("main");
+  React3.useEffect(() => {
     if (!isMobile && mobileView !== "main") {
       setMobileView("main");
     }
@@ -8922,8 +9477,8 @@ 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 [editor, setEditor] = React3.useState(null);
+  const lastScrollToPageNoRef = React3.useRef(void 0);
   const setPageNoEditor = (newEditor) => {
     setEditor(newEditor);
   };
@@ -8931,7 +9486,7 @@ var usePageNo = (pageNoConfig) => {
     lastScrollToPageNoRef.current = pageNo;
     pageNoConfig?.onScrollPage?.(pageNo);
   }, 300);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!editor) return;
     if (!pageNoConfig?.enabled) return;
     const targetPageNo = pageNoConfig?.pageNo;
@@ -8970,7 +9525,7 @@ var usePageNo = (pageNoConfig) => {
     onPageChange
   };
 };
-var MarkdownEditor_default = React.forwardRef(
+var MarkdownEditor_default = React3.forwardRef(
   ({
     value = ``,
     onChange,
@@ -8986,7 +9541,7 @@ var MarkdownEditor_default = React.forwardRef(
     pageNoConfig
   }, ref) => {
     const isMobile = useIsBreakpoint();
-    const lastContentRef = React.useRef("");
+    const lastContentRef = React3.useRef("");
     const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
     const {
       setAnnotationEditor,
@@ -9119,7 +9674,7 @@ var MarkdownEditor_default = React.forwardRef(
       if (editor.isEmpty) return "";
       return editor.getMarkdown();
     };
-    React.useImperativeHandle(
+    React3.useImperativeHandle(
       ref,
       () => ({
         getEditor: () => editor,
@@ -9139,30 +9694,30 @@ var MarkdownEditor_default = React.forwardRef(
       }),
       [editor]
     );
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       setAnnotationEditor(editor);
       setCollectionEditor(editor);
       setPageNoEditor(editor);
     }, [editor]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       if (!editor) return;
       if (lastContentRef.current === value) return;
       editor?.commands.setContent(value, { contentType: "markdown" });
       editor?.commands.focus("start");
       lastContentRef.current = value;
     }, [value, editor]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       editor?.commands.setSearchTerm(searchValue || "");
     }, [searchValue, value, editor]);
-    React.useEffect(() => {
+    React3.useEffect(() => {
       editor?.setEditable(!disabled);
     }, [disabled, editor]);
     const downloadFile2 = () => {
       onDownloadFile?.(getMarkdown(), "docx");
     };
-    const fixedTools = React.useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
-    const floatTools = React.useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
+    const fixedTools = React3.useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
+    const floatTools = React3.useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
     return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "height-full width-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", "flex-1", styles_module_default5.editorParent), children: /* @__PURE__ */ jsxRuntime.jsxs(react.EditorContext.Provider, { value: { editor }, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -9265,12 +9820,12 @@ var styles_module_default8 = {
   score: "styles_module_score"
 };
 var MarkDrawing_default = ({ children, detections, originalSize, scopeRender }) => {
-  const containerRef = React.useRef(null);
-  const [containerSize, setContainerSize] = React.useState({
+  const containerRef = React3.useRef(null);
+  const [containerSize, setContainerSize] = React3.useState({
     width: originalSize.width,
     height: originalSize.height
   });
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const obs = new ResizeObserver((entries) => {
       const entry = entries[0];
       if (entry) {
@@ -9291,7 +9846,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
       const top = y1 * scaleY;
       const width = (x2 - x1) * scaleX;
       const height = (y2 - y1) * scaleY;
-      return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.default.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React3__namespace.default.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -9326,7 +9881,7 @@ function renderDefault(DefaultComponent, ref, props) {
   if (!DefaultComponent) return null;
   return isRenderFn(DefaultComponent) ? /* @__PURE__ */ jsxRuntime.jsx(DefaultComponent, { ref, ...props }) : DefaultComponent;
 }
-var RenderWrapper_default = React.forwardRef(function RenderWrapper({ control = true, ctx, DefaultComponent }, ref) {
+var RenderWrapper_default = React3.forwardRef(function RenderWrapper({ control = true, ctx, DefaultComponent }, ref) {
   if (control === false || isNull(control)) return null;
   if (control === true || control === void 0) {
     return renderDefault(DefaultComponent, ref);
@@ -9372,6 +9927,7 @@ exports.FilePreviewDrawer = FilePreviewDrawer_default;
 exports.HttpStatus = HttpStatus;
 exports.Iframe = Iframe_default;
 exports.LazyComponent = LazyComponent_default;
+exports.LuyaFilePreview = luyaFilePreview_default;
 exports.MarkDrawing = MarkDrawing_default;
 exports.MarkdownEditor = MarkdownEditor_default;
 exports.MarkdownPreview = MarkdownPreview_default;
@@ -9478,6 +10034,7 @@ exports.plus = plus;
 exports.precision = precision;
 exports.processItemList = processItemList;
 exports.propsMerge = propsMerge;
+exports.safeParseJson = safeParseJson;
 exports.setInterval = setInterval2;
 exports.setUrlMainSource = setUrlMainSource;
 exports.shouldRender = shouldRender;