@zero-library/common 2.2.2 → 2.2.4

package/dist/index.cjs.js

@@ -1,9 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@ant-design/icons');
-var React16 = require('react');
+var Icon = require('@ant-design/icons');
 var antd = require('antd');
+var classNames = require('classnames');
+var docxPreview = require('docx-preview');
+var React16 = require('react');
 var parse = require('html-react-parser');
 var jsonrepair = require('jsonrepair');
 var markdownit = require('markdown-it');
@@ -22,7 +24,6 @@ var relativeTime = require('dayjs/plugin/relativeTime');
 var axios = require('axios');
 require('@react-pdf-viewer/thumbnail/lib/styles/index.css');
 require('@react-pdf-viewer/zoom/lib/styles/index.css');
-var classNames2 = require('classnames');
 var react = require('@tiptap/react');
 var tiptapMarkdown = require('tiptap-markdown');
 var extensionHighlight = require('@tiptap/extension-highlight');
@@ -65,6 +66,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var Icon__default = /*#__PURE__*/_interopDefault(Icon);
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var React16__namespace = /*#__PURE__*/_interopNamespace(React16);
 var parse__default = /*#__PURE__*/_interopDefault(parse);
 var markdownit__default = /*#__PURE__*/_interopDefault(markdownit);
@@ -75,7 +78,6 @@ var Decimal__default = /*#__PURE__*/_interopDefault(Decimal);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
-var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
 var Table__default = /*#__PURE__*/_interopDefault(Table);
 var TableCell__default = /*#__PURE__*/_interopDefault(TableCell);
 var TableHeader__default = /*#__PURE__*/_interopDefault(TableHeader);
@@ -88,7 +90,10 @@ var styles_module_default = {
   nsPreviewPdf: "styles_module_nsPreviewPdf",
   pdfToolbar: "styles_module_pdfToolbar",
   nsPreviewVideo: "styles_module_nsPreviewVideo",
-  nsPreviewAudio: "styles_module_nsPreviewAudio"
+  nsPreviewAudio: "styles_module_nsPreviewAudio",
+  nsPreviewDocx: "styles_module_nsPreviewDocx",
+  docxToolbar: "styles_module_docxToolbar",
+  docxContent: "styles_module_docxContent"
 };
 var AudioPlayer_default = ({ fileUrl }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("audio", { controls: true, className: styles_module_default.nsPreviewAudio, children: [
@@ -96,51 +101,98 @@ var AudioPlayer_default = ({ fileUrl }) => {
     "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 audio \u6807\u7B7E\u3002"
   ] });
 };
+var DocxPreview_default = ({ fileUrl, scale = 1 }) => {
+  const containerRef = React16.useRef(null);
+  const [zoomRatio, setZoomRatio] = React16.useState(scale);
+  React16.useEffect(() => {
+    if (!fileUrl || !containerRef.current) return;
+    containerRef.current.innerHTML = "";
+    fetch(fileUrl).then((res) => res.arrayBuffer()).then(
+      (arrayBuffer) => docxPreview.renderAsync(arrayBuffer, containerRef.current, null, {
+        breakPages: true,
+        renderHeaders: true,
+        renderFooters: true,
+        ignoreWidth: false,
+        ignoreHeight: false
+      })
+    ).catch((err) => {
+      console.error("docx-preview \u6E32\u67D3\u5931\u8D25:", err);
+      if (containerRef.current) containerRef.current.innerHTML = '<p class="text-center">\u6587\u6863\u52A0\u8F7D\u5931\u8D25</p>';
+    });
+  }, [fileUrl]);
+  const zoomIn = () => setZoomRatio((z) => Math.min(z + 0.1, 3));
+  const zoomOut = () => setZoomRatio((z) => Math.max(z - 0.1, 0.3));
+  const resetZoom = () => {
+    setZoomRatio(1);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames__default.default(styles_module_default.nsPreviewDocx, "height-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("div", { className: classNames__default.default(styles_module_default.docxContent, "height-full", "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          transform: `scale(${zoomRatio})`,
+          transformOrigin: "top center"
+        }
+      }
+    ) })
+  ] });
+};
 var FileIcon_default = ({ suffix, fontSize = 22 }) => {
   const styles = { fontSize, color: "var(--ant-color-primary)" };
-  const Icon = React16.useMemo(() => {
+  const Icon2 = React16.useMemo(() => {
     switch (suffix?.toUpperCase()) {
       case "TXT":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileTextOutlined, {});
       case "PDF":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FilePdfOutlined, {});
       case "DOC":
       case "DOCX":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileWordOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileWordOutlined, {});
       case "XLS":
       case "XLSX":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileExcelOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileExcelOutlined, {});
       case "PPT":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FilePptOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FilePptOutlined, {});
       case "MP4":
       case "MOV":
+      case "MKV":
       case "AVI":
       case "FLV":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.VideoCameraOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.VideoCameraOutlined, {});
       case "MP3":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.NotificationOutlined, {});
