@zero-library/common 2.2.3 → 2.2.5

package/dist/index.esm.js

@@ -1,8 +1,10 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined } from '@ant-design/icons';
+import Icon, { MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, AudioMutedOutlined, AudioOutlined } from '@ant-design/icons';
+import { Spin, Flex, Button, Result, message, notification, Modal, Splitter, Empty, Image, Drawer, Tag, Avatar, Alert, Form, Input } from 'antd';
+import classNames from 'classnames';
+import { renderAsync } from 'docx-preview';
 import * as React16 from 'react';
-import { forwardRef, useState, useMemo, useEffect, lazy, Suspense, useRef, createContext, useCallback, useContext } from 'react';
-import { Spin, Result, message, notification, Modal, Splitter, Empty, Image, Flex, Drawer, Tag, Avatar, Alert, Form, Input, Button } from 'antd';
+import { forwardRef, useState, useMemo, useEffect, useRef, lazy, Suspense, createContext, useCallback, useContext } from 'react';
 import parse from 'html-react-parser';
 import { jsonrepair } from 'jsonrepair';
 import markdownit from 'markdown-it';
@@ -21,7 +23,6 @@ import relativeTime from 'dayjs/plugin/relativeTime';
 import axios from 'axios';
 import '@react-pdf-viewer/thumbnail/lib/styles/index.css';
 import '@react-pdf-viewer/zoom/lib/styles/index.css';
-import classNames2 from 'classnames';
 import { getMarkRange, Extension, isNodeSelection, useCurrentEditor, useEditor, EditorContext, BubbleMenu, EditorContent } from '@tiptap/react';
 import { Markdown } from 'tiptap-markdown';
 import { Highlight } from '@tiptap/extension-highlight';
@@ -50,7 +51,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__ */ jsxs("audio", { controls: true, className: styles_module_default.nsPreviewAudio, children: [
@@ -58,9 +62,51 @@ var AudioPlayer_default = ({ fileUrl }) => {
     "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 audio \u6807\u7B7E\u3002"
   ] });
 };
