@zero-library/common 2.3.12 → 2.4.0

package/dist/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Icon = require('@ant-design/icons');
+var icons = require('@ant-design/icons');
 var antd = require('antd');
 var classNames2 = require('classnames');
 var docxPreview = require('docx-preview');
@@ -78,7 +78,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var Icon__default = /*#__PURE__*/_interopDefault(Icon);
 var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AES__default = /*#__PURE__*/_interopDefault(AES);
@@ -1302,9 +1301,9 @@ var DocxPreview_default = ({ fileUrl, scale = 1 }) => {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default(styles_module_default.nsPreviewDocx, "height-full", "width-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 6, align: "center", className: styles_module_default.docxToolbar, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomOut, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.MinusCircleOutlined, {}), title: "\u7F29\u5C0F" }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomIn, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.PlusCircleOutlined, {}), title: "\u653E\u5927" }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: resetZoom, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.RedoOutlined, {}), title: "\u8FD8\u539F" })
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomOut, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MinusCircleOutlined, {}), title: "\u7F29\u5C0F" }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomIn, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusCircleOutlined, {}), title: "\u653E\u5927" }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: resetZoom, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.RedoOutlined, {}), title: "\u8FD8\u539F" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default.docxContent, "height-full", "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1320,54 +1319,54 @@ var DocxPreview_default = ({ fileUrl, scale = 1 }) => {
 };
 var FileIcon_default = ({ suffix, fontSize = 22 }) => {
   const styles = { fontSize, color: "var(--ant-color-primary)" };
-  const Icon2 = React.useMemo(() => {
+  const Icon = React.useMemo(() => {
     switch (suffix?.toUpperCase()) {
       case "TXT":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileTextOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {});
       case "PDF":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FilePdfOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {});
       case "DOC":
       case "DOCX":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileWordOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileWordOutlined, {});
       case "XLS":
       case "XLSX":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileExcelOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileExcelOutlined, {});
       case "PPT":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FilePptOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FilePptOutlined, {});
       case "MP4":
       case "MOV":
       case "MKV":
       case "AVI":
       case "FLV":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.VideoCameraOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.VideoCameraOutlined, {});
       case "MP3":
       case "WAV":
       case "M4A":
       case "ACC":
       case "WMA":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.NotificationOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.NotificationOutlined, {});
       case "JPG":
       case "JPEG":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileJpgOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileJpgOutlined, {});
       case "PNG":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileImageOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileImageOutlined, {});
       case "GIF":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileGifOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileGifOutlined, {});
       case "MD":
       case "MARKDOWN":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileMarkdownOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileMarkdownOutlined, {});
       case "ZIP":
       case "RAR":
       case "7Z":
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileZipOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileZipOutlined, {});
       case "CATALOG":
         return /* @__PURE__ */ jsxRuntime.jsx("i", { style: styles, className: "iconfont icon-wenjianjia" });
       // 文件夹图标
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileUnknownOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileUnknownOutlined, {});
     }
   }, [suffix]);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles, children: Icon2 });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles, children: Icon });
 };
 var VideoPlayer_default = ({ fileUrl }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("video", { controls: true, className: styles_module_default.nsPreviewVideo, children: [
@@ -1604,6 +1603,55 @@ var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
   }
   return { on, off };
 };
+var useRefState_default = (init) => {
+  const [state, setState] = React.useState(init);
+  const stateRef = React.useRef(init);
+  const setProxy = (newVal) => {
+    stateRef.current = newVal;
+    setState(newVal);
+  };
+  const getState = () => stateRef.current;
+  return [state, setProxy, getState];
+};
+
+// src/hooks/useAsyncQueue.ts
+var useAsyncQueue_default = () => {
+  const [queue, setQueue] = React.useState([]);
+  const [enabled, setEnabled] = React.useState(true);
+  const [running, setRunning, getRunning] = useRefState_default(false);
+  const addToQueue = React.useCallback((func, ...args) => {
+    setQueue((prevQueue) => [...prevQueue, { func, args }]);
+  }, []);
+  const executeQueue = React.useCallback((nextEnabled) => {
+    setEnabled(nextEnabled);
+  }, []);
+  const clearQueue = React.useCallback(() => {
+    setQueue([]);
+  }, []);
+  React.useEffect(() => {
+    if (!enabled) return;
+    if (getRunning()) return;
+    if (queue.length === 0) return;
+    const task = queue[0];
+    setRunning(true);
+    (async () => {
+      try {
+        await task.func(...task.args);
+      } finally {
+        setQueue((prevQueue) => prevQueue.slice(1));
+        setRunning(false);
+      }
+    })();
+  }, [queue, enabled]);
+  return {
+    addToQueue,
+    executeQueue,
+    clearQueue,
+    queueSize: queue.length,
+    enabled,
+    running
+  };
+};
 var useAutoRefresh_default = (listenValue, shouldRefresh, callback, delay = 1e4) => {
   const timerRef = React.useRef(null);
   const shouldRefreshRef = React.useRef(shouldRefresh);
@@ -1721,100 +1769,6 @@ var useDeepEffect_default = (effect, deps) => {
     }
   }, [depsChanged, effect, ...deps]);
 };
