@zero-library/common 2.5.0 → 3.0.0

package/dist/index.cjs.js

@@ -1121,6 +1121,10 @@ function createRequest(config) {
     // 默认基础URL
     timeout: 6e4,
     // 请求超时时间设为60秒
+    paramsSerializer: {
+      // 自定义序列化参数，处理数组格式为 key=value&key=value
+      serialize: (params) => buildUrlParams(params)
+    },
     ...config
     // 合并传入的配置项
   });
@@ -1149,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 {
@@ -1397,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,
     {
@@ -1894,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
   };
 };
@@ -2260,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" }) })
@@ -2370,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;
@@ -2447,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":
@@ -2478,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 })
@@ -2486,8 +2678,10 @@ var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onC
   );
 };
 
-// src/components/MicroApp/styles.less
-var styles_default = {};
+// 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(() => {
@@ -2506,13 +2700,13 @@ var MicroApp_default = ({ name, url, className, onMounted, onError, data, ...res
     return { mainSource: [...parentMainSource, name], ...data };
   }, [data, name]);
   const TagName = microApp__default.default.tagName || "micro-app";
-  return /* @__PURE__ */ jsxCustomEvent__default.default(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D..." }, /* @__PURE__ */ jsxCustomEvent__default.default(
+  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_default.microApp, className),
+      class: classNames2__default.default(styles_module_default3.microApp, className),
       onMounted: handleLoad,
       onError: handleError,
       ...rest
@@ -2549,7 +2743,7 @@ var Drawer_default = ({ name: podName }) => {
       classNames: {
         header: currentPod.title === false ? "hidden" : ""
       },
-      width: "100%",
+      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)
@@ -2591,7 +2785,7 @@ var Window_default = ({ defaultUrl, name: appName }) => {
 };
 
 // src/components/Iframe/styles.module.less
-var styles_module_default3 = {
+var styles_module_default4 = {
   iframe: "styles_module_iframe"
 };
 var Iframe_default = React.forwardRef(({ defaultMainSource, id, src, className, onLoad }, ref) => {
@@ -2606,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"
     }
@@ -2620,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",
@@ -3311,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"
@@ -3374,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,
@@ -3382,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"]) })
                 ] }),
@@ -3993,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"
@@ -4039,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) {
@@ -4056,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"]) })
                   ] }),
@@ -8970,7 +9164,7 @@ var MarkdownEditor_default = React.forwardRef(
     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.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(
@@ -8983,7 +9177,7 @@ var MarkdownEditor_default = React.forwardRef(
                 tools: fixedTools
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: classNames2__default.default(styles_module_default4.extraToolbar), children: [
+            /* @__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,
                 {
@@ -9012,7 +9206,7 @@ var MarkdownEditor_default = React.forwardRef(
               extraNav
             ] })
           ] }),
-          !isMobile && floatToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsxRuntime.jsx(
+          !isMobile && floatToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default5.editorFloatingToolbar, children: /* @__PURE__ */ jsxRuntime.jsx(
             EditorToolbar,
             {
               isBubble: true,
@@ -9023,17 +9217,17 @@ var MarkdownEditor_default = React.forwardRef(
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { id: "contentWrapper", className: classNames2__default.default(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: "contentWrapper", className: classNames2__default.default(styles_module_default5.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 })
+            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_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
+        showAnnotation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default5.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
           AnnotationSidebar_default,
           {
             disabled,
@@ -9048,7 +9242,7 @@ var MarkdownEditor_default = React.forwardRef(
         ) }),
         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(
+      collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default5.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
         collectionSidebar_default,
         {
           disabled,
@@ -9065,7 +9259,7 @@ var MarkdownEditor_default = React.forwardRef(
 );
 
 // 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"
@@ -9089,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;
@@ -9101,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,
@@ -9113,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)