+      case "WAV":
+      case "M4A":
+      case "ACC":
+      case "WMA":
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.NotificationOutlined, {});
       case "JPG":
       case "JPEG":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileJpgOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileJpgOutlined, {});
       case "PNG":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileImageOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileImageOutlined, {});
       case "GIF":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileGifOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileGifOutlined, {});
       case "MD":
       case "MARKDOWN":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileMarkdownOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileMarkdownOutlined, {});
       case "ZIP":
       case "RAR":
       case "7Z":
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileZipOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileZipOutlined, {});
       case "CATALOG":
         return /* @__PURE__ */ jsxRuntime.jsx("i", { style: styles, className: "iconfont icon-wenjianjia" });
       // 文件夹图标
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(icons.FileUnknownOutlined, {});
+        return /* @__PURE__ */ jsxRuntime.jsx(Icon.FileUnknownOutlined, {});
     }
   }, [suffix]);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles, children: Icon });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles, children: Icon2 });
 };
 var VideoPlayer_default = ({ fileUrl }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("video", { controls: true, className: styles_module_default.nsPreviewVideo, children: [
@@ -1154,17 +1206,6 @@ function aesDecrypt(data, key) {
     return null;
   }
 }
-var formatKB = (kbNum) => {
-  if (!isNumber(kbNum)) return kbNum;
-  const units = ["KB", "MB", "GB", "TB"];
-  let size = kbNum;
-  let index = 0;
-  while (size >= 1024 && index < units.length - 1) {
-    size /= 1024;
-    index++;
-  }
-  return `${size.toFixed(2)} ${units[index]}`;
-};
 function formatSize(value, options = {}) {
   if (isNullOrUnDef(value) || !isNumberNoNaN(Number(value))) return value;
   const UNIT_LIST = ["B", "KB", "MB", "GB", "TB", "PB"];
@@ -1208,6 +1249,90 @@ var useRefState_default = (init) => {
   const getState = () => stateRef.current;
   return [state, setProxy, getState];
 };
+var useSpeech_default = ({ onResult, lang = "zh-CN" }) => {
+  const [permission, setPermission] = React16.useState("prompt");
+  const [isRecording, setIsRecording] = React16.useState(false);
+  const recognitionRef = React16.useRef(null);
+  React16.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]);
+  React16.useEffect(() => {
+    if (!navigator.permissions) return;
+    navigator.permissions.query({ name: "microphone" }).then((status) => {
+      setPermission(status.state);
+      status.onchange = () => setPermission(status.state);
+    });
+  }, []);
+  const requestPermission = React16.useCallback(async () => {
+    try {
+      await navigator.mediaDevices.getUserMedia({ audio: true });
+      setPermission("granted");
+    } catch {
+      setPermission("denied");
+    }
+  }, []);
+  const start = React16.useCallback(() => {
+    if (permission === "prompt") {
+      requestPermission();
+      return;
+    }
+    if (permission !== "granted") return;
+    if (!isRecording) {
+      recognitionRef.current?.start();
+      setIsRecording(true);
+    }
+  }, [permission, isRecording, requestPermission]);
+  const stop = React16.useCallback(() => {
+    try {
+      recognitionRef.current?.stop();
+    } finally {
+      setIsRecording(false);
+    }
+  }, []);
+  return {
+    /**
+     * 权限状态
+     */
+    permission,
+    /**
+     * 录音状态
+     */
+    isRecording,
+    /** 开始语音识别 */
+    start,
+    /** 停止语音识别 */
+    stop
+  };
+};
 var useSyncInput_default = (storeValue, setStoreValue) => {
   const [inputValue, setInputValue] = React16.useState(storeValue);
   React16.useEffect(() => {
@@ -1942,27 +2067,22 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue }
       case "MP4":
         return /* @__PURE__ */ jsxRuntime.jsx(VideoPlayer_default, { fileUrl });
       case "MP3":
+      case "WAV":
+      case "M4A":
+      case "ACC":
         return /* @__PURE__ */ jsxRuntime.jsx(AudioPlayer_default, { fileUrl });
       case "MD":
       case "MARKDOWN":
         return /* @__PURE__ */ jsxRuntime.jsx(MarkdownPreview_default, { fileUrl, searchValue });
+      case "DOCX":
+        return /* @__PURE__ */ jsxRuntime.jsx(DocxPreview_default, { fileUrl });
       default:
         return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { subTitle: `\u6682\u4E0D\u652F\u6301 ${suffix || ""} \u6587\u4EF6\u7684\u9884\u89C8` });
     }
   }, [suffix, fileUrl, pdfParams]);
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "center", align: "center", className: "height-full", children: Preview });
 };