-var useRefState_default = (init) => {
-  const [state, setState] = React.useState(init);
-  const stateRef = React.useRef(init);
-  const setProxy = (newVal) => {
-    stateRef.current = newVal;
-    setState(newVal);
-  };
-  const getState = () => stateRef.current;
-  return [state, setProxy, getState];
-};
-var useSpeech_default = ({ onResult, lang = "zh-CN" }) => {
-  const [permission, setPermission] = React.useState("prompt");
-  const [isRecording, setIsRecording] = React.useState(false);
-  const recognitionRef = React.useRef(null);
-  React.useEffect(() => {
-    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-    if (!SpeechRecognition) {
-      setPermission("unsupported");
-      return;
-    }
-    const recognition = new SpeechRecognition();
-    recognition.continuous = true;
-    recognition.interimResults = false;
-    recognition.lang = lang;
-    recognition.onresult = (event) => {
-      let transcript = "";
-      for (let i = event.resultIndex; i < event.results.length; i++) {
-        transcript += event.results[i][0].transcript;
-      }
-      onResult?.(transcript.trim());
-    };
-    recognition.onend = () => {
-      setIsRecording(false);
-    };
-    recognition.onerror = (error) => {
-      setIsRecording(false);
-      console.error("Speech recognition error:", error);
-    };
-    recognitionRef.current = recognition;
-    return () => {
-      recognition.stop?.();
-      recognition.onresult = null;
-      recognition.onend = null;
-      recognition.onerror = null;
-    };
-  }, [lang, onResult]);
-  React.useEffect(() => {
-    if (!navigator.permissions) return;
-    navigator.permissions.query({ name: "microphone" }).then((status) => {
-      setPermission(status.state);
-      status.onchange = () => setPermission(status.state);
-    });
-  }, []);
-  const requestPermission = React.useCallback(async () => {
-    try {
-      await navigator.mediaDevices.getUserMedia({ audio: true });
-      setPermission("granted");
-    } catch {
-      setPermission("denied");
-    }
-  }, []);
-  const start = React.useCallback(() => {
-    if (permission === "prompt") {
-      requestPermission();
-      return;
-    }
-    if (permission !== "granted") return;
-    if (!isRecording) {
-      recognitionRef.current?.start();
-      setIsRecording(true);
-    }
-  }, [permission, isRecording, requestPermission]);
-  const stop = React.useCallback(() => {
-    try {
-      recognitionRef.current?.stop();
-    } finally {
-      setIsRecording(false);
-    }
-  }, []);
-  return {
-    /**
-     * 权限状态
-     */
-    permission,
-    /**
-     * 录音状态
-     */
-    isRecording,
-    /** 开始语音识别 */
-    start,
-    /** 停止语音识别 */
-    stop
-  };
-};
 var useSyncInput_default = (storeValue, setStoreValue) => {
   const [inputValue, setInputValue] = React.useState(storeValue);
   React.useEffect(() => {
@@ -2172,9 +2126,9 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
     ) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default("height-full", styles_module_default.pdfImageBody), children: [
       /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 6, align: "center", className: styles_module_default.pdfImageBodyToolbar, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomOut, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.MinusCircleOutlined, {}), title: "\u7F29\u5C0F" }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomIn, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.PlusCircleOutlined, {}), title: "\u653E\u5927" }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomFitWidth, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.ColumnWidthOutlined, {}), title: "\u9002\u5E94\u5BBD\u5EA6" })
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomOut, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MinusCircleOutlined, {}), title: "\u7F29\u5C0F" }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomIn, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusCircleOutlined, {}), title: "\u653E\u5927" }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: zoomFitWidth, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ColumnWidthOutlined, {}), title: "\u9002\u5E94\u5BBD\u5EA6" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "height-full scroll-fade-in", children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -3227,13 +3181,13 @@ var AnnotationSidebar_default = ({
       className: "full-card no-padding-card extra-sidebar",
       title: annotationConfig?.showListHeader === false ? false : /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon.MessageOutlined, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
             "\u6279\u6CE8",
             annotations.length > 0 && `\uFF08${annotations.length}\uFF09`
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseOutlined, {}), onClick: onClose })
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}), onClick: onClose })
       ] }),
       variant: "borderless",
       children: annotations.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -3283,7 +3237,7 @@ var AnnotationSidebar_default = ({
                         type: "text",
                         size: "small",
                         title: "\u7F16\u8F91\u6279\u6CE8",
-                        icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.EditOutlined, {}),
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}),
                         onClick: (e) => {
                           handleEdit(annotation);
                         }
