@zero-library/common 2.4.4 → 2.5.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, ColumnWidthOutlined, MessageOutlined, BookOutlined, EditOutlined, DeleteOutlined, CloseOutlined } from '@ant-design/icons';
-import { Spin, Input, Typography, Tooltip as Tooltip$1, Button, message, Flex, Alert, Skeleton, Result, Splitter, Empty, Image, Drawer, Avatar, notification, Modal, Form, Card, List, Space, Popconfirm } from 'antd';
+import { MessageOutlined, BookOutlined, EditOutlined, DeleteOutlined, CloseOutlined, MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, ColumnWidthOutlined } from '@ant-design/icons';
+import { Spin, Input, Typography, Tooltip as Tooltip$1, Button, Flex, Form, Card, List, Space, Popconfirm, Empty, Modal, message, Alert, Skeleton, Result, Splitter, Image as Image$1, Drawer, Avatar, notification } from 'antd';
 import classNames2 from 'classnames';
 import { renderAsync } from 'docx-preview';
 import * as React from 'react';
-import React__default, { forwardRef, useState, useMemo, useEffect, useRef, useCallback, createContext, isValidElement, version, cloneElement, memo, useContext, Fragment as Fragment$1, lazy, Suspense } from 'react';
+import React__default, { forwardRef, useState, useMemo, useEffect, useRef, useCallback, createContext, isValidElement, version, cloneElement, memo, useImperativeHandle, useContext, Fragment as Fragment$1, lazy, Suspense } from 'react';
 import AES from 'crypto-js/aes';
 import encUtf8 from 'crypto-js/enc-utf8';
 import { convert } from 'html-to-text';
@@ -32,20 +32,22 @@ import zh_CN from '@react-pdf-viewer/locales/lib/zh_CN.json';
 import '@react-pdf-viewer/page-navigation/lib/styles/index.css';
 import '@react-pdf-viewer/thumbnail/lib/styles/index.css';
 import '@react-pdf-viewer/zoom/lib/styles/index.css';
-import { mergeAttributes, isNodeSelection, posToDOMRect, useCurrentEditor, useEditorState, isTextSelection, useEditor, EditorContext, EditorContent } from '@tiptap/react';
+import microApp from '@micro-zoe/micro-app';
+import jsxCustomEvent from '@micro-zoe/micro-app/polyfill/jsx-custom-event';
+import { mergeAttributes, useEditor, EditorContext, EditorContent, isNodeSelection, posToDOMRect, useCurrentEditor, useEditorState, isTextSelection } from '@tiptap/react';
 import { Highlight } from '@tiptap/extension-highlight';
-import { Image as Image$1 } from '@tiptap/extension-image';
+import { Image } from '@tiptap/extension-image';
 import { TaskList, TaskItem } from '@tiptap/extension-list';
 import { Subscript } from '@tiptap/extension-subscript';
 import { Superscript } from '@tiptap/extension-superscript';
 import { TextAlign } from '@tiptap/extension-text-align';
 import { Typography as Typography$1 } from '@tiptap/extension-typography';
-import { Selection as Selection$1 } from '@tiptap/extensions';
+import { Selection } from '@tiptap/extensions';
 import { StarterKit } from '@tiptap/starter-kit';
 import { TableHeader, TableRow, TableCell, Table } from '@tiptap/extension-table';
 import TiptapHorizontalRule from '@tiptap/extension-horizontal-rule';
 import { Node as Node$1, mergeAttributes as mergeAttributes$1, Extension, Mark } from '@tiptap/core';
-import { PluginKey, Plugin, TextSelection, Selection, NodeSelection, AllSelection } from '@tiptap/pm/state';
+import { PluginKey, Plugin, TextSelection, Selection as Selection$1, NodeSelection, AllSelection } from '@tiptap/pm/state';
 import { shift, flip, offset, useMergeRefs, FloatingPortal, useFloating, autoUpdate, useTransitionStyles, useDismiss, useInteractions, FloatingDelayGroup, useHover, useFocus, useRole } from '@floating-ui/react';
 import { CellSelection } from '@tiptap/pm/tables';
 import { createPortal } from 'react-dom';