-var FilePreviewDrawer_default = ({
-  open,
-  fileUrl,
-  suffix,
-  title = "\u6587\u4EF6\u9884\u89C8",
-  onClose,
-  password,
-  fileParams,
-  pdfParams,
-  onSetPassSuccess
-}) => {
+var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onClose, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Drawer,
     {
@@ -1971,17 +2091,7 @@ var FilePreviewDrawer_default = ({
       width: "100%",
       open,
       onClose,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        FilePreview_default,
-        {
-          fileUrl,
-          suffix,
-          password,
-          fileParams,
-          pdfParams,
-          onSetPassSuccess
-        }
-      )
+      children: /* @__PURE__ */ jsxRuntime.jsx(FilePreview_default, { ...props })
     }
   );
 };
@@ -2008,7 +2118,7 @@ var Iframe_default = React16.forwardRef(({ defaultMainSource, id, src, className
       id,
       ref,
       src: finalSrc,
-      className: classNames2__default.default(styles_module_default2.iframe, className),
+      className: classNames__default.default(styles_module_default2.iframe, className),
       onLoad: onHandleLoad,
       allow: "clipboard-write"
     }
@@ -2282,7 +2392,7 @@ var ShortcutDisplay = ({ shortcuts }) => {
     /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: key })
   ] }, index)) });
 };
-var Button2 = React16__namespace.forwardRef(
+var Button3 = React16__namespace.forwardRef(
   ({ className = "", children, tooltip, showTooltip = true, shortcutKeys, "aria-label": ariaLabel, ...props }, ref) => {
     const isMac = React16__namespace.useMemo(() => typeof navigator !== "undefined" && navigator.platform.toLowerCase().includes("mac"), []);
     const shortcuts = React16__namespace.useMemo(() => parseShortcutKeys(shortcutKeys, isMac), [shortcutKeys, isMac]);
@@ -2298,7 +2408,7 @@ var Button2 = React16__namespace.forwardRef(
     ] });
   }
 );