+var DocxPreview_default = ({ fileUrl, scale = 1 }) => {
+  const containerRef = useRef(null);
+  const [zoomRatio, setZoomRatio] = useState(scale);
+  useEffect(() => {
+    if (!fileUrl || !containerRef.current) return;
+    containerRef.current.innerHTML = "";
+    fetch(fileUrl).then((res) => res.arrayBuffer()).then(
+      (arrayBuffer) => 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__ */ jsxs("div", { className: classNames(styles_module_default.nsPreviewDocx, "height-full"), children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: 6, align: "center", className: styles_module_default.docxToolbar, children: [
+      /* @__PURE__ */ jsx(Button, { onClick: zoomOut, icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}), title: "\u7F29\u5C0F" }),
+      /* @__PURE__ */ jsx(Button, { onClick: zoomIn, icon: /* @__PURE__ */ jsx(PlusCircleOutlined, {}), title: "\u653E\u5927" }),
+      /* @__PURE__ */ jsx(Button, { onClick: resetZoom, icon: /* @__PURE__ */ jsx(RedoOutlined, {}), title: "\u8FD8\u539F" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: classNames(styles_module_default.docxContent, "height-full", "scroll-fade-in"), children: /* @__PURE__ */ 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 = useMemo(() => {
+  const Icon2 = useMemo(() => {
     switch (suffix?.toUpperCase()) {
       case "TXT":
         return /* @__PURE__ */ jsx(FileTextOutlined, {});
@@ -76,10 +122,15 @@ var FileIcon_default = ({ suffix, fontSize = 22 }) => {
         return /* @__PURE__ */ jsx(FilePptOutlined, {});
       case "MP4":
       case "MOV":
+      case "MKV":
       case "AVI":
       case "FLV":
         return /* @__PURE__ */ jsx(VideoCameraOutlined, {});
       case "MP3":
+      case "WAV":
+      case "M4A":
+      case "ACC":
+      case "WMA":
         return /* @__PURE__ */ jsx(NotificationOutlined, {});
       case "JPG":
       case "JPEG":
@@ -102,7 +153,7 @@ var FileIcon_default = ({ suffix, fontSize = 22 }) => {
         return /* @__PURE__ */ jsx(FileUnknownOutlined, {});
     }
   }, [suffix]);
-  return /* @__PURE__ */ jsx("span", { style: styles, children: Icon });
+  return /* @__PURE__ */ jsx("span", { style: styles, children: Icon2 });
 };
 var VideoPlayer_default = ({ fileUrl }) => {
   return /* @__PURE__ */ jsxs("video", { controls: true, className: styles_module_default.nsPreviewVideo, children: [
@@ -1159,6 +1210,90 @@ var useRefState_default = (init) => {
   const getState = () => stateRef.current;
   return [state, setProxy, getState];
 };
+var useSpeech_default = ({ onResult, lang = "zh-CN" }) => {
+  const [permission, setPermission] = useState("prompt");
+  const [isRecording, setIsRecording] = useState(false);
+  const recognitionRef = useRef(null);
+  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]);
+  useEffect(() => {
+    if (!navigator.permissions) return;
+    navigator.permissions.query({ name: "microphone" }).then((status) => {
+      setPermission(status.state);
+      status.onchange = () => setPermission(status.state);
+    });
+  }, []);
+  const requestPermission = useCallback(async () => {
+    try {
+      await navigator.mediaDevices.getUserMedia({ audio: true });
+      setPermission("granted");
+    } catch {
+      setPermission("denied");
+    }
+  }, []);
+  const start = useCallback(() => {
+    if (permission === "prompt") {
+      requestPermission();
+      return;
+    }
+    if (permission !== "granted") return;
+    if (!isRecording) {
+      recognitionRef.current?.start();
+      setIsRecording(true);
+    }
+  }, [permission, isRecording, requestPermission]);
+  const stop = useCallback(() => {
+    try {
+      recognitionRef.current?.stop();
+    } finally {
+      setIsRecording(false);
+    }
+  }, []);
+  return {
+    /**
+     * 权限状态
+     */
+    permission,
+    /**
+     * 录音状态
+     */
+    isRecording,
+    /** 开始语音识别 */
+    start,
+    /** 停止语音识别 */
+    stop
+  };
+};
 var useSyncInput_default = (storeValue, setStoreValue) => {
   const [inputValue, setInputValue] = useState(storeValue);
   useEffect(() => {
@@ -1876,10 +2011,10 @@ var PdfPreview_default = ({ password, fileUrl, pageNo = 1, scale = 1, isHasThumb
     ] }) })
   ] }) }) });
 };
-var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue }) => {
+var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue, emptyProps }) => {
   const Preview = useMemo(() => {
     if (!fileUrl) {
-      return /* @__PURE__ */ jsx(Empty, {});
+      return /* @__PURE__ */ jsx(Empty, { ...emptyProps });
     }
     switch (suffix?.toUpperCase()) {
       case "PNG":
@@ -1893,27 +2028,22 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue }
       case "MP4":
         return /* @__PURE__ */ jsx(VideoPlayer_default, { fileUrl });
       case "MP3":
+      case "WAV":
+      case "M4A":
+      case "ACC":
         return /* @__PURE__ */ jsx(AudioPlayer_default, { fileUrl });
       case "MD":
       case "MARKDOWN":
         return /* @__PURE__ */ jsx(MarkdownPreview_default, { fileUrl, searchValue });
+      case "DOCX":
+        return /* @__PURE__ */ jsx(DocxPreview_default, { fileUrl });
       default:
         return /* @__PURE__ */ jsx(Result, { subTitle: `\u6682\u4E0D\u652F\u6301 ${suffix || ""} \u6587\u4EF6\u7684\u9884\u89C8` });
     }
   }, [suffix, fileUrl, pdfParams]);
   return /* @__PURE__ */ jsx(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__ */ jsx(
     Drawer,
     {
@@ -1922,17 +2052,7 @@ var FilePreviewDrawer_default = ({
       width: "100%",
       open,
       onClose,
-      children: /* @__PURE__ */ jsx(
-        FilePreview_default,
-        {
-          fileUrl,
-          suffix,
-          password,
-          fileParams,
-          pdfParams,
-          onSetPassSuccess
-        }
-      )
+      children: /* @__PURE__ */ jsx(FilePreview_default, { ...props })
     }
   );
 };
@@ -1959,7 +2079,7 @@ var Iframe_default = forwardRef(({ defaultMainSource, id, src, className, onLoad
       id,
       ref,
       src: finalSrc,
-      className: classNames2(styles_module_default2.iframe, className),
+      className: classNames(styles_module_default2.iframe, className),
       onLoad: onHandleLoad,
       allow: "clipboard-write"
     }
@@ -2233,7 +2353,7 @@ var ShortcutDisplay = ({ shortcuts }) => {
     /* @__PURE__ */ jsx("kbd", { children: key })
   ] }, index)) });
 };
