@zero-library/common 2.4.4 → 2.5.0

package/dist/index.cjs.js

@@ -33,6 +33,8 @@ var zh_CN = require('@react-pdf-viewer/locales/lib/zh_CN.json');
 require('@react-pdf-viewer/page-navigation/lib/styles/index.css');
 require('@react-pdf-viewer/thumbnail/lib/styles/index.css');
 require('@react-pdf-viewer/zoom/lib/styles/index.css');
+var microApp = require('@micro-zoe/micro-app');
+var jsxCustomEvent = require('@micro-zoe/micro-app/polyfill/jsx-custom-event');
 var react = require('@tiptap/react');
 var extensionHighlight = require('@tiptap/extension-highlight');
 var extensionImage = require('@tiptap/extension-image');
@@ -94,6 +96,8 @@ var axios__default = /*#__PURE__*/_interopDefault(axios);
 var markdownItKatex__default = /*#__PURE__*/_interopDefault(markdownItKatex);
 var parse__default = /*#__PURE__*/_interopDefault(parse);
 var zh_CN__default = /*#__PURE__*/_interopDefault(zh_CN);
+var microApp__default = /*#__PURE__*/_interopDefault(microApp);
+var jsxCustomEvent__default = /*#__PURE__*/_interopDefault(jsxCustomEvent);
 var TiptapHorizontalRule__default = /*#__PURE__*/_interopDefault(TiptapHorizontalRule);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
@@ -1570,9 +1574,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 = "*") {
@@ -1587,33 +1591,91 @@ function emitToChild(iframeWindow, type, data, origin = "*") {
     console.warn("emit to child failed", err);
   }
 }