@@ -3297,7 +3251,7 @@ var AnnotationSidebar_default = ({
                         cancelText: "\u53D6\u6D88",
                         description: "\u786E\u8BA4\u5220\u9664\u5F53\u524D\u6279\u6CE8\u5417?",
                         onConfirm: () => onDeleteAnnotation(annotation[ANNOTATION_ATTRS[0]]),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", title: "\u5220\u9664\u6279\u6CE8", icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.DeleteOutlined, {}) })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", title: "\u5220\u9664\u6279\u6CE8", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}) })
                       }
                     )
                   ] })
@@ -3644,6 +3598,90 @@ var COLLECTION_ATTRS = ["collection-id", "user-name", "user-id", "update-time",
 
 // src/components/MarkdownEditor/collection/CollectionMark.ts
 var CollectionMark = createHtmlMark(COLLECTION_KEY, COLLECTION_ATTRS, "editor-collection");
+
+// src/components/MarkdownEditor/common/utils.ts
+function selectionHasBlockMath(editor) {
+  if (!editor) return false;
+  const { state } = editor;
+  const { from, to } = state.selection;
+  let hasBlockMath = false;
+  state.doc.nodesBetween(from, to, (node) => {
+    if (node.type.name === "blockMath") {
+      hasBlockMath = true;
+      return false;
+    }
+  });
+  return hasBlockMath;
+}
+function hasSelection(editor) {
+  if (!editor) return false;
+  const { from, to } = editor.state.selection;
+  return from < to;
+}
+function getSelectedText(editor) {
+  if (!editor) return "";
+  const { from, to } = editor.state.selection;
+  if (from === to) return "";
+  return editor.state.doc.textBetween(from, to, " ");
+}
+function getSelectedMarkdown(editor) {
+  if (!editor) return "";
+  if (!editor.markdown) {
+    console.warn("Markdown extension \u672A\u542F\u7528");
+    return "";
+  }
+  const { from, to } = editor.state.selection;
+  const slice = editor.state.doc.cut(from, to);
+  return editor.markdown.serialize({
+    type: "doc",
+    content: slice.content.toJSON()
+  });
+}
+function getScrollParent(el) {
+  if (typeof window === "undefined") return null;
+  let current = el?.parentElement ?? null;
+  while (current) {
+    const style = window.getComputedStyle(current);
+    const overflowY = style.overflowY;
+    const overflow = style.overflow;
+    const canScroll = /(auto|scroll|overlay)/.test(overflowY) || /(auto|scroll|overlay)/.test(overflow);
+    if (canScroll) {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return document.scrollingElement;
+}
+function scrollEditorViewToPosInNextFrame(view, pos, options) {
+  const { align = "start", behavior = "auto", offset: offset3 = 0 } = options || {};
+  requestAnimationFrame(() => {
+    try {
+      const result = view.domAtPos(pos);
+      if (!result) return;
+      const el = result.node.nodeType === Node.TEXT_NODE ? result.node.parentElement : result.node;
+      if (!el) return;
+      const scrollParent = getScrollParent(view.dom);
+      const parentRect = scrollParent.getBoundingClientRect();
+      const targetRect = el.getBoundingClientRect();
+      let delta = 0;
+      if (align === "start") {
+        delta = targetRect.top - parentRect.top;
+      } else if (align === "center") {
+        delta = targetRect.top - parentRect.top - parentRect.height / 2 + targetRect.height / 2;
+      } else if (align === "end") {
+        delta = targetRect.bottom - parentRect.bottom;
+      }
+      scrollParent.scrollTo({
+        top: scrollParent.scrollTop + delta - offset3,
+        behavior
+      });
+    } catch (e) {
+      console.warn("scroll error:", e);
+    }
+  });
+}
+
+// src/components/MarkdownEditor/collection/CollectionPlugin.ts
 var collectionPluginKey = new state.PluginKey("collectionPlugin");
 var CollectionPlugin = core.Extension.create({
   name: "collectionPlugin",
@@ -3666,10 +3704,11 @@ var CollectionPlugin = core.Extension.create({
       },
       moveCursorToCollection: (id) => ({ state: state$1, commands, view }) => {
         const foundFrom = findMarkPosition(state$1.doc, COLLECTION_KEY, COLLECTION_ATTRS[0], id);
-        if (foundFrom) {
+        if (isNumber(foundFrom)) {
           const tr = state$1.tr.setSelection(state.TextSelection.create(state$1.doc, foundFrom));
           view.dispatch(tr);
           commands.focus();
+          scrollEditorViewToPosInNextFrame(view, foundFrom, { align: "start" });
         }
       }
     };
@@ -3773,13 +3812,13 @@ var collectionSidebar_default = ({
       className: "full-card no-padding-card extra-sidebar",
       title: collectionConfig?.showListHeader === false ? false : /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon.BookOutlined, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
             "\u6458\u5F55",
             collections.length > 0 && `\uFF08${collections.length}\uFF09`
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseOutlined, {}), onClick: onClose })
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}), onClick: onClose })
       ] }),
       variant: "borderless",
       children: collections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -3823,7 +3862,7 @@ var collectionSidebar_default = ({
                         cancelText: "\u53D6\u6D88",
                         description: "\u786E\u8BA4\u5220\u9664\u5F53\u524D\u6458\u5F55\u5417?",
                         onConfirm: () => onDeleteCollection(collection[COLLECTION_ATTRS[0]]),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", title: "\u5220\u9664\u6458\u5F55", icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.DeleteOutlined, {}) })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "text", size: "small", title: "\u5220\u9664\u6458\u5F55", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}) })
                       }
                     ) })
                   ] })
