@zero-library/common 2.4.4 → 3.0.0

package/dist/index.cjs.js

@@ -33,6 +33,8 @@ 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 microApp = require('@micro-zoe/micro-app');
+var jsxCustomEvent = require('@micro-zoe/micro-app/polyfill/jsx-custom-event');
 var react = require('@tiptap/react');
 var extensionHighlight = require('@tiptap/extension-highlight');
 var extensionImage = require('@tiptap/extension-image');
@@ -94,6 +96,8 @@ 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 microApp__default = /*#__PURE__*/_interopDefault(microApp);
+var jsxCustomEvent__default = /*#__PURE__*/_interopDefault(jsxCustomEvent);
 var TiptapHorizontalRule__default = /*#__PURE__*/_interopDefault(TiptapHorizontalRule);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
@@ -1117,6 +1121,10 @@ function createRequest(config) {
     // 默认基础URL
     timeout: 6e4,
     // 请求超时时间设为60秒
+    paramsSerializer: {
+      // 自定义序列化参数，处理数组格式为 key=value&key=value
+      serialize: (params) => buildUrlParams(params)
+    },
     ...config
     // 合并传入的配置项
   });
@@ -1145,6 +1153,9 @@ function createRequest(config) {
       return response;
     },
     function(err) {
+      if (axios__default.default.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 {
@@ -1393,7 +1404,7 @@ var LazyComponent_default = ({ type, customComponents, unknownContent, ...rest }
     lazyCache.set(type, component);
     return component;
   }, [loader]);
-  if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { message: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
+  if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { title: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
   return /* @__PURE__ */ jsxRuntime.jsx(
     React.Suspense,
     {
@@ -1570,9 +1581,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 = "*") {
@@ -1587,33 +1598,91 @@ function emitToChild(iframeWindow, type, data, origin = "*") {
     console.warn("emit to child failed", err);
   }
 }
-var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
-  const handlers = React.useRef({});
-  React.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 = React.useRef({
+    handlers: {},
+    allowedOrigins
+  });
+  ctxRef.current.allowedOrigins = allowedOrigins;
+  React.useEffect(() => {
+    const ctx = ctxRef.current;
+    hookInstances.add(ctx);
+    return () => {
+      hookInstances.delete(ctx);
+    };
+  }, []);
+  const on = React.useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    handlers[type] = handlers[type] || [];
+    handlers[type].push(handler);
+  }, []);
+  const off = React.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]);
 };
 var useRefState_default = (init) => {
   const [state, setState] = React.useState(init);
@@ -1832,140 +1901,325 @@ var useThrottle_default = (func, wait) => {
   throttle2.cancel = cancel;
   return React.useCallback(throttle2, []);
 };
-var useWebSocket_default = ({
-  url,
-  onMessage,
-  onClose,
-  heartbeatInterval = 3e4,
-  heartbeatMessage = "ping",
-  clientHeartbeat = true,
-  reconnectInterval = 5e3,
-  maxReconnectAttempts,
-  isReconnect = true
-}) => {
-  const socketRef = React.useRef(null);
-  const heartbeatIntervalRef = React.useRef(null);
-  const [socketReadyState, setSocketReadyState] = React.useState(null);
-  const reconnectIntervalRef = React.useRef(null);
-  const reconnectAttempts = React.useRef(0);
-  const documentHide = React.useRef(document.visibilityState === "hidden");
-  const isDestroy = React.useRef(false);
-  const onMessageEctype = React.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] = React.useState(null);
+  const onMessageRef = React.useRef(onMessage);
+  React.useEffect(() => {
+    onMessageRef.current = onMessage;
+  }, [onMessage]);
+  const onCloseRef = React.useRef(onClose);
+  React.useEffect(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+  const managerRef = React.useRef(null);
   React.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 = React.useCallback((message3) => {
+    managerRef.current?.sendMessage(message3);
+  }, []);
   return {
-    /** 发送消息方法 */
     sendMessage,
-    /** Socket 连接状态 */
     socketReadyState
   };
 };
@@ -2198,7 +2452,7 @@ var ProtectedView = ({
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "center", align: "center", className: "height-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: 300 }, children: [
-    passwordStatus === core$1.PasswordStatus.WrongPassword && /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { message: "\u5BC6\u7801\u65E0\u6548\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\uFF01", type: "error" }),
+    passwordStatus === core$1.PasswordStatus.WrongPassword && /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { title: "\u5BC6\u7801\u65E0\u6548\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\uFF01", type: "error" }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, size: "large", className: "m-t-24", children: [
       /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "password", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u5BC6\u7801" }], children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input.Password, { autoComplete: "new-password", placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", onClick: onSubmit, children: "\u63D0 \u4EA4" }) })