-var useIframeRelayBridge_default = (allowedOrigins = ["*"]) => {
-  const handlers = React.useRef({});
-  React.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 = React.useRef({
+    handlers: {},
+    allowedOrigins
+  });
+  ctxRef.current.allowedOrigins = allowedOrigins;
+  React.useEffect(() => {
+    const ctx = ctxRef.current;
+    hookInstances.add(ctx);
+    return () => {
+      hookInstances.delete(ctx);
+    };
+  }, []);
+  const on = React.useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    handlers[type] = handlers[type] || [];
+    handlers[type].push(handler);
+  }, []);
+  const off = React.useCallback((type, handler) => {
+    const handlers = ctxRef.current.handlers;
+    if (handlers[type]) {
+      handlers[type] = handlers[type].filter((fn) => fn !== handler);
+    }
+  }, []);
+  return React.useMemo(() => ({ on, off }), [on, off]);
 };
 var useRefState_default = (init) => {
   const [state, setState] = React.useState(init);
@@ -2424,6 +2486,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] = React.useState(false);
+  React.useEffect(() => {
+    setLoading(true);
+  }, [url]);
+  const handleLoad = () => {
+    setLoading(false);
+    onMounted?.();
+  };
+  const handleError = (e) => {
+    setLoading(false);
+    onError?.(e);
+  };
+  const microAppData = React.useMemo(() => {
+    const parentMainSource = window?.microApp?.getData?.()?.mainSource || [];
+    return { mainSource: [...parentMainSource, name], ...data };
+  }, [data, name]);
+  const TagName = microApp__default.default.tagName || "micro-app";
+  return /* @__PURE__ */ jsxCustomEvent__default.default(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D..." }, /* @__PURE__ */ jsxCustomEvent__default.default(
+    TagName,
+    {
+      name,
+      url,
+      data: microAppData,
+      class: classNames2__default.default(styles_default.microApp, className),
+      onMounted: handleLoad,
+      onError: handleError,
+      ...rest
+    }
+  ));
+};
+var Drawer_default = ({ name: podName }) => {
+  const [currentPod, setCurrentPod] = React.useState({ title: "", url: "" });
+  const [fullPodOpen, setFullPodOpen] = React.useState(false);
+  const { on, off } = useIframeRelayBridge_default();
+  const openPod = React.useCallback(({ title, url, name }) => {
+    if (name === podName) {
+      setCurrentPod({ title, url });
+      setFullPodOpen(true);
+    }
+  }, []);
+  const onClosePod = React.useCallback(() => {
+    setFullPodOpen(false);
+  }, []);
+  React.useEffect(() => {
+    on("openPod", openPod);
+    on("onClosePod", onClosePod);
+    return () => {
+      off("openPod", openPod);
+      off("onClosePod", onClosePod);
+    };
+  }, [openPod, onClosePod]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.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__ */ jsxRuntime.jsx(MicroApp_default, { iframe: true, name: podName, url: currentPod.url, "router-mode": "pure" }, currentPod.url)
+    }
+  );
+};
+var Window_default = ({ defaultUrl, name: appName }) => {
+  const [windowUrl, setWindowUrl] = React.useState("");
+  const [windowUrlKey, setWindowUrlKey, getWindowUrlKey] = useRefState_default(0);
+  const { on, off } = useIframeRelayBridge_default();
+  const onWindowUrlChange = (url) => {
+    setWindowUrl(url);
+    setWindowUrlKey(getWindowUrlKey() + 1);
+  };
+  React.useEffect(() => {
+    const urlParams = getAllUrlParams(location.href);
+    if (urlParams[appName]) {
+      const url = microApp__default.default.router.decode(urlParams[appName]);
+      onWindowUrlChange(url);
+    } else {
+      onWindowUrlChange(defaultUrl);
+    }
+  }, [defaultUrl, appName]);
+  const openWindow = React.useCallback(
+    ({ url, name }) => {
+      if (appName === name) {
+        onWindowUrlChange(url);
+      }
+    },
+    [appName]
+  );
+  React.useEffect(() => {
+    on("openWindow", openWindow);
+    return () => {
+      off("openWindow", openWindow);
+    };
+  }, [openWindow]);
+  return windowUrl ? /* @__PURE__ */ jsxRuntime.jsx(MicroApp_default, { name: appName, url: windowUrl }, windowUrlKey) : null;
+};
+
 // src/components/Iframe/styles.module.less
 var styles_module_default3 = {
   iframe: "styles_module_iframe"
@@ -3284,7 +3450,7 @@ var AnnotationSidebar_default = ({
   }
   return reactDom.createPortal(sidebarContent, container);
 };
-var createHtmlMark = (markName, ATTRS, classNames7) => {
+var createHtmlMark = (markName, ATTRS, classNames8) => {
   return core.Mark.create({
     name: markName,
     priority: 1e3,
@@ -3313,7 +3479,7 @@ var createHtmlMark = (markName, ATTRS, classNames7) => {
       return [
         "div",
         core.mergeAttributes(attrs, {
-          class: classNames7
+          class: classNames8
         }),
         0
       ];
@@ -8610,271 +8776,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 = React.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 = react.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.Markdown,
-      extensionMathematics.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.StarterKit.configure({
-        horizontalRule: false,
-        link: {
-          openOnClick: false,
-          enableClickSelection: true
+var MarkdownEditor_default = React.forwardRef(
+  ({
+    value = ``,
+    onChange,
+    searchValue,
+    disabled,
+    extraNav,
+    fixedToolbar = true,
+    floatToolbar = true,
+    onQuote,
+    onDownloadFile,
+    annotationConfig,
+    collectionConfig,
+    pageNoConfig
+  }, ref) => {
+    const isMobile = useIsBreakpoint();
+    const lastContentRef = React.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 = react.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,
-      extensionTextAlign.TextAlign.configure({ types: ["heading", "paragraph"] }),
-      extensionList.TaskList,
-      extensionList.TaskItem.configure({ nested: true }),
-      extensionHighlight.Highlight.configure({ multicolor: true }),
-      extensionImage.Image,
-      extensionTypography.Typography,
-      extensionSuperscript.Superscript,
-      extensionSubscript.Subscript,
-      extensions.Selection,
-      extensionTable.Table.configure({
-        resizable: true
-        // 可选，允许调整表格大小
-      }),
-      extensionTable.TableHeader,
-      extensionTable.TableRow,
-      extensionTable.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.Markdown,
+        extensionMathematics.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.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();
-  };
-  React.useEffect(() => {
-    if (!editor) return;
-    setAnnotationEditor(editor);
-    setCollectionEditor(editor);
-    setPageNoEditor(editor);
-  }, [editor]);
-  React.useEffect(() => {
-    if (!editor) return;
-    if (lastContentRef.current === value) return;
-    editor?.commands.setContent(value, { contentType: "markdown" });
-    editor?.commands.focus("start");
-    lastContentRef.current = value;
-  }, [value, editor]);
-  React.useEffect(() => {
-    editor?.commands.setSearchTerm(searchValue || "");
-  }, [searchValue, value, editor]);
-  React.useEffect(() => {
-    editor?.setEditable(!disabled);
-  }, [disabled, editor]);
-  const downloadFile2 = () => {
-    onDownloadFile?.(getMarkdown(), "docx");
-  };
-  const fixedTools = React.useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
-  const floatTools = React.useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "height-full width-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", "flex-1", styles_module_default4.editorParent), children: /* @__PURE__ */ jsxRuntime.jsxs(react.EditorContext.Provider, { value: { editor }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "end", align: "center", children: [
-          fixedToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(
+        }),
+        HorizontalRule,
+        extensionTextAlign.TextAlign.configure({ types: ["heading", "paragraph"] }),
+        extensionList.TaskList,
+        extensionList.TaskItem.configure({ nested: true }),
+        extensionHighlight.Highlight.configure({ multicolor: true }),
+        extensionImage.Image,
+        extensionTypography.Typography,
+        extensionSuperscript.Superscript,
+        extensionSubscript.Subscript,
+        extensions.Selection,
+        extensionTable.Table.configure({
+          resizable: true
+          // 可选，允许调整表格大小
+        }),
+        extensionTable.TableHeader,
+        extensionTable.TableRow,
+        extensionTable.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();
+    };
+    React.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]
+    );
+    React.useEffect(() => {
+      if (!editor) return;
+      setAnnotationEditor(editor);
+      setCollectionEditor(editor);
+      setPageNoEditor(editor);
+    }, [editor]);
+    React.useEffect(() => {
+      if (!editor) return;
+      if (lastContentRef.current === value) return;
+      editor?.commands.setContent(value, { contentType: "markdown" });
+      editor?.commands.focus("start");
+      lastContentRef.current = value;
+    }, [value, editor]);
+    React.useEffect(() => {
+      editor?.commands.setSearchTerm(searchValue || "");
+    }, [searchValue, value, editor]);
+    React.useEffect(() => {
+      editor?.setEditable(!disabled);
+    }, [disabled, editor]);
+    const downloadFile2 = () => {
+      onDownloadFile?.(getMarkdown(), "docx");
+    };
+    const fixedTools = React.useMemo(() => isArray(fixedToolbar) ? fixedToolbar : void 0, [fixedToolbar]);
+    const floatTools = React.useMemo(() => isArray(floatToolbar) ? floatToolbar : void 0, [floatToolbar]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "height-full width-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", "flex-1", styles_module_default4.editorParent), children: /* @__PURE__ */ jsxRuntime.jsxs(react.EditorContext.Provider, { value: { editor }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "end", align: "center", children: [
+            fixedToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(
+              EditorToolbar,
+              {
+                isBubble: false,
+                onQuote,
+                onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
+                onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
+                tools: fixedTools
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: classNames2__default.default(styles_module_default4.extraToolbar), children: [
+              annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Button,
+                {
+                  size: "small",
+                  title: "\u6279\u6CE8\u5217\u8868",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowAnnotation(!showAnnotation)
+                }
+              ),
+              collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Button,
+                {
+                  style: { gap: "2px" },
+                  size: "small",
+                  title: "\u6458\u5F55\u5217\u8868",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}),
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => setShowCollection(!showCollection),
+                  children: "\u6458\u5F55"
+                }
+              ),
+              onDownloadFile && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
+              extraNav
+            ] })
+          ] }),
+          !isMobile && floatToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsxRuntime.jsx(
             EditorToolbar,
             {
-              isBubble: false,
+              isBubble: true,
               onQuote,
               onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
               onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-              tools: fixedTools
+              tools: floatTools
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: classNames2__default.default(styles_module_default4.extraToolbar), children: [
-            annotationConfig?.enabled && annotationConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
-              {
-                size: "small",
-                title: "\u6279\u6CE8\u5217\u8868",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.MessageOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowAnnotation(!showAnnotation)
-              }
-            ),
-            collectionConfig?.enabled && collectionConfig?.showListButton !== false && /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
-              {
-                style: { gap: "2px" },
-                size: "small",
-                title: "\u6458\u5F55\u5217\u8868",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BookOutlined, {}),
-                color: "primary",
-                variant: "text",
-                onClick: () => setShowCollection(!showCollection),
-                children: "\u6458\u5F55"
-              }
-            ),
-            onDownloadFile && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", color: "primary", variant: "text", onClick: downloadFile2, children: "\u4E0B\u8F7D" }),
-            extraNav
-          ] })
+          ) })
         ] }),