@@ -3841,47 +3880,6 @@ var collectionSidebar_default = ({
   }
   return reactDom.createPortal(sidebarContent, container);
 };
-
-// src/components/MarkdownEditor/common/utils.ts
-function selectionHasBlockMath(editor) {
-  if (!editor) return false;
-  const { state } = editor;
-  const { from, to } = state.selection;
-  let hasBlockMath = false;
-  state.doc.nodesBetween(from, to, (node) => {
-    if (node.type.name === "blockMath") {
-      hasBlockMath = true;
-      return false;
-    }
-  });
-  return hasBlockMath;
-}
-function hasSelection(editor) {
-  if (!editor) return false;
-  const { from, to } = editor.state.selection;
-  return from < to;
-}
-function getSelectedText(editor) {
-  if (!editor) return "";
-  const { from, to } = editor.state.selection;
-  if (from === to) return "";
-  return editor.state.doc.textBetween(from, to, " ");
-}
-function getSelectedMarkdown(editor) {
-  if (!editor) return "";
-  if (!editor.markdown) {
-    console.warn("Markdown extension \u672A\u542F\u7528");
-    return "";
-  }
-  const { from, to } = editor.state.selection;
-  const slice = editor.state.doc.cut(from, to);
-  return editor.markdown.serialize({
-    type: "doc",
-    content: slice.content.toJSON()
-  });
-}
-
-// src/components/MarkdownEditor/collection/use-collections.ts
 var useCollections = (collectionConfig) => {
   const [collections, setCollections] = React.useState([]);
   const [selectedCollectionId, setSelectedCollectionId] = React.useState(null);
@@ -3920,7 +3918,7 @@ var useCollections = (collectionConfig) => {
       "page-no": pageIndex
     }).run();
     setShowCollection(true);
