@zero-library/common 2.4.4 → 3.0.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, ColumnWidthOutlined, MessageOutlined, BookOutlined, EditOutlined, DeleteOutlined, CloseOutlined } from '@ant-design/icons';
-import { Spin, Input, Typography, Tooltip as Tooltip$1, Button, message, Flex, Alert, Skeleton, Result, Splitter, Empty, Image, Drawer, Avatar, notification, Modal, Form, Card, List, Space, Popconfirm } from 'antd';
+import { MessageOutlined, BookOutlined, EditOutlined, DeleteOutlined, CloseOutlined, MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, ColumnWidthOutlined } from '@ant-design/icons';
+import { Spin, Input, Typography, Tooltip as Tooltip$1, Button, Flex, Form, Card, List, Space, Popconfirm, Empty, Modal, message, Alert, Skeleton, Result, Splitter, Image as Image$1, Drawer, Avatar, notification } from 'antd';
 import classNames2 from 'classnames';
 import { renderAsync } from 'docx-preview';
 import * as React from 'react';
-import React__default, { forwardRef, useState, useMemo, useEffect, useRef, useCallback, createContext, isValidElement, version, cloneElement, memo, useContext, Fragment as Fragment$1, lazy, Suspense } from 'react';
+import React__default, { forwardRef, useState, useMemo, useEffect, useRef, useCallback, createContext, isValidElement, version, cloneElement, memo, useImperativeHandle, useContext, Fragment as Fragment$1, lazy, Suspense } from 'react';
 import AES from 'crypto-js/aes';
 import encUtf8 from 'crypto-js/enc-utf8';
 import { convert } from 'html-to-text';
@@ -32,20 +32,22 @@ import zh_CN from '@react-pdf-viewer/locales/lib/zh_CN.json';
 import '@react-pdf-viewer/page-navigation/lib/styles/index.css';
 import '@react-pdf-viewer/thumbnail/lib/styles/index.css';
 import '@react-pdf-viewer/zoom/lib/styles/index.css';
-import { mergeAttributes, isNodeSelection, posToDOMRect, useCurrentEditor, useEditorState, isTextSelection, useEditor, EditorContext, EditorContent } from '@tiptap/react';
+import microApp from '@micro-zoe/micro-app';
+import jsxCustomEvent from '@micro-zoe/micro-app/polyfill/jsx-custom-event';
+import { mergeAttributes, useEditor, EditorContext, EditorContent, isNodeSelection, posToDOMRect, useCurrentEditor, useEditorState, isTextSelection } from '@tiptap/react';
 import { Highlight } from '@tiptap/extension-highlight';
-import { Image as Image$1 } from '@tiptap/extension-image';
+import { Image } from '@tiptap/extension-image';
 import { TaskList, TaskItem } from '@tiptap/extension-list';
 import { Subscript } from '@tiptap/extension-subscript';
 import { Superscript } from '@tiptap/extension-superscript';
 import { TextAlign } from '@tiptap/extension-text-align';
 import { Typography as Typography$1 } from '@tiptap/extension-typography';
-import { Selection as Selection$1 } from '@tiptap/extensions';
+import { Selection } from '@tiptap/extensions';
 import { StarterKit } from '@tiptap/starter-kit';
 import { TableHeader, TableRow, TableCell, Table } from '@tiptap/extension-table';
 import TiptapHorizontalRule from '@tiptap/extension-horizontal-rule';
 import { Node as Node$1, mergeAttributes as mergeAttributes$1, Extension, Mark } from '@tiptap/core';
-import { PluginKey, Plugin, TextSelection, Selection, NodeSelection, AllSelection } from '@tiptap/pm/state';
+import { PluginKey, Plugin, TextSelection, Selection as Selection$1, NodeSelection, AllSelection } from '@tiptap/pm/state';
 import { shift, flip, offset, useMergeRefs, FloatingPortal, useFloating, autoUpdate, useTransitionStyles, useDismiss, useInteractions, FloatingDelayGroup, useHover, useFocus, useRole } from '@floating-ui/react';
 import { CellSelection } from '@tiptap/pm/tables';
 import { createPortal } from 'react-dom';
@@ -1075,6 +1077,10 @@ function createRequest(config) {
     // 默认基础URL
     timeout: 6e4,
     // 请求超时时间设为60秒
+    paramsSerializer: {
+      // 自定义序列化参数，处理数组格式为 key=value&key=value
+      serialize: (params) => buildUrlParams(params)
+    },
     ...config
     // 合并传入的配置项
   });