-        !isMobile && floatToolbar !== false && /* @__PURE__ */ jsxRuntime.jsx(FloatingElement, { editor, zIndex: 188, resetTextSelectionOnClose: false, className: styles_module_default4.editorFloatingToolbar, children: /* @__PURE__ */ jsxRuntime.jsx(
-          EditorToolbar,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: "contentWrapper", className: classNames2__default.default(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          react.EditorContent,
           {
-            isBubble: true,
-            onQuote,
-            onCreateAnnotation: annotationConfig?.enabled ? onCreateAnnotation : void 0,
-            onCreateCollection: collectionConfig?.enabled ? onCreateCollection : void 0,
-            tools: floatTools
+            editor,
+            role: "presentation",
+            className: classNames2__default.default(styles_module_default4.simpleEditorContent, "ns-markdown", { [styles_module_default4.noToolbar]: fixedToolbar === false })
           }
         ) })
+      ] }) }),
+      annotationConfig?.enabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        showAnnotation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
+          AnnotationSidebar_default,
+          {
+            disabled,
+            annotations,
+            selectedAnnotationId,
+            handleSelectAnnotation: (id) => handleSelectAnnotation(id, "sidebar"),
+            onEditAnnotation: handleEditAnnotation,
+            onDeleteAnnotation: handleDeleteAnnotation,
+            annotationConfig,
+            onClose: () => setShowAnnotation(false)
+          }
+        ) }),
+        showAnnotationModal && /* @__PURE__ */ jsxRuntime.jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { id: "contentWrapper", className: classNames2__default.default(styles_module_default4.contentWrapper, "scroll-fade-in"), children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.EditorContent,
-        {
-          editor,
-          role: "presentation",
-          className: classNames2__default.default(styles_module_default4.simpleEditorContent, "ns-markdown", { [styles_module_default4.noToolbar]: fixedToolbar === false })
-        }
-      ) })
-    ] }) }),
-    annotationConfig?.enabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      showAnnotation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
-        AnnotationSidebar_default,
+      collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(AnnotationModal_default, { visible: showAnnotationModal, onCancel: closeAnnotationCreateModal, onConfirm: onCreateAnnotationConfirm })
-    ] }),
-    collectionConfig?.enabled && showCollection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default("height-full", styles_module_default4.extraSidebarParent), children: /* @__PURE__ */ jsxRuntime.jsx(
-      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 = {
@@ -8993,6 +9181,9 @@ exports.LazyComponent = LazyComponent_default;
 exports.MarkDrawing = MarkDrawing_default;
 exports.MarkdownEditor = MarkdownEditor_default;
 exports.MarkdownPreview = MarkdownPreview_default;
+exports.MicroApp = MicroApp_default;
+exports.MicroAppDrawer = Drawer_default;
+exports.MicroAppWindow = Window_default;
 exports.MultiEmailValidator = MultiEmailValidator;
 exports.PdfImagePreview = PdfImagePreview_default;
 exports.PdfPreview = PdfPreview_default;