-    handleSelectCollection(remoteId, "sidebar");
+    handleSelectCollection(remoteId);
   };
   const handleDeleteCollection = (id) => {
     if (!editor.current) {
@@ -4457,7 +4455,7 @@ var BlockquoteButton = React.forwardRef(
       handleToggle,
       label,
       shortcutKeys,
-      Icon: Icon2
+      Icon
     } = useBlockquote({
       editor,
       hideWhenUnavailable,
@@ -4491,7 +4489,7 @@ var BlockquoteButton = React.forwardRef(
         ...buttonProps,
         ref,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text }),
           showShortcut && /* @__PURE__ */ jsxRuntime.jsx(BlockquoteShortcutBadge, { shortcutKeys })
         ] })
@@ -4683,7 +4681,7 @@ var CodeBlockButton = React.forwardRef(
       handleToggle,
       label,
       shortcutKeys,
-      Icon: Icon2
+      Icon
     } = useCodeBlock({
       editor,
       hideWhenUnavailable,
@@ -4717,7 +4715,7 @@ var CodeBlockButton = React.forwardRef(
         ...buttonProps,
         ref,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text }),
           showShortcut && /* @__PURE__ */ jsxRuntime.jsx(CodeBlockShortcutBadge, { shortcutKeys })
         ] })