@@ -2308,7 +2562,7 @@ var PdfPreview_default = ({ password, fileUrl, pageNo = 1, scale = 1, isHasThumb
         message3 = "\u65E0\u6CD5\u52A0\u8F7D\u6587\u6863";
         break;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "height-full", justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { message: message3, type: "error", showIcon: true }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { className: "height-full", justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { title: message3, type: "error", showIcon: true }) });
   };
   const onPageChange = (e) => {
     let newCurrentPage = e.currentPage;
@@ -2385,7 +2639,7 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
       case "JPG":
       case "JPEG":
       case "GIF":
-        return /* @__PURE__ */ jsxRuntime.jsx(antd.Image, { rootClassName: styles_module_default.nsPreviewImage, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
+        return /* @__PURE__ */ jsxRuntime.jsx(antd.Image, { classNames: { root: styles_module_default.nsPreviewImage }, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
       case "PDF":
         return /* @__PURE__ */ jsxRuntime.jsx(PdfPreview_default, { fileUrl, ...pdfParams, password, onSetPassword });
       case "PDF_IMG":
@@ -2416,7 +2670,7 @@ var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onC
     {
       title,
       push: false,
-      width: "100%",
+      size: "100%",
       open,
       onClose,
       children: /* @__PURE__ */ jsxRuntime.jsx(FilePreview_default, { ...props })
@@ -2424,8 +2678,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] = React.useState(false);
+  React.useEffect(() => {
+    setLoading(true);
+  }, [url]);
+  const handleLoad = () => {
+    setLoading(false);
+    onMounted?.();
+  };
+  const handleError = (e) => {
+    setLoading(false);
+    onError?.(e);
+  };
+  const microAppData = React.useMemo(() => {
+    const parentMainSource = window?.microApp?.getData?.()?.mainSource || [];
+    return { mainSource: [...parentMainSource, name], ...data };
+  }, [data, name]);
+  const TagName = microApp__default.default.tagName || "micro-app";
+  return /* @__PURE__ */ jsxCustomEvent__default.default(antd.Spin, { spinning: loading, classNames: { root: "full-spin" }, description: "\u52A0\u8F7D\u4E2D..." }, /* @__PURE__ */ jsxCustomEvent__default.default(
+    TagName,
+    {
+      name,
+      url,
+      data: microAppData,
+      class: classNames2__default.default(styles_module_default3.microApp, className),
+      onMounted: handleLoad,
+      onError: handleError,
+      ...rest
+    }
+  ));
+};
+var Drawer_default = ({ name: podName }) => {
+  const [currentPod, setCurrentPod] = React.useState({ title: "", url: "" });
+  const [fullPodOpen, setFullPodOpen] = React.useState(false);
+  const { on, off } = useIframeRelayBridge_default();
+  const openPod = React.useCallback(({ title, url, name }) => {
+    if (name === podName) {
+      setCurrentPod({ title, url });
+      setFullPodOpen(true);
+    }
+  }, []);
+  const onClosePod = React.useCallback(() => {
+    setFullPodOpen(false);
+  }, []);
+  React.useEffect(() => {
+    on("openPod", openPod);
+    on("onClosePod", onClosePod);
+    return () => {
+      off("openPod", openPod);
+      off("onClosePod", onClosePod);
+    };
+  }, [openPod, onClosePod]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.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__ */ jsxRuntime.jsx(MicroApp_default, { iframe: true, name: podName, url: currentPod.url, "router-mode": "pure" }, currentPod.url)
+    }
+  );
+};
+var Window_default = ({ defaultUrl, name: appName }) => {
+  const [windowUrl, setWindowUrl] = React.useState("");
+  const [windowUrlKey, setWindowUrlKey, getWindowUrlKey] = useRefState_default(0);
+  const { on, off } = useIframeRelayBridge_default();
+  const onWindowUrlChange = (url) => {
+    setWindowUrl(url);
+    setWindowUrlKey(getWindowUrlKey() + 1);
+  };
+  React.useEffect(() => {
+    const urlParams = getAllUrlParams(location.href);
+    if (urlParams[appName]) {
+      const url = microApp__default.default.router.decode(urlParams[appName]);
+      onWindowUrlChange(url);
+    } else {
+      onWindowUrlChange(defaultUrl);
+    }
+  }, [defaultUrl, appName]);
+  const openWindow = React.useCallback(
+    ({ url, name }) => {
+      if (appName === name) {
+        onWindowUrlChange(url);
+      }
+    },
+    [appName]
+  );
+  React.useEffect(() => {
+    on("openWindow", openWindow);
+    return () => {
+      off("openWindow", openWindow);
+    };
+  }, [openWindow]);
+  return windowUrl ? /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(({ defaultMainSource, id, src, className, onLoad }, ref) => {
@@ -2440,13 +2800,13 @@ var Iframe_default = React.forwardRef(({ defaultMainSource, id, src, className,
   React.useEffect(() => {
     setLoading(true);
   }, [src]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsxRuntime.jsx(
+  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(
     "iframe",
     {
       id,
       ref,
       src: finalSrc,
-      className: classNames2__default.default(styles_module_default3.iframe, className),
+      className: classNames2__default.default(styles_module_default4.iframe, className),
       onLoad: onHandleLoad,
       allow: "clipboard-write"
     }
@@ -2454,7 +2814,7 @@ var Iframe_default = React.forwardRef(({ defaultMainSource, id, src, className,
 });
 
 // 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",
@@ -3145,7 +3505,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"
@@ -3208,7 +3568,7 @@ var AnnotationSidebar_default = ({
       children: annotations.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
         antd.List,
         {
-          className: classNames2__default.default(styles_module_default5.annotations, "height-full", "scroll-fade-in"),
+          className: classNames2__default.default(styles_module_default6.annotations, "height-full", "scroll-fade-in"),
           dataSource: annotations,
           renderItem: (annotation) => /* @__PURE__ */ jsxRuntime.jsx(
             antd.List.Item,
@@ -3216,14 +3576,14 @@ var AnnotationSidebar_default = ({
               ref: (el) => {
                 itemRefs.current[annotation[ANNOTATION_ATTRS[0]]] = el;
               },
-              className: classNames2__default.default(styles_module_default5.annotationItem, {
-                [styles_module_default5.annotationItemSelected]: annotation[ANNOTATION_ATTRS[0]] === selectedAnnotationId
+              className: classNames2__default.default(styles_module_default6.annotationItem, {
+                [styles_module_default6.annotationItemSelected]: annotation[ANNOTATION_ATTRS[0]] === selectedAnnotationId
               }),
               onClick: () => {
                 handleSelectAnnotation(annotation[ANNOTATION_ATTRS[0]]);
               },
               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_default5.annotationMeta, 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"]) })
                 ] }),
@@ -3284,7 +3644,7 @@ var AnnotationSidebar_default = ({
   }
   return reactDom.createPortal(sidebarContent, container);
 };
-var createHtmlMark = (markName, ATTRS, classNames7) => {
+var createHtmlMark = (markName, ATTRS, classNames8) => {
   return core.Mark.create({
     name: markName,
     priority: 1e3,
@@ -3313,7 +3673,7 @@ var createHtmlMark = (markName, ATTRS, classNames7) => {
       return [
         "div",
         core.mergeAttributes(attrs, {
-          class: classNames7
+          class: classNames8
         }),
         0
       ];
@@ -3827,7 +4187,7 @@ var CollectionPlugin = core.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"
@@ -3873,7 +4233,7 @@ var collectionSidebar_default = ({
       children: collections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
         antd.List,
         {
-          className: classNames2__default.default(styles_module_default6.collections, "height-full", "scroll-fade-in"),
+          className: classNames2__default.default(styles_module_default7.collections, "height-full", "scroll-fade-in"),
           dataSource: collections,
           renderItem: (collection) => {
             if (collectionConfig?.renderItem) {
@@ -3890,14 +4250,14 @@ var collectionSidebar_default = ({
                 ref: (el) => {
                   itemRefs.current[collection[COLLECTION_ATTRS[0]]] = el;
                 },
-                className: classNames2__default.default(styles_module_default6.collectionItem, {
-                  [styles_module_default6.collectionItemSelected]: collection[COLLECTION_ATTRS[0]] === selectedCollectionId
+                className: classNames2__default.default(styles_module_default7.collectionItem, {
+                  [styles_module_default7.collectionItemSelected]: collection[COLLECTION_ATTRS[0]] === selectedCollectionId
                 }),
                 onClick: () => {
                   handleSelectCollection?.(collection[COLLECTION_ATTRS[0]]);
                 },
                 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.collectionMeta, 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"]) })
                   ] }),
@@ -8610,274 +8970,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 = React.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 = react.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.Markdown,
-      extensionMathematics.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.StarterKit.configure({
-        horizontalRule: false,
-        link: {
-          openOnClick: false,
-          enableClickSelection: true
+var MarkdownEditor_default = React.forwardRef(
+  ({
+    value = ``,
+    onChange,
+    searchValue,
+    disabled,
+    extraNav,
+    fixedToolbar = true,
+    floatToolbar = true,
+    onQuote,
+    onDownloadFile,
+    annotationConfig,
+    collectionConfig,
+    pageNoConfig
+  }, ref) => {
+    const isMobile = useIsBreakpoint();
+    const lastContentRef = React.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 = react.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,
-      extensionTextAlign.TextAlign.configure({ types: ["heading", "paragraph"] }),
-      extensionList.TaskList,
-      extensionList.TaskItem.configure({ nested: true }),
-      extensionHighlight.Highlight.configure({ multicolor: true }),
-      extensionImage.Image,
-      extensionTypography.Typography,
-      extensionSuperscript.Superscript,
-      extensionSubscript.Subscript,
-      extensions.Selection,
-      extensionTable.Table.configure({
-        resizable: true
-        // 可选，允许调整表格大小
-      }),
-      extensionTable.TableHeader,
-      extensionTable.TableRow,
-      extensionTable.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.Markdown,
+        extensionMathematics.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.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();
-  };
-  React.useEffect(() => {
-    if (!editor) return;
-    setAnnotationEditor(editor);
-    setCollectionEditor(editor);
-    setPageNoEditor(editor);
-  }, [editor]);
-  React.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(() => {
-    editor?.commands.setSearchTerm(searchValue || "");
-  }, [searchValue, value, editor]);
-  React.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]);
-  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_default4.editorParent), children: /* @__PURE__ */ jsxRuntime.jsxs(react.EditorContext.Provider, { value: { editor }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "end", align: "center", children: [
-          fixedToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(
+        }),
+        HorizontalRule,
+        extensionTextAlign.TextAlign.configure({ types: ["heading", "paragraph"] }),
+        extensionList.TaskList,
+        extensionList.TaskItem.configure({ nested: true }),
+        extensionHighlight.Highlight.configure({ multicolor: true }),
+        extensionImage.Image,
+        extensionTypography.Typography,
+        extensionSuperscript.Superscript,
+        extensionSubscript.Subscript,
+        extensions.Selection,
+        extensionTable.Table.configure({
+          resizable: true
+          // 可选，允许调整表格大小
+        }),
+        extensionTable.TableHeader,
+        extensionTable.TableRow,
+        extensionTable.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();
+    };
+    React.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]
+    );
+    React.useEffect(() => {
+      if (!editor) return;
+      setAnnotationEditor(editor);
+      setCollectionEditor(editor);
+      setPageNoEditor(editor);
+    }, [editor]);
+    React.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(() => {
+      editor?.commands.setSearchTerm(searchValue || "");
+    }, [searchValue, value, editor]);
+    React.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]);
+    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: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "end", align: "center", children: [
+            fixedToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(
+              EditorToolbar,
+              {
+                isBubble: false,
+                onQuote,
+                onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
+                onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
+                tools: fixedTools
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: classNames2__default.default(styles_module_default5.extraToolbar), children: [
+              annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Button,
+                {
+                  size: "small",
+                  title: "\u6279\u6CE8\u5217\u8868",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowAnnotation(!showAnnotation)
+                }
+              ),
+              collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Button,
+                {
+                  style: { gap: "2px" },
+                  size: "small",
+                  title: "\u6458\u5F55\u5217\u8868",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowCollection(!showCollection),
+                  children: "\u6458\u5F55"
+                }
+              ),
+              onDownloadFile && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
+              extraNav
+            ] })
+          ] }),
+          !isMobile && floatToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default5.editorFloatingToolbar, children: /* @__PURE__ */ jsxRuntime.jsx(
             EditorToolbar,
             {
-              isBubble: false,
+              isBubble: true,
               onQuote,
               onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
               onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-              tools: fixedTools
+              tools: floatTools
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: classNames2__default.default(styles_module_default4.extraToolbar), children: [
-            annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
-              {
-                size: "small",
-                title: "\u6279\u6CE8\u5217\u8868",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowAnnotation(!showAnnotation)
-              }
-            ),
-            collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
-              {
-                style: { gap: "2px" },
-                size: "small",
-                title: "\u6458\u5F55\u5217\u8868",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowCollection(!showCollection),
-                children: "\u6458\u5F55"
-              }
-            ),
-            onDownloadFile && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
-            extraNav
-          ] })
+          ) })
         ] }),
-        !isMobile && floatToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsxRuntime.jsx(
-          EditorToolbar,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: "contentWrapper", className: classNames2__default.default(styles_module_default5.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          react.EditorContent,
           {
-            isBubble: true,
-            onQuote,
-            onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
-            onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-            tools: floatTools
+            editor,
+            role: "presentation",
+            className: classNames2__default.default(styles_module_default5.simpleEditorContent, "ns-markdown", { [styles_module_default5.noToolbar]: fixedToolbar === false })
           }
         ) })
+      ] }) }),
+      annotationConfig?.enabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        showAnnotation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default5.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
+          AnnotationSidebar_default,
+          {
+            disabled,
+            annotations,
+            selectedAnnotationId,
+            handleSelectAnnotation: (id) => handleSelectAnnotation(id, "sidebar"),
+            onEditAnnotation: handleEditAnnotation,
+            onDeleteAnnotation: handleDeleteAnnotation,
+            annotationConfig,
+            onClose: () => setShowAnnotation(false)
+          }
+        ) }),
+        showAnnotationModal && /* @__PURE__ */ jsxRuntime.jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { id: "contentWrapper", className: classNames2__default.default(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.EditorContent,
-        {
-          editor,
-          role: "presentation",
-          className: classNames2__default.default(styles_module_default4.simpleEditorContent, "ns-markdown", { [styles_module_default4.noToolbar]: fixedToolbar === false })
-        }
-      ) })
-    ] }) }),
-    annotationConfig?.enabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      showAnnotation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
-        AnnotationSidebar_default,
+      collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default5.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
-    ] }),
-    collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.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"
@@ -8901,7 +9283,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
   }, []);
   const scaleX = containerSize.width / originalSize.width;
   const scaleY = containerSize.height / originalSize.height;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: styles_module_default7.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: styles_module_default8.container, children: [
     children,
     detections?.map((det, idx) => {
       const [x1, y1, x2, y2] = det.bbox;
@@ -8913,7 +9295,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: styles_module_default7.rect,
+            className: styles_module_default8.rect,
             style: {
               left,
               top,
@@ -8925,7 +9307,7 @@ var MarkDrawing_default = ({ children, detections, originalSize, scopeRender })
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: styles_module_default7.score,
+            className: styles_module_default8.score,
             style: {
               left,
               top: Math.max(top - 20, 0)
@@ -8993,6 +9375,9 @@ exports.LazyComponent = LazyComponent_default;
 exports.MarkDrawing = MarkDrawing_default;
 exports.MarkdownEditor = MarkdownEditor_default;
 exports.MarkdownPreview = MarkdownPreview_default;
+exports.MicroApp = MicroApp_default;
+exports.MicroAppDrawer = Drawer_default;
+exports.MicroAppWindow = Window_default;
 exports.MultiEmailValidator = MultiEmailValidator;
 exports.PdfImagePreview = PdfImagePreview_default;
 exports.PdfPreview = PdfPreview_default;