@@ -1103,6 +1109,9 @@ function createRequest(config) {
       return response;
     },
     function(err) {
+      if (axios.isCancel(err)) {
+        return Promise.reject(err);
+      }
       if (!err.response) {
         if (showError(err?.config?.showError)) cachedMessage({ content: "\u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC", type: "error" });
       } else {
@@ -1351,7 +1360,7 @@ var LazyComponent_default = ({ type, customComponents, unknownContent, ...rest }
     lazyCache.set(type, component);
     return component;
   }, [loader]);
-  if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsx(Alert, { message: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
+  if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsx(Alert, { title: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
   return /* @__PURE__ */ jsx(
     Suspense,
     {
@@ -1528,9 +1537,9 @@ ${fence}`;
 function emit(type, data, to = "top") {
   const payload = { type, data, to };
   try {
-    window.parent.postMessage(payload, "*");
+    window.postMessage(payload, "*");
   } catch (err) {
-    console.warn("emit parent failed", err);
+    console.warn("emit failed", err);
   }
 }
 function emitToChild(iframeWindow, type, data, origin = "*") {
@@ -1545,33 +1554,91 @@ function emitToChild(iframeWindow, type, data, origin = "*") {
     console.warn("emit to child failed", err);
   }
 }
-var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
-  const handlers = useRef({});
-  useEffect(() => {
-    const onMessage = (evt) => {
-      const { data, source, origin } = evt;
-      if (!data || !isObject(data) || !data.type) return;
-      if (allowedOrigins[0] !== "*" && !allowedOrigins.includes(origin)) return;
-      const { type, data: params, to = "parent" } = data;
-      const isTop = window.parent === window;
-      if (to === "top" && !isTop) {
-        window.parent.postMessage(data, allowedOrigins[0] === "*" ? "*" : origin);
-        return;
+var hookInstances = /* @__PURE__ */ new Set();
+var handleGlobalMessage = (evt) => {
+  const { data, source, origin } = evt;
+  if (!data || !isObject(data) || !data.type) return;
+  const { type, data: params, to = "top" } = data;
+  const safeOrigin = origin || "*";
+  const fns = [];
+  let isAllowed = hookInstances.size === 0;
+  hookInstances.forEach((ctx) => {
+    const isMatch = ctx.allowedOrigins[0] === "*" || ctx.allowedOrigins.includes(safeOrigin);
+    if (isMatch) {
+      isAllowed = true;
+      if (ctx.handlers[type]) {
+        fns.push(...ctx.handlers[type]);
       }
-      const fns = handlers.current[type] || [];
-      fns.forEach((fn) => fn(params, source, origin));
-    };
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, [allowedOrigins]);
-  function on(type, handler) {
-    handlers.current[type] = handlers.current[type] || [];
-    handlers.current[type].push(handler);
+    }
+  });
+  if (!isAllowed) return;
+  const isTop = window.parent === window;
+  const hasHandler = fns.length > 0;
+  let shouldExecute = false;
+  let shouldForward = false;
+  switch (to) {
+    case "nearest":
+      shouldExecute = hasHandler;
+      shouldForward = !hasHandler && !isTop;
+      break;
+    case "broadcast":
+      shouldExecute = true;
+      shouldForward = !isTop;
+      break;
+    case "top":
+      shouldExecute = isTop;
+      shouldForward = !isTop;
+      break;
+    case "parent":
+      shouldExecute = true;
+      shouldForward = source === window && !isTop;
+      break;
+    case "sibling":
+    case "child":
+    default:
+      shouldExecute = true;
+      shouldForward = false;
+      break;
   }
-  function off(type, handler) {
-    handlers.current[type] = (handlers.current[type] || []).filter((fn) => fn !== handler);
+  if (shouldExecute && hasHandler) {
+    fns.forEach((fn) => fn(params, source, origin));
+  }
+  if (shouldForward && !isTop && window.parent !== window) {
+    try {
+      window.parent.postMessage(data, "*");
+    } catch (err) {
+      console.warn("IframeRelayBridge forward failed:", err);
+    }
   }
-  return { on, off };
+};
+if (window) {
+  window.addEventListener("message", handleGlobalMessage);
+}
+var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
+  const ctxRef = useRef({
+    handlers: {},
+    allowedOrigins
+  });
+  ctxRef.current.allowedOrigins = allowedOrigins;
+  useEffect(() => {
+    const ctx = ctxRef.current;
+    hookInstances.add(ctx);
+    return () => {
+      hookInstances.delete(ctx);
+    };
+  }, []);
+  const on = useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    handlers[type] = handlers[type] || [];
+    handlers[type].push(handler);
+  }, []);
+  const off = useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    if (handlers[type]) {
+      handlers[type] = handlers[type].filter((fn) => fn !== handler);
+    }
+  }, []);
+  return useMemo(() => ({ on, off }), [on, off]);
 };
 var useRefState_default = (init) => {
   const [state, setState] = useState(init);
@@ -1790,140 +1857,325 @@ var useThrottle_default = (func, wait) => {
   throttle2.cancel = cancel;
   return useCallback(throttle2, []);
 };
-var useWebSocket_default = ({
-  url,
-  onMessage,
-  onClose,
-  heartbeatInterval = 3e4,
-  heartbeatMessage = "ping",
-  clientHeartbeat = true,
-  reconnectInterval = 5e3,
-  maxReconnectAttempts,
-  isReconnect = true
-}) => {
-  const socketRef = useRef(null);
-  const heartbeatIntervalRef = useRef(null);
-  const [socketReadyState, setSocketReadyState] = useState(null);
-  const reconnectIntervalRef = useRef(null);
-  const reconnectAttempts = useRef(0);
-  const documentHide = useRef(document.visibilityState === "hidden");
-  const isDestroy = useRef(false);
-  const onMessageEctype = useCallback(onMessage, [onMessage]);
-  const startHeartbeat = (currentSocket) => {
-    if (!clientHeartbeat) {
-      return;
-    }
+
+// src/hooks/webSocket/WebSocketManager.ts
+var WebSocketManager = class _WebSocketManager {
+  /** 存储不同 URL 对应的 WebSocketManager 单例实例 */
+  static instances = /* @__PURE__ */ new Map();
+  /** 当前 WebSocket 的服务器地址 */
+  url;
+  /** WebSocket 原生实例 */
+  socket = null;
+  /** 当前连接状态 */
+  readyState = null;
+  /** 当前连接的所有订阅者（监听器）集合 */
+  listeners = /* @__PURE__ */ new Set();
+  // --- 配置参数 ---
+  heartbeatInterval;
+  heartbeatMessage;
+  clientHeartbeat;
+  reconnectInterval;
+  maxReconnectAttempts;
+  isReconnect;
+  // --- 内部状态与定时器 ---
+  /** 心跳定时器引用 */
+  heartbeatIntervalRef = null;
+  /** 重连定时器引用 */
+  reconnectIntervalRef = null;
+  /** 销毁防抖定时器引用（用于避免 React StrictMode 导致的连接抖动） */
+  destroyTimeoutRef = null;
+  /** 当前已尝试重连的次数 */
+  reconnectAttempts = 0;
+  /** 记录页面是否处于隐藏状态 */
+  documentHide = document.visibilityState === "hidden";
+  /** 标记实例是否已被销毁，防止销毁后继续重连 */
+  isDestroy = false;
+  /**
+   * 私有构造函数，确保只能通过 getInstance 获取实例
+   */
+  constructor(props) {
+    this.url = props.url;
+    this.heartbeatInterval = props.heartbeatInterval ?? 3e4;
+    this.heartbeatMessage = props.heartbeatMessage ?? "ping";
+    this.clientHeartbeat = props.clientHeartbeat ?? true;
+    this.reconnectInterval = props.reconnectInterval ?? 5e3;
+    this.maxReconnectAttempts = props.maxReconnectAttempts;
+    this.isReconnect = props.isReconnect ?? true;
+    window.addEventListener("visibilitychange", this.handleVisibilityChange);
+    this.createAndListenWebSocket();
+  }
+  /**
+   * 获取指定 URL 的 WebSocketManager 单例
+   * @param props WebSocket 配置参数
+   * @returns WebSocketManager 实例
+   */
+  static getInstance(props) {
+    if (!_WebSocketManager.instances.has(props.url)) {
+      _WebSocketManager.instances.set(props.url, new _WebSocketManager(props));
+    }
+    return _WebSocketManager.instances.get(props.url);
+  }
+  /**
+   * 添加监听器（组件挂载时调用）
+   * @param listener 组件级别的监听器
+   */
+  addListener(listener) {
+    this.listeners.add(listener);
+    if (this.destroyTimeoutRef) {
+      clearTimeout(this.destroyTimeoutRef);
+      this.destroyTimeoutRef = null;
+    }
+    listener.onStateChange(this.readyState);
+  }
+  /**
+   * 移除监听器（组件卸载时调用）
+   * @param listener 组件级别的监听器
+   */
+  removeListener(listener) {
+    this.listeners.delete(listener);
+    if (this.listeners.size === 0) {
+      this.destroyTimeoutRef = setTimeout(() => {
+        this.destroy();
+        _WebSocketManager.instances.delete(this.url);
+      }, 200);
+    }
+  }
+  /**
+   * 更新连接状态并广播给所有监听器
+   */
+  setSocketReadyState(state) {
+    this.readyState = state;
+    this.listeners.forEach((l) => l.onStateChange(state));
+  }
+  /**
+   * 启动心跳机制
+   */
+  startHeartbeat = (currentSocket) => {
+    if (!this.clientHeartbeat) return;
+    this.stopHeartbeat();
     const intervalId = setInterval(() => {
       if (currentSocket.readyState === WebSocket.OPEN) {
-        currentSocket.send(heartbeatMessage);
+        currentSocket.send(this.heartbeatMessage);
       }
-    }, heartbeatInterval);
-    heartbeatIntervalRef.current = intervalId;
+    }, this.heartbeatInterval);
+    this.heartbeatIntervalRef = intervalId;
+  };
+  /**
+   * 停止心跳机制
+   */
+  stopHeartbeat = () => {
+    if (this.heartbeatIntervalRef !== null) {
+      clearInterval(this.heartbeatIntervalRef);
+      this.heartbeatIntervalRef = null;
+    }
   };
-  const stopHeartbeat = () => {
-    if (heartbeatIntervalRef.current) {
-      clearInterval(heartbeatIntervalRef.current);
-      heartbeatIntervalRef.current = null;
+  /**
+   * 停止重连定时器
+   */
+  stopReconnectTimer = () => {
+    if (this.reconnectIntervalRef !== null) {
+      clearTimeout(this.reconnectIntervalRef);
+      this.reconnectIntervalRef = null;
     }
   };
-  const stopReconnectTimer = () => {
-    if (reconnectIntervalRef.current) {
-      clearTimeout(reconnectIntervalRef.current);
-      reconnectIntervalRef.current = null;
+  /**
+   * 重置心跳定时器
+   */
+  resetHeartbeat = (currentSocket = this.socket) => {
+    if (!currentSocket) return;
+    this.startHeartbeat(currentSocket);
+  };
+  /**
+   * 广播消息给所有订阅者
+   */
+  emitMessage = (message3) => {
+    this.listeners.forEach((listener) => listener.onMessage(message3));
+  };
+  /**
+   * 解析消息内容，JSON 解析失败时回退为原始字符串
+   */
+  parseMessage = (data) => {
+    try {
+      return JSON.parse(data);
+    } catch {
+      return data;
     }
   };
-  const tryReconnect = () => {
-    if (isDestroy.current) return;
-    if (isReconnect && !documentHide.current) {
-      if ((!isNumber(maxReconnectAttempts) || reconnectAttempts.current < maxReconnectAttempts) && isNullOrUnDef(reconnectIntervalRef.current)) {
-        reconnectIntervalRef.current = setTimeout(() => {
-          console.log(`\u5C1D\u8BD5\u7B2C ${reconnectAttempts.current + 1} \u6B21\u91CD\u8FDE...`, url);
-          reconnectAttempts.current = reconnectAttempts.current + 1;
-          createAndListenWebSocket();
-          stopReconnectTimer();
-        }, reconnectInterval);
+  /**
+   * 尝试重新连接
+   */
+  tryReconnect = () => {
+    if (this.isDestroy || this.listeners.size === 0) return;
+    if (this.isReconnect && !this.documentHide) {
+      if ((!isNumber(this.maxReconnectAttempts) || this.reconnectAttempts < this.maxReconnectAttempts) && this.reconnectIntervalRef === null) {
+        this.reconnectIntervalRef = setTimeout(() => {
+          this.reconnectIntervalRef = null;
+          console.log(`\u5C1D\u8BD5\u7B2C ${this.reconnectAttempts + 1} \u6B21\u91CD\u8FDE...`, this.url);
+          this.reconnectAttempts++;
+          this.createAndListenWebSocket();
+        }, this.reconnectInterval);
       } else {
-        if (isNumber(maxReconnectAttempts)) {
+        if (isNumber(this.maxReconnectAttempts) && this.reconnectAttempts >= this.maxReconnectAttempts) {
           console.log("\u8FBE\u5230\u6700\u5927\u91CD\u8FDE\u5C1D\u8BD5\u6B21\u6570\uFF0C\u505C\u6B62\u91CD\u8FDE");
         }
       }
     }
   };
-  const handleOpen = (newSocket) => {
+  /**
+   * WebSocket onopen 事件处理
+   */
+  handleOpen = (newSocket) => {
     console.log("WebSocket \u8FDE\u63A5\u5DF2\u6253\u5F00");
-    setSocketReadyState(newSocket.readyState);
-    startHeartbeat(newSocket);
-    reconnectAttempts.current = 0;
+    this.stopReconnectTimer();
+    this.setSocketReadyState(newSocket.readyState);
+    this.resetHeartbeat(newSocket);
+    this.reconnectAttempts = 0;
   };
-  const handleMessage = (event) => {
-    if (isString(event.data)) {
-      try {
-        const parsedData = JSON.parse(event.data);
-        onMessageEctype?.(parsedData);
-        stopHeartbeat();
-        startHeartbeat(socketRef.current);
-      } catch (error) {
-        console.error("\u89E3\u6790\u6D88\u606F\u6570\u636E\u65F6\u51FA\u9519:", error);
-      }
-    }
+  /**
+   * WebSocket onmessage 事件处理
+   */
+  handleMessage = (event) => {
+    const message3 = this.parseMessage(event.data);
+    this.emitMessage(message3);
+    this.resetHeartbeat();
   };
-  const handleClose = (event) => {
+  /**
+   * WebSocket onclose 事件处理
+   */
+  handleClose = (event) => {
     console.log("WebSocket \u8FDE\u63A5\u5DF2\u5173\u95ED", event.code, event.reason);
-    setSocketReadyState(event.code);
-    stopHeartbeat();
-    onClose?.();
-    tryReconnect();
+    this.setSocketReadyState(WebSocket.CLOSED);
+    this.stopHeartbeat();
+    this.listeners.forEach((l) => l.onClose?.());
+    this.tryReconnect();
   };
-  const handleError = (error) => {
+  /**
+   * WebSocket onerror 事件处理
+   */
+  handleError = (error) => {
     console.error("WebSocket \u53D1\u751F\u9519\u8BEF:", error);
-    setSocketReadyState(null);
-    stopHeartbeat();
-    tryReconnect();
+    this.setSocketReadyState(null);
+    this.stopHeartbeat();
+    this.tryReconnect();
+  };
+  /**
+   * 清理当前的 WebSocket 实例，取消所有事件绑定并关闭连接
+   */
+  cleanupSocket = (notifyClose = false) => {
+    this.stopHeartbeat();
+    if (this.socket) {
+      this.socket.onopen = null;
+      this.socket.onmessage = null;
+      this.socket.onerror = null;
+      if (!notifyClose) {
+        this.socket.onclose = null;
+      }
+      if (this.socket.readyState === WebSocket.OPEN || this.socket.readyState === WebSocket.CONNECTING) {
+        this.socket.close();
+      }
+    }
   };
-  const createAndListenWebSocket = () => {
-    const newSocket = new WebSocket(url);
-    socketRef.current = newSocket;
-    setSocketReadyState(newSocket.readyState);
-    newSocket.onopen = () => handleOpen(newSocket);
-    newSocket.onmessage = handleMessage;
-    newSocket.onclose = handleClose;
-    newSocket.onerror = handleError;
+  /**
+   * 创建新的 WebSocket 实例并绑定事件
+   */
+  createAndListenWebSocket = () => {
+    this.cleanupSocket();
+    const newSocket = new WebSocket(this.url);
+    this.socket = newSocket;
+    this.setSocketReadyState(newSocket.readyState);
+    newSocket.onopen = () => this.handleOpen(newSocket);
+    newSocket.onmessage = this.handleMessage;
+    newSocket.onclose = this.handleClose;
+    newSocket.onerror = this.handleError;
   };
-  const handleVisibilityChange = () => {
-    documentHide.current = document.visibilityState === "hidden";
-    if (socketRef.current?.readyState !== WebSocket.OPEN) {
-      tryReconnect();
+  /**
+   * 处理页面可见性变化
+   * 页面隐藏时暂停部分活动，重新显示且断开时尝试重连
+   */
+  handleVisibilityChange = () => {
+    this.documentHide = document.visibilityState === "hidden";
+    if (!this.documentHide && (this.readyState === WebSocket.CLOSED || this.readyState === null)) {
+      this.tryReconnect();
     }
   };
+  /**
+   * 供外部调用的发送消息方法
+   * @param message 要发送的消息内容（字符串）
+   */
+  sendMessage = (message3) => {
+    if (this.socket?.readyState === WebSocket.OPEN) {
+      this.socket.send(message3);
+      this.resetHeartbeat(this.socket);
+    } else {
+      console.warn("WebSocket \u672A\u8FDE\u63A5\uFF0C\u65E0\u6CD5\u53D1\u9001\u6D88\u606F:", message3);
+    }
+  };
+  /**
+   * 销毁当前实例，清理所有资源
+   */
+  destroy = () => {
+    this.isDestroy = true;
+    window.removeEventListener("visibilitychange", this.handleVisibilityChange);
+    if (this.destroyTimeoutRef) {
+      clearTimeout(this.destroyTimeoutRef);
+      this.destroyTimeoutRef = null;
+    }
+    this.cleanupSocket(true);
+    this.stopHeartbeat();
+    this.stopReconnectTimer();
+  };
+};
+
+// src/hooks/webSocket/useWebSocket.ts
+var useWebSocket_default = ({
+  url,
+  onMessage,
+  onClose,
+  heartbeatInterval = 3e4,
+  heartbeatMessage = "ping",
+  clientHeartbeat = true,
+  reconnectInterval = 5e3,
+  maxReconnectAttempts,
+  isReconnect = true
+}) => {
+  const [socketReadyState, setSocketReadyState] = useState(null);
+  const onMessageRef = useRef(onMessage);
+  useEffect(() => {
+    onMessageRef.current = onMessage;
+  }, [onMessage]);
+  const onCloseRef = useRef(onClose);
+  useEffect(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+  const managerRef = useRef(null);
   useEffect(() => {
     if (!url) return;
-    isDestroy.current = false;
-    createAndListenWebSocket();
-    window.addEventListener("visibilitychange", handleVisibilityChange);
+    const manager = WebSocketManager.getInstance({
+      url,
+      heartbeatInterval,
+      heartbeatMessage,
+      clientHeartbeat,
+      reconnectInterval,
+      maxReconnectAttempts,
+      isReconnect
+    });
+    managerRef.current = manager;
+    const listener = {
+      onMessage: (msg) => onMessageRef.current?.(msg),
+      onClose: () => onCloseRef.current?.(),
+      onStateChange: (state) => setSocketReadyState(state)
+    };
+    manager.addListener(listener);
     return () => {
-      window.removeEventListener("visibilitychange", handleVisibilityChange);
-      isDestroy.current = true;
-      if (socketRef.current) {
-        socketRef.current.close();
-        return;
-      }
-      stopHeartbeat();
-      stopReconnectTimer();
+      manager.removeListener(listener);
+      managerRef.current = null;
     };
   }, [url]);
-  const sendMessage = (message3) => {
-    if (socketRef.current?.readyState === WebSocket.OPEN) {
-      socketRef.current.send(message3);
-      stopHeartbeat();
-      startHeartbeat(socketRef.current);
-    } else {
-      console.warn("WebSocket \u672A\u8FDE\u63A5\uFF0C\u65E0\u6CD5\u53D1\u9001\u6D88\u606F:", message3);
-    }
-  };
+  const sendMessage = useCallback((message3) => {
+    managerRef.current?.sendMessage(message3);
+  }, []);
   return {
-    /** 发送消息方法 */
     sendMessage,
-    /** Socket 连接状态 */
     socketReadyState
   };
 };
@@ -2156,7 +2408,7 @@ var ProtectedView = ({
     });
   };
   return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "height-full", children: /* @__PURE__ */ jsxs("div", { style: { width: 300 }, children: [
-    passwordStatus === PasswordStatus.WrongPassword && /* @__PURE__ */ jsx(Alert, { message: "\u5BC6\u7801\u65E0\u6548\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\uFF01", type: "error" }),
+    passwordStatus === PasswordStatus.WrongPassword && /* @__PURE__ */ jsx(Alert, { title: "\u5BC6\u7801\u65E0\u6548\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\uFF01", type: "error" }),
     /* @__PURE__ */ jsxs(Form, { form, size: "large", className: "m-t-24", children: [
       /* @__PURE__ */ jsx(Form.Item, { name: "password", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u5BC6\u7801" }], children: /* @__PURE__ */ jsx(Input.Password, { autoComplete: "new-password", placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801" }) }),
       /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: onSubmit, children: "\u63D0 \u4EA4" }) })
@@ -2266,7 +2518,7 @@ var PdfPreview_default = ({ password, fileUrl, pageNo = 1, scale = 1, isHasThumb
         message3 = "\u65E0\u6CD5\u52A0\u8F7D\u6587\u6863";
         break;
     }
-    return /* @__PURE__ */ jsx(Flex, { className: "height-full", justify: "center", align: "center", children: /* @__PURE__ */ jsx(Alert, { message: message3, type: "error", showIcon: true }) });
+    return /* @__PURE__ */ jsx(Flex, { className: "height-full", justify: "center", align: "center", children: /* @__PURE__ */ jsx(Alert, { title: message3, type: "error", showIcon: true }) });
   };
   const onPageChange = (e) => {
     let newCurrentPage = e.currentPage;
@@ -2343,7 +2595,7 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
       case "JPG":
       case "JPEG":
       case "GIF":
-        return /* @__PURE__ */ jsx(Image, { rootClassName: styles_module_default.nsPreviewImage, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
+        return /* @__PURE__ */ jsx(Image$1, { classNames: { root: styles_module_default.nsPreviewImage }, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
       case "PDF":
         return /* @__PURE__ */ jsx(PdfPreview_default, { fileUrl, ...pdfParams, password, onSetPassword });
       case "PDF_IMG":
@@ -2374,7 +2626,7 @@ var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onC
     {
       title,
       push: false,
-      width: "100%",
+      size: "100%",
       open,
       onClose,
       children: /* @__PURE__ */ jsx(FilePreview_default, { ...props })
@@ -2382,8 +2634,114 @@ var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onC
   );
 };
 
-// src/components/Iframe/styles.module.less
+// src/components/MicroApp/styles.module.less
 var styles_module_default3 = {
+  microApp: "styles_module_microApp"
+};
+var MicroApp_default = ({ name, url, className, onMounted, onError, data, ...rest }) => {
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    setLoading(true);
+  }, [url]);
+  const handleLoad = () => {
+    setLoading(false);
+    onMounted?.();
+  };
+  const handleError = (e) => {
+    setLoading(false);
+    onError?.(e);
+  };
+  const microAppData = useMemo(() => {
+    const parentMainSource = window?.microApp?.getData?.()?.mainSource || [];
+    return { mainSource: [...parentMainSource, name], ...data };
+  }, [data, name]);
+  const TagName = microApp.tagName || "micro-app";
+  return /* @__PURE__ */ jsxCustomEvent(Spin, { spinning: loading, classNames: { root: "full-spin" }, description: "\u52A0\u8F7D\u4E2D..." }, /* @__PURE__ */ jsxCustomEvent(
+    TagName,
+    {
+      name,
+      url,
+      data: microAppData,
+      class: classNames2(styles_module_default3.microApp, className),
+      onMounted: handleLoad,
+      onError: handleError,
+      ...rest
+    }
+  ));
+};
+var Drawer_default = ({ name: podName }) => {
+  const [currentPod, setCurrentPod] = useState({ title: "", url: "" });
+  const [fullPodOpen, setFullPodOpen] = useState(false);
+  const { on, off } = useIframeRelayBridge_default();
+  const openPod = useCallback(({ title, url, name }) => {
+    if (name === podName) {
+      setCurrentPod({ title, url });
+      setFullPodOpen(true);
+    }
+  }, []);
+  const onClosePod = useCallback(() => {
+    setFullPodOpen(false);
+  }, []);
+  useEffect(() => {
+    on("openPod", openPod);
+    on("onClosePod", onClosePod);
+    return () => {
+      off("openPod", openPod);
+      off("onClosePod", onClosePod);
+    };
+  }, [openPod, onClosePod]);
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      className: "no-padding-drawer",
+      destroyOnHidden: true,
+      title: currentPod.title,
+      classNames: {
+        header: currentPod.title === false ? "hidden" : ""
+      },
+      size: "100%",
+      open: fullPodOpen,
+      onClose: () => setFullPodOpen(false),
+      children: /* @__PURE__ */ jsx(MicroApp_default, { iframe: true, name: podName, url: currentPod.url, "router-mode": "pure" }, currentPod.url)
+    }
+  );
+};
+var Window_default = ({ defaultUrl, name: appName }) => {
+  const [windowUrl, setWindowUrl] = useState("");
+  const [windowUrlKey, setWindowUrlKey, getWindowUrlKey] = useRefState_default(0);
+  const { on, off } = useIframeRelayBridge_default();
+  const onWindowUrlChange = (url) => {
+    setWindowUrl(url);
+    setWindowUrlKey(getWindowUrlKey() + 1);
+  };
+  useEffect(() => {
+    const urlParams = getAllUrlParams(location.href);
+    if (urlParams[appName]) {
+      const url = microApp.router.decode(urlParams[appName]);
+      onWindowUrlChange(url);
+    } else {
+      onWindowUrlChange(defaultUrl);
+    }
+  }, [defaultUrl, appName]);
+  const openWindow = useCallback(
+    ({ url, name }) => {
+      if (appName === name) {
+        onWindowUrlChange(url);
+      }
+    },
+    [appName]
+  );
+  useEffect(() => {
+    on("openWindow", openWindow);
+    return () => {
+      off("openWindow", openWindow);
+    };
+  }, [openWindow]);
+  return windowUrl ? /* @__PURE__ */ jsx(MicroApp_default, { name: appName, url: windowUrl }, windowUrlKey) : null;
+};
+
+// src/components/Iframe/styles.module.less
+var styles_module_default4 = {
   iframe: "styles_module_iframe"
 };
 var Iframe_default = forwardRef(({ defaultMainSource, id, src, className, onLoad }, ref) => {
@@ -2398,13 +2756,13 @@ var Iframe_default = forwardRef(({ defaultMainSource, id, src, className, onLoad
   useEffect(() => {
     setLoading(true);
   }, [src]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Spin, { spinning: loading, classNames: { root: "full-spin" }, description: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsx(
     "iframe",
     {
       id,
       ref,
       src: finalSrc,
-      className: classNames2(styles_module_default3.iframe, className),
+      className: classNames2(styles_module_default4.iframe, className),
       onLoad: onHandleLoad,
       allow: "clipboard-write"
     }
@@ -2412,7 +2770,7 @@ var Iframe_default = forwardRef(({ defaultMainSource, id, src, className, onLoad
 });
 
 // src/components/MarkdownEditor/styles.module.less
-var styles_module_default4 = {
+var styles_module_default5 = {
   editorParent: "styles_module_editorParent",
   extraToolbar: "styles_module_extraToolbar",
   editorFloatingToolbar: "styles_module_editorFloatingToolbar",
@@ -2904,7 +3262,7 @@ var FloatingElement = forwardRef(
     const handleFloatingOpenChange = (open2) => {
       if (!open2 && editor && resetTextSelectionOnClose) {
         const tr = editor.state.tr.setSelection(
-          Selection.near(editor.state.doc.resolve(0))
+          Selection$1.near(editor.state.doc.resolve(0))
         );
         editor.view.dispatch(tr);
       }
@@ -3017,7 +3375,7 @@ var FloatingElement = forwardRef(
         const nodeBefore = $pos.nodeBefore;
         if (!nodeBefore || nodeBefore.isBlock) return;
         const tr = state.tr.setSelection(
-          Selection.near(state.doc.resolve(posCoords.pos))
+          Selection$1.near(state.doc.resolve(posCoords.pos))
         );
         view.dispatch(tr);
       };
@@ -3103,7 +3461,7 @@ var ANNOTATION_KEY = "annotation";
 var ANNOTATION_ATTRS = ["annotation-id", "user-name", "user-id", "update-time", "content"];
 
 // src/components/MarkdownEditor/annotation/styles.module.less
-var styles_module_default5 = {
+var styles_module_default6 = {
   annotations: "styles_module_annotations",
   annotationItem: "styles_module_annotationItem",
   annotationItemSelected: "styles_module_annotationItemSelected"
@@ -3166,7 +3524,7 @@ var AnnotationSidebar_default = ({
       children: annotations.length > 0 ? /* @__PURE__ */ jsx(
         List,
         {
-          className: classNames2(styles_module_default5.annotations, "height-full", "scroll-fade-in"),
+          className: classNames2(styles_module_default6.annotations, "height-full", "scroll-fade-in"),
           dataSource: annotations,
           renderItem: (annotation) => /* @__PURE__ */ jsx(
             List.Item,
@@ -3174,14 +3532,14 @@ var AnnotationSidebar_default = ({
               ref: (el) => {
                 itemRefs.current[annotation[ANNOTATION_ATTRS[0]]] = el;
               },
-              className: classNames2(styles_module_default5.annotationItem, {
-                [styles_module_default5.annotationItemSelected]: annotation[ANNOTATION_ATTRS[0]] === selectedAnnotationId
+              className: classNames2(styles_module_default6.annotationItem, {
+                [styles_module_default6.annotationItemSelected]: annotation[ANNOTATION_ATTRS[0]] === selectedAnnotationId
               }),
               onClick: () => {
                 handleSelectAnnotation(annotation[ANNOTATION_ATTRS[0]]);
               },
               children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, flex: 1, children: [
-                /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default5.annotationMeta, children: [
+                /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default6.annotationMeta, children: [
                   /* @__PURE__ */ jsx(Text, { strong: true, type: "secondary", children: annotation["user-name"] }),
                   /* @__PURE__ */ jsx(Text, { type: "secondary", children: formatDate(annotation["update-time"]) })
                 ] }),
@@ -3242,7 +3600,7 @@ var AnnotationSidebar_default = ({
   }
   return createPortal(sidebarContent, container);
 };
-var createHtmlMark = (markName, ATTRS, classNames7) => {
+var createHtmlMark = (markName, ATTRS, classNames8) => {
   return Mark.create({
     name: markName,
     priority: 1e3,
@@ -3271,7 +3629,7 @@ var createHtmlMark = (markName, ATTRS, classNames7) => {
       return [
         "div",
         mergeAttributes$1(attrs, {
-          class: classNames7
+          class: classNames8
         }),
         0
       ];
@@ -3785,7 +4143,7 @@ var CollectionPlugin = Extension.create({
 });
 
 // src/components/MarkdownEditor/collection/styles.module.less
-var styles_module_default6 = {
+var styles_module_default7 = {
   collections: "styles_module_collections",
   collectionItem: "styles_module_collectionItem",
   collectionItemSelected: "styles_module_collectionItemSelected"
@@ -3831,7 +4189,7 @@ var collectionSidebar_default = ({
       children: collections.length > 0 ? /* @__PURE__ */ jsx(
         List,
         {
-          className: classNames2(styles_module_default6.collections, "height-full", "scroll-fade-in"),
+          className: classNames2(styles_module_default7.collections, "height-full", "scroll-fade-in"),
           dataSource: collections,
           renderItem: (collection) => {
             if (collectionConfig?.renderItem) {
@@ -3848,14 +4206,14 @@ var collectionSidebar_default = ({
                 ref: (el) => {
                   itemRefs.current[collection[COLLECTION_ATTRS[0]]] = el;
                 },
-                className: classNames2(styles_module_default6.collectionItem, {
-                  [styles_module_default6.collectionItemSelected]: collection[COLLECTION_ATTRS[0]] === selectedCollectionId
+                className: classNames2(styles_module_default7.collectionItem, {
+                  [styles_module_default7.collectionItemSelected]: collection[COLLECTION_ATTRS[0]] === selectedCollectionId
                 }),
                 onClick: () => {
                   handleSelectCollection?.(collection[COLLECTION_ATTRS[0]]);
                 },
                 children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, flex: 1, children: [
-                  /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default6.collectionMeta, children: [
+                  /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default7.collectionMeta, children: [
                     /* @__PURE__ */ jsx(Text2, { strong: true, type: "secondary", children: collection["user-name"] }),
                     /* @__PURE__ */ jsx(Text2, { type: "secondary", children: formatDate(collection["update-time"]) })
                   ] }),
@@ -8568,274 +8926,296 @@ var usePageNo = (pageNoConfig) => {
     onPageChange
   };
 };
-var MarkdownEditor_default = ({
-  value = ``,
-  onChange,
-  searchValue,
-  disabled,
-  extraNav,
-  fixedToolbar = true,
-  floatToolbar = true,
-  onQuote,
-  onDownloadFile,
-  annotationConfig,
-  collectionConfig,
-  pageNoConfig
-}) => {
-  const isMobile = useIsBreakpoint();
-  const lastContentRef = useRef("");
-  const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
-  const {
-    setAnnotationEditor,
-    annotations,
-    setAnnotations,
-    selectedAnnotationId,
-    handleSelectAnnotation,
-    showAnnotationModal,
-    showAnnotation,
-    onCreateAnnotation,
-    closeAnnotationCreateModal,
-    onCreateAnnotationConfirm,
-    handleDeleteAnnotation,
-    handleEditAnnotation,
-    setShowAnnotation
-  } = useAnnotations(annotationConfig);
-  const {
-    setCollectionEditor,
-    collections,
-    setCollections,
-    selectedCollectionId,
-    handleSelectCollection,
-    showCollection,
-    setShowCollection,
-    onCreateCollection,
-    handleDeleteCollection
-  } = useCollections(collectionConfig);
-  const editor = useEditor({
-    immediatelyRender: false,
-    editorProps: {
-      attributes: {
-        autocomplete: "off",
-        autocorrect: "off",
-        autocapitalize: "off",
-        "aria-label": "\u4E3B\u5185\u5BB9\u533A\u57DF\uFF0C\u5F00\u59CB\u8F93\u5165\u6587\u672C..."
-      }
-    },
-    extensions: [
-      Markdown,
-      Mathematics.configure({
-        // 可选：KaTeX 自定义配置
-        katexOptions: {
-          throwOnError: false
-        }
-        // 可选：内联公式点击回调
-        // inlineOptions: {
-        //   onClick: (node, pos) => {
-        //     const newLaTeX = prompt('编辑公式 LaTeX:', node.attrs.latex)
-        //     if (newLaTeX) {
-        //       editor?.chain().setNodeSelection(pos).updateInlineMath({ latex: newLaTeX }).run()
-        //     }
-        //   }
-        // }
-      }),
-      StarterKit.configure({
-        horizontalRule: false,
-        link: {
-          openOnClick: false,
-          enableClickSelection: true
+var MarkdownEditor_default = forwardRef(
+  ({
+    value = ``,
+    onChange,
+    searchValue,
+    disabled,
+    extraNav,
+    fixedToolbar = true,
+    floatToolbar = true,
+    onQuote,
+    onDownloadFile,
+    annotationConfig,
+    collectionConfig,
+    pageNoConfig
+  }, ref) => {
+    const isMobile = useIsBreakpoint();
+    const lastContentRef = useRef("");
+    const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
+    const {
+      setAnnotationEditor,
+      annotations,
+      setAnnotations,
+      selectedAnnotationId,
+      handleSelectAnnotation,
+      showAnnotationModal,
+      showAnnotation,
+      onCreateAnnotation,
+      closeAnnotationCreateModal,
+      onCreateAnnotationConfirm,
+      handleDeleteAnnotation,
+      handleEditAnnotation,
+      setShowAnnotation
+    } = useAnnotations(annotationConfig);
+    const {
+      setCollectionEditor,
+      collections,
+      setCollections,
+      selectedCollectionId,
+      handleSelectCollection,
+      showCollection,
+      setShowCollection,
+      onCreateCollection,
+      handleDeleteCollection
+    } = useCollections(collectionConfig);
+    const editor = useEditor({
+      immediatelyRender: false,
+      editorProps: {
+        attributes: {
+          autocomplete: "off",
+          autocorrect: "off",
+          autocapitalize: "off",
+          "aria-label": "\u4E3B\u5185\u5BB9\u533A\u57DF\uFF0C\u5F00\u59CB\u8F93\u5165\u6587\u672C..."
         }
-      }),
-      HorizontalRule,
-      TextAlign.configure({ types: ["heading", "paragraph"] }),
-      TaskList,
-      TaskItem.configure({ nested: true }),
-      Highlight.configure({ multicolor: true }),
-      Image$1,
-      Typography$1,
-      Superscript,
-      Subscript,
-      Selection$1,
-      Table.configure({
-        resizable: true
-        // 可选，允许调整表格大小
-      }),
-      TableHeader,
-      TableRow,
-      TableCell,
-      // ImageUploadNode.configure({
-      //   accept: 'image/*',
-      //   maxSize: MAX_FILE_SIZE,
-      //   limit: 3,
-      //   upload: handleImageUpload,
-      //   onError: (error) => console.error('上传失败:', error)
-      // }),
-      ...pageNoConfig?.enabled ? [
-        pageNoMark_default,
-        PageNoExtension.configure({
-          onPageChange,
-          containerSelector: "#contentWrapper"
-        })
-      ] : [],
-      searchAndReplace_default.configure({
-        searchResultClass: "cube-hl",
-        // class to give to found items. default 'cube-hl'
-        disableRegex: false
-        // also no need to explain
-      }),
-      ...annotationConfig?.enabled ? [
-        AnnotationMark,
-        AnnotationPlugin.configure({
-          onAnnotationsChange: setAnnotations,
-          onSelectAnnotation: (annotation) => {
-            handleSelectAnnotation(annotation?.[ANNOTATION_ATTRS[0]]);
+      },
+      extensions: [
+        Markdown,
+        Mathematics.configure({
+          // 可选：KaTeX 自定义配置
+          katexOptions: {
+            throwOnError: false
           }
-        })
-      ] : [],
-      // 摘录功能扩展
-      ...collectionConfig?.enabled ? [
-        CollectionMark,
-        CollectionPlugin.configure({
-          onCollectionsChange: setCollections,
-          onSelectCollection: (collection) => {
-            handleSelectCollection(collection?.[COLLECTION_ATTRS[0]]);
+          // 可选：内联公式点击回调
+          // inlineOptions: {
+          //   onClick: (node, pos) => {
+          //     const newLaTeX = prompt('编辑公式 LaTeX:', node.attrs.latex)
+          //     if (newLaTeX) {
+          //       editor?.chain().setNodeSelection(pos).updateInlineMath({ latex: newLaTeX }).run()
+          //     }
+          //   }
+          // }
+        }),
+        StarterKit.configure({
+          horizontalRule: false,
+          link: {
+            openOnClick: false,
+            enableClickSelection: true
           }
-        })
-      ] : []
-    ],
-    content: value,
-    contentType: "markdown",
-    onUpdate: () => {
-      const markdownOutput = getMarkdown();
-      if (markdownOutput === lastContentRef.current) return;
-      lastContentRef.current = markdownOutput;
-      onChange?.(markdownOutput);
-    }
-  });
-  const getMarkdown = () => {
-    if (!editor) return "";
-    if (editor.isEmpty) return "";
-    return editor.getMarkdown();
-  };
-  useEffect(() => {
-    if (!editor) return;
-    setAnnotationEditor(editor);
-    setCollectionEditor(editor);
-    setPageNoEditor(editor);
-  }, [editor]);
-  useEffect(() => {
-    if (!editor) return;
-    if (lastContentRef.current === value) return;
-    editor?.commands.setContent(value, { contentType: "markdown" });
-    editor?.commands.focus("start");
-    lastContentRef.current = value;
-  }, [value, editor]);
-  useEffect(() => {
-    editor?.commands.setSearchTerm(searchValue || "");
-  }, [searchValue, value, editor]);
-  useEffect(() => {
-    editor?.setEditable(!disabled);
-  }, [disabled, editor]);
-  const downloadFile2 = () => {
-    onDownloadFile?.(getMarkdown(), "docx");
-  };
-  const fixedTools = useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
-  const floatTools = useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
-  return /* @__PURE__ */ jsxs(Flex, { className: "height-full width-full", children: [
-    /* @__PURE__ */ jsx("div", { className: classNames2("height-full", "flex-1", styles_module_default4.editorParent), children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
-      /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", children: [
-          fixedToolbar !== false && /* @__PURE__ */ jsx(
+        }),
+        HorizontalRule,
+        TextAlign.configure({ types: ["heading", "paragraph"] }),
+        TaskList,
+        TaskItem.configure({ nested: true }),
+        Highlight.configure({ multicolor: true }),
+        Image,
+        Typography$1,
+        Superscript,
+        Subscript,
+        Selection,
+        Table.configure({
+          resizable: true
+          // 可选，允许调整表格大小
+        }),
+        TableHeader,
+        TableRow,
+        TableCell,
+        // ImageUploadNode.configure({
+        //   accept: 'image/*',
+        //   maxSize: MAX_FILE_SIZE,
+        //   limit: 3,
+        //   upload: handleImageUpload,
+        //   onError: (error) => console.error('上传失败:', error)
+        // }),
+        ...pageNoConfig?.enabled ? [
+          pageNoMark_default,
+          PageNoExtension.configure({
+            onPageChange,
+            containerSelector: "#contentWrapper"
+          })
+        ] : [],
+        searchAndReplace_default.configure({
+          searchResultClass: "cube-hl",
+          // class to give to found items. default 'cube-hl'
+          disableRegex: false
+          // also no need to explain
+        }),
+        ...annotationConfig?.enabled ? [
+          AnnotationMark,
+          AnnotationPlugin.configure({
+            onAnnotationsChange: setAnnotations,
+            onSelectAnnotation: (annotation) => {
+              handleSelectAnnotation(annotation?.[ANNOTATION_ATTRS[0]]);
+            }
+          })
+        ] : [],
+        // 摘录功能扩展
+        ...collectionConfig?.enabled ? [
+          CollectionMark,
+          CollectionPlugin.configure({
+            onCollectionsChange: setCollections,
+            onSelectCollection: (collection) => {
+              handleSelectCollection(collection?.[COLLECTION_ATTRS[0]]);
+            }
+          })
+        ] : []
+      ],
+      content: value,
+      contentType: "markdown",
+      onUpdate: () => {
+        const markdownOutput = getMarkdown();
+        if (markdownOutput === lastContentRef.current) return;
+        lastContentRef.current = markdownOutput;
+        onChange?.(markdownOutput);
+      }
+    });
+    const getMarkdown = () => {
+      if (!editor) return "";
+      if (editor.isEmpty) return "";
+      return editor.getMarkdown();
+    };
+    useImperativeHandle(
+      ref,
+      () => ({
+        getEditor: () => editor,
+        getMarkdown,
+        focus: (pos) => {
+          if (!editor) return;
+          editor.commands.focus(pos);
+        },
+        insertContent: (value2, options) => {
+          if (!editor) return;
+          editor.chain().focus().insertContent(value2, options).run();
+        },
+        insertContentAt: (position, value2, options) => {
+          if (!editor) return;
+          editor.chain().focus().insertContentAt(position, value2, options).run();
+        }
+      }),
+      [editor]
+    );
+    useEffect(() => {
+      if (!editor) return;
+      setAnnotationEditor(editor);
+      setCollectionEditor(editor);
+      setPageNoEditor(editor);
+    }, [editor]);
+    useEffect(() => {
+      if (!editor) return;
+      if (lastContentRef.current === value) return;
+      editor?.commands.setContent(value, { contentType: "markdown" });
+      editor?.commands.focus("start");
+      lastContentRef.current = value;
+    }, [value, editor]);
+    useEffect(() => {
+      editor?.commands.setSearchTerm(searchValue || "");
+    }, [searchValue, value, editor]);
+    useEffect(() => {
+      editor?.setEditable(!disabled);
+    }, [disabled, editor]);
+    const downloadFile2 = () => {
+      onDownloadFile?.(getMarkdown(), "docx");
+    };
+    const fixedTools = useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
+    const floatTools = useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
+    return /* @__PURE__ */ jsxs(Flex, { className: "height-full width-full", children: [
+      /* @__PURE__ */ jsx("div", { className: classNames2("height-full", "flex-1", styles_module_default5.editorParent), children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", children: [
+            fixedToolbar !== false && /* @__PURE__ */ jsx(
+              EditorToolbar,
+              {
+                isBubble: false,
+                onQuote,
+                onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
+                onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
+                tools: fixedTools
+              }
+            ),
+            /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: classNames2(styles_module_default5.extraToolbar), children: [
+              annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  title: "\u6279\u6CE8\u5217\u8868",
+                  icon: /* @__PURE__ */ jsx(MessageOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowAnnotation(!showAnnotation)
+                }
+              ),
+              collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  style: { gap: "2px" },
+                  size: "small",
+                  title: "\u6458\u5F55\u5217\u8868",
+                  icon: /* @__PURE__ */ jsx(BookOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowCollection(!showCollection),
+                  children: "\u6458\u5F55"
+                }
+              ),
+              onDownloadFile && /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
+              extraNav
+            ] })
+          ] }),
+          !isMobile && floatToolbar !== false && /* @__PURE__ */ jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default5.editorFloatingToolbar, children: /* @__PURE__ */ jsx(
             EditorToolbar,
             {
-              isBubble: false,
+              isBubble: true,
               onQuote,
               onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
               onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-              tools: fixedTools
+              tools: floatTools
             }
-          ),
-          /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: classNames2(styles_module_default4.extraToolbar), children: [
-            annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "small",
-                title: "\u6279\u6CE8\u5217\u8868",
-                icon: /* @__PURE__ */ jsx(MessageOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowAnnotation(!showAnnotation)
-              }
-            ),
-            collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsx(
-              Button,
-              {
-                style: { gap: "2px" },
-                size: "small",
-                title: "\u6458\u5F55\u5217\u8868",
-                icon: /* @__PURE__ */ jsx(BookOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowCollection(!showCollection),
-                children: "\u6458\u5F55"
-              }
-            ),
-            onDownloadFile && /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
-            extraNav
-          ] })
+          ) })
         ] }),
-        !isMobile && floatToolbar !== false && /* @__PURE__ */ jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsx(
-          EditorToolbar,
+        /* @__PURE__ */ jsx("div", { id: "contentWrapper", className: classNames2(styles_module_default5.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsx(
+          EditorContent,
           {
-            isBubble: true,
-            onQuote,
-            onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
-            onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-            tools: floatTools
+            editor,
+            role: "presentation",
+            className: classNames2(styles_module_default5.simpleEditorContent, "ns-markdown", { [styles_module_default5.noToolbar]: fixedToolbar === false })
           }
         ) })
+      ] }) }),
+      annotationConfig?.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+        showAnnotation && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default5.extraSidebarParent), children: /* @__PURE__ */ jsx(
+          AnnotationSidebar_default,
+          {
+            disabled,
+            annotations,
+            selectedAnnotationId,
+            handleSelectAnnotation: (id) => handleSelectAnnotation(id, "sidebar"),
+            onEditAnnotation: handleEditAnnotation,
+            onDeleteAnnotation: handleDeleteAnnotation,
+            annotationConfig,
+            onClose: () => setShowAnnotation(false)
+          }
+        ) }),
+        showAnnotationModal && /* @__PURE__ */ jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
       ] }),
-      /* @__PURE__ */ jsx("div", { id: "contentWrapper", className: classNames2(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsx(
-        EditorContent,
-        {
-          editor,
-          role: "presentation",
-          className: classNames2(styles_module_default4.simpleEditorContent, "ns-markdown", { [styles_module_default4.noToolbar]: fixedToolbar === false })
-        }
-      ) })
-    ] }) }),
-    annotationConfig?.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-      showAnnotation && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsx(
-        AnnotationSidebar_default,
+      collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default5.extraSidebarParent), children: /* @__PURE__ */ jsx(
+        collectionSidebar_default,
         {
           disabled,
-          annotations,
-          selectedAnnotationId,
-          handleSelectAnnotation: (id) => handleSelectAnnotation(id, "sidebar"),
-          onEditAnnotation: handleEditAnnotation,
-          onDeleteAnnotation: handleDeleteAnnotation,
-          annotationConfig,
-          onClose: () => setShowAnnotation(false)
+          collections,
+          selectedCollectionId,
+          handleSelectCollection: (id) => handleSelectCollection(id, "sidebar"),
+          onDeleteCollection: handleDeleteCollection,
+          collectionConfig,
+          onClose: () => setShowCollection(false)
         }
-      ) }),
-      showAnnotationModal && /* @__PURE__ */ jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
-    ] }),
-    collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsx(
-      collectionSidebar_default,
-      {
-        disabled,
-        collections,
-        selectedCollectionId,
-        handleSelectCollection: (id) => handleSelectCollection(id, "sidebar"),
-        onDeleteCollection: handleDeleteCollection,
-        collectionConfig,
-        onClose: () => setShowCollection(false)
-      }
-    ) })
-  ] });
-};
+      ) })
+    ] });
+  }
+);
 
 // src/components/MarkDrawing/styles.module.less
-var styles_module_default7 = {
+var styles_module_default8 = {
   container: "styles_module_container",
   rect: "styles_module_rect",
   score: "styles_module_score"
@@ -8859,7 +9239,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
   }, []);
   const scaleX = containerSize.width / originalSize.width;
   const scaleY = containerSize.height / originalSize.height;
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: styles_module_default7.container, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: styles_module_default8.container, children: [
     children,
     detections?.map((det, idx) => {
       const [x1, y1, x2, y2] = det.bbox;
@@ -8871,7 +9251,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles_module_default7.rect,
+            className: styles_module_default8.rect,
             style: {
               left,
               top,
@@ -8883,7 +9263,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles_module_default7.score,
+            className: styles_module_default8.score,
             style: {
               left,
               top: Math.max(top - 20, 0)
@@ -8935,6 +9315,6 @@ var UserAvatar_default = ({ size, avatarSrc, userName }) => {
   return avatarSrc ? /* @__PURE__ */ jsx(Avatar, { size, src: avatarSrc }) : /* @__PURE__ */ jsx(Avatar, { size, className: "cursor-pointer", style: { backgroundColor: "var(--ant-color-primary)" }, children: userName?.slice(0, 1)?.toLocaleUpperCase() });
 };
 
-export { AudioPlayer_default as AudioPlayer, BusinessCode, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, DocxPreview_default as DocxPreview, FileIcon_default as FileIcon, FilePreview_default as FilePreview, FilePreviewDrawer_default as FilePreviewDrawer, HttpStatus, Iframe_default as Iframe, LazyComponent_default as LazyComponent, MarkDrawing_default as MarkDrawing, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MultiEmailValidator, PdfImagePreview_default as PdfImagePreview, PdfPreview_default as PdfPreview, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, RenderMarkdown_default as RenderMarkdown, RenderWrapper_default as RenderWrapper, ThanNumLengthValidator, ThanNumValidator, UserAvatar_default as UserAvatar, VideoPlayer_default as VideoPlayer, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAsyncQueue_default as useAsyncQueue, useAutoRefresh_default as useAutoRefresh, useCountDown_default as useCountDown, useCreateValtioContext_default as useCreateValtioContext, useDebounce_default as useDebounce, useDeepEffect_default as useDeepEffect, useIframeRelayBridge_default as useIframeRelayBridge, useRefState_default as useRefState, useSyncInput_default as useSyncInput, useThrottle_default as useThrottle, useWebSocket_default as useWebSocket };
+export { AudioPlayer_default as AudioPlayer, BusinessCode, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, DocxPreview_default as DocxPreview, FileIcon_default as FileIcon, FilePreview_default as FilePreview, FilePreviewDrawer_default as FilePreviewDrawer, HttpStatus, Iframe_default as Iframe, LazyComponent_default as LazyComponent, MarkDrawing_default as MarkDrawing, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MicroApp_default as MicroApp, Drawer_default as MicroAppDrawer, Window_default as MicroAppWindow, MultiEmailValidator, PdfImagePreview_default as PdfImagePreview, PdfPreview_default as PdfPreview, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, RenderMarkdown_default as RenderMarkdown, RenderWrapper_default as RenderWrapper, ThanNumLengthValidator, ThanNumValidator, UserAvatar_default as UserAvatar, VideoPlayer_default as VideoPlayer, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAsyncQueue_default as useAsyncQueue, useAutoRefresh_default as useAutoRefresh, useCountDown_default as useCountDown, useCreateValtioContext_default as useCreateValtioContext, useDebounce_default as useDebounce, useDeepEffect_default as useDeepEffect, useIframeRelayBridge_default as useIframeRelayBridge, useRefState_default as useRefState, useSyncInput_default as useSyncInput, useThrottle_default as useThrottle, useWebSocket_default as useWebSocket };
 //# sourceMappingURL=index.esm.js.map
 //# sourceMappingURL=index.esm.js.map