@@ -5403,7 +5401,7 @@ function ColorHighlightPopover({
 }) {
   const { editor } = useTiptapEditor(providedEditor);
   const [isOpen, setIsOpen] = React.useState(false);
-  const { isVisible, canColorHighlight: canColorHighlight2, isActive, label, Icon: Icon2 } = useColorHighlight({
+  const { isVisible, canColorHighlight: canColorHighlight2, isActive, label, Icon } = useColorHighlight({
     editor,
     hideWhenUnavailable,
     onApplied
@@ -5420,7 +5418,7 @@ function ColorHighlightPopover({
         "aria-label": label,
         tooltip: label,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" })
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { "aria-label": "\u80CC\u666F\u8272", children: /* @__PURE__ */ jsxRuntime.jsx(ColorHighlightPopoverContent, { editor, colors }) })
@@ -5475,7 +5473,7 @@ var HeadingButton = React.forwardRef(
       isActive,
       handleToggle,
       label,
-      Icon: Icon2,
+      Icon,
       shortcutKeys
     } = useHeading({
       editor,
@@ -5511,7 +5509,7 @@ var HeadingButton = React.forwardRef(
         ...buttonProps,
         ref,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text }),
           showShortcut && /* @__PURE__ */ jsxRuntime.jsx(HeadingShortcutBadge, { level, shortcutKeys })
         ] })
@@ -5906,7 +5904,7 @@ var HeadingDropdownMenu = React.forwardRef(
   }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
     const [isOpen, setIsOpen] = React.useState(false);
-    const { isVisible, isActive, canToggle: canToggle3, Icon: Icon2 } = useHeadingDropdownMenu({
+    const { isVisible, isActive, canToggle: canToggle3, Icon } = useHeadingDropdownMenu({
       editor,
       levels,
       hideWhenUnavailable
@@ -5939,7 +5937,7 @@ var HeadingDropdownMenu = React.forwardRef(
           ...buttonProps,
           ref,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
             /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "tiptap-button-dropdown-small" })
           ]
         }
@@ -6272,7 +6270,7 @@ var LinkPopover = React.forwardRef(
       removeLink,
       openLink,
       label,
-      Icon: Icon2
+      Icon
     } = useLinkPopover({
       editor,
       hideWhenUnavailable,
@@ -6317,7 +6315,7 @@ var LinkPopover = React.forwardRef(
           onClick: handleClick,
           ...buttonProps,
           ref,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" })
+          children: children ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" })
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -6489,7 +6487,7 @@ var ListButton = React.forwardRef(
       handleToggle,
       label,
       shortcutKeys,
-      Icon: Icon2
+      Icon
     } = useList({
       editor,
       type,
@@ -6524,7 +6522,7 @@ var ListButton = React.forwardRef(
         ...buttonProps,
         ref,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text }),
           showShortcut && /* @__PURE__ */ jsxRuntime.jsx(ListShortcutBadge, { type, shortcutKeys })
         ] })
@@ -6996,7 +6994,7 @@ function ListDropdownMenu({
 }) {
   const { editor } = useTiptapEditor(providedEditor);
   const [isOpen, setIsOpen] = React.useState(false);
-  const { filteredLists, canToggle: canToggle3, isActive, isVisible, Icon: Icon2 } = useListDropdownMenu({
+  const { filteredLists, canToggle: canToggle3, isActive, isVisible, Icon } = useListDropdownMenu({
     editor,
     types,
     hideWhenUnavailable
@@ -7026,7 +7024,7 @@ function ListDropdownMenu({
         tooltip: "\u5217\u8868",
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "tiptap-button-dropdown-small" })
         ]
       }
@@ -7067,7 +7065,7 @@ var MarkButton = React.forwardRef(
       label,
       canToggle: canToggle3,
       isActive,
-      Icon: Icon2,
+      Icon,
       shortcutKeys
     } = useMark({
       editor,
@@ -7103,7 +7101,7 @@ var MarkButton = React.forwardRef(
         ...buttonProps,
         ref,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text }),
           showShortcut && /* @__PURE__ */ jsxRuntime.jsx(MarkShortcutBadge, { type, shortcutKeys })
         ] })
@@ -7461,7 +7459,7 @@ var TextAlignButton = React.forwardRef(
       label,
       canAlign,
       isActive,
-      Icon: Icon2,
+      Icon,
       shortcutKeys
     } = useTextAlign({
       editor,
@@ -7480,7 +7478,7 @@ var TextAlignButton = React.forwardRef(
     if (!isVisible) {
       return null;
     }
-    const RenderIcon = CustomIcon ?? Icon2;
+    const RenderIcon = CustomIcon ?? Icon;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Button6,
       {
@@ -7799,7 +7797,7 @@ var UndoRedoButton = React.forwardRef(
     ...buttonProps
   }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
-    const { isVisible, handleAction, label, canExecute, Icon: Icon2, shortcutKeys } = useUndoRedo({
+    const { isVisible, handleAction, label, canExecute, Icon, shortcutKeys } = useUndoRedo({
       editor,
       action,
       hideWhenUnavailable,
@@ -7831,7 +7829,7 @@ var UndoRedoButton = React.forwardRef(
         ...buttonProps,
         ref,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text }),
           showShortcut && /* @__PURE__ */ jsxRuntime.jsx(
             HistoryShortcutBadge,
@@ -8233,8 +8231,8 @@ var MainToolbarContent = ({
       /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {})
     ] }),
     onQuote && /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(QuoteIcon, {}), tooltip: "\u5F15\u7528\u9009\u4E2D\u6587\u672C", onClick: onQuote, children: "\u5F15\u7528" }) }),
-    onCreateAnnotation && /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.MessageOutlined, {}), tooltip: "\u6279\u6CE8", onClick: onCreateAnnotation, children: "\u6279\u6CE8" }) }),
-    onCreateCollection && /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.BookOutlined, {}), tooltip: "\u6458\u5F55\u7B14\u8BB0", onClick: onCreateCollection, children: "\u6458\u5F55" }) }),
+    onCreateAnnotation && /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}), tooltip: "\u6279\u6CE8", onClick: onCreateAnnotation, children: "\u6279\u6CE8" }) }),
+    onCreateCollection && /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}), tooltip: "\u6458\u5F55\u7B14\u8BB0", onClick: onCreateCollection, children: "\u6458\u5F55" }) }),
     (tools.includes("heading") || tools.includes("list") || tools.includes("block")) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ToolbarGroup, { children: [
         tools.includes("heading") && /* @__PURE__ */ jsxRuntime.jsx(HeadingDropdownMenu, { levels: [1, 2, 3, 4], portal: isMobile }),
@@ -8707,7 +8705,7 @@ var MarkdownEditor_default = ({
               {
                 size: "small",
                 title: "\u6279\u6CE8\u5217\u8868",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.MessageOutlined, {}),
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}),
                 color: "primary",
                 variant: "text",
                 onClick: () => setShowAnnotation(!showAnnotation)
@@ -8719,7 +8717,7 @@ var MarkdownEditor_default = ({
                 style: { gap: "2px" },
                 size: "small",
                 title: "\u6458\u5F55\u5217\u8868",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.BookOutlined, {}),
+                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}),
                 color: "primary",
                 variant: "text",
                 onClick: () => setShowCollection(!showCollection),
@@ -8878,66 +8876,6 @@ function propsMerge(control, props) {
   }
   return null;
 }