@@ -1528,9 +1530,9 @@ ${fence}`;
 function emit(type, data, to = "top") {
   const payload = { type, data, to };
   try {
-    window.parent.postMessage(payload, "*");
+    window.postMessage(payload, "*");
   } catch (err) {
-    console.warn("emit parent failed", err);
+    console.warn("emit failed", err);
   }
 }
 function emitToChild(iframeWindow, type, data, origin = "*") {
@@ -1545,33 +1547,91 @@ function emitToChild(iframeWindow, type, data, origin = "*") {
     console.warn("emit to child failed", err);
   }
 }
-var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
-  const handlers = useRef({});
-  useEffect(() => {
-    const onMessage = (evt) => {
-      const { data, source, origin } = evt;
-      if (!data || !isObject(data) || !data.type) return;
-      if (allowedOrigins[0] !== "*" && !allowedOrigins.includes(origin)) return;
-      const { type, data: params, to = "parent" } = data;
-      const isTop = window.parent === window;
-      if (to === "top" && !isTop) {
-        window.parent.postMessage(data, allowedOrigins[0] === "*" ? "*" : origin);
-        return;
+var hookInstances = /* @__PURE__ */ new Set();
+var handleGlobalMessage = (evt) => {
+  const { data, source, origin } = evt;
+  if (!data || !isObject(data) || !data.type) return;
+  const { type, data: params, to = "top" } = data;
+  const safeOrigin = origin || "*";
+  const fns = [];
+  let isAllowed = hookInstances.size === 0;
+  hookInstances.forEach((ctx) => {
+    const isMatch = ctx.allowedOrigins[0] === "*" || ctx.allowedOrigins.includes(safeOrigin);
+    if (isMatch) {
+      isAllowed = true;
+      if (ctx.handlers[type]) {
+        fns.push(...ctx.handlers[type]);
       }
-      const fns = handlers.current[type] || [];
-      fns.forEach((fn) => fn(params, source, origin));
-    };
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, [allowedOrigins]);
-  function on(type, handler) {
-    handlers.current[type] = handlers.current[type] || [];
-    handlers.current[type].push(handler);
+    }
+  });
+  if (!isAllowed) return;
+  const isTop = window.parent === window;
+  const hasHandler = fns.length > 0;
+  let shouldExecute = false;
+  let shouldForward = false;
+  switch (to) {
+    case "nearest":
+      shouldExecute = hasHandler;
+      shouldForward = !hasHandler && !isTop;
+      break;
+    case "broadcast":
+      shouldExecute = true;
+      shouldForward = !isTop;
+      break;
+    case "top":
+      shouldExecute = isTop;
+      shouldForward = !isTop;
+      break;
+    case "parent":
+      shouldExecute = true;
+      shouldForward = source === window && !isTop;
+      break;
+    case "sibling":
+    case "child":
+    default:
+      shouldExecute = true;
+      shouldForward = false;
+      break;
   }
-  function off(type, handler) {
-    handlers.current[type] = (handlers.current[type] || []).filter((fn) => fn !== handler);
+  if (shouldExecute && hasHandler) {
+    fns.forEach((fn) => fn(params, source, origin));
   }
-  return { on, off };
+  if (shouldForward && !isTop && window.parent !== window) {
+    try {
+      window.parent.postMessage(data, "*");
+    } catch (err) {
+      console.warn("IframeRelayBridge forward failed:", err);
+    }
+  }
+};
+if (window) {
+  window.addEventListener("message", handleGlobalMessage);
+}
+var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
+  const ctxRef = useRef({
+    handlers: {},
+    allowedOrigins
+  });
+  ctxRef.current.allowedOrigins = allowedOrigins;
+  useEffect(() => {
+    const ctx = ctxRef.current;
+    hookInstances.add(ctx);
+    return () => {
+      hookInstances.delete(ctx);
+    };
+  }, []);
+  const on = useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    handlers[type] = handlers[type] || [];
+    handlers[type].push(handler);
+  }, []);
+  const off = useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    if (handlers[type]) {
+      handlers[type] = handlers[type].filter((fn) => fn !== handler);
+    }
+  }, []);
+  return useMemo(() => ({ on, off }), [on, off]);
 };
 var useRefState_default = (init) => {
   const [state, setState] = useState(init);
@@ -2343,7 +2403,7 @@ var FilePreview_default = ({ suffix, fileUrl, pdfParams, password, searchValue,
       case "JPG":
       case "JPEG":
       case "GIF":
-        return /* @__PURE__ */ jsx(Image, { rootClassName: styles_module_default.nsPreviewImage, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
+        return /* @__PURE__ */ jsx(Image$1, { rootClassName: styles_module_default.nsPreviewImage, src: fileUrl, alt: "\u9884\u89C8\u56FE\u7247" });
       case "PDF":
         return /* @__PURE__ */ jsx(PdfPreview_default, { fileUrl, ...pdfParams, password, onSetPassword });
       case "PDF_IMG":
@@ -2382,6 +2442,110 @@ var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onC
   );
 };
 
+// src/components/MicroApp/styles.less
+var styles_default = {};
+var MicroApp_default = ({ name, url, className, onMounted, onError, data, ...rest }) => {
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    setLoading(true);
+  }, [url]);
+  const handleLoad = () => {
+    setLoading(false);
+    onMounted?.();
+  };
+  const handleError = (e) => {
+    setLoading(false);
+    onError?.(e);
+  };
+  const microAppData = useMemo(() => {
+    const parentMainSource = window?.microApp?.getData?.()?.mainSource || [];
+    return { mainSource: [...parentMainSource, name], ...data };
+  }, [data, name]);
+  const TagName = microApp.tagName || "micro-app";
+  return /* @__PURE__ */ jsxCustomEvent(Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D..." }, /* @__PURE__ */ jsxCustomEvent(
+    TagName,
+    {
+      name,
+      url,
+      data: microAppData,
+      class: classNames2(styles_default.microApp, className),
+      onMounted: handleLoad,
+      onError: handleError,
+      ...rest
+    }
+  ));
+};
+var Drawer_default = ({ name: podName }) => {
+  const [currentPod, setCurrentPod] = useState({ title: "", url: "" });
+  const [fullPodOpen, setFullPodOpen] = useState(false);
+  const { on, off } = useIframeRelayBridge_default();
+  const openPod = useCallback(({ title, url, name }) => {
+    if (name === podName) {
+      setCurrentPod({ title, url });
+      setFullPodOpen(true);
+    }
+  }, []);
+  const onClosePod = useCallback(() => {
+    setFullPodOpen(false);
+  }, []);
+  useEffect(() => {
+    on("openPod", openPod);
+    on("onClosePod", onClosePod);
+    return () => {
+      off("openPod", openPod);
+      off("onClosePod", onClosePod);
+    };
+  }, [openPod, onClosePod]);
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      className: "no-padding-drawer",
+      destroyOnHidden: true,
+      title: currentPod.title,
+      classNames: {
+        header: currentPod.title === false ? "hidden" : ""
+      },
+      width: "100%",
+      open: fullPodOpen,
+      onClose: () => setFullPodOpen(false),
+      children: /* @__PURE__ */ jsx(MicroApp_default, { iframe: true, name: podName, url: currentPod.url, "router-mode": "pure" }, currentPod.url)
+    }
+  );
+};
+var Window_default = ({ defaultUrl, name: appName }) => {
+  const [windowUrl, setWindowUrl] = useState("");
+  const [windowUrlKey, setWindowUrlKey, getWindowUrlKey] = useRefState_default(0);
+  const { on, off } = useIframeRelayBridge_default();
+  const onWindowUrlChange = (url) => {
+    setWindowUrl(url);
+    setWindowUrlKey(getWindowUrlKey() + 1);
+  };
+  useEffect(() => {
+    const urlParams = getAllUrlParams(location.href);
+    if (urlParams[appName]) {
+      const url = microApp.router.decode(urlParams[appName]);
+      onWindowUrlChange(url);
+    } else {
+      onWindowUrlChange(defaultUrl);
+    }
+  }, [defaultUrl, appName]);
+  const openWindow = useCallback(
+    ({ url, name }) => {
+      if (appName === name) {
+        onWindowUrlChange(url);
+      }
+    },
+    [appName]
+  );
+  useEffect(() => {
+    on("openWindow", openWindow);
+    return () => {
+      off("openWindow", openWindow);
+    };
+  }, [openWindow]);
+  return windowUrl ? /* @__PURE__ */ jsx(MicroApp_default, { name: appName, url: windowUrl }, windowUrlKey) : null;
+};
+
 // src/components/Iframe/styles.module.less
 var styles_module_default3 = {
   iframe: "styles_module_iframe"
@@ -2904,7 +3068,7 @@ var FloatingElement = forwardRef(
     const handleFloatingOpenChange = (open2) => {
       if (!open2 && editor && resetTextSelectionOnClose) {
         const tr = editor.state.tr.setSelection(
-          Selection.near(editor.state.doc.resolve(0))
+          Selection$1.near(editor.state.doc.resolve(0))
         );
         editor.view.dispatch(tr);
       }
@@ -3017,7 +3181,7 @@ var FloatingElement = forwardRef(
         const nodeBefore = $pos.nodeBefore;
         if (!nodeBefore || nodeBefore.isBlock) return;
         const tr = state.tr.setSelection(
-          Selection.near(state.doc.resolve(posCoords.pos))
+          Selection$1.near(state.doc.resolve(posCoords.pos))
         );
         view.dispatch(tr);
       };
@@ -3242,7 +3406,7 @@ var AnnotationSidebar_default = ({
   }
   return createPortal(sidebarContent, container);
 };
-var createHtmlMark = (markName, ATTRS, classNames7) => {
+var createHtmlMark = (markName, ATTRS, classNames8) => {
   return Mark.create({
     name: markName,
     priority: 1e3,
@@ -3271,7 +3435,7 @@ var createHtmlMark = (markName, ATTRS, classNames7) => {
       return [
         "div",
         mergeAttributes$1(attrs, {
-          class: classNames7
+          class: classNames8
         }),
         0
       ];
@@ -8568,271 +8732,293 @@ var usePageNo = (pageNoConfig) => {
     onPageChange
   };
 };
-var MarkdownEditor_default = ({
-  value = ``,
-  onChange,
-  searchValue,
-  disabled,
-  extraNav,
-  fixedToolbar = true,
-  floatToolbar = true,
-  onQuote,
-  onDownloadFile,
-  annotationConfig,
-  collectionConfig,
-  pageNoConfig
-}) => {
-  const isMobile = useIsBreakpoint();
-  const lastContentRef = useRef("");
-  const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
-  const {
-    setAnnotationEditor,
-    annotations,
-    setAnnotations,
-    selectedAnnotationId,
-    handleSelectAnnotation,
-    showAnnotationModal,
-    showAnnotation,
-    onCreateAnnotation,
-    closeAnnotationCreateModal,
-    onCreateAnnotationConfirm,
-    handleDeleteAnnotation,
-    handleEditAnnotation,
-    setShowAnnotation
-  } = useAnnotations(annotationConfig);
-  const {
-    setCollectionEditor,
-    collections,
-    setCollections,
-    selectedCollectionId,
-    handleSelectCollection,
-    showCollection,
-    setShowCollection,
-    onCreateCollection,
-    handleDeleteCollection
-  } = useCollections(collectionConfig);
-  const editor = useEditor({
-    immediatelyRender: false,
-    editorProps: {
-      attributes: {
-        autocomplete: "off",
-        autocorrect: "off",
-        autocapitalize: "off",
-        "aria-label": "\u4E3B\u5185\u5BB9\u533A\u57DF\uFF0C\u5F00\u59CB\u8F93\u5165\u6587\u672C..."
-      }
-    },
-    extensions: [
-      Markdown,
-      Mathematics.configure({
-        // 可选：KaTeX 自定义配置
-        katexOptions: {
-          throwOnError: false
-        }
-        // 可选：内联公式点击回调
-        // inlineOptions: {
-        //   onClick: (node, pos) => {
-        //     const newLaTeX = prompt('编辑公式 LaTeX:', node.attrs.latex)
-        //     if (newLaTeX) {
-        //       editor?.chain().setNodeSelection(pos).updateInlineMath({ latex: newLaTeX }).run()
-        //     }
-        //   }
-        // }
-      }),
-      StarterKit.configure({
-        horizontalRule: false,
-        link: {
-          openOnClick: false,
-          enableClickSelection: true
+var MarkdownEditor_default = forwardRef(
+  ({
+    value = ``,
+    onChange,
+    searchValue,
+    disabled,
+    extraNav,
+    fixedToolbar = true,
+    floatToolbar = true,
+    onQuote,
+    onDownloadFile,
+    annotationConfig,
+    collectionConfig,
+    pageNoConfig
+  }, ref) => {
+    const isMobile = useIsBreakpoint();
+    const lastContentRef = useRef("");
+    const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
+    const {
+      setAnnotationEditor,
+      annotations,
+      setAnnotations,
+      selectedAnnotationId,
+      handleSelectAnnotation,
+      showAnnotationModal,
+      showAnnotation,
+      onCreateAnnotation,
+      closeAnnotationCreateModal,
+      onCreateAnnotationConfirm,
+      handleDeleteAnnotation,
+      handleEditAnnotation,
+      setShowAnnotation
+    } = useAnnotations(annotationConfig);
+    const {
+      setCollectionEditor,
+      collections,
+      setCollections,
+      selectedCollectionId,
+      handleSelectCollection,
+      showCollection,
+      setShowCollection,
+      onCreateCollection,
+      handleDeleteCollection
+    } = useCollections(collectionConfig);
+    const editor = useEditor({
+      immediatelyRender: false,
+      editorProps: {
+        attributes: {
+          autocomplete: "off",
+          autocorrect: "off",
+          autocapitalize: "off",
+          "aria-label": "\u4E3B\u5185\u5BB9\u533A\u57DF\uFF0C\u5F00\u59CB\u8F93\u5165\u6587\u672C..."
         }
-      }),
-      HorizontalRule,
-      TextAlign.configure({ types: ["heading", "paragraph"] }),
-      TaskList,
-      TaskItem.configure({ nested: true }),
-      Highlight.configure({ multicolor: true }),
-      Image$1,
-      Typography$1,
-      Superscript,
-      Subscript,
-      Selection$1,
-      Table.configure({
-        resizable: true
-        // 可选，允许调整表格大小
-      }),
-      TableHeader,
-      TableRow,
-      TableCell,
-      // ImageUploadNode.configure({
-      //   accept: 'image/*',
-      //   maxSize: MAX_FILE_SIZE,
-      //   limit: 3,
-      //   upload: handleImageUpload,
-      //   onError: (error) => console.error('上传失败:', error)
-      // }),
-      ...pageNoConfig?.enabled ? [
-        pageNoMark_default,
-        PageNoExtension.configure({
-          onPageChange,
-          containerSelector: "#contentWrapper"
-        })
-      ] : [],
-      searchAndReplace_default.configure({
-        searchResultClass: "cube-hl",
-        // class to give to found items. default 'cube-hl'
-        disableRegex: false
-        // also no need to explain
-      }),
-      ...annotationConfig?.enabled ? [
-        AnnotationMark,
-        AnnotationPlugin.configure({
-          onAnnotationsChange: setAnnotations,
-          onSelectAnnotation: (annotation) => {
-            handleSelectAnnotation(annotation?.[ANNOTATION_ATTRS[0]]);
+      },
+      extensions: [
+        Markdown,
+        Mathematics.configure({
+          // 可选：KaTeX 自定义配置
+          katexOptions: {
+            throwOnError: false
           }
-        })
-      ] : [],
-      // 摘录功能扩展
-      ...collectionConfig?.enabled ? [
-        CollectionMark,
-        CollectionPlugin.configure({
-          onCollectionsChange: setCollections,
-          onSelectCollection: (collection) => {
-            handleSelectCollection(collection?.[COLLECTION_ATTRS[0]]);
+          // 可选：内联公式点击回调
+          // inlineOptions: {
+          //   onClick: (node, pos) => {
+          //     const newLaTeX = prompt('编辑公式 LaTeX:', node.attrs.latex)
+          //     if (newLaTeX) {
+          //       editor?.chain().setNodeSelection(pos).updateInlineMath({ latex: newLaTeX }).run()
+          //     }
+          //   }
+          // }
+        }),
+        StarterKit.configure({
+          horizontalRule: false,
+          link: {
+            openOnClick: false,
+            enableClickSelection: true
           }
-        })
-      ] : []
-    ],
-    content: value,
-    contentType: "markdown",
-    onUpdate: () => {
-      const markdownOutput = getMarkdown();
-      if (markdownOutput === lastContentRef.current) return;
-      lastContentRef.current = markdownOutput;
-      onChange?.(markdownOutput);
-    }
-  });
-  const getMarkdown = () => {
-    if (!editor) return "";
-    if (editor.isEmpty) return "";
-    return editor.getMarkdown();
-  };
-  useEffect(() => {
-    if (!editor) return;
-    setAnnotationEditor(editor);
-    setCollectionEditor(editor);
-    setPageNoEditor(editor);
-  }, [editor]);
-  useEffect(() => {
-    if (!editor) return;
-    if (lastContentRef.current === value) return;
-    editor?.commands.setContent(value, { contentType: "markdown" });
-    editor?.commands.focus("start");
-    lastContentRef.current = value;
-  }, [value, editor]);
-  useEffect(() => {
-    editor?.commands.setSearchTerm(searchValue || "");
-  }, [searchValue, value, editor]);
-  useEffect(() => {
-    editor?.setEditable(!disabled);
-  }, [disabled, editor]);
-  const downloadFile2 = () => {
-    onDownloadFile?.(getMarkdown(), "docx");
-  };
-  const fixedTools = useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
-  const floatTools = useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
-  return /* @__PURE__ */ jsxs(Flex, { className: "height-full width-full", children: [
-    /* @__PURE__ */ jsx("div", { className: classNames2("height-full", "flex-1", styles_module_default4.editorParent), children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
-      /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", children: [
-          fixedToolbar !== false && /* @__PURE__ */ jsx(
+        }),
+        HorizontalRule,
+        TextAlign.configure({ types: ["heading", "paragraph"] }),
+        TaskList,
+        TaskItem.configure({ nested: true }),
+        Highlight.configure({ multicolor: true }),
+        Image,
+        Typography$1,
+        Superscript,
+        Subscript,
+        Selection,
+        Table.configure({
+          resizable: true
+          // 可选，允许调整表格大小
+        }),
+        TableHeader,
+        TableRow,
+        TableCell,
+        // ImageUploadNode.configure({
+        //   accept: 'image/*',
+        //   maxSize: MAX_FILE_SIZE,
+        //   limit: 3,
+        //   upload: handleImageUpload,
+        //   onError: (error) => console.error('上传失败:', error)
+        // }),
+        ...pageNoConfig?.enabled ? [
+          pageNoMark_default,
+          PageNoExtension.configure({
+            onPageChange,
+            containerSelector: "#contentWrapper"
+          })
+        ] : [],
+        searchAndReplace_default.configure({
+          searchResultClass: "cube-hl",
+          // class to give to found items. default 'cube-hl'
+          disableRegex: false
+          // also no need to explain
+        }),
+        ...annotationConfig?.enabled ? [
+          AnnotationMark,
+          AnnotationPlugin.configure({
+            onAnnotationsChange: setAnnotations,
+            onSelectAnnotation: (annotation) => {
+              handleSelectAnnotation(annotation?.[ANNOTATION_ATTRS[0]]);
+            }
+          })
+        ] : [],
+        // 摘录功能扩展
+        ...collectionConfig?.enabled ? [
+          CollectionMark,
+          CollectionPlugin.configure({
+            onCollectionsChange: setCollections,
+            onSelectCollection: (collection) => {
+              handleSelectCollection(collection?.[COLLECTION_ATTRS[0]]);
+            }
+          })
+        ] : []
+      ],
+      content: value,
+      contentType: "markdown",
+      onUpdate: () => {
+        const markdownOutput = getMarkdown();
+        if (markdownOutput === lastContentRef.current) return;
+        lastContentRef.current = markdownOutput;
+        onChange?.(markdownOutput);
+      }
+    });
+    const getMarkdown = () => {
+      if (!editor) return "";
+      if (editor.isEmpty) return "";
+      return editor.getMarkdown();
+    };
+    useImperativeHandle(
+      ref,
+      () => ({
+        getEditor: () => editor,
+        getMarkdown,
+        focus: (pos) => {
+          if (!editor) return;
+          editor.commands.focus(pos);
+        },
+        insertContent: (value2, options) => {
+          if (!editor) return;
+          editor.chain().focus().insertContent(value2, options).run();
+        },
+        insertContentAt: (position, value2, options) => {
+          if (!editor) return;
+          editor.chain().focus().insertContentAt(position, value2, options).run();
+        }
+      }),
+      [editor]
+    );
+    useEffect(() => {
+      if (!editor) return;
+      setAnnotationEditor(editor);
+      setCollectionEditor(editor);
+      setPageNoEditor(editor);
+    }, [editor]);
+    useEffect(() => {
+      if (!editor) return;
+      if (lastContentRef.current === value) return;
+      editor?.commands.setContent(value, { contentType: "markdown" });
+      editor?.commands.focus("start");
+      lastContentRef.current = value;
+    }, [value, editor]);
+    useEffect(() => {
+      editor?.commands.setSearchTerm(searchValue || "");
+    }, [searchValue, value, editor]);
+    useEffect(() => {
+      editor?.setEditable(!disabled);
+    }, [disabled, editor]);
+    const downloadFile2 = () => {
+      onDownloadFile?.(getMarkdown(), "docx");
+    };
+    const fixedTools = useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
+    const floatTools = useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
+    return /* @__PURE__ */ jsxs(Flex, { className: "height-full width-full", children: [
+      /* @__PURE__ */ jsx("div", { className: classNames2("height-full", "flex-1", styles_module_default4.editorParent), children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", children: [
+            fixedToolbar !== false && /* @__PURE__ */ jsx(
+              EditorToolbar,
+              {
+                isBubble: false,
+                onQuote,
+                onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
+                onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
+                tools: fixedTools
+              }
+            ),
+            /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: classNames2(styles_module_default4.extraToolbar), children: [
+              annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  title: "\u6279\u6CE8\u5217\u8868",
+                  icon: /* @__PURE__ */ jsx(MessageOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowAnnotation(!showAnnotation)
+                }
+              ),
+              collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  style: { gap: "2px" },
+                  size: "small",
+                  title: "\u6458\u5F55\u5217\u8868",
+                  icon: /* @__PURE__ */ jsx(BookOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowCollection(!showCollection),
+                  children: "\u6458\u5F55"
+                }
+              ),
+              onDownloadFile && /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
+              extraNav
+            ] })
+          ] }),
+          !isMobile && floatToolbar !== false && /* @__PURE__ */ jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsx(
             EditorToolbar,
             {
-              isBubble: false,
+              isBubble: true,
               onQuote,
               onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
               onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-              tools: fixedTools
+              tools: floatTools
             }
-          ),
-          /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", className: classNames2(styles_module_default4.extraToolbar), children: [
-            annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "small",
-                title: "\u6279\u6CE8\u5217\u8868",
-                icon: /* @__PURE__ */ jsx(MessageOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowAnnotation(!showAnnotation)
-              }
-            ),
-            collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsx(
-              Button,
-              {
-                style: { gap: "2px" },
-                size: "small",
-                title: "\u6458\u5F55\u5217\u8868",
-                icon: /* @__PURE__ */ jsx(BookOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowCollection(!showCollection),
-                children: "\u6458\u5F55"
-              }
-            ),
-            onDownloadFile && /* @__PURE__ */ jsx(Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
-            extraNav
-          ] })
+          ) })
         ] }),
-        !isMobile && floatToolbar !== false && /* @__PURE__ */ jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsx(
-          EditorToolbar,
+        /* @__PURE__ */ jsx("div", { id: "contentWrapper", className: classNames2(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsx(
+          EditorContent,
           {
-            isBubble: true,
-            onQuote,
-            onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
-            onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-            tools: floatTools
+            editor,
+            role: "presentation",
+            className: classNames2(styles_module_default4.simpleEditorContent, "ns-markdown", { [styles_module_default4.noToolbar]: fixedToolbar === false })
           }
         ) })
+      ] }) }),
+      annotationConfig?.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+        showAnnotation && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsx(
+          AnnotationSidebar_default,
+          {
+            disabled,
+            annotations,
+            selectedAnnotationId,
+            handleSelectAnnotation: (id) => handleSelectAnnotation(id, "sidebar"),
+            onEditAnnotation: handleEditAnnotation,
+            onDeleteAnnotation: handleDeleteAnnotation,
+            annotationConfig,
+            onClose: () => setShowAnnotation(false)
+          }
+        ) }),
+        showAnnotationModal && /* @__PURE__ */ jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
       ] }),
-      /* @__PURE__ */ jsx("div", { id: "contentWrapper", className: classNames2(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsx(
-        EditorContent,
-        {
-          editor,
-          role: "presentation",
-          className: classNames2(styles_module_default4.simpleEditorContent, "ns-markdown", { [styles_module_default4.noToolbar]: fixedToolbar === false })
-        }
-      ) })
-    ] }) }),
-    annotationConfig?.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-      showAnnotation && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsx(
-        AnnotationSidebar_default,
+      collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsx(
+        collectionSidebar_default,
         {
           disabled,
-          annotations,
-          selectedAnnotationId,
-          handleSelectAnnotation: (id) => handleSelectAnnotation(id, "sidebar"),
-          onEditAnnotation: handleEditAnnotation,
-          onDeleteAnnotation: handleDeleteAnnotation,
-          annotationConfig,
-          onClose: () => setShowAnnotation(false)
+          collections,
+          selectedCollectionId,
+          handleSelectCollection: (id) => handleSelectCollection(id, "sidebar"),
+          onDeleteCollection: handleDeleteCollection,
+          collectionConfig,
+          onClose: () => setShowCollection(false)
         }
-      ) }),
-      showAnnotationModal && /* @__PURE__ */ jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
-    ] }),
-    collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsx("div", { className: classNames2("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsx(
-      collectionSidebar_default,
-      {
-        disabled,
-        collections,
-        selectedCollectionId,
-        handleSelectCollection: (id) => handleSelectCollection(id, "sidebar"),
-        onDeleteCollection: handleDeleteCollection,
-        collectionConfig,
-        onClose: () => setShowCollection(false)
-      }
-    ) })
-  ] });
-};
+      ) })
+    ] });
+  }
+);
 
 // src/components/MarkDrawing/styles.module.less
 var styles_module_default7 = {
@@ -8935,6 +9121,6 @@ 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, 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, MarkDrawing_default as MarkDrawing, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MultiEmailValidator, PdfImagePreview_default as PdfImagePreview, 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, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, 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, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAsyncQueue_default as useAsyncQueue, 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, MarkDrawing_default as MarkDrawing, MarkdownEditor_default as MarkdownEditor, MarkdownPreview_default as MarkdownPreview, MicroApp_default as MicroApp, Drawer_default as MicroAppDrawer, Window_default as MicroAppWindow, MultiEmailValidator, PdfImagePreview_default as PdfImagePreview, 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, findTreeNodesByIds, formatDate, formatNumberWithCommas, formatSize, genNonDuplicateID, generateRandomNumbers, getAllUrlParams, getDeviceId, getEndOfTimestamp, getFileName, getFileSuffixName, getRowSpanCount, getStartOfTimestamp, getTimestamp, getWebSocketUrl, htmlToMarkdown, htmlToText, 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, markdownToText, minus, objToOptions, plus, precision, processItemList, propsMerge, setInterval2 as setInterval, setUrlMainSource, shouldRender, times, toFixed, transform, transforms, useAsyncQueue_default as useAsyncQueue, 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 };
 //# sourceMappingURL=index.esm.js.map
 //# sourceMappingURL=index.esm.js.map