-var Button2 = React16.forwardRef(
+var Button3 = React16.forwardRef(
   ({ className = "", children, tooltip, showTooltip = true, shortcutKeys, "aria-label": ariaLabel, ...props }, ref) => {
     const isMac = React16.useMemo(() => typeof navigator !== "undefined" && navigator.platform.toLowerCase().includes("mac"), []);
     const shortcuts = React16.useMemo(() => parseShortcutKeys(shortcutKeys, isMac), [shortcutKeys, isMac]);
@@ -2249,7 +2369,7 @@ var Button2 = React16.forwardRef(
     ] });
   }
 );
-Button2.displayName = "Button";
+Button3.displayName = "Button";
 var Spacer = React16.forwardRef(
   ({ orientation = "horizontal", size, className = "", style = {}, ...props }, ref) => {
     const computedStyle = {
@@ -2707,14 +2827,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
   };
@@ -2722,7 +2842,7 @@ function useHeadingState(editor, level, disabled = false) {
 var HeadingButton = React16.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.useCallback(
       (e) => {
         onClick?.(e);
@@ -2743,7 +2863,7 @@ var HeadingButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -2761,7 +2881,7 @@ var HeadingButton = React16.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -3022,7 +3142,7 @@ function HeadingDropdownMenu({
   }
   return /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button2,
+      Button3,
       {
         type: "button",
         disabled: isDisabled,
@@ -3395,7 +3515,7 @@ var HighlightButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -3448,7 +3568,7 @@ var DEFAULT_HIGHLIGHT_COLORS = [
   }
 ];
 var HighlighterButton = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  Button2,
+  Button3,
   {
     type: "button",
     className,
@@ -3501,7 +3621,7 @@ function HighlightContent({ editor: providedEditor, colors = DEFAULT_HIGHLIGHT_C
     )) }),
     /* @__PURE__ */ jsx(Separator, {}),
     /* @__PURE__ */ jsx("div", { className: "tiptap-button-group", children: /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         onClick: removeHighlight,
         "aria-label": "Remove highlight",
@@ -3679,7 +3799,7 @@ var useLinkHandler = (props) => {
   };
 };
 var LinkButton = React16.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Button2, { type: "button", className, "data-style": "ghost", role: "button", tabIndex: -1, "aria-label": "Link", tooltip: "\u94FE\u63A5", ref, ...props, children: children || /* @__PURE__ */ jsx(LinkIcon, { className: "tiptap-button-icon" }) });
+  return /* @__PURE__ */ jsx(Button3, { type: "button", className, "data-style": "ghost", role: "button", tabIndex: -1, "aria-label": "Link", tooltip: "\u94FE\u63A5", ref, ...props, children: children || /* @__PURE__ */ jsx(LinkIcon, { className: "tiptap-button-icon" }) });
 });
 var LinkContent = ({ editor: providedEditor }) => {
   const editor = useTiptapEditor(providedEditor);
@@ -3710,11 +3830,11 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, isActive }) => {
         className: "tiptap-input tiptap-input-clamp"
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "tiptap-button-group", "data-orientation": "horizontal", children: /* @__PURE__ */ jsx(Button2, { type: "button", onClick: setLink, title: "\u786E\u8BA4", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsx(CornerDownLeftIcon, { className: "tiptap-button-icon" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "tiptap-button-group", "data-orientation": "horizontal", children: /* @__PURE__ */ jsx(Button3, { type: "button", onClick: setLink, title: "\u786E\u8BA4", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsx(CornerDownLeftIcon, { className: "tiptap-button-icon" }) }) }),
     /* @__PURE__ */ jsx(Separator, {}),
     /* @__PURE__ */ jsxs("div", { className: "tiptap-button-group", "data-orientation": "horizontal", children: [
-      /* @__PURE__ */ jsx(Button2, { type: "button", onClick: () => window.open(url, "_blank"), title: "\u65B0\u7A97\u53E3\u6253\u5F00", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "tiptap-button-icon" }) }),
-      /* @__PURE__ */ jsx(Button2, { type: "button", onClick: removeLink, title: "\u5220\u9664\u94FE\u63A5", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsx(TrashIcon, { className: "tiptap-button-icon" }) })
+      /* @__PURE__ */ jsx(Button3, { type: "button", onClick: () => window.open(url, "_blank"), title: "\u65B0\u7A97\u53E3\u6253\u5F00", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "tiptap-button-icon" }) }),
+      /* @__PURE__ */ jsx(Button3, { type: "button", onClick: removeLink, title: "\u5220\u9664\u94FE\u63A5", disabled: !url && !isActive, "data-style": "ghost", children: /* @__PURE__ */ jsx(TrashIcon, { className: "tiptap-button-icon" }) })
     ] })
   ] });
 };
