@umoteam/editor 4.1.0 → 4.2.0

package/dist/umo-editor.mjs

@@ -60,7 +60,7 @@ import { saveAs as Y0 } from "file-saver";
 import { toBlob as Z0, toJpeg as cS, toPng as dS } from "dom-to-image-more";
 import Po from "nzh/cn";
 /**
- * @umoteam/editor 4.1.0
+ * @umoteam/editor 4.2.0
  * @license MIT
  * @author umodoc https://www.umodoc.com
  * @see https://editor.umodoc.com/en/docs
@@ -20837,7 +20837,7 @@ const QH = ["width", "height"], eU = ["xlink:href", "fill"], at = {
   setup(t) {
     const e = t;
     return (n, r) => (x(), re("svg", {
-      class: "icon",
+      class: "umo-icon",
       "aria-hidden": "true",
       width: t.size,
       height: t.size
@@ -21066,7 +21066,7 @@ const QH = ["width", "height"], eU = ["xlink:href", "fill"], at = {
     text: "插入表格",
     tip: "插入新表格",
     property: "表格属性",
-    withHeader: "包含表格",
+    withHeader: "包含表头",
     rows: "行数:",
     cols: "列数:",
     create: "创建表格"
@@ -21148,8 +21148,8 @@ const QH = ["width", "height"], eU = ["xlink:href", "fill"], at = {
     insert: "插入",
     tip: "选择纯色背景电子章的影印件或者照片，将自动扣取电子章，所有操作在本地完成，不会向服务器发送数据，请放心使用。",
     insertTip: "点击此处选择电子章图片",
-    converting1: "正在加载组件...",
-    converting2: "正在加载组件: {ppercentage}%",
+    converting1: "正在加载抠图组件...",
+    converting2: "正在加载抠图组件: {ppercentage}%",
     converting3: "正在抠图中，请稍后...",
     convertError: "电子章抠取失败，请重试",
     notEmpty: "请选择电子章"
@@ -21476,7 +21476,7 @@ const QH = ["width", "height"], eU = ["xlink:href", "fill"], at = {
     pdf: {
       text: "PDF文档",
       title: "导出 PDF 文档",
-      message: "导出 PDF 文档前，请确保所有页面中的图片已加载完毕。然后在弹出的打印框中选择”打印机 - 另存为PDF“，再点击”保存“按钮即可。",
+      message: "导出 PDF 文档前，请确保所有页面中的图片已加载完毕。然后在弹出的打印框中选择”打印机 - 另存为PDF“，再点击”保存“按钮即可。如果遇到节点背景不显示，请在打印框中勾选 “背景图形”选项。",
       confirm: "我知道了"
     },
     text: "文本文档"
@@ -22134,7 +22134,7 @@ Black`
     pdf: {
       text: "PDF Document",
       title: "Export PDF Document",
-      message: "Before exporting the PDF document, make sure that all images on the pages have finished loading. Then, in the print dialog box that appears, select 'Printer - Save as PDF', and click 'Save' button to save the document.",
+      message: "Before exporting the PDF document, make sure that all images on the pages have finished loading. Then, in the print dialog box that appears, select 'Printer - Save as PDF', and click 'Save' button to save the document. If node backgrounds are not displayed, please check the 'Background graphics' option in the print dialog box.",
       confirm: "I Understand"
     },
     text: "Text"
@@ -22406,6 +22406,24 @@ Black`
       fontFamily: "SimSun",
       fontWeight: "normal",
       text: ""
+    },
+    /*
+     * 新添加的 bolck 自定义节点如果需要参与分页，需要给 types 添加对应的类型 types:["myBlock"],
+     * 如果是用 nodeView 实现的节点，需要自定义节点外层添加代码 :id="node.attrs.id"，可以参考 image 扩展
+     * 如果需要添加自定义计算方法，请在 nodesComputedOption 中添加
+     * 例如新添加节点名字为 'myBlock'
+     * nodesComputedOption:{
+     *   types: ["myBlock"],
+     *   nodesComputed: {
+     *    'myBlock': (splitContex, node, pos, parent, dom) => {
+     *      //分页计算代码
+     *    }
+     *  }
+     * } 否则走默认的计算
+     **/
+    nodesComputedOption: {
+      types: [],
+      nodesComputed: {}
     }
   },
   document: {
@@ -22776,6 +22794,20 @@ Black`
             validate: "string"
           }
         }
+      },
+      nodesComputedOption: {
+        schema: {
+          types: {
+            merge: "replace",
+            validate(t) {
+            }
+          },
+          nodesComputed: {
+            merge: "replace",
+            validate(t) {
+            }
+          }
+        }
       }
     }
   },
@@ -24026,7 +24058,7 @@ function XK() {
     };
   }, { width: n, height: r } = e(), { right: a, left: o, bottom: l, top: i } = t.value.margin;
   let s = en.getElementById("computeddiv");
-  en.getElementsByClassName("umo-watermark")[0].setAttribute(
+  en.getElementsByClassName("umo-page-watermark")[0].setAttribute(
     "style",
     `width: ${n + "cm"};height: ${r + "cm"}`
   ), s.setAttribute(
@@ -24039,10 +24071,12 @@ function JK() {
   Kr = t, Kr.setAttribute(
     "id",
     `${e.replace("#", "")}-computediframe`
-  ), Kr.setAttribute("class", "editor-page-computed"), en = Kr.contentDocument || Kr.contentWindow.document, nW(en), rW(t, ["header", "iframe", "footer"]), QK(t), eW(t);
+  ), Kr.setAttribute("class", "umo-editor-page-computed"), en = Kr.contentDocument || Kr.contentWindow.document, nW(en), rW(t, ["header", "iframe", "footer"]), QK(t), eW(t);
 }
 function QK(t) {
-  const n = (t.contentDocument || t.contentWindow.document).getElementsByClassName("page-node-content")[0];
+  const n = (t.contentDocument || t.contentWindow.document).getElementsByClassName(
+    "umo-page-node-content"
+  )[0];
   n.setAttribute("id", "computeddiv"), n.innerHTML = "";
   let r = n.parentNode.parentNode, a = n.parentNode;
   for (; r.lastChild != a; )
@@ -24436,7 +24470,7 @@ const aW = (t, e) => (n) => lW(
                   name: s.icon
                 }, null, 8, ["name"])) : s.html ? (x(), re("span", {
                   key: 1,
-                  class: "icon",
+                  class: "shortcut-icon",
                   innerHTML: s.html
                 }, null, 8, vW)) : se("", !0),
                 s.tag ? (x(), X(Wc(s.tag), { key: 2 }, {
@@ -24463,7 +24497,7 @@ const aW = (t, e) => (n) => lW(
       ]);
     };
   }
-}, bW = /* @__PURE__ */ Le(gW, [["__scopeId", "data-v-4a810e84"]]), Il = {
+}, bW = /* @__PURE__ */ Le(gW, [["__scopeId", "data-v-1213c973"]]), Il = {
   __name: "tooltip",
   props: {
     content: {}
@@ -28786,16 +28820,16 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
     attach: hv,
     ...n
   });
-}, gv = (t) => (ro("data-v-fffb0628"), t = t(), ao(), t), Uue = {
+}, gv = (t) => (ro("data-v-7c4465fe"), t = t(), ao(), t), Uue = {
   key: 0,
-  class: "status-bar"
-}, Kue = { class: "bar-left" }, Wue = /* @__PURE__ */ gv(() => /* @__PURE__ */ M("div", { class: "bar-split" }, null, -1)), Gue = /* @__PURE__ */ gv(() => /* @__PURE__ */ M("div", { class: "bar-split" }, null, -1)), que = { key: 0 }, Yue = {
+  class: "umo-status-bar"
+}, Kue = { class: "umo-status-bar-left" }, Wue = /* @__PURE__ */ gv(() => /* @__PURE__ */ M("div", { class: "bar-split" }, null, -1)), Gue = /* @__PURE__ */ gv(() => /* @__PURE__ */ M("div", { class: "umo-status-bar-split" }, null, -1)), que = { key: 0 }, Yue = {
   key: 0,
   class: "umo-word-count-detail"
-}, Zue = { class: "umo-word-count-title" }, Xue = { key: 0 }, Jue = { class: "bar-right" }, Que = /* @__PURE__ */ gv(() => /* @__PURE__ */ M("div", { class: "bar-split" }, null, -1)), ece = { class: "zoom-level-bar" }, tce = {
+}, Zue = { class: "umo-word-count-title" }, Xue = { key: 0 }, Jue = { class: "umo-status-bar-right" }, Que = /* @__PURE__ */ gv(() => /* @__PURE__ */ M("div", { class: "umo-status-bar-split" }, null, -1)), ece = { class: "umo-zoom-level-bar" }, tce = {
   key: 1,
-  class: "preview-bar"
-}, nce = { class: "shortcut-drawer-header" }, rce = {
+  class: "umo-preview-bar"
+}, nce = { class: "umo-shortcuts-drawer-header" }, rce = {
   __name: "index",
   setup(t) {
     const { container: e, options: n, page: r, editor: a } = le(), o = Je("document"), l = j(!1), i = Ct("reset"), s = () => {
@@ -28817,7 +28851,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       f.value = mk(document.querySelector(e)), Rn("f11, command+f11", f.value.toggle);
     });
     const d = async () => {
-      r.value.showToc = !1, r.value.preview.enabled = !r.value.preview.enabled, r.value.preview.enabled && (document.querySelector(`${e} .zoomable-container`).scrollTop = 0);
+      r.value.showToc = !1, r.value.preview.enabled = !r.value.preview.enabled, r.value.preview.enabled && (document.querySelector(`${e} .umo-zoomable-container`).scrollTop = 0);
     };
     je(() => Rn("f5", d)), ce(
       () => r.value.preview.enabled,
@@ -28845,7 +28879,9 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
         return;
       }
       try {
-        const k = document.querySelector(`${e} .zoomable-container`), T = k.querySelector(".page-content"), O = k.clientWidth, E = T.clientWidth;
+        const k = document.querySelector(
+          `${e} .umo-zoomable-container`
+        ), T = k.querySelector(".umo-page-content"), O = k.clientWidth, E = T.clientWidth;
         r.value.zoomLevel = parseInt(
           (O - S * 2) / E * 100
         ), r.value.autoWidth = !0;
@@ -28905,7 +28941,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: Fe(["bar-button", { active: y(r).showToc }]),
+                  class: Fe(["umo-status-bar-button", { active: y(r).showToc }]),
                   variant: "text",
                   size: "small",
                   onClick: S[0] || (S[0] = (I) => y(r).showToc = !y(r).showToc)
@@ -28927,7 +28963,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: Fe(["bar-button", { active: y(o).spellcheck }]),
+                  class: Fe(["umo-status-bar-button", { active: y(o).spellcheck }]),
                   variant: "text",
                   size: "small",
                   onClick: S[1] || (S[1] = (I) => y(o).spellcheck = !y(o).spellcheck)
@@ -28948,7 +28984,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: Fe(["bar-button", { active: y(r).pagination }]),
+                  class: Fe(["umo-status-bar-button", { active: y(r).pagination }]),
                   variant: "text",
                   size: "small",
                   onClick: s
@@ -28966,7 +29002,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: "bar-button",
+                  class: "umo-status-bar-button",
                   variant: "text",
                   size: "small",
                   onClick: S[2] || (S[2] = (I) => l.value = !0)
@@ -28984,7 +29020,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: "bar-button",
+                  class: "umo-status-bar-button",
                   variant: "text",
                   size: "small",
                   onClick: y(i)
@@ -29003,7 +29039,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: "bar-button",
+                  class: "umo-status-bar-button",
                   variant: "text",
                   size: "small",
                   href: `https://editor.umodoc.com/${y(Bt).global.locale.value === "zh-CN" ? "cn" : "en"}/docs`,
@@ -29022,7 +29058,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: "bar-button",
+                  class: "umo-status-bar-button",
                   variant: "text",
                   size: "small",
                   href: "https://github.com/umodoc/editor/issues",
@@ -29076,7 +29112,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }),
               default: z(() => [
                 p(T, {
-                  class: "bar-button auto-width word-count",
+                  class: "umo-status-bar-button auto-width word-count",
                   variant: "text",
                   size: "small"
                 }, {
@@ -29098,7 +29134,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: Fe(["bar-button", { active: y(r).preview.enabled }]),
+                  class: Fe(["umo-status-bar-button", { active: y(r).preview.enabled }]),
                   variant: "text",
                   size: "small",
                   onClick: d
@@ -29116,7 +29152,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: "bar-button",
+                  class: "umo-status-bar-button",
                   variant: "text",
                   size: "small",
                   onClick: y(f).toggle
@@ -29138,7 +29174,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }, {
                 default: z(() => [
                   p(T, {
-                    class: "bar-button",
+                    class: "umo-status-bar-button",
                     variant: "text",
                     size: "small",
                     disabled: y(r).zoomLevel <= 20,
@@ -29155,7 +29191,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               p(P, {
                 modelValue: y(r).zoomLevel,
                 "onUpdate:modelValue": S[4] || (S[4] = (I) => y(r).zoomLevel = I),
-                class: "zoom-level-slider",
+                class: "umo-zoom-level-slider",
                 min: 20,
                 max: 500,
                 step: 10,
@@ -29173,7 +29209,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }, {
                 default: z(() => [
                   p(T, {
-                    class: "bar-button",
+                    class: "umo-status-bar-button",
                     variant: "text",
                     size: "small",
                     disabled: y(r).zoomLevel >= 500,
@@ -29192,7 +29228,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }, {
                 default: z(() => [
                   p(T, {
-                    class: Fe(["bar-button", { active: y(r).autoWidth }]),
+                    class: Fe(["umo-status-bar-button", { active: y(r).autoWidth }]),
                     variant: "text",
                     size: "small",
                     onClick: S[5] || (S[5] = (I) => g(!0))
@@ -29210,7 +29246,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }, {
                 default: z(() => [
                   p(T, {
-                    class: "bar-button auto-width",
+                    class: "umo-status-bar-button auto-width",
                     variant: "text",
                     size: "small",
                     onClick: m
@@ -29233,7 +29269,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
             }, {
               default: z(() => [
                 p(T, {
-                  class: "bar-button auto-width lang-button",
+                  class: "umo-status-bar-button auto-width umo-lang-button",
                   variant: "text",
                   size: "small",
                   textContent: ie(y(b)),
@@ -29268,7 +29304,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       ], 64);
     };
   }
-}, ace = /* @__PURE__ */ Le(rce, [["__scopeId", "data-v-fffb0628"]]), oce = { class: "source-editor" }, lce = ["textContent"], ice = {
+}, ace = /* @__PURE__ */ Le(rce, [["__scopeId", "data-v-7c4465fe"]]), oce = { class: "umo-source-editor" }, lce = ["textContent"], ice = {
   __name: "source",
   setup(t) {
     var s;
@@ -29314,7 +29350,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, {
         loading: z(() => [
           M("span", {
-            class: "loading",
+            class: "umo-source-editor-loading",
             textContent: ie(u.t("source.loading"))
           }, null, 8, lce)
         ]),
@@ -29322,7 +29358,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, 8, ["value"])
     ]));
   }
-}, sce = /* @__PURE__ */ Le(ice, [["__scopeId", "data-v-0015b0a4"]]), uce = ["srcdoc"], cce = {
+}, sce = /* @__PURE__ */ Le(ice, [["__scopeId", "data-v-eba71f83"]]), uce = ["srcdoc"], cce = {
   __name: "print",
   setup(t) {
     const { container: e, options: n, editor: r, page: a, printing: o, exportPDF: l } = le();
@@ -29336,7 +29372,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       return ((m = document.querySelector("#sprite-plyr")) == null ? void 0 : m.innerHTML) || "";
     }, f = () => {
       let m = "";
-      return document.querySelectorAll(`${e} .page-node-view`).forEach((w) => {
+      return document.querySelectorAll(`${e} .umo-page-node-view`).forEach((w) => {
         m += w.outerHTML;
       }), m;
     }, d = A(() => n.value.dicts.lineHeights.find((m) => m.default).value), v = () => {
@@ -29349,6 +29385,10 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       ${u()}
       <style>
+      body{
+        overflow: auto;
+        height: auto;
+      }
       @page {
         size: ${m === "portrait" ? g.width : g.height}cm ${m === "portrait" ? g.height : g.width}cm; 
         margin:0;
@@ -29356,11 +29396,11 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }
       </style>
     </head>
-    <body class="umo-editor-container is-print">
+    <body class="is-print">
       <div id="sprite-plyr" style="display: none;">
       ${c()}
       </div>
-      <div class="editor-container" style="line-height: ${d.value};" aria-expanded="false">
+      <div class="umo-editor-container" style="line-height: ${d.value};" aria-expanded="false">
         <div class="tiptap umo-editor" translate="no">
           ${f()}
         </div>
@@ -29396,7 +29436,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       srcdoc: y(s)
     }, null, 8, uce));
   }
-}, dce = /* @__PURE__ */ Le(cce, [["__scopeId", "data-v-f17f4dc1"]]), $n = {
+}, dce = /* @__PURE__ */ Le(cce, [["__scopeId", "data-v-6acb5e9f"]]), $n = {
   __name: "modal",
   props: {
     visible: {
@@ -29430,7 +29470,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, 16, ["visible", "attach"]);
     };
   }
-}, fce = { class: "search-replace-container" }, vce = { class: "search-text" }, pce = { class: "replace-text" }, mce = { class: "advanced-options" }, hce = { class: "button-actions" }, gce = {
+}, fce = { class: "umo-search-replace-container" }, vce = { class: "umo-search-text" }, pce = { class: "umo-replace-text" }, mce = { class: "umo-advanced-options" }, hce = { class: "umo-button-actions" }, gce = {
   __name: "search-replace",
   setup(t) {
     const { editor: e, searchReplace: n } = le();
@@ -29492,7 +29532,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
         icon: "search-replace",
         header: h.t("search.title"),
         footer: !1,
-        class: "search-replace-dialog",
+        class: "umo-search-replace-dialog",
         width: "420px",
         mode: "modeless",
         "z-index": 200,
@@ -29593,33 +29633,33 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, 8, ["visible", "header"]);
     };
   }
-}, bce = /* @__PURE__ */ Le(gce, [["__scopeId", "data-v-d5573b08"]]), yce = { class: "button-content" }, _ce = ["innerHTML"], wce = { class: "text" }, Cce = {
+}, bce = /* @__PURE__ */ Le(gce, [["__scopeId", "data-v-063ddf03"]]), yce = { class: "umo-button-content" }, _ce = ["innerHTML"], wce = { class: "umo-button-text" }, Cce = {
   key: 1,
-  class: "kbd"
-}, $ce = ["innerHTML"], kce = { class: "text" }, Sce = {
+  class: "umo-button-kbd"
+}, $ce = ["innerHTML"], kce = { class: "umo-button-text" }, Sce = {
   key: 1,
-  class: "kbd"
-}, xce = { class: "icon-arrow handle" }, Oce = ["innerHTML"], Ece = { class: "text" }, Ace = {
+  class: "umo-button-kbd"
+}, xce = { class: "umo-button-icon-arrow umo-button-handle" }, Oce = ["innerHTML"], Ece = { class: "umo-button-text" }, Ace = {
   key: 1,
-  class: "kbd"
+  class: "umo-button-kbd"
 }, Tce = {
   key: 2,
-  class: "icon-arrow"
+  class: "umo-button-icon-arrow"
 }, Pce = {
   key: 0,
-  class: "icon-arrow"
-}, Mce = ["innerHTML"], Ice = { class: "text" }, jce = {
+  class: "umo-button-icon-arrow"
+}, Mce = ["innerHTML"], Ice = { class: "umo-button-text" }, jce = {
   key: 1,
-  class: "kbd"
-}, Nce = { class: "button-content" }, Dce = ["innerHTML"], Bce = { class: "text" }, Fce = {
+  class: "umo-button-kbd"
+}, Nce = { class: "umo-button-content" }, Dce = ["innerHTML"], Bce = { class: "umo-button-text" }, Fce = {
   key: 1,
-  class: "kbd"
+  class: "umo-button-kbd"
 }, Lce = {
   key: 2,
-  class: "icon-arrow"
+  class: "umo-button-icon-arrow"
 }, Rce = {
   key: 0,
-  class: "icon-arrow"
+  class: "umo-button-icon-arrow"
 }, zce = {
   __name: "button",
   props: {
@@ -29695,10 +29735,6 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
     let u = j(!1), c = j(!1);
     const f = (g) => {
       c.value = g;
-      try {
-        l.value.commands.focus();
-      } catch {
-      }
     }, d = () => n.tooltip === !1 ? "" : n.huge && n.tooltip ? `${n.tooltip}${n.shortcut ? ` (${mn(n.shortcut)})` : ""}` : n.text ? `${n.tooltip || n.text}${n.shortcut ? ` (${mn(n.shortcut)})` : ""}` : "";
     ce(
       () => n.popupVisible,
@@ -29732,14 +29768,14 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
           var T, O, E, P, G;
           return [
             M("div", {
-              class: "menu-button-wrap",
+              class: "umo-menu-button-wrap",
               onClick: w[3] || (w[3] = (V) => Ie(u) ? u.value = !1 : u = !1),
               onMouseover: w[4] || (w[4] = (V) => Ie(u) ? u.value = !0 : u = !0),
               onMouseleave: w[5] || (w[5] = (V) => Ie(u) ? u.value = !1 : u = !1)
             }, [
               t.menuType === "button" ? (x(), X(b, Ee({
                 key: 0,
-                class: ["menu-button", {
+                class: ["umo-menu-button", {
                   huge: t.huge && y(i).mode === "ribbon",
                   "show-text": !t.hideText,
                   active: t.menuActive && ((T = y(l)) == null ? void 0 : T.isEditable) !== !1
@@ -29762,7 +29798,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                           innerHTML: t.ico
                         }, null, 8, _ce)) : (x(), X(_, {
                           key: 1,
-                          class: "icon",
+                          class: "umo-button-icon",
                           name: t.ico
                         }, null, 8, ["name"]))
                       ], 64)) : se("", !0),
@@ -29775,7 +29811,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }, 16, ["class", "disabled"])) : t.menuType === "dropdown" ? (x(), re(he, { key: 1 }, [
                 t.popupHandle === "arrow" ? (x(), X(b, Ee({
                   key: 0,
-                  class: ["menu-button has-arrow", {
+                  class: ["umo-menu-button has-arrow", {
                     huge: t.huge && y(i).mode === "ribbon",
                     "show-text": !t.hideText,
                     active: y(c)
@@ -29789,7 +29825,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                     var V;
                     return [
                       M("div", {
-                        class: "button-content",
+                        class: "umo-button-content",
                         onClick: s
                       }, [
                         He(g.$slots, "default", {}, void 0, !0),
@@ -29800,7 +29836,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                             innerHTML: t.ico
                           }, null, 8, $ce)) : (x(), X(_, {
                             key: 1,
-                            class: "icon",
+                            class: "umo-button-icon",
                             name: t.ico
                           }, null, 8, ["name"]))
                         ], 64)) : se("", !0),
@@ -29851,7 +29887,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                     var V;
                     return [
                       p(b, Ee({
-                        class: ["menu-button has-arrow", {
+                        class: ["umo-menu-button has-arrow", {
                           huge: t.huge && y(i).mode === "ribbon",
                           "show-text": !t.hideText,
                           active: y(c)
@@ -29865,7 +29901,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                           var K;
                           return [
                             M("div", {
-                              class: "button-content",
+                              class: "umo-button-content",
                               onClick: s
                             }, [
                               He(g.$slots, "default", {}, void 0, !0),
@@ -29876,7 +29912,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                                   innerHTML: t.ico
                                 }, null, 8, Oce)) : (x(), X(_, {
                                   key: 1,
-                                  class: "icon",
+                                  class: "umo-button-icon",
                                   name: t.ico
                                 }, null, 8, ["name"]))
                               ], 64)) : se("", !0),
@@ -29920,7 +29956,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
               }, 16, ["value", "popup-props", "options", "disabled"])) : t.menuType === "popup" ? (x(), re(he, { key: 3 }, [
                 t.popupHandle === "arrow" ? (x(), X(b, Ee({
                   key: 0,
-                  class: ["menu-button has-arrow", {
+                  class: ["umo-menu-button has-arrow", {
                     "show-text": !t.hideText,
                     active: t.popupVisible
                   }],
@@ -29933,7 +29969,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                     var V;
                     return [
                       M("div", {
-                        class: "button-content",
+                        class: "umo-button-content",
                         onClick: s
                       }, [
                         He(g.$slots, "default", {}, void 0, !0),
@@ -29944,7 +29980,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                             innerHTML: t.ico
                           }, null, 8, Mce)) : (x(), X(_, {
                             key: 1,
-                            class: "icon",
+                            class: "umo-button-icon",
                             name: t.ico
                           }, null, 8, ["name"]))
                         ], 64)) : se("", !0),
@@ -29975,7 +30011,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                             key: 0,
                             ref_key: "popupHandleRef",
                             ref: v,
-                            class: "icon-arrow handle",
+                            class: "umo-button-icon-arrow umo-button-handle",
                             onClick: w[0] || (w[0] = (K) => m())
                           }, [
                             p(_, { name: "arrow-down" })
@@ -29984,7 +30020,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                             key: 1,
                             ref_key: "popupHandleRef",
                             ref: v,
-                            class: "icon-arrow handle",
+                            class: "umo-button-icon-arrow umo-button-handle",
                             onClick: w[1] || (w[1] = (K) => m())
                           }, [
                             p(_, { name: "arrow-down" })
@@ -30017,7 +30053,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                       p(b, Ee({
                         ref_key: "popupHandleRef",
                         ref: v,
-                        class: ["menu-button has-arrow", {
+                        class: ["umo-menu-button has-arrow", {
                           huge: t.huge && y(i).mode === "ribbon",
                           "show-text": !t.hideText,
                           active: t.popupVisible
@@ -30040,7 +30076,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                                   innerHTML: t.ico
                                 }, null, 8, Dce)) : (x(), X(_, {
                                   key: 1,
-                                  class: "icon",
+                                  class: "umo-button-icon",
                                   name: t.ico
                                 }, null, 8, ["name"]))
                               ], 64)) : se("", !0),
@@ -30069,7 +30105,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, 8, ["visible", "attach"]);
     };
   }
-}, fe = /* @__PURE__ */ Le(zce, [["__scopeId", "data-v-07005804"]]), Vce = {
+}, fe = /* @__PURE__ */ Le(zce, [["__scopeId", "data-v-2048d50b"]]), Vce = {
   __name: "common",
   setup(t) {
     const { container: e, editor: n, blockMenu: r } = le();
@@ -30102,9 +30138,9 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
     return (c, f) => {
       const d = fe, v = Ir, h = vr, m = El;
       return x(), X(m, {
-        attach: `${y(e)} .page-container`,
+        attach: `${y(e)} .umo-page-container`,
         placement: "bottom-right",
-        "overlay-class-name": "block-menu-dropdown",
+        "overlay-class-name": "umo-block-menu-dropdown",
         trigger: "click",
         "destroy-on-close": !1,
         "popup-props": {
@@ -30115,7 +30151,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, {
         default: z(() => [
           p(d, {
-            class: "block-menu-button",
+            class: "umo-block-menu-button",
             "menu-active": y(a),
             ico: "block-menu",
             "hide-text": ""
@@ -30123,7 +30159,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
           p(h, null, {
             default: z(() => [
               p(v, {
-                class: "block-menu-group-name",
+                class: "umo-block-menu-group-name",
                 disabled: ""
               }, {
                 default: z(() => [
@@ -30175,7 +30211,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
                 ]),
                 _: 1
               }),
-              p(v, { class: "delete-node" }, {
+              p(v, { class: "umo-delete-node" }, {
                 default: z(() => [
                   p(d, {
                     ico: "node-delete-2",
@@ -30194,7 +30230,7 @@ const { container: hv } = le(), Oo = (t) => iu.alert({
       }, 8, ["attach", "popup-props"]);
     };
   }
-}, Hce = { class: "mermaid-container" }, Uce = { class: "mermaid-render" }, Kce = ["textContent"], Wce = ["innerHTML"], Gce = `graph TB
+}, Hce = { class: "umo-mermaid-container" }, Uce = { class: "umo-mermaid-render" }, Kce = ["textContent"], Wce = ["innerHTML"], Gce = `graph TB
 a-->b`, qce = {
   __name: "mermaid",
   props: {
@@ -30276,7 +30312,7 @@ a-->b`, qce = {
             default: z(() => [
               M("div", Hce, [
                 p(v, {
-                  class: "mermaid-code",
+                  class: "umo-mermaid-code",
                   modelValue: y(l),
                   "onUpdate:modelValue": d[0] || (d[0] = (g) => Ie(l) ? l.value = g : l = g),
                   autofocus: "",
@@ -30284,11 +30320,11 @@ a-->b`, qce = {
                 }, null, 8, ["modelValue", "placeholder"]),
                 M("div", Uce, [
                   M("div", {
-                    class: "mermaid-title",
+                    class: "umo-mermaid-title",
                     textContent: ie(f.t("tools.mermaid.preview"))
                   }, null, 8, Kce),
                   M("div", {
-                    class: "mermaid-svg narrow-scrollbar",
+                    class: "umo-mermaid-svg narrow-scrollbar",
                     ref_key: "mermaidRef",
                     ref: s,
                     innerHTML: y(i)
@@ -30303,7 +30339,7 @@ a-->b`, qce = {
       }, 8, ["ico", "text"]);
     };
   }
-}, su = /* @__PURE__ */ Le(qce, [["__scopeId", "data-v-caeb9c3a"]]), Yce = {
+}, su = /* @__PURE__ */ Le(qce, [["__scopeId", "data-v-687c8459"]]), Yce = {
   "zh-CN": "zh",
   "en-US": "en"
 };
@@ -30338,7 +30374,7 @@ class Zce {
   // 创建 iframe
   createFrame() {
     const e = Object.keys(this.params).map((a) => a + "=" + this.params[a]).join("&"), n = Yce[Bt.global.locale.value], r = document.createElement("iframe");
-    return r.setAttribute("class", "diagrams-iframe"), r.setAttribute("src", `${this.domain}?${e}&lang=${n}`), r;
+    return r.setAttribute("class", "umo-diagrams-iframe"), r.setAttribute("src", `${this.domain}?${e}&lang=${n}`), r;
   }
   // diagrams页面和当前页面通信
   postMessage(e) {
@@ -30385,8 +30421,8 @@ class Zce {
 }
 const Xce = {
   key: 0,
-  class: "diagrams-loading"
-}, Jce = /* @__PURE__ */ M("div", { class: "diagrams-container" }, null, -1), uu = {
+  class: "umo-diagrams-loading"
+}, Jce = /* @__PURE__ */ M("div", { class: "umo-diagrams-container" }, null, -1), uu = {
   __name: "diagrams",
   props: {
     content: {
@@ -30399,7 +30435,7 @@ const Xce = {
     const i = new Zce({
       domain: r.value.diagrams.domain,
       params: r.value.diagrams.params,
-      container: `${n} .diagrams-container`
+      container: `${n} .umo-diagrams-container`
     }), s = () => {
       i.edit(e.content || "");
     };
@@ -30447,7 +30483,7 @@ const Xce = {
             icon: "diagrams",
             header: t.content ? f.t("tools.diagrams.edit") : f.t("tools.diagrams.text"),
             footer: !1,
-            class: "diagrams-dialog",
+            class: "umo-diagrams-dialog",
             mode: "full-screen",
             onOpened: s,
             onClose: d[0] || (d[0] = (g) => Ie(o) ? o.value = !1 : o = !1)
@@ -30468,7 +30504,7 @@ const Xce = {
       }, 8, ["ico", "text"]);
     };
   }
-}, Qce = ["textContent"], ede = { class: "seal-uploader" }, tde = { key: 0 }, nde = ["src"], rde = {
+}, Qce = ["textContent"], ede = { class: "umo-seal-uploader" }, tde = { key: 0 }, nde = ["src"], rde = {
   __name: "seal",
   setup(t) {
     let e = j(!1);
@@ -30535,17 +30571,17 @@ const Xce = {
           }, {
             default: z(() => [
               M("div", {
-                class: "seal-container",
+                class: "umo-seal-container",
                 onClick: i
               }, [
                 M("div", {
-                  class: "tip",
+                  class: "umo-seal-tip",
                   textContent: ie(u.t("tools.seal.tip"))
                 }, null, 8, Qce),
                 M("div", ede, [
                   y(a) ? (x(), re("img", {
                     key: 1,
-                    class: "seal-img",
+                    class: "umo-seal-img",
                     src: y(a)
                   }, null, 8, nde)) : (x(), re("span", tde, ie(y(o) ? y(o) : u.t("tools.seal.insertTip")), 1))
                 ])
@@ -30558,10 +30594,10 @@ const Xce = {
       }, 8, ["text"])) : se("", !0);
     };
   }
-}, bv = /* @__PURE__ */ Le(rde, [["__scopeId", "data-v-b4ec0f72"]]), ade = (t) => (ro("data-v-8ba5af55"), t = t(), ao(), t), ode = { class: "color-picker-container" }, lde = { class: "color-picker-default-button" }, ide = { class: "color-picker-group" }, sde = ["onClick"], ude = ["textContent"], cde = { class: "color-picker-group" }, dde = ["onClick"], fde = ["textContent"], vde = {
+}, bv = /* @__PURE__ */ Le(rde, [["__scopeId", "data-v-d996b14a"]]), ade = (t) => (ro("data-v-4b36cad4"), t = t(), ao(), t), ode = { class: "umo-color-picker-container" }, lde = { class: "umo-color-picker-default-button" }, ide = { class: "umo-color-picker-group" }, sde = ["onClick"], ude = ["textContent"], cde = { class: "umo-color-picker-group" }, dde = ["onClick"], fde = ["textContent"], vde = {
   key: 1,
-  class: "color-picker-group"
-}, pde = ["onClick"], mde = /* @__PURE__ */ ade(() => /* @__PURE__ */ M("div", { class: "color-picker-divider" }, null, -1)), hde = { class: "color-picker-more-menu" }, gde = ["textContent"], bde = { class: "color-picker-more-arrow" }, yde = {
+  class: "umo-color-picker-group"
+}, pde = ["onClick"], mde = /* @__PURE__ */ ade(() => /* @__PURE__ */ M("div", { class: "umo-color-picker-divider" }, null, -1)), hde = { class: "umo-color-picker-more-menu" }, gde = ["textContent"], bde = { class: "umo-color-picker-more-arrow" }, yde = {
   __name: "color-picker",
   props: {
     defaultColor: {
@@ -30600,19 +30636,19 @@ const Xce = {
         ]),
         M("div", ide, [
           (x(!0), re(he, null, Ve(y(l).dicts.colors, (b, $) => (x(), re("div", {
-            class: "color-picker-item",
+            class: "umo-color-picker-item",
             key: $,
             style: Qe({ backgroundColor: b }),
             onClick: (C) => d(b)
           }, null, 12, sde))), 128))
         ]),
         M("div", {
-          class: "color-picker-group-title",
+          class: "umo-color-picker-group-title",
           textContent: ie(v.t("colorPicker.standard"))
         }, null, 8, ude),
         M("div", cde, [
           (x(), re(he, null, Ve(s, (b, $) => M("div", {
-            class: "color-picker-item",
+            class: "umo-color-picker-item",
             key: $,
             style: Qe({ backgroundColor: b }),
             onClick: (C) => d(b)
@@ -30620,12 +30656,12 @@ const Xce = {
         ]),
         y(i).colors.length > 0 ? (x(), re("div", {
           key: 0,
-          class: "color-picker-group-title",
+          class: "umo-color-picker-group-title",
           textContent: ie(v.t("colorPicker.recent"))
         }, null, 8, fde)) : se("", !0),
         y(i).colors.length > 0 ? (x(), re("div", vde, [
           (x(!0), re(he, null, Ve(y(i).colors, (b, $) => (x(), re("div", {
-            class: "color-picker-item",
+            class: "umo-color-picker-item",
             key: $,
             style: Qe({ backgroundColor: b }),
             onClick: (C) => d(b)
@@ -30651,7 +30687,7 @@ const Xce = {
           ]),
           default: z(() => [
             M("div", {
-              class: Fe(["color-picker-more", { active: c.value }])
+              class: Fe(["umo-color-picker-more", { active: c.value }])
             }, [
               M("div", hde, [
                 p(g, {
@@ -30672,7 +30708,7 @@ const Xce = {
       ]);
     };
   }
-}, cu = /* @__PURE__ */ Le(yde, [["__scopeId", "data-v-8ba5af55"]]);
+}, cu = /* @__PURE__ */ Le(yde, [["__scopeId", "data-v-4b36cad4"]]);
 function qt() {
   const t = j(!1);
   return { popupVisible: t, togglePopup: (n) => {
@@ -30731,7 +30767,7 @@ const _de = {
           var v, h;
           return [
             M("div", {
-              class: "current-color",
+              class: "umo-current-color",
               style: Qe({
                 background: ((h = (v = y(l)) == null ? void 0 : v.getAttributes("textStyle")) == null ? void 0 : h.color) || y(i)
               })
@@ -30742,7 +30778,7 @@ const _de = {
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, ga = /* @__PURE__ */ Le(_de, [["__scopeId", "data-v-609fde89"]]), wde = { class: "signature-toolbar" }, Cde = ["data-tip"], $de = {
+}, ga = /* @__PURE__ */ Le(_de, [["__scopeId", "data-v-dd3a4430"]]), wde = { class: "umo-signature-toolbar" }, Cde = ["data-tip"], $de = {
   __name: "signature",
   setup(t) {
     const { editor: e } = le();
@@ -30827,7 +30863,7 @@ const _de = {
                 }, 8, ["text", "select-options"])
               ]),
               M("div", {
-                class: "signature-container",
+                class: "umo-signature-container",
                 "data-tip": f.t("tools.signature.tip")
               }, [
                 p(y(Sk), {
@@ -30849,7 +30885,7 @@ const _de = {
       }, 8, ["text"]);
     };
   }
-}, yv = /* @__PURE__ */ Le($de, [["__scopeId", "data-v-192db08d"]]), du = {
+}, yv = /* @__PURE__ */ Le($de, [["__scopeId", "data-v-a3ccc4e7"]]), du = {
   __name: "align-right",
   setup(t) {
     const { editor: e } = le(), n = () => {
@@ -31005,7 +31041,7 @@ const _de = {
           return [
             p(f, {
               name: "background-color",
-              class: "icon-background-color",
+              class: "umo-icon-background-color",
               style: Qe({
                 background: ((m = (h = y(l)) == null ? void 0 : h.getAttributes("highlight")) == null ? void 0 : m.color) || y(i)
               })
@@ -31016,7 +31052,7 @@ const _de = {
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, Kl = /* @__PURE__ */ Le(kde, [["__scopeId", "data-v-d7f91dab"]]), Sde = { class: "barcode-container" }, xde = { class: "barcode-toolbar" }, Ode = { class: "barcode-toolbar-more" }, Ede = { class: "barcode-code" }, Ade = ["textContent"], Tde = { class: "barcode-render" }, Pde = ["textContent"], Mde = { class: "barcode-svg narrow-scrollbar" }, Ide = ["textContent"], jde = {
+}, Kl = /* @__PURE__ */ Le(kde, [["__scopeId", "data-v-b5df965f"]]), Sde = { class: "umo-barcode-container" }, xde = { class: "umo-barcode-toolbar" }, Ode = { class: "umo-barcode-toolbar-more" }, Ede = { class: "umo-barcode-code" }, Ade = ["textContent"], Tde = { class: "umo-barcode-render" }, Pde = ["textContent"], Mde = { class: "umo-barcode-svg narrow-scrollbar" }, Ide = ["textContent"], jde = {
   __name: "barcode",
   props: {
     content: {
@@ -31364,19 +31400,19 @@ const _de = {
                   }, 8, ["modelValue", "placeholder", "status"]),
                   y(h) && y(f).content ? (x(), re("div", {
                     key: 0,
-                    class: "t-input__tips t-tips t-is-error",
+                    class: "umo-barcode-error",
                     textContent: ie(_.t("tools.barcode.error"))
                   }, null, 8, Ade)) : se("", !0)
                 ]),
                 M("div", Tde, [
                   M("div", {
-                    class: "barcode-title",
+                    class: "umo-barcode-title",
                     textContent: ie(_.t("tools.barcode.preview"))
                   }, null, 8, Pde),
                   M("div", Mde, [
                     y(h) ? (x(), re("div", {
                       key: 0,
-                      class: "barcode-empty",
+                      class: "umo-barcode-empty",
                       textContent: ie(_.t("tools.barcode.renderError"))
                     }, null, 8, Ide)) : se("", !0),
                     lr((x(), re("svg", {
@@ -31397,7 +31433,7 @@ const _de = {
       }, 8, ["ico", "text"]);
     };
   }
-}, mu = /* @__PURE__ */ Le(jde, [["__scopeId", "data-v-7af9bc7c"]]), Nde = { class: "qrcode-container" }, Dde = { class: "qrcode-toolbar" }, Bde = ["textContent"], Fde = ["textContent"], Lde = { class: "qrcode-code" }, Rde = ["textContent"], zde = { class: "qrcode-render" }, Vde = ["textContent"], Hde = { class: "qrcode-svg narrow-scrollbar" }, Ude = ["textContent"], Kde = ["innerHTML"], Wde = {
+}, mu = /* @__PURE__ */ Le(jde, [["__scopeId", "data-v-563e909f"]]), Nde = { class: "umo-qrcode-container" }, Dde = { class: "umo-qrcode-toolbar" }, Bde = ["textContent"], Fde = ["textContent"], Lde = { class: "umo-qrcode-code" }, Rde = ["textContent"], zde = { class: "umo-qrcode-render" }, Vde = ["textContent"], Hde = { class: "umo-qrcode-svg narrow-scrollbar" }, Ude = ["textContent"], Kde = ["innerHTML"], Wde = {
   __name: "qrcode",
   props: {
     content: {
@@ -31575,23 +31611,23 @@ const _de = {
                   }, null, 8, ["modelValue", "placeholder"]),
                   y(u) && y(l).content !== "" ? (x(), re("div", {
                     key: 0,
-                    class: "t-input__tips t-tips t-is-error",
+                    class: "umo-barcode-error",
                     textContent: ie(d.t("tools.qrcode.renderError"))
                   }, null, 8, Rde)) : se("", !0)
                 ]),
                 M("div", zde, [
                   M("div", {
-                    class: "qrcode-title",
+                    class: "umo-qrcode-title",
                     textContent: ie(d.t("tools.qrcode.preview"))
                   }, null, 8, Vde),
                   M("div", Hde, [
                     y(s) ? (x(), re("div", {
                       key: 1,
-                      class: "svg",
+                      class: "umo-svg-render",
                       innerHTML: y(s)
                     }, null, 8, Kde)) : (x(), re("div", {
                       key: 0,
-                      class: "qrcode-empty",
+                      class: "umo-qrcode-empty",
                       textContent: ie(d.t("tools.qrcode.notEmpty"))
                     }, null, 8, Ude))
                   ])
@@ -31605,7 +31641,7 @@ const _de = {
       }, 8, ["ico", "text"]);
     };
   }
-}, hu = /* @__PURE__ */ Le(Wde, [["__scopeId", "data-v-744d95cb"]]), Gde = { class: "web-page-container" }, qde = ["textContent"], Yde = {
+}, hu = /* @__PURE__ */ Le(Wde, [["__scopeId", "data-v-a19299f5"]]), Gde = { class: "umo-web-page-container" }, qde = ["textContent"], Yde = {
   __name: "web-page",
   setup(t) {
     const { editor: e } = le();
@@ -31648,7 +31684,7 @@ const _de = {
             default: z(() => [
               M("div", Gde, [
                 M("div", {
-                  class: "web-page-tip",
+                  class: "umo-web-page-tip",
                   textContent: ie(l.t("insert.web.tip"))
                 }, null, 8, qde),
                 p(s, {
@@ -31669,7 +31705,7 @@ const _de = {
       }, 8, ["text"]);
     };
   }
-}, _v = /* @__PURE__ */ Le(Yde, [["__scopeId", "data-v-0e7d7e0a"]]), wv = {
+}, _v = /* @__PURE__ */ Le(Yde, [["__scopeId", "data-v-c5b503ed"]]), wv = {
   __name: "text-box",
   setup(t) {
     const { editor: e } = le();
@@ -31774,7 +31810,7 @@ const _de = {
       }, null, 8, ["text"]);
     };
   }
-}, Zde = { class: "dropdown-item-label" }, Xde = { class: "heading" }, Jde = { class: "icon" }, Qde = {
+}, Zde = { class: "umo-dropdown-item-label" }, Xde = { class: "umo-heading" }, Jde = { class: "icon-heading" }, Qde = {
   __name: "node",
   setup(t) {
     const { container: e, options: n, editor: r, blockMenu: a, assistant: o } = le();
@@ -31811,9 +31847,9 @@ const _de = {
     return (d, v) => {
       const h = fe, m = Ir, g = Ov, w = xv, _ = Sv, b = kv, $ = $v, C = Cv, S = wv, k = _v, T = hu, O = mu, E = yv, P = bv, G = uu, V = su, K = vr, I = El;
       return x(), X(I, {
-        attach: `${y(e)} .page-container`,
+        attach: `${y(e)} .umo-page-container`,
         placement: "bottom-right",
-        "overlay-class-name": "block-menu-dropdown",
+        "overlay-class-name": "umo-block-menu-dropdown",
         trigger: "click",
         "destroy-on-close": !1,
         "popup-props": {
@@ -31824,7 +31860,7 @@ const _de = {
       }, {
         default: z(() => [
           p(h, {
-            class: "block-menu-button",
+            class: "umo-block-menu-button",
             "menu-active": y(l),
             ico: "block-add",
             "hide-text": ""
@@ -31848,7 +31884,7 @@ const _de = {
                   _: 1
                 })) : se("", !0),
                 p(m, {
-                  class: "block-menu-group-name",
+                  class: "umo-block-menu-group-name",
                   disabled: ""
                 }, {
                   default: z(() => [
@@ -31865,7 +31901,7 @@ const _de = {
                       text: d.t("blockMenu.select"),
                       tooltip: !1
                     }, null, 8, ["text"]),
-                    p(K, { "overlay-class-name": "block-menu-dropdown" }, {
+                    p(K, { "overlay-class-name": "umo-block-menu-dropdown" }, {
                       default: z(() => [
                         p(m, null, {
                           default: z(() => [
@@ -32043,7 +32079,7 @@ const _de = {
                       text: d.t("blockMenu.template"),
                       tooltip: !1
                     }, null, 8, ["text"]),
-                    p(K, { "overlay-class-name": "block-menu-dropdown" }, {
+                    p(K, { "overlay-class-name": "umo-block-menu-dropdown" }, {
                       default: z(() => [
                         (x(!0), re(he, null, Ve(y(n).templates, (N) => (x(), X(m, {
                           key: N.value,
@@ -32063,7 +32099,7 @@ const _de = {
                   _: 1
                 })) : se("", !0),
                 p(m, {
-                  class: "block-menu-group-name",
+                  class: "umo-block-menu-group-name",
                   disabled: ""
                 }, {
                   default: z(() => [
@@ -32092,7 +32128,7 @@ const _de = {
                       text: d.t("base.heading.text"),
                       tooltip: !1
                     }, null, 8, ["text"]),
-                    p(K, { "overlay-class-name": "block-menu-dropdown" }, {
+                    p(K, { "overlay-class-name": "umo-block-menu-dropdown" }, {
                       default: z(() => [
                         (x(!0), re(he, null, Ve(i.value, (N) => {
                           var D;
@@ -32204,7 +32240,7 @@ const _de = {
     let a = j(!1), o = j(0);
     const l = () => {
       const i = document.querySelector(
-        `${e} .page-node-content .node-focused`
+        `${e} .umo-page-node-content .umo-node-focused`
       );
       if (i === null)
         return;
@@ -32223,7 +32259,7 @@ const _de = {
       const u = Qde, c = Vce;
       return y(a) ? (x(), re("div", {
         key: 0,
-        class: "block-menu-hander",
+        class: "umo-block-menu-hander",
         style: Qe(`transform: translate(${y(n).margin.left}cm, ${y(o)}px);`)
       }, [
         p(u),
@@ -32231,10 +32267,10 @@ const _de = {
       ], 4)) : se("", !0);
     };
   }
-}, tfe = { class: "assistant-container" }, nfe = { class: "assistant-input" }, rfe = { class: "ai-icon" }, afe = {
+}, tfe = { class: "umo-assistant-container" }, nfe = { class: "umo-assistant-input" }, rfe = { class: "ai-icon" }, afe = {
   key: 0,
   class: "submit"
-}, ofe = ["textContent"], lfe = { class: "assistant-result" }, ife = { class: "close" }, sfe = { class: "commands-container" }, ufe = ["textContent"], cfe = { class: "commands" }, dfe = {
+}, ofe = ["textContent"], lfe = { class: "umo-assistant-result" }, ife = { class: "close" }, sfe = { class: "commands-container" }, ufe = ["textContent"], cfe = { class: "commands" }, dfe = {
   key: 0,
   class: "result-container"
 }, ffe = ["textContent"], vfe = ["innerHTML"], pfe = { class: "actions" }, mfe = {
@@ -32403,7 +32439,7 @@ const _de = {
               textContent: ie(w.t("assistant.result"))
             }, null, 8, ffe),
             M("div", {
-              class: Fe(["result editor-container", { error: y(l).error }]),
+              class: Fe(["result umo-editor-container", { error: y(l).error }]),
               innerHTML: y(l).content
             }, null, 10, vfe),
             M("div", pfe, [
@@ -32504,7 +32540,7 @@ const _de = {
       ]);
     };
   }
-}, bfe = /* @__PURE__ */ Le(gfe, [["__scopeId", "data-v-8db4a9e7"]]), yfe = ["textContent"], _fe = {
+}, bfe = /* @__PURE__ */ Le(gfe, [["__scopeId", "data-v-0851a7de"]]), yfe = ["textContent"], _fe = {
   __name: "highlight",
   setup(t) {
     const { editor: e } = le(), n = [
@@ -32541,14 +32577,14 @@ const _de = {
         "menu-type": "dropdown",
         "popup-handle": "arrow",
         "hide-text": "",
-        "overlay-class-name": "highlight-dropdown",
+        "overlay-class-name": "umo-highlight-dropdown",
         onMenuClick: i[1] || (i[1] = (d) => a(y(r)))
       }, {
         dropmenu: z(() => [
           p(c, null, {
             default: z(() => [
               (x(), re(he, null, Ve(n, (d) => p(u, {
-                class: "text-highlight-menu",
+                class: "umo-text-highlight-menu",
                 key: d.value,
                 value: d.value,
                 style: Qe({ backgroundColor: d.bgcolor, color: d.color }),
@@ -32562,7 +32598,7 @@ const _de = {
                 _: 2
               }, 1032, ["value", "style", "divider", "onClick"])), 64)),
               p(u, {
-                class: "text-highlight-menu clear-format-menu",
+                class: "umo-text-highlight-menu umo-clear-format-menu",
                 onClick: i[0] || (i[0] = (d) => o())
               }, {
                 default: z(() => [
@@ -32580,7 +32616,7 @@ const _de = {
         default: z(() => [
           p(s, {
             name: "highlight",
-            class: "icon-highlight",
+            class: "umo-icon-highlight",
             style: Qe({ backgroundColor: y(r).bgcolor, color: y(r).color })
           }, null, 8, ["style"])
         ]),
@@ -32588,7 +32624,7 @@ const _de = {
       }, 8, ["text"]);
     };
   }
-}, Ev = /* @__PURE__ */ Le(_fe, [["__scopeId", "data-v-9672f947"]]), v2 = {
+}, Ev = /* @__PURE__ */ Le(_fe, [["__scopeId", "data-v-f78bb77d"]]), v2 = {
   __name: "align-distributed",
   setup(t) {
     const { editor: e } = le();
@@ -32630,7 +32666,7 @@ const _de = {
       }, null, 8, ["text", "menu-active", "disabled"]);
     };
   }
-}, wfe = { class: "text-align-group" }, Cfe = {
+}, wfe = { class: "umo-text-align-group" }, Cfe = {
   __name: "align-dropdown",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -32660,7 +32696,7 @@ const _de = {
       }, 8, ["ico", "text", "disabled", "popup-visible", "onTogglePopup"]);
     };
   }
-}, m2 = /* @__PURE__ */ Le(Cfe, [["__scopeId", "data-v-1cc7e7b1"]]), Av = {
+}, m2 = /* @__PURE__ */ Le(Cfe, [["__scopeId", "data-v-c7742986"]]), Av = {
   __name: "strike",
   setup(t) {
     const { editor: e } = le();
@@ -33365,7 +33401,7 @@ const Efe = {
         default: z(() => [
           y(r) ? (x(), X(i, {
             key: 1,
-            class: "loading",
+            class: "umo-image-loading",
             name: "loading"
           })) : (x(), X(i, {
             key: 0,
@@ -33376,7 +33412,7 @@ const Efe = {
       }, 8, ["text", "disabled"]);
     };
   }
-}, Nfe = /* @__PURE__ */ Le(jfe, [["__scopeId", "data-v-7006900d"]]), Dfe = {
+}, Nfe = /* @__PURE__ */ Le(jfe, [["__scopeId", "data-v-774b3d4d"]]), Dfe = {
   __name: "reset",
   setup(t) {
     const { editor: e } = le(), n = () => {
@@ -33475,7 +33511,7 @@ const Efe = {
       ], 64);
     };
   }
-}, rn = (t) => (ro("data-v-0e82a751"), t = t(), ao(), t), Rfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), zfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Vfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Hfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Ufe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Kfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Wfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Gfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), qfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Yfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Zfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Xfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Jfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), Qfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "divider" }, null, -1)), eve = {
+}, rn = (t) => (ro("data-v-3d17e473"), t = t(), ao(), t), Rfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), zfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Vfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Hfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Ufe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Kfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Wfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Gfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), qfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Yfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Zfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Xfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Jfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), Qfe = /* @__PURE__ */ rn(() => /* @__PURE__ */ M("div", { class: "umo-bubble-menu-divider" }, null, -1)), eve = {
   __name: "index",
   setup(t) {
     const { options: e, editor: n } = le();
@@ -33554,7 +33590,7 @@ const Efe = {
       ], 64));
     };
   }
-}, tve = /* @__PURE__ */ Le(eve, [["__scopeId", "data-v-0e82a751"]]), { painter: Mc, setPainter: Ic } = le(), nve = Pn.create({
+}, tve = /* @__PURE__ */ Le(eve, [["__scopeId", "data-v-3d17e473"]]), { painter: Mc, setPainter: Ic } = le(), nve = Pn.create({
   name: "painter",
   addCommands() {
     return {
@@ -34122,14 +34158,14 @@ const pve = (t, e, { state: n, dispatch: r }) => {
       return x(), X(y(ur), {
         ref_key: "containerRef",
         ref: l,
-        class: "node-view image-node-view",
+        class: "umo-node-view",
         id: b.node.attrs.id,
         style: Qe(f.value),
         onDblclick: $[1] || ($[1] = (S) => r.value = b.node.attrs.src)
       }, {
         default: z(() => [
           M("div", {
-            class: Fe(["node-container hover-shadow select-outline image", {
+            class: Fe(["umo-node-container umo-hover-shadow umo-select-outline umo-node-image", {
               "is-loading": b.node.attrs.src && y(a),
               "is-error": b.node.attrs.src && y(o)
             }])
@@ -34186,6 +34222,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
                   style: Qe({
                     transform: b.node.attrs.flipX || b.node.attrs.flipY ? `rotateX(${b.node.attrs.flipX ? "180" : "0"}deg) rotateY(${b.node.attrs.flipY ? "180" : "0"}deg)` : "none"
                   }),
+                  loading: "lazy",
                   onLoad: v
                 }, null, 44, yve),
                 !b.node.attrs.uploaded && b.node.attrs.file !== null ? (x(), re("div", _ve, Cve)) : se("", !0)
@@ -34354,7 +34391,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
   tooltips: { controls: !0 },
   storage: { key: "umo-editor:player" },
   disableContextMenu: !1
-}), Sve = { class: "node-container hover-shadow video" }, xve = ["src"], Ove = {
+}), Sve = { class: "umo-node-container umo-hover-shadow umo-node-video" }, xve = ["src"], Ove = {
   key: 0,
   class: "uploading"
 }, Eve = {
@@ -34402,7 +34439,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
     }), pa(r, () => a.value = !1), (h, m) => (x(), X(y(ur), {
       ref_key: "containerRef",
       ref: r,
-      class: "node-view video-node-view",
+      class: "umo-node-view",
       id: h.node.attrs.id,
       style: Qe(u.value)
     }, {
@@ -34429,6 +34466,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
                 ref_key: "videoRef",
                 ref: o,
                 src: h.node.attrs.src,
+                preload: "metadata",
                 controls: "",
                 crossorigin: "",
                 onCanplay: c
@@ -34488,7 +34526,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
       })
     };
   }
-}), Tve = { class: "node-container hover-shadow select-outline audio" }, Pve = ["src"], Mve = {
+}), Tve = { class: "umo-node-container umo-hover-shadow umo-select-outline umo-node-audio" }, Pve = ["src"], Mve = {
   key: 0,
   class: "uploading"
 }, Ive = {
@@ -34519,7 +34557,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
     }), pa(n, () => o.value = !1), (i, s) => (x(), X(y(ur), {
       ref_key: "containerRef",
       ref: n,
-      class: "node-view audio-node-view",
+      class: "umo-node-view",
       id: i.node.attrs.id,
       style: Qe(l.value)
     }, {
@@ -34641,7 +34679,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
     if (Q1[n].includes(e))
       return n;
   return "common";
-}, Bve = { class: "node-container hover-shadow select-outline file" }, Fve = { class: "file-icon" }, Lve = ["src"], Rve = { class: "file-info" }, zve = ["title"], Vve = { class: "file-meta" }, Hve = { class: "file-action" }, Uve = ["title"], Kve = ["href", "download", "title"], Wve = {
+}, Bve = { class: "umo-node-container hover-shadow umo-select-outline umo-node-file" }, Fve = { class: "umo-file-icon" }, Lve = ["src"], Rve = { class: "umo-file-info" }, zve = ["title"], Vve = { class: "umo-file-meta" }, Hve = { class: "umo-file-action" }, Uve = ["title"], Kve = ["href", "download", "title"], Wve = {
   __name: "node-view",
   props: sr,
   setup(t) {
@@ -34669,7 +34707,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
       return x(), X(y(ur), {
         ref_key: "containerRef",
         ref: n,
-        class: "node-view file-node-view",
+        class: "umo-node-view",
         id: o.node.attrs.id,
         style: Qe(a.value)
       }, {
@@ -34678,12 +34716,12 @@ const pve = (t, e, { state: n, dispatch: r }) => {
             M("div", Fve, [
               M("img", {
                 src: y(r),
-                class: "icon"
+                class: "icon-file"
               }, null, 8, Lve)
             ]),
             M("div", Rve, [
               M("div", {
-                class: "file-name",
+                class: "umo-file-name",
                 title: o.node.attrs.name
               }, ie(o.node.attrs.name), 9, zve),
               M("div", Vve, ie(y(eS)(o.node.attrs.size)), 1)
@@ -34691,7 +34729,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
             M("div", Hve, [
               !o.node.attrs.uploaded && o.node.attrs.file !== null ? (x(), re("div", {
                 key: 0,
-                class: "action-item",
+                class: "umo-action-item",
                 title: o.t("file.uploading")
               }, [
                 p(i, {
@@ -34703,7 +34741,7 @@ const pve = (t, e, { state: n, dispatch: r }) => {
                 href: o.node.attrs.url,
                 download: o.node.attrs.name,
                 target: "_blank",
-                class: "action-item",
+                class: "umo-action-item",
                 title: o.t("file.download")
               }, [
                 p(i, { name: "download" })
@@ -38027,19 +38065,19 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
         a.value.setOptions(t.node.attrs);
       }
     ), (l, i) => (x(), X(y(ur), {
-      class: "node-view code-block-node-view",
+      class: "umo-node-view",
       style: Qe(o.value)
     }, {
       default: z(() => [
         M("div", {
-          class: Fe(["node-container hover-shadow select-outline code-block", l.node.attrs.theme]),
+          class: Fe(["umo-node-container umo-hover-shadow umo-select-outline umo-node-code-block", l.node.attrs.theme]),
           id: l.node.attrs.id,
           ref_key: "containerRef",
           ref: n
         }, [
           y(e).document.readOnly ? se("", !0) : (x(), re("div", {
             key: 0,
-            class: "show-toolbar",
+            class: "umo-show-code-block-toolbar",
             textContent: ie(l.t("node.codeBlock.menu"))
           }, null, 8, Bpe))
         ], 10, Dpe)
@@ -38095,7 +38133,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
       "Mod-Alt-c": () => this.editor.commands.setCodeBlock()
     };
   }
-}), Rpe = { class: "node-container text-box" }, zpe = {
+}), Rpe = { class: "umo-node-container umo-node-text-box" }, zpe = {
   __name: "node-view",
   props: sr,
   setup(t) {
@@ -38111,7 +38149,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
     return pa(n, () => r.value = !1), (s, u) => (x(), X(y(ur), {
       ref_key: "containerRef",
       ref: n,
-      class: "node-view text-box-node-view",
+      class: "umo-node-view",
       id: s.node.attrs.id,
       onDblclickCapture: u[2] || (u[2] = (c) => a.value = !0)
     }, {
@@ -38138,7 +38176,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
             onClick: u[1] || (u[1] = (c) => Ie(r) ? r.value = !0 : r = !0)
           }, {
             default: z(() => [
-              p(y(G0), { class: "content" })
+              p(y(G0), { class: "umo-node-text-box-content" })
             ]),
             _: 1
           }, 8, ["selected", "disabled", "draggable", "angle", "width", "height", "left", "top", "title"])
@@ -38200,7 +38238,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
   addOptions() {
     return {
       HTMLAttributes: {
-        class: "page-divider",
+        class: "umo-page-divider",
         "data-line-number": !1
       }
     };
@@ -38266,7 +38304,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
       })
     ];
   }
-}), Upe = { class: "node-container hover-shadow select-outline iframe" }, Kpe = ["src"], Wpe = {
+}), Upe = { class: "umo-node-container umo-hover-shadow umo-select-outline umo-node-iframe" }, Kpe = ["src"], Wpe = {
   __name: "node-view",
   props: sr,
   setup(t) {
@@ -38294,7 +38332,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
     return pa(n, () => r.value = !1), (u, c) => (x(), X(y(ur), {
       ref_key: "containerRef",
       ref: n,
-      class: "node-view iframe-node-view",
+      class: "umo-node-view",
       id: u.node.attrs.id,
       style: Qe(o.value)
     }, {
@@ -38443,9 +38481,9 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
       }
     };
   }
-}), Qpe = { class: "node-container hover-shadow select-outline toc" }, eme = ["textContent"], tme = {
+}), Qpe = { class: "umo-node-container umo-hover-shadow umo-select-outline umo-node-toc" }, eme = ["textContent"], tme = {
   key: 0,
-  class: "toc-body"
+  class: "umo-node-toc-body"
 }, nme = ["onClick"], rme = ["textContent"], ame = {
   __name: "node-view",
   props: sr,
@@ -38463,19 +38501,19 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
       s.setSelection(new bn(s.doc.resolve(i))), e.value.view.dispatch(s), e.value.view.focus();
     };
     return (o, l) => (x(), X(y(ur), {
-      class: "node-view toc-node-view",
+      class: "umo-node-view",
       id: o.node.attrs.id,
       style: Qe(r.value)
     }, {
       default: z(() => [
         M("div", Qpe, [
           M("p", {
-            class: "toc-head",
+            class: "umo-node-toc-head",
             textContent: ie(o.t("toc.title"))
           }, null, 8, eme),
           y(n) && y(n).length > 0 ? (x(), re("ul", tme, [
             (x(!0), re(he, null, Ve(y(n), (i) => (x(), re("li", {
-              class: Fe(["toc-item", `level-${i.level}`]),
+              class: Fe(["umo-node-toc-item", `level-${i.level}`]),
               key: i.id
             }, [
               M("a", {
@@ -38484,7 +38522,7 @@ const Dpe = ["id"], Bpe = ["textContent"], Fpe = {
             ], 2))), 128))
           ])) : (x(), re("div", {
             key: 1,
-            class: "toc-empty",
+            class: "umo-node-toc-empty",
             textContent: ie(o.t("toc.empty"))
           }, null, 8, rme))
         ])
@@ -38716,11 +38754,15 @@ class hme {
   //核心执行逻辑
   run() {
     const { selection: e, doc: n } = this.state, { inserting: r, deleting: a, runState: o, initSplit: l, splitPage: i } = this.pageState;
-    return o ? i ? this.forceSplit() : l ? this.initComputed() : !r && a && e.$head.node(1) === n.lastChild ? this.tr : ((r || a) && (performance.now(), this.computed(), this.checkNodeAndFix()), this.tr) : null;
+    return o ? (this.prepare(), i ? this.forceSplit() : l ? this.initComputed() : !r && a && e.$head.node(1) === n.lastChild ? this.tr : ((r || a) && (performance.now(), this.computed(), this.checkNodeAndFix()), this.tr)) : null;
+  }
+  prepare() {
+    const e = this.tr, { selection: n } = this.state;
+    this.startIndex = e.doc.content.findIndex(n.head).index;
   }
   computed() {
-    const e = this.tr, { selection: n } = this.state, r = e.doc.content.findIndex(n.head).index + 1;
-    return e.doc.childCount > 1 && e.doc.content.childCount != r && this.mergeDocument(), this.splitDocument(), this.tr;
+    const e = this.tr, n = this.startIndex + 1;
+    return e.doc.childCount > 1 && e.doc.content.childCount != n && this.mergeDocument(), this.splitDocument(), this.tr;
   }
   /**
    * 文档开始加载的时候进行初始化分页
@@ -38780,17 +38822,16 @@ class hme {
    *  如果第一个标签不是扩展类型 则深度为1
    */
   mergeDocument() {
-    const e = this.tr, { selection: n } = this.state;
-    this.startIndex = e.doc.content.findIndex(n.head).index;
-    let r = null;
-    for (let a = this.startIndex + 1; a < e.doc.content.childCount; a++) {
-      const o = e.doc.content.child(a);
-      if (o.attrs.force) {
-        r = o.attrs.id;
+    const e = this.tr;
+    let n = null;
+    for (let r = this.startIndex + 1; r < e.doc.content.childCount; r++) {
+      const a = e.doc.content.child(r);
+      if (a.attrs.force) {
+        n = a.attrs.id;
         break;
       }
     }
-    this.forcePageId = r, this.mergeDefaultDocument(this.startIndex + 1);
+    this.forcePageId = n, this.mergeDefaultDocument(this.startIndex + 1);
   }
   forceSplit() {
     const { selection: e, schema: n } = this.state, { $anchor: r } = e, a = { pos: r.pos, depth: r.depth };
@@ -38910,7 +38951,7 @@ function gme(t) {
 }
 var is, pl, ss;
 class bme {
-  constructor(e, n = ".page-node-content") {
+  constructor(e, n = ".umo-page-node-content") {
     Zn(this, is);
     Zn(this, pl);
     Zn(this, ss, [q2, Y2, Z2, X2, J2]);
@@ -39140,24 +39181,24 @@ const wme = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edi
     e.ensureMarks(b);
   }
   return !0;
-}, $u = (t) => (ro("data-v-b30b772a"), t = t(), ao(), t), $me = ["title"], kme = {
-  class: "page-node-header",
+}, $u = (t) => (ro("data-v-8c39b1dd"), t = t(), ao(), t), $me = ["title"], kme = {
+  class: "umo-page-node-header",
   contenteditable: "false"
 }, Sme = /* @__PURE__ */ $u(() => /* @__PURE__ */ M("div", {
-  class: "page-corner corner-tl",
-  style: { width: "var(--page-margin-left)" }
-}, null, -1)), xme = { class: "page-node-header-content" }, Ome = /* @__PURE__ */ $u(() => /* @__PURE__ */ M("div", {
-  class: "page-corner corner-tr",
-  style: { width: "var(--page-margin-right)" }
+  class: "umo-page-corner corner-tl",
+  style: { width: "var(--umo-page-margin-left)" }
+}, null, -1)), xme = { class: "umo-page-node-header-content" }, Ome = /* @__PURE__ */ $u(() => /* @__PURE__ */ M("div", {
+  class: "umo-page-corner corner-tr",
+  style: { width: "var(--umo-page-margin-right)" }
 }, null, -1)), Eme = {
-  class: "page-node-footer",
+  class: "umo-page-node-footer",
   contenteditable: "false"
 }, Ame = /* @__PURE__ */ $u(() => /* @__PURE__ */ M("div", {
-  class: "page-corner corner-bl",
-  style: { width: "var(--page-margin-left)" }
-}, null, -1)), Tme = { class: "page-node-footer-content" }, Pme = /* @__PURE__ */ $u(() => /* @__PURE__ */ M("div", {
-  class: "page-corner corner-br",
-  style: { width: "var(--page-margin-right)" }
+  class: "umo-page-corner corner-bl",
+  style: { width: "var(--umo-page-margin-left)" }
+}, null, -1)), Tme = { class: "umo-page-node-footer-content" }, Pme = /* @__PURE__ */ $u(() => /* @__PURE__ */ M("div", {
+  class: "umo-page-corner corner-br",
+  style: { width: "var(--umo-page-margin-right)" }
 }, null, -1)), Mme = {
   __name: "node-view",
   props: sr,
@@ -39183,27 +39224,27 @@ const wme = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edi
       return x(), X(y(ur), {
         ref_key: "containerRef",
         ref: r,
-        class: Fe(["page-node-view", { "no-shadow": y(n) }]),
+        class: Fe(["umo-page-node-view", { "no-shadow": y(n) }]),
         id: l.node.attrs.id,
         style: Qe({
-          "--page-background": y(e).background,
-          "--page-margin-top": y(e).margin.top + "cm",
-          "--page-margin-bottom": y(e).margin.bottom + "cm",
-          "--page-margin-left": y(e).margin.left + "cm",
-          "--page-margin-right": y(e).margin.right + "cm",
-          "--page-width": a.value.width + "cm",
-          "--page-height": a.value.height + "cm"
+          "--umo-page-background": y(e).background,
+          "--umo-page-margin-top": y(e).margin.top + "cm",
+          "--umo-page-margin-bottom": y(e).margin.bottom + "cm",
+          "--umo-page-margin-left": y(e).margin.left + "cm",
+          "--umo-page-margin-right": y(e).margin.right + "cm",
+          "--umo-page-width": a.value.width + "cm",
+          "--umo-page-height": a.value.height + "cm"
         })
       }, {
         default: z(() => [
           l.node.attrs.pageNumber > 1 ? (x(), re("div", {
             key: 0,
-            class: "page-node-view-handler",
+            class: "umo-page-node-view-handler",
             title: l.t("pagination.toggle"),
             onDblclick: i[0] || (i[0] = (u) => y(e).pagination = !y(e).pagination)
           }, null, 40, $me)) : se("", !0),
           p(s, Ee({
-            class: "page-watermark",
+            class: "umo-page-watermark",
             alpha: y(e).watermark.alpha
           }, o.value, {
             "watermark-content": y(e).watermark
@@ -39221,7 +39262,7 @@ const wme = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edi
                 Ome
               ]),
               p(y(G0), {
-                class: "page-node-content",
+                class: "umo-page-node-content",
                 style: Qe({
                   height: a.value.height - y(e).margin.top - y(e).margin.bottom + "cm"
                 })
@@ -39245,7 +39286,7 @@ const wme = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edi
       }, 8, ["id", "class", "style"]);
     };
   }
-}, Ime = /* @__PURE__ */ Le(Mme, [["__scopeId", "data-v-b30b772a"]]), I0 = [
+}, Ime = /* @__PURE__ */ Le(Mme, [["__scopeId", "data-v-8c39b1dd"]]), I0 = [
   U2,
   ls,
   Jv,
@@ -39298,10 +39339,26 @@ const wme = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edi
         default: !1
       },
       slots: {
-        default: this.options.slots
-      }
-    };
-  },
+        default: this.options.slots,
+        renderHTML: () => ({})
+      }
+    };
+  },
+  // addGlobalAttributes() {
+  //   return [
+  //     {
+  //       attributes: {
+  //         slots: {
+  //           default: this.options.slots,
+  //           parseHTML: (element) => '',
+  //           renderHTML: (attributes) => {
+  //             return { x: 1 }
+  //           },
+  //         },
+  //       },
+  //     },
+  //   ]
+  // },
   parseHTML() {
     return [
       {
@@ -39726,6 +39783,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
         }),
         iS.extend({ content: "page+" }),
         jme.configure({
+          types: e.value.page.nodesComputedOption.types || [],
           slots: W0()
         }),
         /* Placeholder.configure({
@@ -39733,7 +39791,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
           placeholder: l(options.value.document.placeholder),
         }),*/
         Ik.configure({
-          className: "node-focused",
+          className: "umo-node-focused",
           mode: "all"
         }),
         nve,
@@ -39758,7 +39816,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
         qk.configure({ nested: !0 }),
         uve.configure({
           HTMLAttributes: {
-            class: "task-list"
+            class: "umo-task-list"
           }
         }),
         cve.configure({
@@ -39766,7 +39824,9 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
           defaultLineHeight: v.value
         }),
         dve,
-        bve,
+        bve.configure({
+          searchResultClass: "umo-search-result"
+        }),
         Zk,
         J1,
         Ave,
@@ -39793,7 +39853,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
           onUpdate: (w) => {
             s.value = w;
           },
-          scrollParent: () => document.querySelector(`${n} .zoomable-container`),
+          scrollParent: () => document.querySelector(`${n} .umo-zoomable-container`),
           getId: () => ea(6)
         }),
         sp.configure(e.value.document.typographyRules),
@@ -39825,12 +39885,17 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
         const _ = document.createElement("link");
         _.href = `${e.value.cdnUrl}/libs/katex/katex.min.css`, _.rel = "stylesheet", _.id = "katex-style", document.querySelector("head").append(_);
       }
-    }), window.onload = () => {
-      h.registerPlugin(yme(r, {})), setTimeout(() => {
+    }), window.addEventListener("load", function() {
+      h.registerPlugin(
+        yme(
+          r,
+          e.value.page.nodesComputedOption.nodesComputed || {}
+        )
+      ), setTimeout(() => {
         const w = h.state.tr.setMeta("initSplit", !0);
         h.view.dispatch(w);
       }, 500);
-    };
+    });
     let m = j(null);
     const g = j({
       appendTo: "parent",
@@ -39858,16 +39923,16 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
       const b = tve, $ = bfe, C = efe;
       return x(), re(he, null, [
         p(y(Tk), {
-          spellcheck: y(e).document.enableSpellcheck && y(f).spellcheck,
-          class: Fe(["editor-container", {
+          class: Fe(["umo-editor-container", {
             "show-line-number": y(a).showLineNumber,
             "format-painter": y(o).enabled,
             "disable-page-break": !y(a).pagination
           }]),
+          editor: y(r),
           style: Qe({ lineHeight: v.value }),
-          editor: y(r)
-        }, null, 8, ["spellcheck", "class", "style", "editor"]),
-        y(r) && !y(c) ? lr((x(), X(y(Pk), {
+          spellcheck: y(e).document.enableSpellcheck && y(f).spellcheck
+        }, null, 8, ["class", "editor", "style", "spellcheck"]),
+        y(r) && !y(a).preview.enabled && !y(c) ? lr((x(), X(y(Pk), {
           key: 0,
           class: Fe(["umo-editor-bubble-menu", { assistant: y(i) }]),
           editor: y(r),
@@ -39890,7 +39955,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
       ], 64);
     };
   }
-}, Wme = { class: "toc-container" }, Gme = { class: "toc-title" }, qme = { class: "toc-content umo-scrollbar" }, Yme = ["textContent"], Zme = ["data-heading", "onClick"], Xme = { class: "toc-text" }, Jme = {
+}, Wme = { class: "umo-toc-container" }, Gme = { class: "umo-toc-title" }, qme = { class: "umo-toc-content umo-scrollbar" }, Yme = ["textContent"], Zme = ["data-heading", "onClick"], Xme = { class: "umo-toc-text" }, Jme = {
   __name: "toc",
   setup(t) {
     const { container: e, editor: n, tableOfContents: r } = le(), a = (o) => {
@@ -39904,7 +39969,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
         `[data-toc-id="${o.id}"`
       );
       document.querySelector(
-        `${e} .zoomable-container`
+        `${e} .umo-zoomable-container`
       ).scrollTo({
         top: i.offsetTop + 10
       });
@@ -39930,10 +39995,10 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
         M("div", qme, [
           y(r).length === 0 ? (x(), re("div", {
             key: 0,
-            class: "toc-empty",
+            class: "umo-toc-empty",
             textContent: ie(o.t("toc.empty"))
           }, null, 8, Yme)) : (x(!0), re(he, { key: 1 }, Ve(y(r), (s, u) => (x(), re("div", {
-            class: Fe(["toc-item", {
+            class: Fe(["umo-toc-item", {
               active: s.isActive,
               ["level-" + s.level]: !0
             }]),
@@ -39947,7 +40012,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
       ]);
     };
   }
-}, Qme = /* @__PURE__ */ Le(Jme, [["__scopeId", "data-v-b0f9fb93"]]), ehe = { class: "page-container" }, the = { class: "zoomable-container umo-scrollbar" }, nhe = {
+}, Qme = /* @__PURE__ */ Le(Jme, [["__scopeId", "data-v-8b99114d"]]), ehe = { class: "umo-page-container" }, the = { class: "umo-zoomable-container umo-scrollbar" }, nhe = {
   __name: "page",
   setup(t) {
     const e = le(), { container: n, page: r, imagePreview: a } = le(), o = A(() => {
@@ -39959,9 +40024,9 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
     }), l = A(() => `calc(${o.value.width + "cm"} * ${r.value.zoomLevel / 100})`), i = A(() => `calc(${o.value.height + "cm"} * ${r.value.zoomLevel / 100})`);
     let s = j();
     const u = () => {
-      const v = document.querySelector(`${n} .page-content`);
+      const v = document.querySelector(`${n} .umo-page-content`);
       if (!v) {
-        console.warn("The element <.page-content> does not exist.");
+        console.warn("The element <.umo-page-content> does not exist.");
         return;
       }
       s.value = v.clientHeight * r.value.zoomLevel / 100 + "px";
@@ -39988,7 +40053,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
     return ce(
       () => a.value,
       (v) => {
-        v ? (document.querySelectorAll(`${n} .page-content img:not(.icon)`).forEach((h) => {
+        v ? (document.querySelectorAll(`${n} .umo-page-content img:not(.icon)`).forEach((h) => {
           const m = h.getAttribute("src");
           m && c.value.push(m);
         }), f.value = images.findIndex((h) => h === v), d.value = !0) : (c.value = [], f.value = 0, d.value = !1);
@@ -40002,7 +40067,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
         })) : se("", !0),
         M("div", the, [
           M("div", {
-            class: "zoomable-content",
+            class: "umo-zoomable-content",
             style: Qe({
               width: l.value,
               height: y(s),
@@ -40010,7 +40075,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
             })
           }, [
             M("div", {
-              class: "page-content",
+              class: "umo-page-content",
               style: Qe({
                 width: o.value.width + "cm",
                 transform: `scale(${y(r).zoomLevel / 100})`
@@ -40039,7 +40104,7 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
           onClose: h[2] || (h[2] = (C) => a.value = !1)
         }, null, 8, ["modelValue", "images", "index"]),
         p(_, {
-          container: `${y(n)} .zoomable-container`,
+          container: `${y(n)} .umo-zoomable-container`,
           "visible-height": 800,
           size: "small",
           offset: ["25px", "30px"]
@@ -40049,20 +40114,20 @@ const Rme = ({ getId: t, anchorTypes: e = ["heading"] }) => new Pr({ key: new dr
       ]);
     };
   }
-}, rhe = /* @__PURE__ */ Le(nhe, [["__scopeId", "data-v-e2072274"]]), ahe = {}, ohe = { class: "source-container" }, lhe = { class: "title" };
+}, rhe = /* @__PURE__ */ Le(nhe, [["__scopeId", "data-v-f5b3b7d5"]]), ahe = {}, ohe = { class: "umo-source-container" }, lhe = { class: "umo-source-title" };
 function ihe(t, e) {
   const n = at;
   return x(), re("div", ohe, [
     M("h3", lhe, [
       p(n, {
         name: "code",
-        class: "icon"
+        class: "icon-source"
       }),
       We(" " + ie(t.t("toolbar.source")), 1)
     ])
   ]);
 }
-const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e4b8e"]]), uhe = {
+const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-4818ae6e"]]), uhe = {
   __name: "scrollable",
   setup(t, { expose: e }) {
     const n = j(null), r = j(null);
@@ -40084,11 +40149,11 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       return x(), re("div", {
         ref_key: "wraperRef",
         ref: n,
-        class: "scrollable-container"
+        class: "umo-scrollable-container"
       }, [
         y(a) ? se("", !0) : (x(), re("div", {
           key: 0,
-          class: "scrollable-control left",
+          class: "umo-scrollable-control scrollable-left",
           onClick: i
         }, [
           p(d, { name: "arrow-down" })
@@ -40096,13 +40161,13 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         M("div", {
           ref_key: "contentRef",
           ref: r,
-          class: "scrollable-content"
+          class: "umo-scrollable-content"
         }, [
           He(c.$slots, "default", {}, void 0, !0)
         ], 512),
         y(o) ? se("", !0) : (x(), re("div", {
           key: 1,
-          class: "scrollable-control right",
+          class: "umo-scrollable-control scrollable-right",
           onClick: s
         }, [
           p(d, { name: "arrow-down" })
@@ -40110,7 +40175,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       ], 512);
     };
   }
-}, t$ = /* @__PURE__ */ Le(uhe, [["__scopeId", "data-v-2dd42068"]]), che = { class: "embed-container" }, dhe = ["textContent"], fhe = {
+}, t$ = /* @__PURE__ */ Le(uhe, [["__scopeId", "data-v-f4aaf0d0"]]), che = { class: "umo-embed-container" }, dhe = ["textContent"], fhe = {
   __name: "embed",
   setup(t) {
     const { options: e } = le();
@@ -40140,11 +40205,11 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           default: z(() => [
             M("div", che, [
               M("div", {
-                class: "embed-tip",
+                class: "umo-embed-tip",
                 textContent: ie(o.t("export.embed.tip"))
               }, null, 8, dhe),
               p(s, {
-                class: "embed-textarea",
+                class: "umo-embed-textarea",
                 value: y(r),
                 readonly: "",
                 autosize: ""
@@ -40156,7 +40221,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       ], 64);
     };
   }
-}, n$ = /* @__PURE__ */ Le(fhe, [["__scopeId", "data-v-cbb602ba"]]), vhe = { class: "share-container" }, phe = ["textContent"], mhe = {
+}, n$ = /* @__PURE__ */ Le(fhe, [["__scopeId", "data-v-31ddb518"]]), vhe = { class: "umo-share-container" }, phe = ["textContent"], mhe = {
   __name: "share",
   setup(t) {
     const { options: e } = le();
@@ -40186,11 +40251,11 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           default: z(() => [
             M("div", vhe, [
               M("div", {
-                class: "share-tip",
+                class: "umo-share-tip",
                 textContent: ie(a.t("export.share.tip"))
               }, null, 8, phe),
               p(i, {
-                class: "share-textarea",
+                class: "umo-share-textarea",
                 value: y(e).shareUrl,
                 readonly: "",
                 autosize: ""
@@ -40202,7 +40267,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       ], 64);
     };
   }
-}, r$ = /* @__PURE__ */ Le(mhe, [["__scopeId", "data-v-89f81e52"]]), a$ = {
+}, r$ = /* @__PURE__ */ Le(mhe, [["__scopeId", "data-v-f2e0e340"]]), a$ = {
   __name: "text",
   setup(t) {
     const { options: e, editor: n } = le(), r = () => {
@@ -40252,7 +40317,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       a.value = !0;
       try {
         r.value.zoomLevel = 100, await Ue();
-        const c = document.querySelector(`${e} .page-content`), f = await Z0(c, { scale: devicePixelRatio }), { title: d } = n.value.document, v = d !== "" ? n.value.document.title : J("document.untitled");
+        const c = document.querySelector(`${e} .umo-page-content`), f = await Z0(c, { scale: devicePixelRatio }), { title: d } = n.value.document, v = d !== "" ? n.value.document.title : J("document.untitled");
         Y0(
           f,
           `${v}${devicePixelRatio > 1 ? "@" + devicePixelRatio + "x" : ""}.${s}`
@@ -40298,7 +40363,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, null, 8, ["text", "menu-active"]);
     };
   }
-}, hhe = { class: "background-container" }, ghe = ["onClick"], bhe = { class: "background-more-menu" }, yhe = ["textContent"], _he = { class: "background-more-arrow" }, whe = {
+}, hhe = { class: "umo-background-container" }, ghe = ["onClick"], bhe = { class: "umo-background-more-menu" }, yhe = ["textContent"], _he = { class: "umo-background-more-arrow" }, whe = {
   __name: "background",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -40325,7 +40390,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         content: z(() => [
           M("div", hhe, [
             (x(), re(he, null, Ve(o, (h, m) => M("div", {
-              class: Fe(["background-item", { active: y(a).background === h.value }]),
+              class: Fe(["umo-background-item", { active: y(a).background === h.value }]),
               style: Qe({ backgroundColor: h.value }),
               key: m,
               onClick: (g) => i(h.value)
@@ -40348,7 +40413,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             ]),
             default: z(() => [
               M("div", {
-                class: Fe(["background-more", { active: l.value }])
+                class: Fe(["umo-background-more", { active: l.value }])
               }, [
                 M("div", bhe, [
                   p(c, { name: "palette-color" }),
@@ -40368,7 +40433,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, s$ = /* @__PURE__ */ Le(whe, [["__scopeId", "data-v-39fc2273"]]), u$ = (t) => (ro("data-v-6a6c22b5"), t = t(), ao(), t), Che = { class: "watermark-container" }, $he = { class: "watermark-toolbar" }, khe = ["textContent"], She = { class: "watermark-type" }, xhe = /* @__PURE__ */ u$(() => /* @__PURE__ */ M("div", { class: "bg" }, null, -1)), Ohe = ["textContent"], Ehe = /* @__PURE__ */ u$(() => /* @__PURE__ */ M("div", { class: "bg" }, null, -1)), Ahe = ["textContent"], The = {
+}, s$ = /* @__PURE__ */ Le(whe, [["__scopeId", "data-v-afb3f99c"]]), u$ = (t) => (ro("data-v-77bc2856"), t = t(), ao(), t), Che = { class: "umo-watermark-container" }, $he = { class: "umo-watermark-toolbar" }, khe = ["textContent"], She = { class: "umo-watermark-type" }, xhe = /* @__PURE__ */ u$(() => /* @__PURE__ */ M("div", { class: "bg" }, null, -1)), Ohe = ["textContent"], Ehe = /* @__PURE__ */ u$(() => /* @__PURE__ */ M("div", { class: "bg" }, null, -1)), Ahe = ["textContent"], The = {
   __name: "watermark",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -40379,7 +40444,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       a.value.watermark.text = "", e.value = !1;
     };
     return (i, s) => {
-      const u = fe, c = pr, f = Ul, d = ga, v = qn, h = Xt;
+      const u = fe, c = pr, f = ga, d = Ul, v = qn, h = Xt;
       return x(), X(u, {
         ico: "watermark",
         text: i.t("page.watermark.text"),
@@ -40420,15 +40485,15 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                 _: 1
               }, 8, ["tooltip"]),
               p(f, {
-                "menu-active": y(a).watermark.fontWeight === "bold",
-                onMenuClickThrough: s[2] || (s[2] = (m) => y(a).watermark.fontWeight === "bold" ? y(a).watermark.fontWeight = "normal" : y(a).watermark.fontWeight = "bold")
-              }, null, 8, ["menu-active"]),
-              p(d, {
                 text: i.t("page.watermark.fontColor"),
                 "default-color": y(a).watermark.fontColor,
                 modeless: "",
-                onChange: s[3] || (s[3] = (m) => y(a).watermark.fontColor = m)
-              }, null, 8, ["text", "default-color"])
+                onChange: s[2] || (s[2] = (m) => y(a).watermark.fontColor = m)
+              }, null, 8, ["text", "default-color"]),
+              p(d, {
+                "menu-active": y(a).watermark.fontWeight === "bold",
+                onMenuClickThrough: s[3] || (s[3] = (m) => y(a).watermark.fontWeight === "bold" ? y(a).watermark.fontWeight = "normal" : y(a).watermark.fontWeight = "bold")
+              }, null, 8, ["menu-active"])
             ]),
             p(v, {
               modelValue: y(a).watermark.text,
@@ -40439,7 +40504,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
               placeholder: i.t("page.watermark.content")
             }, null, 8, ["modelValue", "placeholder"]),
             M("div", {
-              class: "watermark-type-title",
+              class: "umo-watermark-type-title",
               textContent: ie(i.t("page.watermark.type"))
             }, null, 8, khe),
             M("div", She, [
@@ -40464,7 +40529,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             ]),
             y(a).watermark.text !== "" ? (x(), X(h, {
               key: 0,
-              class: "clear-button",
+              class: "umo-clear-button",
               block: "",
               variant: "outline",
               textContent: ie(i.t("page.watermark.clear")),
@@ -40476,7 +40541,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, c$ = /* @__PURE__ */ Le(The, [["__scopeId", "data-v-6a6c22b5"]]), d$ = {
+}, c$ = /* @__PURE__ */ Le(The, [["__scopeId", "data-v-77bc2856"]]), d$ = {
   __name: "line-number",
   setup(t) {
     const { page: e } = le();
@@ -40531,7 +40596,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       const a = fe;
       return x(), X(a, {
         ico: "page-header",
-        text: y(e).header ? n.t("page.footer.hide") : n.t("page.footer.show"),
+        text: y(e).header ? n.t("page.header.hide") : n.t("page.header.show"),
         huge: "",
         onMenuClick: r[0] || (r[0] = (o) => y(e).header = !y(e).header)
       }, null, 8, ["text"]);
@@ -40550,7 +40615,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         ico: "page-orientation",
         text: r.t("page.orientation.text"),
         "menu-type": "dropdown",
-        "overlay-class-name": "page-orientation-dropdown"
+        "overlay-class-name": "umo-page-orientation-dropdown"
       }, {
         dropmenu: z(() => [
           p(i, null, {
@@ -40563,7 +40628,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
               }, {
                 default: z(() => [
                   M("div", {
-                    class: Fe(["icon", { rotate: u.value === "vertical" }])
+                    class: Fe(["icon-orientation", { rotate: u.value === "landscape" }])
                   }, [
                     p(o, { name: "page" })
                   ], 2),
@@ -40579,7 +40644,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text"]);
     };
   }
-}, Mhe = { class: "page-options-container" }, Ihe = ["textContent"], jhe = { class: "desc" }, Nhe = { class: "page-setting" }, Dhe = { class: "item" }, Bhe = { class: "item" }, Fhe = { class: "page-margin-inbuilt" }, Lhe = ["textContent"], Rhe = ["textContent"], zhe = ["textContent"], Vhe = ["textContent"], Hhe = { class: "page-setting" }, Uhe = { class: "item" }, Khe = { class: "item" }, Whe = { class: "item" }, Ghe = { class: "item" }, qhe = {
+}, Mhe = { class: "umo-page-options-container" }, Ihe = ["textContent"], jhe = { class: "desc" }, Nhe = { class: "umo-page-setting" }, Dhe = { class: "item" }, Bhe = { class: "item" }, Fhe = { class: "umo-page-margin-inbuilt" }, Lhe = ["textContent"], Rhe = ["textContent"], zhe = ["textContent"], Vhe = ["textContent"], Hhe = { class: "umo-page-setting" }, Uhe = { class: "item" }, Khe = { class: "item" }, Whe = { class: "item" }, Ghe = { class: "item" }, qhe = {
   __name: "page-options",
   props: {
     visible: {
@@ -40644,7 +40709,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                         p(m, { value: "portrait" }, {
                           default: z(() => [
                             p(h, {
-                              class: "rotate",
+                              class: "icon-rotate",
                               name: "page"
                             }),
                             We(" " + ie(d.t("page.orientation.portrait")), 1)
@@ -40663,7 +40728,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                   default: z(() => [
                     p(b, {
                       "popup-props": {
-                        overlayClassName: "page-size-select",
+                        overlayClassName: "umo-page-size-select",
                         destroyOnClose: !0,
                         attach: y(r)
                       },
@@ -40700,7 +40765,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                     M("div", Nhe, [
                       M("div", Dhe, [
                         p($, {
-                          class: "page-setting-number",
+                          class: "umo-page-setting-number",
                           modelValue: y(l).size.width,
                           "onUpdate:modelValue": v[1] || (v[1] = (k) => y(l).size.width = k),
                           theme: "normal",
@@ -40715,7 +40780,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                       ]),
                       M("div", Bhe, [
                         p($, {
-                          class: "page-setting-number",
+                          class: "umo-page-setting-number",
                           modelValue: y(l).size.height,
                           "onUpdate:modelValue": v[3] || (v[3] = (k) => y(l).size.height = k),
                           theme: "normal",
@@ -40781,7 +40846,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                       M("div", Hhe, [
                         M("div", Uhe, [
                           p($, {
-                            class: "page-setting-number",
+                            class: "umo-page-setting-number",
                             modelValue: y(l).margin.top,
                             "onUpdate:modelValue": v[9] || (v[9] = (k) => y(l).margin.top = k),
                             theme: "normal",
@@ -40797,7 +40862,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                         ]),
                         M("div", Khe, [
                           p($, {
-                            class: "page-setting-number",
+                            class: "umo-page-setting-number",
                             modelValue: y(l).margin.bottom,
                             "onUpdate:modelValue": v[11] || (v[11] = (k) => y(l).margin.bottom = k),
                             theme: "normal",
@@ -40813,7 +40878,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                         ]),
                         M("div", Whe, [
                           p($, {
-                            class: "page-setting-number",
+                            class: "umo-page-setting-number",
                             modelValue: y(l).margin.left,
                             "onUpdate:modelValue": v[13] || (v[13] = (k) => y(l).margin.left = k),
                             theme: "normal",
@@ -40829,7 +40894,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                         ]),
                         M("div", Ghe, [
                           p($, {
-                            class: "page-setting-number",
+                            class: "umo-page-setting-number",
                             modelValue: y(l).margin.right,
                             "onUpdate:modelValue": v[15] || (v[15] = (k) => y(l).margin.right = k),
                             theme: "normal",
@@ -40857,7 +40922,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["visible", "header"]);
     };
   }
-}, h$ = /* @__PURE__ */ Le(qhe, [["__scopeId", "data-v-0a3e1a7f"]]), Yhe = ["textContent"], Zhe = { class: "desc" }, Xhe = ["textContent"], g$ = {
+}, h$ = /* @__PURE__ */ Le(qhe, [["__scopeId", "data-v-6e789392"]]), Yhe = ["textContent"], Zhe = { class: "desc" }, Xhe = ["textContent"], g$ = {
   __name: "size",
   setup(t) {
     const { options: e, page: n } = le();
@@ -40868,7 +40933,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         ico: "page-size",
         text: a.t("page.size.text"),
         "menu-type": "dropdown",
-        "overlay-class-name": "page-size-dropdown"
+        "overlay-class-name": "umo-page-size-dropdown"
       }, {
         dropmenu: z(() => [
           p(i, null, {
@@ -41011,7 +41076,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         tooltip: a.t("tools.chineseCase.tip"),
         "menu-type": "dropdown",
         huge: "",
-        "overlay-class-name": "chinese-case-dropdown"
+        "overlay-class-name": "umo-chinese-case-dropdown"
       }, {
         dropmenu: z(() => [
           p(i, null, {
@@ -41183,7 +41248,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, null, 8, ["text", "tooltip", "disabled"]);
     };
   }
-}, ege = ["onMouseover"], tge = { class: "table-custom" }, nge = ["textContent"], rge = {
+}, ege = ["onMouseover"], tge = { class: "umo-table-custom" }, nge = ["textContent"], rge = {
   __name: "insert",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -41214,7 +41279,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, {
         content: z(() => [
           M("div", {
-            class: "table-grid",
+            class: "umo-table-grid",
             onMouseleave: u
           }, [
             (x(!0), re(he, null, Ve(y(a), (w, _) => (x(), re("div", {
@@ -41231,7 +41296,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           ], 32),
           M("div", tge, [
             M("div", {
-              class: "table-custom-title",
+              class: "umo-table-custom-title",
               textContent: ie(f.t("table.insert.property"))
             }, null, 8, nge),
             p(v, {
@@ -41262,7 +41327,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
               _: 1
             }, 8, ["modelValue"]),
             p(m, {
-              class: "insert-button",
+              class: "umo-insert-button",
               block: "",
               theme: "primary",
               variant: "base",
@@ -41275,7 +41340,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "tooltip", "popup-visible", "onTogglePopup"]);
     };
   }
-}, E$ = /* @__PURE__ */ Le(rge, [["__scopeId", "data-v-0cac48db"]]), age = { class: "title" }, oge = {
+}, E$ = /* @__PURE__ */ Le(rge, [["__scopeId", "data-v-378339ef"]]), age = { class: "title" }, oge = {
   key: 0,
   class: "description"
 }, A$ = {
@@ -41292,7 +41357,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         text: a.t("insert.template"),
         "menu-type": "dropdown",
         huge: "",
-        "overlay-class-name": "templates-dropdown"
+        "overlay-class-name": "umo-templates-dropdown"
       }, {
         dropmenu: z(() => [
           p(i, null, {
@@ -41320,7 +41385,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text"])) : se("", !0);
     };
   }
-}, lge = { class: "page-divider-dropdown" }, ige = { class: "page-divider-item-title" }, sge = ["textContent"], uge = ["value", "title", "onClick"], cge = ["data-type"], dge = ["textContent"], fge = { class: "arrow" }, vge = { class: "page-divider-color-picker" }, pge = {
+}, lge = { class: "umo-page-divider-dropdown" }, ige = { class: "umo-page-divider-item-title" }, sge = ["textContent"], uge = ["value", "title", "onClick"], cge = ["data-type"], dge = ["textContent"], fge = { class: "arrow" }, vge = { class: "umo-page-divider-color-picker" }, pge = {
   __name: "hr",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -41359,7 +41424,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
               }, null, 8, sge)
             ]),
             (x(), re(he, null, Ve(o, (g) => M("div", {
-              class: "page-divider-item",
+              class: "umo-page-divider-item",
               key: g.value,
               value: g.value,
               title: g.label,
@@ -41388,7 +41453,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
               ]),
               default: z(() => [
                 M("div", {
-                  class: Fe(["page-divider-item open-color-picker", { active: y(i) }])
+                  class: Fe(["umo-page-divider-item umo-open-color-picker", { active: y(i) }])
                 }, [
                   M("span", {
                     textContent: ie(c.t("insert.hr.color"))
@@ -41406,7 +41471,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, T$ = /* @__PURE__ */ Le(pge, [["__scopeId", "data-v-f5cb0a8e"]]), P$ = {
+}, T$ = /* @__PURE__ */ Le(pge, [["__scopeId", "data-v-6e0c71d1"]]), P$ = {
   __name: "hard-break",
   setup(t) {
     const { editor: e } = le();
@@ -41438,7 +41503,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, null, 8, ["text"]);
     };
   }
-}, mge = { class: "emojis-container narrow-scrollbar" }, hge = ["textContent"], gge = { class: "emojis-group-container" }, bge = ["onClick"], yge = {
+}, mge = { class: "umo-emojis-container narrow-scrollbar" }, hge = ["textContent"], gge = { class: "umo-emojis-group-container" }, bge = ["onClick"], yge = {
   __name: "emoji",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -41460,12 +41525,12 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           M("div", mge, [
             (x(!0), re(he, null, Ve(y(r).dicts.emojis, (u, c) => (x(), re(he, { key: c }, [
               M("div", {
-                class: "emojis-group-title",
+                class: "umo-emojis-group-title",
                 textContent: ie(l.l(u.label))
               }, null, 8, hge),
               M("div", gge, [
                 (x(!0), re(he, null, Ve(u.items.split(" "), (f, d) => (x(), re("div", {
-                  class: "emojis-group-item",
+                  class: "umo-emojis-group-item",
                   key: d,
                   onClick: (v) => o(f)
                 }, ie(f), 9, bge))), 128))
@@ -41477,7 +41542,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, I$ = /* @__PURE__ */ Le(yge, [["__scopeId", "data-v-82570141"]]), j$ = {
+}, I$ = /* @__PURE__ */ Le(yge, [["__scopeId", "data-v-9855e75b"]]), j$ = {
   __name: "chinese-date",
   setup(t) {
     const e = (l) => bk(yk(), l).value, n = (l) => {
@@ -41522,7 +41587,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, null, 8, ["text"]);
     };
   }
-}, _ge = { class: "symbols-container narrow-scrollbar" }, wge = ["textContent"], Cge = { class: "symbols-group-container" }, $ge = ["onClick"], kge = {
+}, _ge = { class: "umo-symbols-container narrow-scrollbar" }, wge = ["textContent"], Cge = { class: "umo-symbols-group-container" }, $ge = ["onClick"], kge = {
   __name: "symbol",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -41544,12 +41609,12 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           M("div", _ge, [
             (x(!0), re(he, null, Ve(y(r).dicts.symbols, (u, c) => (x(), re(he, { key: c }, [
               M("div", {
-                class: "symbols-group-title",
+                class: "umo-symbols-group-title",
                 textContent: ie(l.l(u.label))
               }, null, 8, wge),
               M("div", Cge, [
                 (x(!0), re(he, null, Ve(u.items.split(""), (f, d) => (x(), re("div", {
-                  class: "symbols-group-item",
+                  class: "umo-symbols-group-item",
                   key: d,
                   onClick: (v) => o(f)
                 }, ie(f), 9, $ge))), 128))
@@ -41561,7 +41626,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, N$ = /* @__PURE__ */ Le(kge, [["__scopeId", "data-v-3457d9ba"]]), Sge = { class: "link-container" }, xge = {
+}, N$ = /* @__PURE__ */ Le(kge, [["__scopeId", "data-v-d839ae45"]]), Sge = { class: "umo-link-container" }, xge = {
   __name: "link",
   setup(t) {
     const { editor: e } = le();
@@ -41647,7 +41712,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       ], 64);
     };
   }
-}, D$ = /* @__PURE__ */ Le(xge, [["__scopeId", "data-v-cb93cc3e"]]), B$ = {
+}, D$ = /* @__PURE__ */ Le(xge, [["__scopeId", "data-v-0426cb1f"]]), B$ = {
   __name: "print",
   setup(t) {
     const { printing: e } = le();
@@ -41859,7 +41924,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, null, 8, ["text", "menu-active", "disabled"]);
     };
   }
-}, Oge = { class: "node-margin-input" }, Ege = {
+}, Oge = { class: "umo-node-margin-input" }, Ege = {
   __name: "margin",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -41948,7 +42013,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "onTogglePopup"]);
     };
   }
-}, U$ = /* @__PURE__ */ Le(Ege, [["__scopeId", "data-v-c091073c"]]), K$ = {
+}, U$ = /* @__PURE__ */ Le(Ege, [["__scopeId", "data-v-c700e333"]]), K$ = {
   __name: "line-height",
   setup(t) {
     const { options: e, editor: n } = le(), r = A(() => e.value.dicts.lineHeights.map((l) => {
@@ -42080,7 +42145,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "menu-active"]);
     };
   }
-}, Age = { class: "bullet-list-group" }, Tge = ["onClick"], Pge = {
+}, Age = { class: "umo-bullet-list-group" }, Tge = ["onClick"], Pge = {
   __name: "bullet-list",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -42127,11 +42192,11 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             }, {
               default: z(() => [
                 M("div", {
-                  class: Fe(["bullet-list-item", { active: y(o) == v.value }]),
+                  class: Fe(["umo-bullet-list-item", { active: y(o) == v.value }]),
                   onClick: (h) => l(v.value)
                 }, [
                   p(u, {
-                    class: "icon-bullet-list",
+                    class: "umo-icon-bullet-list",
                     name: `bullet-list-${v.value}`
                   }, null, 8, ["name"])
                 ], 10, Tge)
@@ -42144,7 +42209,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "menu-active", "popup-visible", "onTogglePopup"]);
     };
   }
-}, Y$ = /* @__PURE__ */ Le(Pge, [["__scopeId", "data-v-3948bf22"]]), Mge = (t) => (ro("data-v-e6992af3"), t = t(), ao(), t), Ige = { class: "ordered-list-group" }, jge = ["onClick"], Nge = /* @__PURE__ */ Mge(() => /* @__PURE__ */ M("div", { class: "ordered-list-divider" }, null, -1)), Dge = ["textContent"], Bge = { class: "ordered-list-properties" }, Fge = ["textContent"], Lge = {
+}, Y$ = /* @__PURE__ */ Le(Pge, [["__scopeId", "data-v-55b64b1d"]]), Mge = (t) => (ro("data-v-bb566d99"), t = t(), ao(), t), Ige = { class: "umo-ordered-list-group" }, jge = ["onClick"], Nge = /* @__PURE__ */ Mge(() => /* @__PURE__ */ M("div", { class: "umo-ordered-list-divider" }, null, -1)), Dge = ["textContent"], Bge = { class: "umo-ordered-list-properties" }, Fge = ["textContent"], Lge = {
   __name: "ordered-list",
   setup(t) {
     let { popupVisible: e, togglePopup: n } = qt();
@@ -42215,11 +42280,11 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             }, {
               default: z(() => [
                 M("div", {
-                  class: Fe(["ordered-list-item", { active: y(o) == g.value }]),
+                  class: Fe(["umo-ordered-list-item", { active: y(o) == g.value }]),
                   onClick: (w) => l(g.value)
                 }, [
                   p(f, {
-                    class: "icon-ordered-list",
+                    class: "umo-icon-ordered-list",
                     name: `ordered-list-${g.value}`
                   }, null, 8, ["name"])
                 ], 10, jge)
@@ -42229,7 +42294,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           ]),
           Nge,
           M("div", {
-            class: "ordered-list-title",
+            class: "umo-ordered-list-title",
             textContent: ie(u.t("list.ordered.property"))
           }, null, 8, Dge),
           M("div", Bge, [
@@ -42254,7 +42319,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "popup-visible", "menu-active", "onTogglePopup"]);
     };
   }
-}, Z$ = /* @__PURE__ */ Le(Lge, [["__scopeId", "data-v-e6992af3"]]), X$ = {
+}, Z$ = /* @__PURE__ */ Le(Lge, [["__scopeId", "data-v-bb566d99"]]), X$ = {
   __name: "superscript",
   setup(t) {
     const { editor: e } = le();
@@ -42369,7 +42434,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
           }, {
             default: z(() => [
               (x(!0), re(he, null, Ve(g.children, (_) => (x(), X(d, {
-                class: "font-family-item",
+                class: "umo-font-family-item",
                 value: _.value,
                 key: _.value,
                 label: c.l(_.label)
@@ -42381,7 +42446,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
                   }, null, 12, Rge),
                   l(_.value) ? se("", !0) : (x(), re("span", {
                     key: 0,
-                    class: "unsupport",
+                    class: "umo-font-family-unsupport",
                     title: c.t("base.fontFamily.unsupport")
                   }, "!", 8, zge))
                 ]),
@@ -42395,7 +42460,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "select-value", "style"]);
     };
   }
-}, Vge = ["disabled"], Hge = { class: "heading-container" }, Uge = ["onClick"], Kge = { class: "subtitle" }, Wge = ["onClick"], Gge = { class: "subtitle" }, qge = {
+}, Vge = ["disabled"], Hge = { class: "umo-heading-container" }, Uge = ["onClick"], Kge = { class: "subtitle" }, Wge = ["onClick"], Gge = { class: "subtitle" }, qge = {
   __name: "heading",
   setup(t) {
     let { popupVisible: e } = qt();
@@ -42450,7 +42515,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       const f = at, d = In, v = Pl, h = fe;
       return y(a).mode !== "classic" ? (x(), re("div", {
         key: 0,
-        class: Fe(["toolbar-headding", { unfold: y(e) }]),
+        class: Fe(["umo-toolbar-headding", { unfold: y(e) }]),
         disabled: !((m = y(r)) != null && m.isEditable)
       }, [
         M("div", Hge, [
@@ -42475,7 +42540,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             attach: y(n),
             trigger: "click",
             placement: "bottom-right",
-            "overlay-class-name": "heading-container-popup",
+            "overlay-class-name": "umo-heading-container-popup",
             "destroy-on-close": "",
             visible: y(e)
           }, {
@@ -42483,7 +42548,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
               M("div", {
                 ref_key: "popupContentRef",
                 ref: o,
-                class: "heading-container"
+                class: "umo-heading-container"
               }, [
                 (x(!0), re(he, null, Ve(l.value, (g, w) => {
                   var _;
@@ -42530,7 +42595,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, {
         default: z(() => [
           (x(!0), re(he, null, Ve(l.value, (g) => (x(), X(v, {
-            class: "editor-heading-select-option",
+            class: "umo-heading-select-option",
             key: g.value,
             value: g.value,
             label: g.label
@@ -42547,7 +42612,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["text", "placeholder", "select-value"]));
     };
   }
-}, ek = /* @__PURE__ */ Le(qge, [["__scopeId", "data-v-c86e15e4"]]), tk = {
+}, ek = /* @__PURE__ */ Le(qge, [["__scopeId", "data-v-7ed2d884"]]), tk = {
   __name: "clear-format",
   setup(t) {
     const { editor: e } = le();
@@ -42568,7 +42633,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
   __name: "format-painter",
   setup(t) {
     const { editor: e, painter: n } = le(), r = (a) => {
-      console.log(e.value), n.value.enabled = !n.value.enabled, n.value.enabled && e.value.chain().focus().setFormatPainter(a).run();
+      n.value.enabled = !n.value.enabled, n.value.enabled && e.value.chain().focus().setFormatPainter(a).run();
     };
     return (a, o) => {
       var i, s, u;
@@ -42625,13 +42690,13 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, null, 8, ["text", "disabled"]);
     };
   }
-}, Yge = { class: "classic-menu" }, Zge = {
+}, Yge = { class: "umo-classic-menu" }, Zge = {
   key: 0,
-  class: "virtual-group"
-}, Xge = { class: "virtual-group" }, Jge = { class: "virtual-group" }, Qge = { class: "virtual-group" }, ebe = { class: "virtual-group" }, tbe = { class: "virtual-group" }, nbe = { class: "virtual-group is-slot" }, rbe = { class: "virtual-group" }, abe = { class: "virtual-group" }, obe = { class: "virtual-group" }, lbe = { class: "virtual-group is-slot" }, ibe = { class: "virtual-group" }, sbe = { class: "virtual-group" }, ube = { class: "virtual-group" }, cbe = { class: "virtual-group" }, dbe = { class: "virtual-group" }, fbe = { class: "virtual-group" }, vbe = { class: "virtual-group" }, pbe = { class: "virtual-group" }, mbe = { class: "virtual-group is-slot" }, hbe = { class: "virtual-group" }, gbe = { class: "virtual-group" }, bbe = { class: "virtual-group" }, ybe = { class: "virtual-group" }, _be = { class: "virtual-group is-slot" }, wbe = { class: "virtual-group" }, Cbe = { class: "virtual-group" }, $be = { class: "virtual-group-row" }, kbe = {
+  class: "umo-virtual-group"
+}, Xge = { class: "umo-virtual-group" }, Jge = { class: "umo-virtual-group" }, Qge = { class: "umo-virtual-group" }, ebe = { class: "umo-virtual-group" }, tbe = { class: "umo-virtual-group" }, nbe = { class: "virtual-group is-slot" }, rbe = { class: "umo-virtual-group" }, abe = { class: "umo-virtual-group" }, obe = { class: "umo-virtual-group" }, lbe = { class: "virtual-group is-slot" }, ibe = { class: "umo-virtual-group" }, sbe = { class: "umo-virtual-group" }, ube = { class: "umo-virtual-group" }, cbe = { class: "umo-virtual-group" }, dbe = { class: "umo-virtual-group" }, fbe = { class: "umo-virtual-group" }, vbe = { class: "umo-virtual-group" }, pbe = { class: "umo-virtual-group" }, mbe = { class: "virtual-group is-slot" }, hbe = { class: "umo-virtual-group" }, gbe = { class: "umo-virtual-group" }, bbe = { class: "umo-virtual-group" }, ybe = { class: "umo-virtual-group" }, _be = { class: "virtual-group is-slot" }, wbe = { class: "umo-virtual-group" }, Cbe = { class: "umo-virtual-group" }, $be = { class: "virtual-group-row" }, kbe = {
   key: 0,
-  class: "virtual-group"
-}, Sbe = { class: "virtual-group" }, xbe = { class: "virtual-group" }, Obe = { class: "virtual-group is-slot" }, Ebe = { class: "virtual-group" }, Abe = { class: "virtual-group" }, Tbe = { class: "virtual-group is-slot" }, Pbe = {
+  class: "umo-virtual-group"
+}, Sbe = { class: "umo-virtual-group" }, xbe = { class: "umo-virtual-group" }, Obe = { class: "virtual-group is-slot" }, Ebe = { class: "umo-virtual-group" }, Abe = { class: "umo-virtual-group" }, Tbe = { class: "virtual-group is-slot" }, Pbe = {
   __name: "classic",
   props: {
     menus: {
@@ -42666,7 +42731,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       return x(), X(np, {
         ref_key: "scrollableRef",
         ref: c,
-        class: "scrollable-container"
+        class: "umo-scrollable-container"
       }, {
         default: z(() => [
           M("div", Yge, [
@@ -42876,13 +42941,13 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 512);
     };
   }
-}, Mbe = /* @__PURE__ */ Le(Pbe, [["__scopeId", "data-v-dc42316d"]]), Ibe = { class: "ribbon-menu" }, jbe = {
+}, Mbe = /* @__PURE__ */ Le(Pbe, [["__scopeId", "data-v-420992a6"]]), Ibe = { class: "umo-ribbon-menu" }, jbe = {
   key: 0,
-  class: "ribbon-tabs"
-}, Nbe = ["onClick"], Dbe = { class: "ribbon-container" }, Bbe = { class: "virtual-group" }, Fbe = { class: "virtual-group-row" }, Lbe = { class: "virtual-group-row" }, Rbe = { class: "virtual-group" }, zbe = { class: "virtual-group-row" }, Vbe = { class: "virtual-group-row" }, Hbe = { class: "virtual-group" }, Ube = { class: "virtual-group-row" }, Kbe = { class: "virtual-group-row" }, Wbe = { class: "virtual-group" }, Gbe = { class: "virtual-group" }, qbe = { class: "virtual-group" }, Ybe = { class: "virtual-group is-slot" }, Zbe = { class: "virtual-group" }, Xbe = { class: "virtual-group" }, Jbe = { class: "virtual-group" }, Qbe = { class: "virtual-group is-slot" }, e1e = { class: "virtual-group" }, t1e = { class: "virtual-group" }, n1e = { class: "virtual-group" }, r1e = { class: "virtual-group-row" }, a1e = { class: "virtual-group-row" }, o1e = { class: "virtual-group" }, l1e = { class: "virtual-group-row" }, i1e = { class: "virtual-group-row" }, s1e = { class: "virtual-group" }, u1e = { class: "virtual-group-row" }, c1e = { class: "virtual-group-row" }, d1e = { class: "virtual-group" }, f1e = { class: "virtual-group-row" }, v1e = { class: "virtual-group-row" }, p1e = { class: "virtual-group" }, m1e = { class: "virtual-group is-slot" }, h1e = { class: "virtual-group" }, g1e = { class: "virtual-group" }, b1e = { class: "virtual-group" }, y1e = { class: "virtual-group" }, _1e = { class: "virtual-group" }, w1e = { class: "virtual-group" }, C1e = { class: "virtual-group" }, $1e = { class: "virtual-group-row" }, k1e = { class: "virtual-group-row" }, S1e = { class: "virtual-group-row" }, x1e = {
+  class: "umo-ribbon-tabs"
+}, Nbe = ["onClick"], Dbe = { class: "umo-ribbon-container" }, Bbe = { class: "umo-virtual-group" }, Fbe = { class: "umo-virtual-group-row" }, Lbe = { class: "umo-virtual-group-row" }, Rbe = { class: "umo-virtual-group" }, zbe = { class: "umo-virtual-group-row" }, Vbe = { class: "umo-virtual-group-row" }, Hbe = { class: "umo-virtual-group" }, Ube = { class: "umo-virtual-group-row" }, Kbe = { class: "umo-virtual-group-row" }, Wbe = { class: "umo-virtual-group" }, Gbe = { class: "umo-virtual-group" }, qbe = { class: "umo-virtual-group" }, Ybe = { class: "virtual-group is-slot" }, Zbe = { class: "umo-virtual-group" }, Xbe = { class: "umo-virtual-group" }, Jbe = { class: "umo-virtual-group" }, Qbe = { class: "virtual-group is-slot" }, e1e = { class: "umo-virtual-group" }, t1e = { class: "umo-virtual-group" }, n1e = { class: "umo-virtual-group" }, r1e = { class: "umo-virtual-group-row" }, a1e = { class: "umo-virtual-group-row" }, o1e = { class: "umo-virtual-group" }, l1e = { class: "umo-virtual-group-row" }, i1e = { class: "umo-virtual-group-row" }, s1e = { class: "umo-virtual-group" }, u1e = { class: "umo-virtual-group-row" }, c1e = { class: "umo-virtual-group-row" }, d1e = { class: "umo-virtual-group" }, f1e = { class: "umo-virtual-group-row" }, v1e = { class: "umo-virtual-group-row" }, p1e = { class: "umo-virtual-group" }, m1e = { class: "virtual-group is-slot" }, h1e = { class: "umo-virtual-group" }, g1e = { class: "umo-virtual-group" }, b1e = { class: "umo-virtual-group" }, y1e = { class: "umo-virtual-group" }, _1e = { class: "umo-virtual-group" }, w1e = { class: "umo-virtual-group" }, C1e = { class: "umo-virtual-group" }, $1e = { class: "umo-virtual-group-row" }, k1e = { class: "umo-virtual-group-row" }, S1e = { class: "umo-virtual-group-row" }, x1e = {
   key: 0,
-  class: "virtual-group"
-}, O1e = { class: "virtual-group" }, E1e = { class: "virtual-group" }, A1e = { class: "virtual-group is-slot" }, T1e = { class: "virtual-group" }, P1e = { class: "virtual-group" }, M1e = { class: "virtual-group is-slot" }, I1e = {
+  class: "umo-virtual-group"
+}, O1e = { class: "umo-virtual-group" }, E1e = { class: "umo-virtual-group" }, A1e = { class: "virtual-group is-slot" }, T1e = { class: "umo-virtual-group" }, P1e = { class: "umo-virtual-group" }, M1e = { class: "virtual-group is-slot" }, I1e = {
   __name: "ribbon",
   props: {
     menus: {
@@ -42904,7 +42969,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       return x(), re("div", Ibe, [
         t.menus.length > 1 ? (x(), re("div", jbe, [
           (x(!0), re(he, null, Ve(t.menus, (ba) => (x(), re("div", {
-            class: Fe(["tabs-item", { active: t.currentMenu === ba.value }]),
+            class: Fe(["umo-ribbon-tabs-item", { active: t.currentMenu === ba.value }]),
             key: ba.value,
             onClick: (np) => s(ba.value)
           }, ie(ba.label), 11, Nbe))), 128))
@@ -42912,7 +42977,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         p(Qu, {
           ref_key: "scrollableRef",
           ref: i,
-          class: "scrollable-container"
+          class: "umo-scrollable-container"
         }, {
           default: z(() => [
             M("div", Dbe, [
@@ -43135,7 +43200,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       ]);
     };
   }
-}, j1e = /* @__PURE__ */ Le(I1e, [["__scopeId", "data-v-f938b05f"]]), L0 = (t) => {
+}, j1e = /* @__PURE__ */ Le(I1e, [["__scopeId", "data-v-e77dfe4a"]]), L0 = (t) => {
   const e = {
     justNow: J("time.justNow"),
     past: (r) => r.match(/\d/) ? J("time.past", { n: r }) : r,
@@ -43147,8 +43212,8 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
   return _k(new Date(t), { messages: e }).value.replace(/"/gi, "");
 }, N1e = {
   key: 0,
-  class: "toolbar-container"
-}, D1e = { class: "status" }, B1e = { class: "status-saved button-text" }, F1e = ["textContent"], L1e = ["textContent"], R1e = { class: "document-status-container status" }, z1e = ["textContent"], V1e = ["textContent"], H1e = { class: "document-button-container" }, U1e = { class: "button-text" }, K1e = {
+  class: "umo-toolbar-container"
+}, D1e = { class: "umo-status" }, B1e = { class: "umo-status-saved button-text" }, F1e = ["textContent"], L1e = ["textContent"], R1e = { class: "umo-document-status-container umo-status" }, z1e = ["textContent"], V1e = ["textContent"], H1e = { class: "umo-document-button-container" }, U1e = { class: "umo-button-text" }, K1e = {
   __name: "index",
   emits: ["menu-change"],
   setup(t, { emit: e }) {
@@ -43256,7 +43321,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
         ]), 1032, ["menus", "current-menu"])) : se("", !0),
         y(i).mode === "source" && y(a).toolbar.enableSourceEditor ? (x(), X(k, { key: 2 })) : se("", !0),
         M("div", {
-          class: Fe(["toolbar-actions", y(i).mode])
+          class: Fe(["umo-toolbar-actions", y(i).mode])
         }, [
           y(i).mode !== "source" && ((K = y(o)) != null && K.isEditable) ? (x(), X(O, {
             key: 0,
@@ -43297,14 +43362,14 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             ]),
             default: z(() => [
               p(T, {
-                class: Fe(["button", { active: y(s) }]),
+                class: Fe(["umo-toolbar-actions-button", { active: y(s) }]),
                 variant: "text",
                 size: "small"
               }, {
                 default: z(() => [
                   M("span", D1e, [
                     M("span", {
-                      class: Fe(["status-online", { offline: !y(u) }])
+                      class: Fe(["umo-status-online", { offline: !y(u) }])
                     }, null, 2),
                     M("span", B1e, [
                       y(l) ? (x(), re("span", {
@@ -43351,7 +43416,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
             ]),
             default: z(() => [
               p(T, {
-                class: "button",
+                class: "umo-toolbar-actions-button",
                 variant: "text",
                 size: "small"
               }, {
@@ -43372,7 +43437,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, {
         default: z(() => [
           M("div", {
-            class: "show-toolbar",
+            class: "umo-show-toolbar",
             onClick: $[2] || ($[2] = (I) => y(i).show = !0)
           }, [
             p(E, { name: "arrow-down" })
@@ -43382,7 +43447,7 @@ const she = /* @__PURE__ */ Le(ahe, [["render", ihe], ["__scopeId", "data-v-191e
       }, 8, ["content"]));
     };
   }
-}, W1e = /* @__PURE__ */ Le(K1e, [["__scopeId", "data-v-76f1b267"]]);
+}, W1e = /* @__PURE__ */ Le(K1e, [["__scopeId", "data-v-c9da0fb8"]]);
 /**
  * tdesign v1.9.8
  * (c) 2024 tdesign
@@ -43844,7 +43909,7 @@ const q1e = ["id"], Y1e = { class: "umo-toolbar" }, Z1e = { class: "umo-main" },
       const ue = s.value.zoomLevel;
       try {
         s.value.zoomLevel = 100;
-        const ne = document.querySelector(`${o} .page-content`);
+        const ne = document.querySelector(`${o} .umo-page-content`);
         if (R = "blob")
           return await Z0(ne);
         if (R = "jpeg")