-Button2.displayName = "Button";
+Button3.displayName = "Button";
 var Spacer = React16__namespace.forwardRef(
   ({ orientation = "horizontal", size, className = "", style = {}, ...props }, ref) => {
     const computedStyle = {
@@ -2756,14 +2866,14 @@ function useHeadingState(editor, level, disabled = false) {
   const headingInSchema = isNodeInSchema("heading", editor);
   const isDisabled = isHeadingButtonDisabled(editor, level, disabled);
   const isActive = isHeadingActive(editor, level);
-  const Icon = headingIcons[level];
+  const Icon2 = headingIcons[level];
   const shortcutKey = headingShortcutKeys[level];
   const formattedName = getFormattedHeadingName(level);
   return {
     headingInSchema,
     isDisabled,
     isActive,
-    Icon,
+    Icon: Icon2,
     shortcutKey,
     formattedName
   };
@@ -2771,7 +2881,7 @@ function useHeadingState(editor, level, disabled = false) {
 var HeadingButton = React16__namespace.forwardRef(
   ({ editor: providedEditor, level, text, hideWhenUnavailable = false, className = "", disabled, onClick, children, ...buttonProps }, ref) => {
     const editor = useTiptapEditor(providedEditor);
-    const { headingInSchema, isDisabled, isActive, Icon, shortcutKey, formattedName } = useHeadingState(editor, level, disabled);
+    const { headingInSchema, isDisabled, isActive, Icon: Icon2, shortcutKey, formattedName } = useHeadingState(editor, level, disabled);
     const handleClick = React16__namespace.useCallback(
       (e) => {
         onClick?.(e);
@@ -2792,7 +2902,7 @@ var HeadingButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -2810,7 +2920,7 @@ var HeadingButton = React16__namespace.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -3071,7 +3181,7 @@ function HeadingDropdownMenu({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button2,
+      Button3,
       {
         type: "button",
         disabled: isDisabled,
@@ -3444,7 +3554,7 @@ var HighlightButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -3497,7 +3607,7 @@ var DEFAULT_HIGHLIGHT_COLORS = [
   }
 ];
 var HighlighterButton = React16__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  Button2,
+  Button3,
   {
     type: "button",
     className,
@@ -3550,7 +3660,7 @@ function HighlightContent({ editor: providedEditor, colors = DEFAULT_HIGHLIGHT_C
     )) }),
     /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiptap-button-group", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         onClick: removeHighlight,
         "aria-label": "Remove highlight",
@@ -3728,7 +3838,7 @@ var useLinkHandler = (props) => {
   };
 };
 var LinkButton = React16__namespace.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "button", className, "data-style": "ghost", role: "button", tabIndex: -1, "aria-label": "Link", tooltip: "\u94FE\u63A5", ref, ...props, children: children || /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "tiptap-button-icon" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Button3, { type: "button", className, "data-style": "ghost", role: "button", tabIndex: -1, "aria-label": "Link", tooltip: "\u94FE\u63A5", ref, ...props, children: children || /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "tiptap-button-icon" }) });
 });
 var LinkContent = ({ editor: providedEditor }) => {
   const editor = useTiptapEditor(providedEditor);
@@ -3759,11 +3869,11 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, isActive }) => {
         className: "tiptap-input tiptap-input-clamp"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiptap-button-group", "data-orientation": "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "button", onClick: setLink, title: "\u786E\u8BA4", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(CornerDownLeftIcon, { className: "tiptap-button-icon" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiptap-button-group", "data-orientation": "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(Button3, { type: "button", onClick: setLink, title: "\u786E\u8BA4", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(CornerDownLeftIcon, { className: "tiptap-button-icon" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tiptap-button-group", "data-orientation": "horizontal", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "button", onClick: () => window.open(url, "_blank"), title: "\u65B0\u7A97\u53E3\u6253\u5F00", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(ExternalLinkIcon, { className: "tiptap-button-icon" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "button", onClick: removeLink, title: "\u5220\u9664\u94FE\u63A5", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, { className: "tiptap-button-icon" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Button3, { type: "button", onClick: () => window.open(url, "_blank"), title: "\u65B0\u7A97\u53E3\u6253\u5F00", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(ExternalLinkIcon, { className: "tiptap-button-icon" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button3, { type: "button", onClick: removeLink, title: "\u5220\u9664\u94FE\u63A5", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, { className: "tiptap-button-icon" }) })
     ] })
   ] });
 };
@@ -4090,7 +4200,7 @@ var ListButton = React16__namespace.forwardRef(
   ({ editor: providedEditor, type, hideWhenUnavailable = false, className = "", onClick, text, children, ...buttonProps }, ref) => {
     const editor = useTiptapEditor(providedEditor);
     const { listInSchema, listOption, isActive, shortcutKey } = useListState(editor, type);
-    const Icon = listOption?.icon || ListIcon;
+    const Icon2 = listOption?.icon || ListIcon;
     const handleClick = React16__namespace.useCallback(
       (e) => {
         onClick?.(e);
@@ -4112,7 +4222,7 @@ var ListButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4128,7 +4238,7 @@ var ListButton = React16__namespace.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -4209,7 +4319,7 @@ function ListDropdownMenu({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button2,
+      Button3,
       {
         type: "button",
         "data-style": "ghost",
@@ -4440,14 +4550,14 @@ function useMarkState(editor, type, disabled = false) {
   const markInSchema = isMarkInSchema(type, editor);
   const isDisabled = isMarkButtonDisabled(editor, type, disabled);
   const isActive = isMarkActive(editor, type);
-  const Icon = markIcons[type];
+  const Icon2 = markIcons[type];
   const shortcutKey = markShortcutKeys[type];
   const formattedName = getFormattedMarkName(type);
   return {
     markInSchema,
     isDisabled,
     isActive,
-    Icon,
+    Icon: Icon2,
     shortcutKey,
     formattedName
   };
@@ -4455,7 +4565,7 @@ function useMarkState(editor, type, disabled = false) {
 var MarkButton = React16__namespace.forwardRef(
   ({ editor: providedEditor, type, text, hideWhenUnavailable = false, className = "", disabled, onClick, children, ...buttonProps }, ref) => {
     const editor = useTiptapEditor(providedEditor);
-    const { markInSchema, isDisabled, isActive, Icon, shortcutKey, formattedName } = useMarkState(editor, type, disabled);
+    const { markInSchema, isDisabled, isActive, Icon: Icon2, shortcutKey, formattedName } = useMarkState(editor, type, disabled);
     const handleClick = React16__namespace.useCallback(
       (e) => {
         onClick?.(e);
@@ -4477,7 +4587,7 @@ var MarkButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4495,7 +4605,7 @@ var MarkButton = React16__namespace.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -4646,7 +4756,7 @@ function useNodeState(editor, type, disabled = false, hideWhenUnavailable = fals
     }
     return false;
   }, [editor, type, isDisabled]);
-  const Icon = nodeIcons[type];
+  const Icon2 = nodeIcons[type];
   const shortcutKey = nodeShortcutKeys[type];
   const label = nodeLabels[type];
   return {
@@ -4656,7 +4766,7 @@ function useNodeState(editor, type, disabled = false, hideWhenUnavailable = fals
     isActive,
     shouldShow,
     handleToggle,
-    Icon,
+    Icon: Icon2,
     shortcutKey,
     label
   };
@@ -4664,7 +4774,7 @@ function useNodeState(editor, type, disabled = false, hideWhenUnavailable = fals
 var NodeButton = React16__namespace.forwardRef(
   ({ editor: providedEditor, type, text, hideWhenUnavailable = false, className = "", disabled, onClick, children, ...buttonProps }, ref) => {
     const editor = useTiptapEditor(providedEditor);
-    const { isDisabled, isActive, shouldShow, handleToggle, Icon, shortcutKey, label } = useNodeState(editor, type, disabled, hideWhenUnavailable);
+    const { isDisabled, isActive, shouldShow, handleToggle, Icon: Icon2, shortcutKey, label } = useNodeState(editor, type, disabled, hideWhenUnavailable);
     const handleClick = React16__namespace.useCallback(
       (e) => {
         onClick?.(e);
@@ -4678,7 +4788,7 @@ var NodeButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4696,7 +4806,7 @@ var NodeButton = React16__namespace.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -4758,7 +4868,7 @@ var QuoteButton = React16__namespace.forwardRef(
     );
     if (!shouldShow || !editor || !editor.isEditable) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4976,7 +5086,7 @@ function useTextAlign(editor, align, disabled = false, hideWhenUnavailable = fal
     return setTextAlign(editor, align);
   }, [alignAvailable, editor, isDisabled, align]);
   const shouldShow = React16__namespace.useMemo(() => shouldShowTextAlignButton(editor, canAlign, hideWhenUnavailable), [editor, canAlign, hideWhenUnavailable]);
-  const Icon = textAlignIcons[align];
+  const Icon2 = textAlignIcons[align];
   const shortcutKey = textAlignShortcutKeys[align];
   const label = textAlignLabels[align];
   return {
@@ -4986,7 +5096,7 @@ function useTextAlign(editor, align, disabled = false, hideWhenUnavailable = fal
     isActive,
     handleAlignment,
     shouldShow,
-    Icon,
+    Icon: Icon2,
     shortcutKey,
     label
   };
@@ -4994,7 +5104,7 @@ function useTextAlign(editor, align, disabled = false, hideWhenUnavailable = fal
 var TextAlignButton = React16__namespace.forwardRef(
   ({ editor: providedEditor, align, text, hideWhenUnavailable = false, className = "", disabled, onClick, children, ...buttonProps }, ref) => {
     const editor = useTiptapEditor(providedEditor);
-    const { isDisabled, isActive, handleAlignment, shouldShow, Icon, shortcutKey, label } = useTextAlign(editor, align, disabled, hideWhenUnavailable);
+    const { isDisabled, isActive, handleAlignment, shouldShow, Icon: Icon2, shortcutKey, label } = useTextAlign(editor, align, disabled, hideWhenUnavailable);
     const handleClick = React16__namespace.useCallback(
       (e) => {
         onClick?.(e);
@@ -5008,7 +5118,7 @@ var TextAlignButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -5026,7 +5136,7 @@ var TextAlignButton = React16__namespace.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -5090,14 +5200,14 @@ function useHistoryAction(editor, action, disabled = false) {
     if (!editor || isDisabled) return;
     executeHistoryAction(editor, action);
   }, [editor, action, isDisabled]);
-  const Icon = historyIcons[action];
+  const Icon2 = historyIcons[action];
   const actionLabel = historyActionLabels[action];
   const shortcutKey = historyShortcutKeys[action];
   return {
     canExecute,
     isDisabled,
     handleAction,
-    Icon,
+    Icon: Icon2,
     actionLabel,
     shortcutKey
   };
@@ -5105,7 +5215,7 @@ function useHistoryAction(editor, action, disabled = false) {
 var UndoRedoButton = React16__namespace.forwardRef(
   ({ editor: providedEditor, action, text, className = "", disabled, onClick, children, ...buttonProps }, ref) => {
     const editor = useTiptapEditor(providedEditor);
-    const { isDisabled, handleAction, Icon, actionLabel, shortcutKey } = useHistoryAction(editor, action, disabled);
+    const { isDisabled, handleAction, Icon: Icon2, actionLabel, shortcutKey } = useHistoryAction(editor, action, disabled);
     const handleClick = React16__namespace.useCallback(
       (e) => {
         onClick?.(e);
@@ -5119,7 +5229,7 @@ var UndoRedoButton = React16__namespace.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Button2,
+      Button3,
       {
         ref,
         type: "button",
@@ -5135,7 +5245,7 @@ var UndoRedoButton = React16__namespace.forwardRef(
         onClick: handleClick,
         ...buttonProps,
         children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -5561,7 +5671,7 @@ var MainToolbarContent = ({
   ] });
 };
 var MobileToolbarContent = ({ type, onBack }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(Button2, { "data-style": "ghost", onClick: onBack, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(Button3, { "data-style": "ghost", onClick: onBack, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ArrowLeftIcon, { className: "tiptap-button-icon" }),
     type === "highlighter" ? /* @__PURE__ */ jsxRuntime.jsx(HighlighterIcon, { className: "tiptap-button-icon" }) : /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, { className: "tiptap-button-icon" })
   ] }) }),
@@ -5760,7 +5870,7 @@ var MarkdownEditor_default = ({
   const downloadFile2 = () => {
     onDownloadFile?.(getMarkdown(), "docx");
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", "editor-parent"), children: /* @__PURE__ */ jsxRuntime.jsxs(react.EditorContext.Provider, { value: { editor }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames__default.default("height-full", "editor-parent"), children: /* @__PURE__ */ jsxRuntime.jsxs(react.EditorContext.Provider, { value: { editor }, children: [
     showToolbar && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "end", align: "center", children: [
         NsToolBar({ isBubble: false }),
@@ -5776,7 +5886,7 @@ var MarkdownEditor_default = ({
       {
         editor,
         role: "presentation",
-        className: classNames2__default.default("simple-editor-content ns-markdown", { "no-toolbar": !showToolbar })
+        className: classNames__default.default("simple-editor-content ns-markdown", { "no-toolbar": !showToolbar })
       }
     ) })
   ] }) });
@@ -5817,6 +5927,66 @@ 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() });
 };
@@ -5827,6 +5997,7 @@ exports.DEFAULT_DATE_FORMAT = DEFAULT_DATE_FORMAT;
 exports.DEFAULT_DATE_TIME_FORMAT = DEFAULT_DATE_TIME_FORMAT;
 exports.DEFAULT_YEAR_MONTH_DAY_FORMAT = DEFAULT_YEAR_MONTH_DAY_FORMAT;
 exports.DEFAULT_YEAR_MONTH_FORMAT = DEFAULT_YEAR_MONTH_FORMAT;
+exports.DocxPreview = DocxPreview_default;
 exports.FileIcon = FileIcon_default;
 exports.FilePreview = FilePreview_default;
 exports.FilePreviewDrawer = FilePreviewDrawer_default;
@@ -5851,6 +6022,7 @@ 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;
@@ -5880,7 +6052,6 @@ exports.emit = emit;
 exports.emitToChild = emitToChild;
 exports.executeScript = executeScript;
 exports.formatDate = formatDate;
-exports.formatKB = formatKB;
 exports.formatNumberWithCommas = formatNumberWithCommas;
 exports.formatSize = formatSize;
 exports.genNonDuplicateID = genNonDuplicateID;
@@ -5945,6 +6116,7 @@ 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;