@@ -4041,7 +4161,7 @@ var ListButton = React16.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.useCallback(
       (e) => {
         onClick?.(e);
@@ -4063,7 +4183,7 @@ var ListButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4079,7 +4199,7 @@ var ListButton = React16.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -4160,7 +4280,7 @@ function ListDropdownMenu({
   }
   return /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button2,
+      Button3,
       {
         type: "button",
         "data-style": "ghost",
@@ -4391,14 +4511,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
   };
@@ -4406,7 +4526,7 @@ function useMarkState(editor, type, disabled = false) {
 var MarkButton = React16.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.useCallback(
       (e) => {
         onClick?.(e);
@@ -4428,7 +4548,7 @@ var MarkButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4446,7 +4566,7 @@ var MarkButton = React16.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -4597,7 +4717,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 {
@@ -4607,7 +4727,7 @@ function useNodeState(editor, type, disabled = false, hideWhenUnavailable = fals
     isActive,
     shouldShow,
     handleToggle,
-    Icon,
+    Icon: Icon2,
     shortcutKey,
     label
   };
@@ -4615,7 +4735,7 @@ function useNodeState(editor, type, disabled = false, hideWhenUnavailable = fals
 var NodeButton = React16.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.useCallback(
       (e) => {
         onClick?.(e);
@@ -4629,7 +4749,7 @@ var NodeButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4647,7 +4767,7 @@ var NodeButton = React16.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -4709,7 +4829,7 @@ var QuoteButton = React16.forwardRef(
     );
     if (!shouldShow || !editor || !editor.isEditable) return null;
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4927,7 +5047,7 @@ function useTextAlign(editor, align, disabled = false, hideWhenUnavailable = fal
     return setTextAlign(editor, align);
   }, [alignAvailable, editor, isDisabled, align]);
   const shouldShow = React16.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 {
@@ -4937,7 +5057,7 @@ function useTextAlign(editor, align, disabled = false, hideWhenUnavailable = fal
     isActive,
     handleAlignment,
     shouldShow,
-    Icon,
+    Icon: Icon2,
     shortcutKey,
     label
   };
@@ -4945,7 +5065,7 @@ function useTextAlign(editor, align, disabled = false, hideWhenUnavailable = fal
 var TextAlignButton = React16.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.useCallback(
       (e) => {
         onClick?.(e);
@@ -4959,7 +5079,7 @@ var TextAlignButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         type: "button",
         className: className.trim(),
@@ -4977,7 +5097,7 @@ var TextAlignButton = React16.forwardRef(
         ...buttonProps,
         ref,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -5041,14 +5161,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
   };
@@ -5056,7 +5176,7 @@ function useHistoryAction(editor, action, disabled = false) {
 var UndoRedoButton = React16.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.useCallback(
       (e) => {
         onClick?.(e);
@@ -5070,7 +5190,7 @@ var UndoRedoButton = React16.forwardRef(
       return null;
     }
     return /* @__PURE__ */ jsx(
-      Button2,
+      Button3,
       {
         ref,
         type: "button",
@@ -5086,7 +5206,7 @@ var UndoRedoButton = React16.forwardRef(
         onClick: handleClick,
         ...buttonProps,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { className: "tiptap-button-icon" }),
+          /* @__PURE__ */ jsx(Icon2, { className: "tiptap-button-icon" }),
           text && /* @__PURE__ */ jsx("span", { className: "tiptap-button-text", children: text })
         ] })
       }
@@ -5512,7 +5632,7 @@ var MainToolbarContent = ({
   ] });
 };
 var MobileToolbarContent = ({ type, onBack }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Button2, { "data-style": "ghost", onClick: onBack, children: [
+  /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Button3, { "data-style": "ghost", onClick: onBack, children: [
     /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "tiptap-button-icon" }),
     type === "highlighter" ? /* @__PURE__ */ jsx(HighlighterIcon, { className: "tiptap-button-icon" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "tiptap-button-icon" })
   ] }) }),
@@ -5711,7 +5831,7 @@ var MarkdownEditor_default = ({
   const downloadFile2 = () => {
     onDownloadFile?.(getMarkdown(), "docx");
   };
-  return /* @__PURE__ */ jsx("div", { className: classNames2("height-full", "editor-parent"), children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
+  return /* @__PURE__ */ jsx("div", { className: classNames("height-full", "editor-parent"), children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
     showToolbar && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", children: [
         NsToolBar({ isBubble: false }),
@@ -5727,7 +5847,7 @@ var MarkdownEditor_default = ({
       {
         editor,
         role: "presentation",
-        className: classNames2("simple-editor-content ns-markdown", { "no-toolbar": !showToolbar })
+        className: classNames("simple-editor-content ns-markdown", { "no-toolbar": !showToolbar })
       }
     ) })
   ] }) });
@@ -5768,10 +5888,70 @@ function propsMerge(control, props) {
   }
   return null;
 }
+var SpeechLoading_default = () => /* @__PURE__ */ jsxs("svg", { color: "currentColor", viewBox: "0 0 1000 1000", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "0", y: "375", children: [
+    /* @__PURE__ */ jsx("animate", { attributeName: "height", values: "250; 500; 250", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0s", repeatCount: "indefinite" }),
+    /* @__PURE__ */ jsx("animate", { attributeName: "y", values: "375; 250; 375", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0s", repeatCount: "indefinite" })
+  ] }),
+  /* @__PURE__ */ jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "286.66666666666663", y: "375", children: [
+    /* @__PURE__ */ jsx("animate", { attributeName: "height", values: "250; 500; 250", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.2s", repeatCount: "indefinite" }),
+    /* @__PURE__ */ jsx("animate", { attributeName: "y", values: "375; 250; 375", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.2s", repeatCount: "indefinite" })
+  ] }),
+  /* @__PURE__ */ jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "573.3333333333333", y: "375", children: [
+    /* @__PURE__ */ jsx("animate", { attributeName: "height", values: "250; 500; 250", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.4s", repeatCount: "indefinite" }),
+    /* @__PURE__ */ jsx("animate", { attributeName: "y", values: "375; 250; 375", keyTimes: "0; 0.5; 1", dur: "0.8s", begin: "0.4s", repeatCount: "indefinite" })
+  ] }),
+  /* @__PURE__ */ jsxs("rect", { fill: "currentColor", rx: "70", ry: "70", height: "250", width: "140", x: "859.9999999999999", y: "375", children: [
+    /* @__PURE__ */ jsx(
+      "animate",
+      {
+        attributeName: "height",
+        values: "250; 500; 250",
+        keyTimes: "0; 0.5; 1",
+        dur: "0.8s",
+        begin: "0.6000000000000001s",
+        repeatCount: "indefinite"
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx(
+    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__ */ jsx(Icon, { style: { width: 16 }, component: SpeechLoading_default }) : disabled ? /* @__PURE__ */ jsx(AudioMutedOutlined, {}) : /* @__PURE__ */ jsx(AudioOutlined, {}),
+      onClick: handleClick
+    }
+  );
+};
 var UserAvatar_default = ({ size, avatarSrc, userName }) => {
   return avatarSrc ? /* @__PURE__ */ jsx(Avatar, { size, src: avatarSrc }) : /* @__PURE__ */ jsx(Avatar, { size, className: "cursor-pointer", style: { backgroundColor: "var(--ant-color-primary)" }, children: userName?.slice(0, 1)?.toLocaleUpperCase() });
 };
 
-export { AudioPlayer_default as AudioPlayer, BusinessCode, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, FileIcon_default as FileIcon, FilePreview_default as FilePreview, FilePreviewDrawer_default as FilePreviewDrawer, HttpStatus, Iframe_default as Iframe, LazyComponent_default as LazyComponent, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MultiEmailValidator, PdfPreview_default as PdfPreview, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, RenderMarkdown_default as RenderMarkdown, RenderWrapper_default as RenderWrapper, ThanNumLengthValidator, ThanNumValidator, UserAvatar_default as UserAvatar, VideoPlayer_default as VideoPlayer, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAutoRefresh_default as useAutoRefresh, useCountDown_default as useCountDown, useCreateValtioContext_default as useCreateValtioContext, useDebounce_default as useDebounce, useDeepEffect_default as useDeepEffect, useIframeRelayBridge_default as useIframeRelayBridge, useRefState_default as useRefState, useSyncInput_default as useSyncInput, useThrottle_default as useThrottle, useWebSocket_default as useWebSocket };
+export { AudioPlayer_default as AudioPlayer, BusinessCode, DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, DEFAULT_YEAR_MONTH_DAY_FORMAT, DEFAULT_YEAR_MONTH_FORMAT, DocxPreview_default as DocxPreview, FileIcon_default as FileIcon, FilePreview_default as FilePreview, FilePreviewDrawer_default as FilePreviewDrawer, HttpStatus, Iframe_default as Iframe, LazyComponent_default as LazyComponent, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MultiEmailValidator, PdfPreview_default as PdfPreview, PhoneOrMobileValidator, RegBankCardNo, RegDetailAddress, RegEmail, RegFixedTelePhone, RegIdentityCardNo, RegMobile, RegNumNo, RegPassword, RegSmsCode, RegTaxNo, RegTelePhone, RenderMarkdown_default as RenderMarkdown, RenderWrapper_default as RenderWrapper, SpeechButton_default as SpeechButton, ThanNumLengthValidator, ThanNumValidator, UserAvatar_default as UserAvatar, VideoPlayer_default as VideoPlayer, absVal, addUrlLastSlash, aesDecrypt, aesEncrypt, arrToObj, buildUrlParams, cachedMessage, calculate, compareNum, convertCurrency, convertNewlineToBr, copyText, createRequest, createSecureManager, createTokenManager, decimalPlaces, deepCopy, deepEqual, deepMerge, dividedBy, downloadFile, emit, emitToChild, executeScript, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, importThirdPartyFile, is, isArray, isBlob, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyObj, isExpire, isExternal, isFunction, isInteger, isJson, isLocalhost, isMap, isNegative, isNull, isNullOrUnDef, isNumber, isNumberNoNaN, isObject, isPromise, isReferenceType, isRegExp, isScriptSafe, isSet, isString, isUnDef, isWindow, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAutoRefresh_default as useAutoRefresh, useCountDown_default as useCountDown, useCreateValtioContext_default as useCreateValtioContext, useDebounce_default as useDebounce, useDeepEffect_default as useDeepEffect, useIframeRelayBridge_default as useIframeRelayBridge, useRefState_default as useRefState, useSpeech_default as useSpeech, useSyncInput_default as useSyncInput, useThrottle_default as useThrottle, useWebSocket_default as useWebSocket };
 //# sourceMappingURL=index.esm.js.map
 //# sourceMappingURL=index.esm.js.map