-var SpeechLoading_default = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { color: "currentColor", viewBox: "0 0 1000 1000", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "0", y: "375", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "height", values: "250; 500; 250", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0s", repeatCount: "indefinite" }),
-    /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "y", values: "375; 250; 375", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0s", repeatCount: "indefinite" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "286.66666666666663", y: "375", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "height", values: "250; 500; 250", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.2s", repeatCount: "indefinite" }),
-    /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "y", values: "375; 250; 375", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.2s", repeatCount: "indefinite" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "573.3333333333333", y: "375", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "height", values: "250; 500; 250", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.4s", repeatCount: "indefinite" }),
-    /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "y", values: "375; 250; 375", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.4s", repeatCount: "indefinite" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "859.9999999999999", y: "375", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "animate",
-      {
-        attributeName: "height",
-        values: "250; 500; 250",
-        keyTimes: "0; 0.5; 1",
-        dur: "0.8s",
-        begin: "0.6000000000000001s",
-        repeatCount: "indefinite"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "animate",
-      {
-        attributeName: "y",
-        values: "375; 250; 375",
-        keyTimes: "0; 0.5; 1",
-        dur: "0.8s",
-        begin: "0.6000000000000001s",
-        repeatCount: "indefinite"
-      }
-    )
-  ] })
-] });
-var SpeechButton_default = (props) => {
-  const { permission, isRecording, start, stop } = useSpeech_default(props);
-  const disabled = permission === "denied" || permission === "unsupported";
-  const handleClick = () => {
-    if (isRecording) {
-      stop();
-    } else {
-      start();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Button,
-    {
-      title: permission === "unsupported" ? "\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u8BED\u97F3\u8BC6\u522B" : permission === "denied" ? "\u9EA6\u514B\u98CE\u6743\u9650\u5DF2\u62D2\u7EDD" : isRecording ? "\u505C\u6B62\u5F55\u97F3" : "\u70B9\u51FB\u5F00\u59CB\u5F55\u97F3",
-      disabled,
-      color: "primary",
-      variant: "text",
-      icon: isRecording ? /* @__PURE__ */ jsxRuntime.jsx(Icon__default.default, { style: { width: 16 }, component: SpeechLoading_default }) : disabled ? /* @__PURE__ */ jsxRuntime.jsx(Icon.AudioMutedOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.AudioOutlined, {}),
-      onClick: handleClick
-    }
-  );
-};
 var UserAvatar_default = ({ size, avatarSrc, userName }) => {
   return avatarSrc ? /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size, src: avatarSrc }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size, className: "cursor-pointer", style: { backgroundColor: "var(--ant-color-primary)" }, children: userName?.slice(0, 1)?.toLocaleUpperCase() });
 };
@@ -8975,7 +8913,6 @@ exports.RegTaxNo = RegTaxNo;
 exports.RegTelePhone = RegTelePhone;
 exports.RenderMarkdown = RenderMarkdown_default;
 exports.RenderWrapper = RenderWrapper_default;
-exports.SpeechButton = SpeechButton_default;
 exports.ThanNumLengthValidator = ThanNumLengthValidator;
 exports.ThanNumValidator = ThanNumValidator;
 exports.UserAvatar = UserAvatar_default;
@@ -9066,6 +9003,7 @@ exports.times = times;
 exports.toFixed = toFixed;
 exports.transform = transform;
 exports.transforms = transforms;
+exports.useAsyncQueue = useAsyncQueue_default;
 exports.useAutoRefresh = useAutoRefresh_default;
 exports.useCountDown = useCountDown_default;
 exports.useCreateValtioContext = useCreateValtioContext_default;
@@ -9073,7 +9011,6 @@ exports.useDebounce = useDebounce_default;
 exports.useDeepEffect = useDeepEffect_default;
 exports.useIframeRelayBridge = useIframeRelayBridge_default;
 exports.useRefState = useRefState_default;
-exports.useSpeech = useSpeech_default;
 exports.useSyncInput = useSyncInput_default;
 exports.useThrottle = useThrottle_default;
 exports.useWebSocket = useWebSocket_default;