@univerjs/docs-ui 0.2.1 → 0.2.3

package/lib/es/index.js

@@ -1,36 +1,36 @@
-var vn = Object.defineProperty;
-var On = (n, e, t) => e in n ? vn(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var E = (n, e, t) => On(n, typeof e != "symbol" ? e + "" : e, t);
-import { FOCUSING_DOC as Ne, FOCUSING_UNIVER_EDITOR as ht, FOCUSING_COMMON_DRAWINGS as Kt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Rn, Tools as ee, LRUMap as Cn, BaselineOffset as ae, BooleanNumber as S, ColorKit as St, skipParseTagNames as En, IUniverInstanceService as L, ILogService as Zt, ICommandService as C, Disposable as K, normalizeBody as Tn, toDisposable as qt, RxDisposable as Oe, Direction as Z, EDITOR_ACTIVATED as Jt, LocaleService as le, CommandType as de, DocumentFlavor as In, JSONX as et, UniverInstanceType as v, ThemeService as Qt, HorizontalAlign as Le, OnLifecycle as Ue, LifecycleStages as we, IContextService as bn, checkForSubstrings as Mn, IConfigService as xn, PositionedObjectLayoutType as yn, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Pn, DisposableCollection as vt, Plugin as Dn, ObjectRelativeFromH as An, ObjectRelativeFromV as Fn } from "@univerjs/core";
-import { IClipboardInterfaceService as gt, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Nn, HTML_CLIPBOARD_MIME_TYPE as Ln, IEditorService as Y, KeyCode as H, MetaKeys as Re, ILayoutService as en, ISidebarService as Un, ComponentManager as tn, MenuGroup as P, MenuItemType as x, MenuPosition as D, getMenuHiddenObservable as A, FONT_FAMILY_LIST as Ot, FONT_SIZE_LIST as wn, getHeaderFooterMenuHiddenObservable as Bn, FontFamily as $n, FontFamilyItem as Hn, FontSize as Vn, BuiltInUIPart as jn, IMenuService as Wn, IUIPartsService as kn, CopyCommand as zn, CutCommand as Gn, PasteCommand as Yn, SetEditorResizeOperation as Xn, ICanvasPopupService as Kn, IShortcutService as Zn } from "@univerjs/ui";
-import { createIdentifier as qn, Inject as T, Injector as Be, Optional as Jn } from "@wendellhu/redi";
-import { TextSelectionManagerService as ne, CutContentCommand as nn, InnerPasteCommand as on, getDeleteSelection as Qn, DocSkeletonManagerService as N, VIEWPORT_KEY as te, getDocObject as eo, MoveCursorOperation as $e, MoveSelectionOperation as He, SelectAllOperation as to, neoGetDocObject as Q, RichTextEditingMutation as Ve, SetInlineFormatBoldCommand as no, SetTextSelectionsOperation as V, SetInlineFormatCommand as ue, SetInlineFormatItalicCommand as oo, SetInlineFormatUnderlineCommand as io, SetInlineFormatStrikethroughCommand as ro, SetInlineFormatSubscriptCommand as so, SetInlineFormatSuperscriptCommand as ao, SetInlineFormatFontFamilyCommand as Rt, SetInlineFormatFontSizeCommand as Ct, SetInlineFormatTextColorCommand as Et, AlignLeftCommand as co, AlignOperationCommand as je, AlignCenterCommand as lo, AlignRightCommand as uo, AlignJustifyCommand as ho, OrderListCommand as go, BulletListCommand as po, ResetInlineFormatTextBackgroundColorCommand as _o, SetInlineFormatTextBackgroundColorCommand as tt, BreakLineCommand as fo, DeleteLeftCommand as mo, DeleteRightCommand as So, CoverContentCommand as vo, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ye, DOCS_COMPONENT_HEADER_LAYER_INDEX as Oo, DOCS_VIEW_KEY as ie, DOCS_COMPONENT_DEFAULT_Z_INDEX as Tt, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as Ro, SetDocZoomRatioOperation as ve, SetDocZoomRatioCommand as Co, DocInterceptorService as Eo } from "@univerjs/docs";
-import { pixelToPt as To, ptToPixel as It, NodePositionConvertToCursor as rn, getAnchorBounding as Io, IRenderManagerService as k, ITextSelectionRenderManager as oe, Shape as bo, DocumentEditArea as F, PageLayoutType as De, Vector2 as sn, Rect as Xe, Path as bt, ScrollBar as nt, Viewport as Mo, Layer as Mt, Documents as xo, DocBackground as yo, Liquid as Po, CURSOR_TYPE as xt, getLineBounding as Do } from "@univerjs/engine-render";
-import { takeUntil as se, Observable as w, combineLatest as Ao, fromEvent as yt, BehaviorSubject as Pt, map as Fo } from "rxjs";
-import { useDependency as G, connectInjector as No } from "@wendellhu/redi/react-bindings";
-import Lo, { useState as an, useEffect as cn } from "react";
-import { Checkbox as Dt, InputNumber as At, Button as Uo, ColorPicker as wo } from "@univerjs/design";
-import Bo from "clsx";
-function z(n) {
-  return n.getContextValue(Ne) && n.getContextValue(ht) && !n.getContextValue(Kt);
+var fn = Object.defineProperty;
+var _n = (t, e, n) => e in t ? fn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var C = (t, e, n) => _n(t, typeof e != "symbol" ? e + "" : e, n);
+import { FOCUSING_DOC as Ne, FOCUSING_UNIVER_EDITOR as lt, FOCUSING_COMMON_DRAWINGS as Gt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as mn, Tools as Q, LRUMap as Sn, BaselineOffset as ae, BooleanNumber as S, ColorKit as ft, skipParseTagNames as vn, IUniverInstanceService as U, ILogService as Yt, ICommandService as O, Disposable as te, normalizeBody as Rn, toDisposable as Xt, RxDisposable as ve, Direction as X, EDITOR_ACTIVATED as Kt, LocaleService as le, CommandType as de, DocumentFlavor as On, JSONX as qe, UniverInstanceType as v, ThemeService as Zt, HorizontalAlign as Ue, OnLifecycle as Le, LifecycleStages as we, IContextService as Cn, checkForSubstrings as En, IConfigService as In, DisposableCollection as _t, Plugin as Tn, ObjectRelativeFromH as bn, ObjectRelativeFromV as Mn } from "@univerjs/core";
+import { IClipboardInterfaceService as dt, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as xn, HTML_CLIPBOARD_MIME_TYPE as yn, IEditorService as K, KeyCode as H, MetaKeys as Re, ILayoutService as Jt, ISidebarService as Pn, ComponentManager as qt, MenuGroup as y, MenuItemType as x, MenuPosition as P, getMenuHiddenObservable as D, FONT_FAMILY_LIST as mt, FONT_SIZE_LIST as Dn, getHeaderFooterMenuHiddenObservable as An, FontFamily as Fn, FontFamilyItem as Nn, FontSize as Un, BuiltInUIPart as Ln, IMenuService as wn, IUIPartsService as Bn, CopyCommand as $n, CutCommand as Hn, PasteCommand as Vn, SetEditorResizeOperation as jn, ICanvasPopupService as Wn, IShortcutService as kn } from "@univerjs/ui";
+import { createIdentifier as zn, Inject as T, Injector as Be, Optional as Gn } from "@wendellhu/redi";
+import { TextSelectionManagerService as ne, CutContentCommand as Qt, InnerPasteCommand as en, getDeleteSelection as Yn, DocSkeletonManagerService as w, VIEWPORT_KEY as ee, getDocObject as Xn, MoveCursorOperation as $e, MoveSelectionOperation as He, SelectAllOperation as Kn, neoGetDocObject as q, RichTextEditingMutation as ut, SetInlineFormatBoldCommand as Zn, SetTextSelectionsOperation as V, SetInlineFormatCommand as ue, SetInlineFormatItalicCommand as Jn, SetInlineFormatUnderlineCommand as qn, SetInlineFormatStrikethroughCommand as Qn, SetInlineFormatSubscriptCommand as eo, SetInlineFormatSuperscriptCommand as to, SetInlineFormatFontFamilyCommand as St, SetInlineFormatFontSizeCommand as vt, SetInlineFormatTextColorCommand as Rt, AlignLeftCommand as no, AlignOperationCommand as Ve, AlignCenterCommand as oo, AlignRightCommand as io, AlignJustifyCommand as ro, OrderListCommand as so, BulletListCommand as ao, ResetInlineFormatTextBackgroundColorCommand as co, SetInlineFormatTextBackgroundColorCommand as Qe, BreakLineCommand as lo, DeleteLeftCommand as uo, DeleteRightCommand as ho, CoverContentCommand as go, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ge, DOCS_COMPONENT_HEADER_LAYER_INDEX as po, DOCS_VIEW_KEY as ie, DOCS_COMPONENT_DEFAULT_Z_INDEX as Ot, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as fo, SetDocZoomRatioCommand as _o, SetDocZoomRatioOperation as Pe, DocInterceptorService as mo } from "@univerjs/docs";
+import { pixelToPt as So, ptToPixel as Ct, NodePositionConvertToCursor as tn, getAnchorBounding as vo, IRenderManagerService as j, ITextSelectionRenderManager as oe, Shape as Ro, DocumentEditArea as N, PageLayoutType as De, Vector2 as nn, Rect as Ye, Path as Et, ScrollBar as et, Viewport as Oo, Layer as It, Documents as Co, DocBackground as Eo, CURSOR_TYPE as Tt, getLineBounding as Io } from "@univerjs/engine-render";
+import { takeUntil as se, Observable as B, combineLatest as To, fromEvent as bt, BehaviorSubject as Mt, map as bo } from "rxjs";
+import { useDependency as z, connectInjector as Mo } from "@wendellhu/redi/react-bindings";
+import xo, { useState as on, useEffect as rn } from "react";
+import { Checkbox as xt, InputNumber as yt, Button as yo, ColorPicker as Po } from "@univerjs/design";
+import Do from "clsx";
+function W(t) {
+  return t.getContextValue(Ne) && t.getContextValue(lt) && !t.getContextValue(Gt);
 }
-function $o(n) {
-  return n.getContextValue(Ne) && n.getContextValue(ht) && !n.getContextValue(Rn) && !n.getContextValue(Kt);
+function Ao(t) {
+  return t.getContextValue(Ne) && t.getContextValue(lt) && !t.getContextValue(mn) && !t.getContextValue(Gt);
 }
-const Ho = 10, Vo = 6;
-function jo() {
-  return ee.generateRandomId(Vo);
+const Fo = 10, No = 6;
+function Uo() {
+  return Q.generateRandomId(No);
 }
-function Wo(n) {
-  const e = n.match(/data-copy-id="([^\s]+)"/);
+function Lo(t) {
+  const e = t.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class ko {
+class wo {
   constructor() {
-    E(this, "_cache", new Cn(Ho));
+    C(this, "_cache", new Sn(Fo));
   }
-  set(e, t) {
-    this._cache.set(e, t);
+  set(e, n) {
+    this._cache.set(e, n);
   }
   get(e) {
     return this._cache.get(e);
@@ -39,35 +39,35 @@ class ko {
     this._cache.clear();
   }
 }
-const Ft = new ko();
-function pt(n) {
-  const e = n.style, t = {}, o = n.tagName.toLowerCase();
+const Pt = new wo();
+function ht(t) {
+  const e = t.style, n = {}, o = t.tagName.toLowerCase();
   switch (o) {
     case "b":
     case "em":
     case "strong": {
-      t.bl = S.TRUE;
+      n.bl = S.TRUE;
       break;
     }
     case "s": {
-      t.st = {
+      n.st = {
         s: S.TRUE
       };
       break;
     }
     case "u": {
-      t.ul = {
+      n.ul = {
         s: S.TRUE
       };
       break;
     }
     case "i": {
-      t.it = S.TRUE;
+      n.it = S.TRUE;
       break;
     }
     case "sub":
     case "sup": {
-      t.va = o === "sup" ? ae.SUPERSCRIPT : ae.SUBSCRIPT;
+      n.va = o === "sup" ? ae.SUPERSCRIPT : ae.SUBSCRIPT;
       break;
     }
   }
@@ -75,63 +75,63 @@ function pt(n) {
     const r = e[i], s = e.getPropertyValue(r);
     switch (r) {
       case "font-family": {
-        t.ff = s;
+        n.ff = s;
         break;
       }
       case "font-size": {
         const a = Number.parseInt(s);
-        Number.isNaN(a) || (s.endsWith("pt") ? t.fs = a : s.endsWith("px") && (t.fs = To(a)));
+        Number.isNaN(a) || (s.endsWith("pt") ? n.fs = a : s.endsWith("px") && (n.fs = So(a)));
         break;
       }
       case "font-style": {
-        s === "italic" && (t.it = S.TRUE);
+        s === "italic" && (n.it = S.TRUE);
         break;
       }
       case "font-weight": {
-        (Number(s) > 400 || String(s) === "bold") && (t.bl = S.TRUE);
+        (Number(s) > 400 || String(s) === "bold") && (n.bl = S.TRUE);
         break;
       }
       case "text-decoration": {
-        /underline/.test(s) ? t.ul = {
+        /underline/.test(s) ? n.ul = {
           s: S.TRUE
-        } : /overline/.test(s) ? t.ol = {
+        } : /overline/.test(s) ? n.ol = {
           s: S.TRUE
-        } : /line-through/.test(s) && (t.st = {
+        } : /line-through/.test(s) && (n.st = {
           s: S.TRUE
         });
         break;
       }
       case "color": {
-        const a = new St(s);
-        a.isValid && (t.cl = {
+        const a = new ft(s);
+        a.isValid && (n.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new St(s);
-        a.isValid && (t.bg = {
+        const a = new ft(s);
+        a.isValid && (n.bg = {
           rgb: a.toRgbString()
         });
         break;
       }
     }
   }
-  return t;
+  return n;
 }
-function zo(n) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${n}</x-univer>`;
-  return e.parseFromString(t, "text/html").querySelector("#univer-root");
+function Bo(t) {
+  const e = new DOMParser(), n = `<x-univer id="univer-root">${t}</x-univer>`;
+  return e.parseFromString(n, "text/html").querySelector("#univer-root");
 }
-function Nt(n, e) {
-  const t = n.tagName.toLowerCase();
-  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((o) => o === t) : e(n);
+function Dt(t, e) {
+  const n = t.tagName.toLowerCase();
+  return typeof e == "string" ? n === e : Array.isArray(e) ? e.some((o) => o === n) : e(t);
 }
 const Fe = class Fe {
   constructor() {
-    E(this, "_styleCache", /* @__PURE__ */ new Map());
-    E(this, "_styleRules", []);
-    E(this, "_afterProcessRules", []);
+    C(this, "_styleCache", /* @__PURE__ */ new Map());
+    C(this, "_styleRules", []);
+    C(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -139,15 +139,15 @@ const Fe = class Fe {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = Fe._pluginList.find((r) => r.checkPasteType(e)), o = zo(e), i = {
+    const n = Fe._pluginList.find((r) => r.checkPasteType(e)), o = Bo(e), i = {
       dataStream: "",
       textRuns: []
     };
-    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, o == null ? void 0 : o.childNodes, i), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], i;
+    return n && (this._styleRules = [...n.stylesRules], this._afterProcessRules = [...n.afterProcessRules]), this._styleCache.clear(), this._process(null, o == null ? void 0 : o.childNodes, i), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], i;
   }
-  _process(e, t, o) {
+  _process(e, n, o) {
     var i, r;
-    for (const s of t)
+    for (const s of n)
       if (s.nodeType === Node.TEXT_NODE) {
         if (((i = s.nodeValue) == null ? void 0 : i.trim()) === "")
           continue;
@@ -159,34 +159,34 @@ const Fe = class Fe {
           ts: c
         });
       } else {
-        if (En.includes(s.nodeName.toLowerCase()))
+        if (vn.includes(s.nodeName.toLowerCase()))
           continue;
         if (s.nodeType === Node.ELEMENT_NODE) {
-          const a = e ? this._styleCache.get(e) : {}, c = this._styleRules.find(({ filter: h }) => Nt(s, h)), d = c ? c.getStyle(s) : pt(s);
+          const a = e ? this._styleCache.get(e) : {}, c = this._styleRules.find(({ filter: g }) => Dt(s, g)), d = c ? c.getStyle(s) : ht(s);
           this._styleCache.set(s, { ...a, ...d });
           const { childNodes: p } = s;
           this._process(s, p, o);
-          const g = this._afterProcessRules.find(
-            ({ filter: h }) => Nt(s, h)
+          const h = this._afterProcessRules.find(
+            ({ filter: g }) => Dt(s, g)
           );
-          g && g.handler(o, s);
+          h && h.handler(o, s);
         }
       }
   }
 };
-E(Fe, "_pluginList", []);
+C(Fe, "_pluginList", []);
 let ce = Fe;
-const Go = {
+const $o = {
   name: "univer-doc-paste-plugin-lark",
-  checkPasteType(n) {
-    return /lark-record-clipboard/i.test(n);
+  checkPasteType(t) {
+    return /lark-record-clipboard/i.test(t);
   },
   // TODO: @JOCS, support inline code copy from lark.
   stylesRules: [
     {
       filter: ["s"],
-      getStyle(n) {
-        const e = pt(n);
+      getStyle(t) {
+        const e = ht(t);
         return {
           st: {
             s: S.TRUE
@@ -198,173 +198,173 @@ const Go = {
   ],
   afterProcessRules: [
     {
-      filter(n) {
-        return n.tagName === "DIV" && /ace-line/i.test(n.className);
+      filter(t) {
+        return t.tagName === "DIV" && /ace-line/i.test(t.className);
       },
-      handler(n) {
-        n.paragraphs == null && (n.paragraphs = []), n.paragraphs.push({
-          startIndex: n.dataStream.length
-        }), n.dataStream += "\r";
+      handler(t) {
+        t.paragraphs == null && (t.paragraphs = []), t.paragraphs.push({
+          startIndex: t.dataStream.length
+        }), t.dataStream += "\r";
       }
     }
   ]
-}, Yo = Go;
-function ln(n) {
-  const e = n.style, t = {};
+}, Ho = $o;
+function sn(t) {
+  const e = t.style, n = {};
   for (let o = 0; o < e.length; o++) {
     const i = e[o], r = e.getPropertyValue(i);
     switch (i) {
       case "margin-top": {
         const s = Number.parseInt(r);
-        t.spaceAbove = /pt/.test(r) ? It(s) : s;
+        n.spaceAbove = /pt/.test(r) ? Ct(s) : s;
         break;
       }
       case "margin-bottom": {
         const s = Number.parseInt(r);
-        t.spaceBelow = /pt/.test(r) ? It(s) : s;
+        n.spaceBelow = /pt/.test(r) ? Ct(s) : s;
         break;
       }
       case "line-height": {
         const s = Number.parseFloat(r);
-        t.lineSpacing = s;
+        n.lineSpacing = s;
         break;
       }
     }
   }
-  return Object.getOwnPropertyNames(t).length ? t : null;
+  return Object.getOwnPropertyNames(n).length ? n : null;
 }
-const Xo = {
+const Vo = {
   name: "univer-doc-paste-plugin-word",
-  checkPasteType(n) {
-    return /word|mso/i.test(n);
+  checkPasteType(t) {
+    return /word|mso/i.test(t);
   },
   stylesRules: [
     {
       filter: ["b"],
-      getStyle(n) {
-        const e = pt(n);
+      getStyle(t) {
+        const e = ht(t);
         return { bl: S.TRUE, ...e };
       }
     }
   ],
   afterProcessRules: [
     {
-      filter(n) {
-        return n.tagName === "P";
+      filter(t) {
+        return t.tagName === "P";
       },
-      handler(n, e) {
-        n.paragraphs == null && (n.paragraphs = []);
-        const t = {
-          startIndex: n.dataStream.length
-        }, o = ln(e);
-        o && (t.paragraphStyle = o), n.paragraphs.push(t), n.dataStream += "\r";
+      handler(t, e) {
+        t.paragraphs == null && (t.paragraphs = []);
+        const n = {
+          startIndex: t.dataStream.length
+        }, o = sn(e);
+        o && (n.paragraphStyle = o), t.paragraphs.push(n), t.dataStream += "\r";
       }
     }
   ]
-}, Ko = Xo, Zo = {
+}, jo = Vo, Wo = {
   name: "univer-doc-paste-plugin-univer",
-  checkPasteType(n) {
-    return /UniverNormal/i.test(n);
+  checkPasteType(t) {
+    return /UniverNormal/i.test(t);
   },
   stylesRules: [],
   afterProcessRules: [
     {
-      filter(n) {
-        return n.tagName === "P" && /UniverNormal/i.test(n.className);
+      filter(t) {
+        return t.tagName === "P" && /UniverNormal/i.test(t.className);
       },
-      handler(n, e) {
-        n.paragraphs == null && (n.paragraphs = []);
-        const t = {
-          startIndex: n.dataStream.length
-        }, o = ln(e);
-        o && (t.paragraphStyle = o), n.paragraphs.push(t), n.dataStream += "\r";
+      handler(t, e) {
+        t.paragraphs == null && (t.paragraphs = []);
+        const n = {
+          startIndex: t.dataStream.length
+        }, o = sn(e);
+        o && (n.paragraphStyle = o), t.paragraphs.push(n), t.dataStream += "\r";
       }
     }
   ]
-}, qo = Zo;
-function Lt(n, e) {
-  const { st: t, ed: o, ts: i = {} } = e, { ff: r, fs: s, it: a, bl: c, ul: d, st: p, ol: g, bg: h, cl: l, va: f } = i;
-  let u = n.slice(t, o);
+}, ko = Wo;
+function At(t, e) {
+  const { st: n, ed: o, ts: i = {} } = e, { ff: r, fs: s, it: a, bl: c, ul: d, st: p, ol: h, bg: g, cl: l, va: f } = i;
+  let u = t.slice(n, o);
   const _ = [];
-  return a === S.TRUE && (u = `<i>${u}</i>`), f === ae.SUPERSCRIPT ? u = `<sup>${u}</sup>` : f === ae.SUBSCRIPT && (u = `<sub>${u}</sub>`), (d == null ? void 0 : d.s) === S.TRUE && (u = `<u>${u}</u>`), (p == null ? void 0 : p.s) === S.TRUE && (u = `<s>${u}</s>`), c === S.TRUE && (u = `<strong>${u}</strong>`), r && _.push(`font-family: ${r}`), l && _.push(`color: ${l.rgb}`), s && _.push(`font-size: ${s}pt`), g && _.push("text-decoration: overline"), h && _.push(`background: ${h.rgb}`), _.length ? `<span style="${_.join("; ")};">${u}</span>` : u;
+  return a === S.TRUE && (u = `<i>${u}</i>`), f === ae.SUPERSCRIPT ? u = `<sup>${u}</sup>` : f === ae.SUBSCRIPT && (u = `<sub>${u}</sub>`), (d == null ? void 0 : d.s) === S.TRUE && (u = `<u>${u}</u>`), (p == null ? void 0 : p.s) === S.TRUE && (u = `<s>${u}</s>`), c === S.TRUE && (u = `<strong>${u}</strong>`), r && _.push(`font-family: ${r}`), l && _.push(`color: ${l.rgb}`), s && _.push(`font-size: ${s}pt`), h && _.push("text-decoration: overline"), g && _.push(`background: ${g.rgb}`), _.length ? `<span style="${_.join("; ")};">${u}</span>` : u;
 }
-function Ke(n, e, t) {
-  const { dataStream: o, textRuns: i = [] } = n;
+function Xe(t, e, n) {
+  const { dataStream: o, textRuns: i = [] } = t;
   let r = e;
   const s = [];
   for (const a of i) {
     const { st: c, ed: d } = a;
-    ee.hasIntersectionBetweenTwoRanges(e, t, c, d) && (c > r ? (s.push(o.slice(r, c)), s.push(Lt(o, {
+    Q.hasIntersectionBetweenTwoRanges(e, n, c, d) && (c > r ? (s.push(o.slice(r, c)), s.push(At(o, {
       ...a,
-      ed: Math.min(d, t)
-    }))) : s.push(Lt(o, {
+      ed: Math.min(d, n)
+    }))) : s.push(At(o, {
       ...a,
       st: r,
-      ed: Math.min(d, t)
-    }))), r = Math.max(e, Math.min(d, t));
+      ed: Math.min(d, n)
+    }))), r = Math.max(e, Math.min(d, n));
   }
-  return r !== t && s.push(o.slice(r, t)), s.join("");
+  return r !== n && s.push(o.slice(r, n)), s.join("");
 }
-function Ut(n, e = !0) {
-  var t;
-  if (e && ((t = n.paragraphs) != null && t.length)) {
-    const { dataStream: o, paragraphs: i = [] } = n;
+function Ft(t, e = !0) {
+  var n;
+  if (e && ((n = t.paragraphs) != null && n.length)) {
+    const { dataStream: o, paragraphs: i = [] } = t;
     let r = "", s = -1;
     for (const a of i) {
-      const { startIndex: c, paragraphStyle: d = {} } = a, { spaceAbove: p, spaceBelow: g, lineSpacing: h } = d, l = [];
-      p != null && (typeof p == "number" ? l.push(`margin-top: ${p}px`) : l.push(`margin-top: ${p.v}px`)), g != null && (typeof g == "number" ? l.push(`margin-bottom: ${g}px`) : l.push(`margin-bottom: ${g.v}px`)), h != null && l.push(`line-height: ${h}`), c > s + 1 ? r += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}>${Ke(n, s + 1, c)}</p>` : r += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}></p>`, s = c;
+      const { startIndex: c, paragraphStyle: d = {} } = a, { spaceAbove: p, spaceBelow: h, lineSpacing: g } = d, l = [];
+      p != null && (typeof p == "number" ? l.push(`margin-top: ${p}px`) : l.push(`margin-top: ${p.v}px`)), h != null && (typeof h == "number" ? l.push(`margin-bottom: ${h}px`) : l.push(`margin-bottom: ${h.v}px`)), g != null && l.push(`line-height: ${g}`), c > s + 1 ? r += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}>${Xe(t, s + 1, c)}</p>` : r += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}></p>`, s = c;
     }
-    return s !== o.length && (r += Ke(n, s, o.length)), r;
+    return s !== o.length && (r += Xe(t, s, o.length)), r;
   } else
-    return Ke(n, 0, n.dataStream.length);
+    return Xe(t, 0, t.dataStream.length);
 }
-class Jo {
+class zo {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return Ut(e[0]);
-    let t = "";
+      return Ft(e[0]);
+    let n = "";
     for (const o of e)
-      t += '<p className="UniverNormal">', t += Ut(o, !1), t += "</p>";
-    return t;
+      n += '<p className="UniverNormal">', n += Ft(o, !1), n += "</p>";
+    return n;
   }
 }
-var Qo = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? ei(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Qo(e, t, i), i;
-}, he = (n, e) => (t, o) => e(t, o, n);
-ce.use(Ko);
-ce.use(Yo);
-ce.use(qo);
-function ni(n) {
-  const e = n.replace(/\n/g, "\r"), t = [];
+var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Xo = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Yo(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Go(e, n, i), i;
+}, he = (t, e) => (n, o) => e(n, o, t);
+ce.use(jo);
+ce.use(Ho);
+ce.use(ko);
+function Ko(t) {
+  const e = t.replace(/\n/g, "\r"), n = [];
   for (let o = 0; o < e.length; o++)
-    e[o] === "\r" && t.push({ startIndex: o });
+    e[o] === "\r" && n.push({ startIndex: o });
   return {
     dataStream: e,
-    paragraphs: t
+    paragraphs: n
   };
 }
-const Ce = qn("doc.clipboard-service");
-let ot = class extends K {
-  constructor(e, t, o, i, r) {
+const Oe = zn("doc.clipboard-service");
+let tt = class extends te {
+  constructor(e, n, o, i, r) {
     super();
-    E(this, "_clipboardHooks", []);
-    E(this, "_htmlToUDM", new ce());
-    E(this, "_umdToHtml", new Jo());
-    this._univerInstanceService = e, this._logService = t, this._commandService = o, this._clipboardInterfaceService = i, this._textSelectionManagerService = r;
+    C(this, "_clipboardHooks", []);
+    C(this, "_htmlToUDM", new ce());
+    C(this, "_umdToHtml", new zo());
+    this._univerInstanceService = e, this._logService = n, this._commandService = o, this._clipboardInterfaceService = i, this._textSelectionManagerService = r;
   }
   async copy() {
     const e = this._getDocumentBodyInRanges();
     if (e.length === 0)
       return !1;
     try {
-      const t = this._textSelectionManagerService.getActiveRange(), o = !!(t != null && t.segmentId);
+      const n = this._textSelectionManagerService.getActiveRange(), o = !!(n != null && n.segmentId);
       this._setClipboardData(e, !o);
-    } catch (t) {
-      return this._logService.error("[DocClipboardService] copy failed", t), !1;
+    } catch (n) {
+      return this._logService.error("[DocClipboardService] copy failed", n), !1;
     }
     return !0;
   }
@@ -372,28 +372,28 @@ let ot = class extends K {
     return this._cut();
   }
   async paste(e) {
-    const t = await this._generateBodyFromClipboardItems(e);
-    return this._paste(t);
+    const n = await this._generateBodyFromClipboardItems(e);
+    return this._paste(n);
   }
-  async legacyPaste(e, t) {
-    const o = this._generateBodyFromHtmlAndText(e, t);
+  async legacyPaste(e, n) {
+    const o = this._generateBodyFromHtmlAndText(e, n);
     return this._paste(o);
   }
   async _cut() {
     var r;
     const {
       segmentId: e,
-      endOffset: t,
+      endOffset: n,
       style: o
-    } = (r = this._textSelectionManagerService.getActiveRange()) != null ? r : {}, i = this._textSelectionManagerService.getSelections();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t == null || i == null)
+    } = (r = this._textSelectionManagerService.getActiveRange()) != null ? r : {}, i = this._textSelectionManagerService.getCurrentSelections();
+    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), n == null || i == null)
       return !1;
     this.copy();
     try {
-      let s = t;
+      let s = n;
       for (const c of i) {
         const { startOffset: d, endOffset: p } = c;
-        d == null || p == null || p <= t && (s -= p - d);
+        d == null || p == null || p <= n && (s -= p - d);
       }
       const a = [
         {
@@ -402,24 +402,24 @@ let ot = class extends K {
           style: o
         }
       ];
-      return this._commandService.executeCommand(nn.id, { segmentId: e, textRanges: a });
+      return this._commandService.executeCommand(Qt.id, { segmentId: e, textRanges: a });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
   }
   async _paste(e) {
-    let t = Tn(e);
+    let n = Rn(e);
     this._clipboardHooks.forEach((c) => {
-      c.onBeforePaste && (t = c.onBeforePaste(t));
+      c.onBeforePaste && (n = c.onBeforePaste(n));
     });
-    const o = this._textSelectionManagerService.getActiveRange(), { segmentId: i, endOffset: r, style: s } = o || {}, a = this._textSelectionManagerService.getSelections();
+    const o = this._textSelectionManagerService.getActiveRange(), { segmentId: i, endOffset: r, style: s } = o || {}, a = this._textSelectionManagerService.getCurrentSelections();
     if (i == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), r == null || a == null)
       return !1;
     try {
       let c = r;
       for (const p of a) {
-        const { startOffset: g, endOffset: h } = p;
-        g == null || h == null || h <= r && (c += t.dataStream.length - (h - g));
+        const { startOffset: h, endOffset: g } = p;
+        h == null || g == null || g <= r && (c += n.dataStream.length - (g - h));
       }
       const d = [
         {
@@ -428,147 +428,147 @@ let ot = class extends K {
           style: s
         }
       ];
-      return this._commandService.executeCommand(on.id, { body: t, segmentId: i, textRanges: d });
+      return this._commandService.executeCommand(en.id, { body: n, segmentId: i, textRanges: d });
     } catch {
       return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
     }
   }
-  async _setClipboardData(e, t = !0) {
-    const o = jo(), i = e.length > 1 ? e.map((s) => s.dataStream).join(`
+  async _setClipboardData(e, n = !0) {
+    const o = Uo(), i = e.length > 1 ? e.map((s) => s.dataStream).join(`
 `) : e[0].dataStream;
     let r = this._umdToHtml.convert(e);
-    return e.length === 1 && t && (r = r.replace(/(<[a-z]+)/, (s, a) => `${a} data-copy-id="${o}"`), Ft.set(o, e[0])), this._clipboardInterfaceService.write(i, r);
+    return e.length === 1 && n && (r = r.replace(/(<[a-z]+)/, (s, a) => `${a} data-copy-id="${o}"`), Pt.set(o, e[0])), this._clipboardInterfaceService.write(i, r);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), qt(() => {
-      const t = this._clipboardHooks.indexOf(e);
-      t > -1 && this._clipboardHooks.splice(t, 1);
+    return this._clipboardHooks.push(e), Xt(() => {
+      const n = this._clipboardHooks.indexOf(e);
+      n > -1 && this._clipboardHooks.splice(n, 1);
     });
   }
   _getDocumentBodyInRanges() {
-    const e = this._textSelectionManagerService.getSelections(), t = this._textSelectionManagerService.getActiveRange(), o = this._univerInstanceService.getCurrentUniverDocInstance(), i = [], r = o == null ? void 0 : o.getBody();
-    if (e == null || o == null || r == null || t == null)
+    const e = this._textSelectionManagerService.getCurrentSelections(), n = this._textSelectionManagerService.getActiveRange(), o = this._univerInstanceService.getCurrentUniverDocInstance(), i = [], r = o == null ? void 0 : o.getBody();
+    if (e == null || o == null || r == null || n == null)
       return i;
-    const { segmentId: s } = t;
+    const { segmentId: s } = n;
     for (const a of e) {
       const { startOffset: c, endOffset: d, collapsed: p } = a;
       if (p || c == null || d == null)
         continue;
-      const g = Qn({ startOffset: c, endOffset: d, collapsed: p }, r), h = o.getSelfOrHeaderFooterModel(s).sliceBody(g.startOffset, g.endOffset);
-      if (h != null) {
-        if (h.customRanges) {
+      const h = Yn({ startOffset: c, endOffset: d, collapsed: p }, r), g = o.getSelfOrHeaderFooterModel(s).sliceBody(h.startOffset, h.endOffset);
+      if (g != null) {
+        if (g.customRanges) {
           const l = [];
-          h.customRanges.forEach((_) => {
+          g.customRanges.forEach((_) => {
             _.startIndex === _.endIndex && l.push(_);
-          }), h.customRanges = h.customRanges.filter((_) => l.indexOf(_) === -1);
+          }), g.customRanges = g.customRanges.filter((_) => l.indexOf(_) === -1);
           let f = "", u = 0;
           l.forEach((_) => {
-            f += h.dataStream.slice(u, _.endIndex), u = _.endIndex + 1;
-          }), f += h.dataStream.slice(u, h.dataStream.length), h.dataStream = f;
+            f += g.dataStream.slice(u, _.endIndex), u = _.endIndex + 1;
+          }), f += g.dataStream.slice(u, g.dataStream.length), g.dataStream = f;
         }
-        i.push(h);
+        i.push(g);
       }
     }
     return i;
   }
   async _generateBodyFromClipboardItems(e) {
     try {
-      let t = "", o = "";
+      let n = "", o = "";
       for (const i of e)
         for (const r of i.types)
-          r === Nn ? o = await i.getType(r).then((s) => s && s.text()) : r === Ln && (t = await i.getType(r).then((s) => s && s.text()));
-      return this._generateBodyFromHtmlAndText(t, o);
-    } catch (t) {
-      return Promise.reject(t);
+          r === xn ? o = await i.getType(r).then((s) => s && s.text()) : r === yn && (n = await i.getType(r).then((s) => s && s.text()));
+      return this._generateBodyFromHtmlAndText(n, o);
+    } catch (n) {
+      return Promise.reject(n);
     }
   }
-  _generateBodyFromHtmlAndText(e, t) {
+  _generateBodyFromHtmlAndText(e, n) {
     if (!e) {
-      if (t)
-        return ni(t);
+      if (n)
+        return Ko(n);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const o = Wo(e);
+    const o = Lo(e);
     if (o) {
-      const i = Ft.get(o);
+      const i = Pt.get(o);
       if (i)
         return i;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-ot = ti([
-  he(0, L),
-  he(1, Zt),
-  he(2, C),
-  he(3, gt),
+tt = Xo([
+  he(0, U),
+  he(1, Yt),
+  he(2, O),
+  he(3, dt),
   he(4, T(ne))
-], ot);
-var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ri = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? ii(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && oi(e, t, i), i;
-}, Ee = (n, e) => (t, o) => e(t, o, n);
-const wt = 1.5;
-let it = class extends Oe {
-  constructor(n, e, t, o, i) {
-    super(), this._context = n, this._textSelectionManagerService = e, this._editorService = t, this._univerInstanceService = o, this._renderManagerService = i, this._init();
+], tt);
+var Zo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, qo = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Jo(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Zo(e, n, i), i;
+}, Ce = (t, e) => (n, o) => e(n, o, t);
+const Nt = 1.5;
+let nt = class extends ve {
+  constructor(t, e, n, o, i) {
+    super(), this._context = t, this._textSelectionManagerService = e, this._editorService = n, this._univerInstanceService = o, this._renderManagerService = i, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(se(this.dispose$)).subscribe((n) => {
-      if (n == null)
+    this._textSelectionManagerService.textSelection$.pipe(se(this.dispose$)).subscribe((t) => {
+      if (t == null)
         return;
-      const { isEditing: e, unitId: t } = n;
-      e && this._scrollToSelection(t);
+      const { isEditing: e, unitId: n } = t;
+      e && this._scrollToSelection(n);
     });
   }
-  scrollToRange(n, e) {
+  scrollToRange(t, e) {
     var s;
-    const t = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.with(N), o = t == null ? void 0 : t.getSkeleton();
+    const n = (s = this._renderManagerService.getRenderById(t)) == null ? void 0 : s.with(w), o = n == null ? void 0 : n.getSkeleton();
     if (!o)
       return;
     const { startOffset: i } = e, r = o.findNodePositionByCharIndex(i);
-    this.scrollToNode(n, r);
+    this.scrollToNode(t, r);
   }
-  scrollToNode(n, e) {
-    var $;
-    const t = this._getDocObject(), o = ($ = this._renderManagerService.getRenderById(n)) == null ? void 0 : $.with(N), i = o == null ? void 0 : o.getSkeleton();
-    if (t == null || i == null)
+  scrollToNode(t, e) {
+    var k;
+    const n = this._getDocObject(), o = (k = this._renderManagerService.getRenderById(t)) == null ? void 0 : k.with(w), i = o == null ? void 0 : o.getSkeleton();
+    if (n == null || i == null)
       return;
-    const r = t.document.getOffsetConfig(), { docsLeft: s, docsTop: a } = r, c = new rn(r, i), { contentBoxPointGroup: d } = c.getRangePointData(e, e), { left: p, top: g, height: h } = Io(d), l = p + s, f = g + a, u = t.scene.getViewport(te.VIEW_MAIN), _ = !!this._editorService.getEditor(n);
+    const r = n.document.getOffsetConfig(), { docsLeft: s, docsTop: a } = r, c = new tn(r, i), { contentBoxPointGroup: d } = c.getRangePointData(e, e), { left: p, top: h, height: g } = vo(d), l = p + s, f = h + a, u = n.scene.getViewport(ee.VIEW_MAIN), _ = !!this._editorService.getEditor(t);
     if (u == null)
       return;
     const {
       left: m,
-      top: O,
-      right: M,
-      bottom: I
+      top: R,
+      right: b,
+      bottom: M
     } = u.getBounding().viewBound;
-    let R = 0, y = 0;
-    const j = _ ? 0 : 100;
-    f < O ? R = f - O - j : f > I - h && (R = f - I + h + j), l < m ? y = l - m : l > M - wt && (y = l - M + wt);
-    const W = u.transViewportScroll2ScrollValue(y, R);
-    u.scrollBy(W);
+    let E = 0, A = 0;
+    const F = _ ? 0 : 100;
+    f < R ? E = f - R - F : f > M - g && (E = f - M + g + F), l < m ? A = l - m : l > b - Nt && (A = l - b + Nt);
+    const G = u.transViewportScroll2ScrollValue(A, E);
+    u.scrollBy(G);
   }
   // Let the selection show on the current screen.
-  _scrollToSelection(n) {
+  _scrollToSelection(t) {
     const e = this._textSelectionManagerService.getActiveRange();
     if (e == null)
       return;
-    const { collapsed: t, startNodePosition: o } = e;
-    t && this.scrollToNode(n, o);
+    const { collapsed: n, startNodePosition: o } = e;
+    n && this.scrollToNode(t, o);
   }
   _getDocObject() {
-    return eo(this._univerInstanceService, this._renderManagerService);
+    return Xn(this._univerInstanceService, this._renderManagerService);
   }
 };
-it = ri([
-  Ee(1, T(ne)),
-  Ee(2, Y),
-  Ee(3, T(L)),
-  Ee(4, k)
-], it);
-const si = {
+nt = qo([
+  Ce(1, T(ne)),
+  Ce(2, K),
+  Ce(3, T(U)),
+  Ce(4, j)
+], nt);
+const Qo = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -596,7 +596,7 @@ const si = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, ai = {
+}, ei = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -609,83 +609,83 @@ const si = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, ci = {
+}, ti = {
   layout: {
-    docContainerConfig: ai,
-    toolbarConfig: si
+    docContainerConfig: ei,
+    toolbarConfig: Qo
   }
-}, li = "DocUI", di = {
+}, ni = "DocUI", oi = {
   id: $e.id,
   binding: H.ARROW_UP,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.UP
+    direction: X.UP
   }
-}, ui = {
+}, ii = {
   id: $e.id,
   binding: H.ARROW_DOWN,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.DOWN
+    direction: X.DOWN
   }
-}, hi = {
+}, ri = {
   id: $e.id,
   binding: H.ARROW_LEFT,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.LEFT
+    direction: X.LEFT
   }
-}, gi = {
+}, si = {
   id: $e.id,
   binding: H.ARROW_RIGHT,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.RIGHT
+    direction: X.RIGHT
   }
-}, pi = {
+}, ai = {
   id: He.id,
   binding: H.ARROW_UP | Re.SHIFT,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.UP
+    direction: X.UP
   }
-}, _i = {
+}, ci = {
   id: He.id,
   binding: H.ARROW_DOWN | Re.SHIFT,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.DOWN
+    direction: X.DOWN
   }
-}, fi = {
+}, li = {
   id: He.id,
   binding: H.ARROW_LEFT | Re.SHIFT,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.LEFT
+    direction: X.LEFT
   }
-}, mi = {
+}, di = {
   id: He.id,
   binding: H.ARROW_RIGHT | Re.SHIFT,
-  preconditions: z,
+  preconditions: W,
   staticParameters: {
-    direction: Z.RIGHT
+    direction: X.RIGHT
   }
-}, Si = {
-  id: to.id,
+}, ui = {
+  id: Kn.id,
   binding: H.A | Re.CTRL_COMMAND,
-  preconditions: (n) => n.getContextValue(ht) && (n.getContextValue(Ne) || n.getContextValue(Jt))
+  preconditions: (t) => t.getContextValue(lt) && (t.getContextValue(Ne) || t.getContextValue(Kt))
 };
-var vi = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, Ri = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Oi(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && vi(e, t, i), i;
-}, Bt = (n, e) => (t, o) => e(t, o, n);
-let rt = class {
-  constructor(n, e, t) {
-    E(this, "_docContainer");
+var hi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, pi = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? gi(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && hi(e, n, i), i;
+}, Ut = (t, e) => (n, o) => e(n, o, t);
+let ot = class {
+  constructor(t, e, n) {
+    C(this, "_docContainer");
     // 获取SheetContainer组件
-    E(this, "getComponent", (n) => {
-      if (this._docContainer = n, !n.getContentRef().current)
+    C(this, "getComponent", (t) => {
+      if (this._docContainer = t, !t.getContentRef().current)
         throw new Error("container is not ready");
     });
     /**
@@ -695,10 +695,10 @@ let rt = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    E(this, "changeLocale", (n) => {
-      this._localeService.setLocale(n);
+    C(this, "changeLocale", (t) => {
+      this._localeService.setLocale(t);
     });
-    this._config = n, this._localeService = e, this._injector = t;
+    this._config = t, this._localeService = e, this._injector = n;
   }
   getUIConfig() {
     return {
@@ -711,27 +711,27 @@ let rt = class {
   getContentRef() {
     return this._docContainer.getContentRef();
   }
-  UIDidMount(n) {
+  UIDidMount(t) {
     if (this._docContainer)
-      return n(this._docContainer);
+      return t(this._docContainer);
   }
   getDocContainer() {
     return this._docContainer;
   }
 };
-rt = Ri([
-  Bt(1, T(le)),
-  Bt(2, T(Be))
-], rt);
-var Ci = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, Ti = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Ei(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Ci(e, t, i), i;
-}, Te = (n, e) => (t, o) => e(t, o, n);
-let me = class extends Oe {
-  constructor(e, t, o, i, r) {
+ot = pi([
+  Ut(1, T(le)),
+  Ut(2, T(Be))
+], ot);
+var fi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, mi = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? _i(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && fi(e, n, i), i;
+}, Ee = (t, e) => (n, o) => e(n, o, t);
+let me = class extends ve {
+  constructor(e, n, o, i, r) {
     super();
-    E(this, "_docContainerController");
+    C(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -739,10 +739,10 @@ let me = class extends Oe {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    E(this, "changeLocale", (e) => {
+    C(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = o, this._textSelectionRenderManager = i, this._layoutService = r, this._docContainerController = this._injector.createInstance(rt, e), this._registerContainer();
+    this._localeService = n, this._injector = o, this._textSelectionRenderManager = i, this._layoutService = r, this._docContainerController = this._injector.createInstance(ot, e), this._registerContainer();
   }
   _registerContainer() {
     this._layoutService && this.disposeWithMe(
@@ -754,14 +754,14 @@ let me = class extends Oe {
     return this._docContainerController;
   }
 };
-me = Ti([
-  Te(1, T(le)),
-  Te(2, T(Be)),
-  Te(3, oe),
-  Te(4, Jn(en))
+me = mi([
+  Ee(1, T(le)),
+  Ee(2, T(Be)),
+  Ee(3, oe),
+  Ee(4, Gn(Jt))
 ], me);
-const We = "UI_PLUGIN_DOCS", _t = `${We}_COLOR_PICKER_COMPONENT`, dn = `${We}_FONT_FAMILY_COMPONENT`, un = `${We}_FONT_FAMILY_ITEM_COMPONENT`, hn = `${We}_FONT_SIZE_COMPONENT`;
-var gn = { exports: {} }, ke = {};
+const je = "UI_PLUGIN_DOCS", gt = `${je}_COLOR_PICKER_COMPONENT`, an = `${je}_FONT_FAMILY_COMPONENT`, cn = `${je}_FONT_FAMILY_ITEM_COMPONENT`, ln = `${je}_FONT_SIZE_COMPONENT`;
+var dn = { exports: {} }, We = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -771,136 +771,136 @@ var gn = { exports: {} }, ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ii = Lo, bi = Symbol.for("react.element"), Mi = Symbol.for("react.fragment"), xi = Object.prototype.hasOwnProperty, yi = Ii.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Pi = { key: !0, ref: !0, __self: !0, __source: !0 };
-function pn(n, e, t) {
+var Si = xo, vi = Symbol.for("react.element"), Ri = Symbol.for("react.fragment"), Oi = Object.prototype.hasOwnProperty, Ci = Si.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Ei = { key: !0, ref: !0, __self: !0, __source: !0 };
+function un(t, e, n) {
   var o, i = {}, r = null, s = null;
-  t !== void 0 && (r = "" + t), e.key !== void 0 && (r = "" + e.key), e.ref !== void 0 && (s = e.ref);
-  for (o in e) xi.call(e, o) && !Pi.hasOwnProperty(o) && (i[o] = e[o]);
-  if (n && n.defaultProps) for (o in e = n.defaultProps, e) i[o] === void 0 && (i[o] = e[o]);
-  return { $$typeof: bi, type: n, key: r, ref: s, props: i, _owner: yi.current };
+  n !== void 0 && (r = "" + n), e.key !== void 0 && (r = "" + e.key), e.ref !== void 0 && (s = e.ref);
+  for (o in e) Oi.call(e, o) && !Ei.hasOwnProperty(o) && (i[o] = e[o]);
+  if (t && t.defaultProps) for (o in e = t.defaultProps, e) i[o] === void 0 && (i[o] = e[o]);
+  return { $$typeof: vi, type: t, key: r, ref: s, props: i, _owner: Ci.current };
 }
-ke.Fragment = Mi;
-ke.jsx = pn;
-ke.jsxs = pn;
-gn.exports = ke;
-var b = gn.exports;
-const Di = "univer-docs-ui-canvas-background", Ai = {
-  docsUiCanvasBackground: Di
-}, Fi = () => /* @__PURE__ */ b.jsx("div", { className: Ai.docsUiCanvasBackground }), $t = 18, Ht = 200, Ze = 6, Ni = 4;
-function Li(n, e) {
-  let { radius: t, width: o, height: i } = e;
-  t = t != null ? t : 0, o = o != null ? o : 30, i = i != null ? i : 30;
+We.Fragment = Ri;
+We.jsx = un;
+We.jsxs = un;
+dn.exports = We;
+var I = dn.exports;
+const Ii = "univer-docs-ui-canvas-background", Ti = {
+  docsUiCanvasBackground: Ii
+}, bi = () => /* @__PURE__ */ I.jsx("div", { className: Ti.docsUiCanvasBackground }), Lt = 18, wt = 200, Ke = 6, Mi = 4;
+function xi(t, e) {
+  let { radius: n, width: o, height: i } = e;
+  n = n != null ? n : 0, o = o != null ? o : 30, i = i != null ? i : 30;
   let r = 0;
-  r = Math.min(t, o / 2, i / 2), n.beginPath(), n.moveTo(0, 0), n.lineTo(o, 0), n.lineTo(o, i - r), n.arc(o - r, i - r, r, 0, Math.PI / 2, !1), n.lineTo(0, i), n.lineTo(0, 0), n.closePath(), e.fill && (n.save(), n.fillStyle = e.fill, e.fillRule === "evenodd" ? n.fill("evenodd") : n.fill(), n.restore());
+  r = Math.min(n, o / 2, i / 2), t.beginPath(), t.moveTo(0, 0), t.lineTo(o, 0), t.lineTo(o, i - r), t.arc(o - r, i - r, r, 0, Math.PI / 2, !1), t.lineTo(0, i), t.lineTo(0, 0), t.closePath(), e.fill && (t.save(), t.fillStyle = e.fill, e.fillRule === "evenodd" ? t.fill("evenodd") : t.fill(), t.restore());
 }
-class Ae extends bo {
-  constructor(t, o) {
-    super(t, o);
-    E(this, "color");
-    E(this, "text");
+class Ae extends Ro {
+  constructor(n, o) {
+    super(n, o);
+    C(this, "color");
+    C(this, "text");
     this.color = o == null ? void 0 : o.color, this.text = o == null ? void 0 : o.text;
   }
-  static drawWith(t, o) {
+  static drawWith(n, o) {
     const { text: i, color: r } = o;
-    t.save(), t.font = "13px Source Han Sans CN";
-    const s = t.measureText(i).width, a = Math.min(
-      s + 2 * Ze,
-      Ht
+    n.save(), n.font = "13px Source Han Sans CN";
+    const s = n.measureText(i).width, a = Math.min(
+      s + 2 * Ke,
+      wt
     );
-    Li(t, {
-      height: $t,
+    xi(n, {
+      height: Lt,
       width: a,
       radius: 4,
       fill: r,
       evented: !1
-    }), t.fillStyle = "rgba(58, 96, 247, 1)";
-    const c = Ze, d = $t - Ni, p = Ht - 2 * Ze;
+    }), n.fillStyle = "rgba(58, 96, 247, 1)";
+    const c = Ke, d = Lt - Mi, p = wt - 2 * Ke;
     if (s > p) {
-      let g = "", h = 0;
+      let h = "", g = 0;
       for (const l of i) {
-        const f = t.measureText(l).width;
-        if (h + f <= p - t.measureText("...").width)
-          g += l, h += f;
+        const f = n.measureText(l).width;
+        if (g + f <= p - n.measureText("...").width)
+          h += l, g += f;
         else {
-          g += "...";
+          h += "...";
           break;
         }
       }
-      t.fillText(g, c, d);
+      n.fillText(h, c, d);
     } else
-      t.fillText(i, c, d);
-    t.restore();
+      n.fillText(i, c, d);
+    n.restore();
   }
-  _draw(t) {
-    Ae.drawWith(t, this);
+  _draw(n) {
+    Ae.drawWith(n, this);
   }
 }
-const _n = "COMPONENT_DOC_HEADER_FOOTER_PANEL", Ui = "univer-panel", wi = "univer-options-section", Bi = "univer-options-form-item", $i = "univer-options-input", Hi = "univer-options-margin-setting", B = {
-  panel: Ui,
-  optionsSection: wi,
-  optionsFormItem: Bi,
-  optionsInput: $i,
-  optionsMarginSetting: Hi
-}, Vi = (n) => {
-  const e = G(le), t = G(L), o = G(k), i = G(C), r = G(oe), s = G(ne), { unitId: a } = n, [c, d] = an({}), p = (l, f) => {
-    var j;
-    d((W) => ({
-      ...W,
+const hn = "COMPONENT_DOC_HEADER_FOOTER_PANEL", yi = "univer-panel", Pi = "univer-options-section", Di = "univer-options-form-item", Ai = "univer-options-input", Fi = "univer-options-margin-setting", $ = {
+  panel: yi,
+  optionsSection: Pi,
+  optionsFormItem: Di,
+  optionsInput: Ai,
+  optionsMarginSetting: Fi
+}, Ni = (t) => {
+  const e = z(le), n = z(U), o = z(j), i = z(O), r = z(oe), s = z(ne), { unitId: a } = t, [c, d] = on({}), p = (l, f) => {
+    var F;
+    d((G) => ({
+      ...G,
       [f]: l ? S.TRUE : S.FALSE
     }));
-    const u = t.getUniverDocInstance(a), _ = u == null ? void 0 : u.getSnapshot().documentStyle, m = (j = o.getRenderById(a)) == null ? void 0 : j.with(N), O = m == null ? void 0 : m.getViewModel();
-    if (_ == null || O == null)
+    const u = n.getUniverDocInstance(a), _ = u == null ? void 0 : u.getSnapshot().documentStyle, m = (F = o.getRenderById(a)) == null ? void 0 : F.with(w), R = m == null ? void 0 : m.getViewModel();
+    if (_ == null || R == null)
       return;
-    const M = O.getEditArea();
-    let I = !1;
-    const R = r.getSegmentPage();
-    let y = !1;
-    if (f === "useFirstPageHeaderFooter" && l === !0 && ((M === F.HEADER && !_.firstPageHeaderId || M === F.FOOTER && !_.firstPageFooterId) && (I = !0), I && R === 0 && (y = !0)), f === "evenAndOddHeaders" && l === !0 && ((M === F.HEADER && !_.evenPageHeaderId || M === F.FOOTER && !_.evenPageFooterId) && (I = !0), I && R % 2 === 1 && (y = !0)), I) {
-      const $ = ee.generateRandomId(6);
-      y && r.setSegment($), i.executeCommand(Me, {
+    const b = R.getEditArea();
+    let M = !1;
+    const E = r.getSegmentPage();
+    let A = !1;
+    if (f === "useFirstPageHeaderFooter" && l === !0 && ((b === N.HEADER && !_.firstPageHeaderId || b === N.FOOTER && !_.firstPageFooterId) && (M = !0), M && E === 0 && (A = !0)), f === "evenAndOddHeaders" && l === !0 && ((b === N.HEADER && !_.evenPageHeaderId || b === N.FOOTER && !_.evenPageFooterId) && (M = !0), M && E % 2 === 1 && (A = !0)), M) {
+      const k = Q.generateRandomId(6);
+      A && r.setSegment(k), i.executeCommand(be, {
         unitId: a,
-        segmentId: $,
+        segmentId: k,
         headerFooterProps: {
           [f]: l ? S.TRUE : S.FALSE
         }
       });
     } else
-      i.executeCommand(Me, {
+      i.executeCommand(be, {
         unitId: a,
         headerFooterProps: {
           [f]: l ? S.TRUE : S.FALSE
         }
       });
-  }, g = async (l, f) => {
+  }, h = async (l, f) => {
     d((u) => ({
       ...u,
       [f]: l
-    })), await i.executeCommand(Me, {
+    })), await i.executeCommand(be, {
       unitId: a,
       headerFooterProps: {
         [f]: l
       }
     }), r.removeAllTextRanges(), r.blur();
-  }, h = () => {
-    var m, O;
-    const l = (m = o.getRenderById(a)) == null ? void 0 : m.with(N), f = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel(), _ = o.getRenderById(a);
-    _ == null || u == null || f == null || (s.replaceTextRanges([]), r.setSegment(""), r.setSegmentPage(-1), u.setEditArea(F.BODY), f.calculate(), (O = _.mainComponent) == null || O.makeDirty(!0));
+  }, g = () => {
+    var m, R;
+    const l = (m = o.getRenderById(a)) == null ? void 0 : m.with(w), f = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel(), _ = o.getRenderById(a);
+    _ == null || u == null || f == null || (s.replaceTextRanges([]), r.setSegment(""), r.setSegmentPage(-1), u.setEditArea(N.BODY), f.calculate(), (R = _.mainComponent) == null || R.makeDirty(!0));
   };
-  return cn(() => {
-    const l = t.getUniverDocInstance(a), f = l == null ? void 0 : l.getSnapshot().documentStyle;
+  return rn(() => {
+    const l = n.getUniverDocInstance(a), f = l == null ? void 0 : l.getSnapshot().documentStyle;
     if (f) {
-      const { marginHeader: u, marginFooter: _, useFirstPageHeaderFooter: m, evenAndOddHeaders: O } = f;
+      const { marginHeader: u, marginFooter: _, useFirstPageHeaderFooter: m, evenAndOddHeaders: R } = f;
       d({
         marginHeader: u,
         marginFooter: _,
         useFirstPageHeaderFooter: m,
-        evenAndOddHeaders: O
+        evenAndOddHeaders: R
       });
     }
-  }, [a]), /* @__PURE__ */ b.jsxs("div", { className: B.options, children: [
-    /* @__PURE__ */ b.jsxs("div", { className: B.optionsSection, children: [
-      /* @__PURE__ */ b.jsx("div", { className: B.optionsFormItem, children: /* @__PURE__ */ b.jsx(
-        Dt,
+  }, [a]), /* @__PURE__ */ I.jsxs("div", { className: $.options, children: [
+    /* @__PURE__ */ I.jsxs("div", { className: $.optionsSection, children: [
+      /* @__PURE__ */ I.jsx("div", { className: $.optionsFormItem, children: /* @__PURE__ */ I.jsx(
+        xt,
         {
           checked: c.useFirstPageHeaderFooter === S.TRUE,
           onChange: (l) => {
@@ -909,8 +909,8 @@ const _n = "COMPONENT_DOC_HEADER_FOOTER_PANEL", Ui = "univer-panel", wi = "unive
           children: e.t("headerFooter.firstPageCheckBox")
         }
       ) }),
-      /* @__PURE__ */ b.jsx("div", { className: B.optionsFormItem, children: /* @__PURE__ */ b.jsx(
-        Dt,
+      /* @__PURE__ */ I.jsx("div", { className: $.optionsFormItem, children: /* @__PURE__ */ I.jsx(
+        xt,
         {
           checked: c.evenAndOddHeaders === S.TRUE,
           onChange: (l) => {
@@ -920,65 +920,65 @@ const _n = "COMPONENT_DOC_HEADER_FOOTER_PANEL", Ui = "univer-panel", wi = "unive
         }
       ) })
     ] }),
-    /* @__PURE__ */ b.jsxs("div", { className: Bo(B.optionsSection, B.optionsMarginSetting), children: [
-      /* @__PURE__ */ b.jsxs("div", { className: B.optionsMarginItem, children: [
-        /* @__PURE__ */ b.jsx("span", { children: e.t("headerFooter.headerTopMargin") }),
-        /* @__PURE__ */ b.jsx(
-          At,
+    /* @__PURE__ */ I.jsxs("div", { className: Do($.optionsSection, $.optionsMarginSetting), children: [
+      /* @__PURE__ */ I.jsxs("div", { className: $.optionsMarginItem, children: [
+        /* @__PURE__ */ I.jsx("span", { children: e.t("headerFooter.headerTopMargin") }),
+        /* @__PURE__ */ I.jsx(
+          yt,
           {
             min: 0,
             max: 200,
             precision: 1,
             value: c.marginHeader,
             onChange: (l) => {
-              g(l, "marginHeader");
+              h(l, "marginHeader");
             },
-            className: B.optionsInput
+            className: $.optionsInput
           }
         )
       ] }),
-      /* @__PURE__ */ b.jsxs("div", { className: B.optionsMarginItem, children: [
-        /* @__PURE__ */ b.jsx("span", { children: e.t("headerFooter.footerBottomMargin") }),
-        /* @__PURE__ */ b.jsx(
-          At,
+      /* @__PURE__ */ I.jsxs("div", { className: $.optionsMarginItem, children: [
+        /* @__PURE__ */ I.jsx("span", { children: e.t("headerFooter.footerBottomMargin") }),
+        /* @__PURE__ */ I.jsx(
+          yt,
           {
             min: 0,
             max: 200,
             precision: 1,
             value: c.marginFooter,
             onChange: (l) => {
-              g(l, "marginFooter");
+              h(l, "marginFooter");
             },
-            className: B.optionsInput
+            className: $.optionsInput
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ b.jsx("div", { className: B.optionsSection, children: /* @__PURE__ */ b.jsx(Uo, { onClick: h, children: e.t("headerFooter.closeHeaderFooter") }) })
+    /* @__PURE__ */ I.jsx("div", { className: $.optionsSection, children: /* @__PURE__ */ I.jsx(yo, { onClick: g, children: e.t("headerFooter.closeHeaderFooter") }) })
   ] });
-}, ji = () => {
+}, Ui = () => {
   var d;
-  const n = G(le), e = G(k), i = G(L).getCurrentUniverDocInstance().getUnitId(), s = ((d = e.getRenderById(i)) == null ? void 0 : d.with(N)).getViewModel(), [a, c] = an(!0);
-  return cn(() => {
+  const t = z(le), e = z(j), i = z(U).getCurrentUniverDocInstance().getUnitId(), s = ((d = e.getRenderById(i)) == null ? void 0 : d.with(w)).getViewModel(), [a, c] = on(!0);
+  return rn(() => {
     const p = s.getEditArea();
-    c(p !== F.BODY);
-    const g = s.editAreaChange$.subscribe((h) => {
-      h != null && c(h !== F.BODY);
+    c(p !== N.BODY);
+    const h = s.editAreaChange$.subscribe((g) => {
+      g != null && c(g !== N.BODY);
     });
     return () => {
-      g.unsubscribe();
+      h.unsubscribe();
     };
-  }, []), /* @__PURE__ */ b.jsx("div", { className: B.panel, children: a ? /* @__PURE__ */ b.jsx(Vi, { unitId: i }) : /* @__PURE__ */ b.jsx("div", { className: B.panelDisableText, children: n.t("headerFooter.disableText") }) });
-}, fn = {
+  }, []), /* @__PURE__ */ I.jsx("div", { className: $.panel, children: a ? /* @__PURE__ */ I.jsx(Ni, { unitId: i }) : /* @__PURE__ */ I.jsx("div", { className: $.panelDisableText, children: t.t("headerFooter.disableText") }) });
+}, gn = {
   id: "sidebar.operation.doc-header-footer-panel",
   type: de.COMMAND,
-  handler: async (n, e) => {
-    const t = n.get(Un), o = n.get(le);
+  handler: async (t, e) => {
+    const n = t.get(Pn), o = t.get(le);
     switch (e.value) {
       case "open":
-        t.open({
+        n.open({
           header: { title: o.t("headerFooter.panel") },
-          children: { label: _n },
+          children: { label: hn },
           onClose: () => {
           },
           width: 400
@@ -986,21 +986,21 @@ const _n = "COMPONENT_DOC_HEADER_FOOTER_PANEL", Ui = "univer-panel", wi = "unive
         break;
       case "close":
       default:
-        t.close();
+        n.close();
         break;
     }
     return !0;
   }
 };
-var Wi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, zi = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? ki(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Wi(e, t, i), i;
-}, X = (n, e) => (t, o) => e(t, o, n);
-const Vt = "rgba(58, 96, 247, 1)", jt = "rgba(58, 96, 247, 0.08)";
-var U = /* @__PURE__ */ ((n) => (n[n.FIRST_PAGE_HEADER = 0] = "FIRST_PAGE_HEADER", n[n.FIRST_PAGE_FOOTER = 1] = "FIRST_PAGE_FOOTER", n[n.DEFAULT_HEADER = 2] = "DEFAULT_HEADER", n[n.DEFAULT_FOOTER = 3] = "DEFAULT_FOOTER", n[n.EVEN_PAGE_HEADER = 4] = "EVEN_PAGE_HEADER", n[n.EVEN_PAGE_FOOTER = 5] = "EVEN_PAGE_FOOTER", n))(U || {});
-function Gi(n, e, t) {
-  const { documentStyle: o } = n.getDataModel().getSnapshot(), {
+var Li = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, Bi = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? wi(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Li(e, n, i), i;
+}, Y = (t, e) => (n, o) => e(n, o, t);
+const Bt = "rgba(58, 96, 247, 1)", $t = "rgba(58, 96, 247, 0.08)";
+var L = /* @__PURE__ */ ((t) => (t[t.FIRST_PAGE_HEADER = 0] = "FIRST_PAGE_HEADER", t[t.FIRST_PAGE_FOOTER = 1] = "FIRST_PAGE_FOOTER", t[t.DEFAULT_HEADER = 2] = "DEFAULT_HEADER", t[t.DEFAULT_FOOTER = 3] = "DEFAULT_FOOTER", t[t.EVEN_PAGE_HEADER = 4] = "EVEN_PAGE_HEADER", t[t.EVEN_PAGE_FOOTER = 5] = "EVEN_PAGE_FOOTER", t))(L || {});
+function $i(t, e, n) {
+  const { documentStyle: o } = t.getDataModel().getSnapshot(), {
     defaultHeaderId: i,
     defaultFooterId: r,
     evenPageHeaderId: s,
@@ -1008,19 +1008,19 @@ function Gi(n, e, t) {
     firstPageHeaderId: c,
     firstPageFooterId: d,
     evenAndOddHeaders: p,
-    useFirstPageHeaderFooter: g
+    useFirstPageHeaderFooter: h
   } = o;
   switch (e) {
-    case F.BODY:
+    case N.BODY:
       return {
         createType: null,
         headerFooterId: null
       };
-    case F.HEADER:
-      return g === S.TRUE && !c ? {
+    case N.HEADER:
+      return h === S.TRUE && !c ? {
         createType: 0,
         headerFooterId: null
-      } : p === S.TRUE && t % 2 === 0 && !s ? {
+      } : p === S.TRUE && n % 2 === 0 && !s ? {
         createType: 4,
         headerFooterId: null
       } : i ? {
@@ -1030,11 +1030,11 @@ function Gi(n, e, t) {
         createType: 2,
         headerFooterId: null
       };
-    case F.FOOTER:
-      return g === S.TRUE && !d ? {
+    case N.FOOTER:
+      return h === S.TRUE && !d ? {
         createType: 1,
         headerFooterId: null
-      } : p === S.TRUE && t % 2 === 0 && !a ? {
+      } : p === S.TRUE && n % 2 === 0 && !a ? {
         createType: 5,
         headerFooterId: null
       } : r ? {
@@ -1048,32 +1048,32 @@ function Gi(n, e, t) {
       throw new Error(`Invalid editArea: ${e}`);
   }
 }
-let st = class extends K {
-  constructor(e, t, o, i, r, s, a, c, d) {
+let it = class extends te {
+  constructor(e, n, o, i, r, s, a, c, d) {
     super();
-    E(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._context = e, this._commandService = t, this._editorService = o, this._instanceSrv = i, this._renderManagerService = r, this._docSkeletonManagerService = s, this._textSelectionRenderManager = a, this._localeService = c, this._componentManager = d, this._initialize();
+    C(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    this._context = e, this._commandService = n, this._editorService = o, this._instanceSrv = i, this._renderManagerService = r, this._docSkeletonManagerService = s, this._textSelectionRenderManager = a, this._localeService = c, this._componentManager = d, this._initialize();
   }
   _initialize() {
-    this._context.unit.getSnapshot().documentStyle.documentFlavor === In.TRADITIONAL && (this._init(), this._drawHeaderFooterLabel(), this._registerCommands(), this._initCustomComponents());
+    this._context.unit.getSnapshot().documentStyle.documentFlavor === On.TRADITIONAL && (this._init(), this._drawHeaderFooterLabel(), this._registerCommands(), this._initCustomComponents());
   }
   _registerCommands() {
     [
-      kt,
-      mn,
-      fn
+      Vt,
+      pn,
+      gn
     ].forEach((e) => this.disposeWithMe(this._commandService.registerCommand(e)));
   }
   _initCustomComponents() {
     const e = this._componentManager;
-    this.disposeWithMe(e.register(_n, ji));
+    this.disposeWithMe(e.register(hn, Ui));
   }
   _init() {
-    const { unitId: e } = this._context, t = Q(this._context);
-    t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
+    const { unitId: e } = this._context, n = q(this._context);
+    n == null || n.document == null || this._loadedMap.has(n.document) || (this._initialMain(e), this._loadedMap.add(n.document));
   }
   _initialMain(e) {
-    const t = Q(this._context), { document: o } = t;
+    const n = q(this._context), { document: o } = n;
     this.disposeWithMe(o.onDblclick$.subscribeEvent(async (i) => {
       if (this._isEditorReadOnly(e))
         return;
@@ -1084,7 +1084,7 @@ let st = class extends K {
       } = o.getOffsetConfig(), p = this._getTransformCoordForDocumentOffset(r, s);
       if (p == null)
         return;
-      const g = this._docSkeletonManagerService.getViewModel(), h = this._docSkeletonManagerService.getSkeleton(), l = g.getEditArea(), { editArea: f, pageNumber: u } = h.findEditAreaByCoord(
+      const h = this._docSkeletonManagerService.getViewModel(), g = this._docSkeletonManagerService.getSkeleton(), l = h.getEditArea(), { editArea: f, pageNumber: u } = g.findEditAreaByCoord(
         p,
         a,
         c,
@@ -1092,64 +1092,64 @@ let st = class extends K {
       );
       if (l === f)
         return;
-      g.setEditArea(f);
-      const { createType: _, headerFooterId: m } = Gi(g, f, u);
-      if (f === F.BODY)
+      h.setEditArea(f);
+      const { createType: _, headerFooterId: m } = $i(h, f, u);
+      if (f === N.BODY)
         this._textSelectionRenderManager.setSegment(""), this._textSelectionRenderManager.setSegmentPage(-1), this._textSelectionRenderManager.setCursorManually(r, s);
       else if (_ != null) {
-        const M = ee.generateRandomId(6);
-        this._textSelectionRenderManager.setSegment(M), this._textSelectionRenderManager.setSegmentPage(u), await this._commandService.executeCommand(kt.id, {
+        const b = Q.generateRandomId(6);
+        this._textSelectionRenderManager.setSegment(b), this._textSelectionRenderManager.setSegmentPage(u), await this._commandService.executeCommand(Vt.id, {
           unitId: e,
           createType: _,
-          segmentId: M
+          segmentId: b
         });
       } else m != null && (this._textSelectionRenderManager.setSegment(m), this._textSelectionRenderManager.setSegmentPage(u), this._textSelectionRenderManager.setCursorManually(r, s));
     }));
   }
-  _getTransformCoordForDocumentOffset(e, t) {
-    const o = Q(this._context), { document: i, scene: r } = o, { documentTransform: s } = i.getOffsetConfig(), a = r.getViewports()[0];
+  _getTransformCoordForDocumentOffset(e, n) {
+    const o = q(this._context), { document: i, scene: r } = o, { documentTransform: s } = i.getOffsetConfig(), a = r.getViewports()[0];
     if (a == null)
       return;
-    const c = a.transformVector2SceneCoord(sn.FromArray([e, t]));
+    const c = a.transformVector2SceneCoord(nn.FromArray([e, n]));
     return s.clone().invert().applyPoint(c);
   }
   // eslint-disable-next-line max-lines-per-function
   _drawHeaderFooterLabel() {
     const e = this._localeService;
-    this._renderManagerService.currentRender$.subscribe((t) => {
-      if (t == null)
+    this._renderManagerService.currentRender$.subscribe((n) => {
+      if (n == null)
         return;
-      const o = this._renderManagerService.getRenderById(t);
-      if (this._editorService.isEditor(t) || this._instanceSrv.getUniverDocInstance(t) == null || o == null)
+      const o = this._renderManagerService.getRenderById(n);
+      if (this._editorService.isEditor(n) || this._instanceSrv.getUniverDocInstance(n) == null || o == null)
         return;
       const { mainComponent: i } = o, r = i;
       this.disposeWithMe(
-        qt(
+        Xt(
           // eslint-disable-next-line max-lines-per-function
           r.pageRender$.subscribe((s) => {
-            if (this._editorService.isEditor(t))
+            if (this._editorService.isEditor(n))
               return;
-            const d = this._docSkeletonManagerService.getViewModel().getEditArea() === F.BODY, { page: p, pageLeft: g, pageTop: h, ctx: l } = s, { pageWidth: f, pageHeight: u, marginTop: _, marginBottom: m } = p;
-            if (l.save(), l.translate(g - 0.5, h - 0.5), d ? (Xe.drawWith(l, {
+            const d = this._docSkeletonManagerService.getViewModel().getEditArea() === N.BODY, { page: p, pageLeft: h, pageTop: g, ctx: l } = s, { pageWidth: f, pageHeight: u, marginTop: _, marginBottom: m } = p;
+            if (l.save(), l.translate(h - 0.5, g - 0.5), d ? (Ye.drawWith(l, {
               left: 0,
               top: 0,
               width: f,
               height: _,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), l.save(), l.translate(0, u - m), Xe.drawWith(l, {
+            }), l.save(), l.translate(0, u - m), Ye.drawWith(l, {
               left: 0,
               top: 0,
               width: f,
               height: m,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), l.restore()) : (l.save(), l.translate(0, _), Xe.drawWith(l, {
+            }), l.restore()) : (l.save(), l.translate(0, _), Ye.drawWith(l, {
               left: 0,
               top: _,
               width: f,
               height: u - _ - m,
               fill: "rgba(255, 255, 255, 0.5)"
             }), l.restore()), !d) {
-              const O = {
+              const R = {
                 dataArray: [{
                   command: "M",
                   points: [0, _]
@@ -1158,8 +1158,8 @@ let st = class extends K {
                   points: [f, _]
                 }],
                 strokeWidth: 1,
-                stroke: Vt
-              }, M = {
+                stroke: Bt
+              }, b = {
                 dataArray: [{
                   command: "M",
                   points: [0, u - m]
@@ -1168,14 +1168,14 @@ let st = class extends K {
                   points: [f, u - m]
                 }],
                 strokeWidth: 1,
-                stroke: Vt
+                stroke: Bt
               };
-              bt.drawWith(l, O), bt.drawWith(l, M), l.translate(0, _ + 1), Ae.drawWith(l, {
+              Et.drawWith(l, R), Et.drawWith(l, b), l.translate(0, _ + 1), Ae.drawWith(l, {
                 text: e.t("headerFooter.header"),
-                color: jt
+                color: $t
               }), l.translate(0, u - _ - m), Ae.drawWith(l, {
                 text: e.t("headerFooter.footer"),
-                color: jt
+                color: $t
               });
             }
             l.restore();
@@ -1185,24 +1185,24 @@ let st = class extends K {
     });
   }
   _isEditorReadOnly(e) {
-    const t = this._editorService.getEditor(e);
-    return t ? t.isReadOnly() : !1;
+    const n = this._editorService.getEditor(e);
+    return n ? n.isReadOnly() : !1;
   }
   _getDocDataModel() {
     return this._context.unit;
   }
 };
-st = zi([
-  X(1, C),
-  X(2, Y),
-  X(3, L),
-  X(4, k),
-  X(5, T(N)),
-  X(6, oe),
-  X(7, T(le)),
-  X(8, T(tn))
-], st);
-function Wt() {
+it = Bi([
+  Y(1, O),
+  Y(2, K),
+  Y(3, U),
+  Y(4, j),
+  Y(5, T(w)),
+  Y(6, oe),
+  Y(7, T(le)),
+  Y(8, T(qt))
+], it);
+function Ht() {
   return {
     dataStream: `\r
 `,
@@ -1214,12 +1214,15 @@ function Wt() {
         // The default header footer text size.
       }
     }],
+    customBlocks: [],
     paragraphs: [
       {
         startIndex: 0,
-        spaceAbove: 0,
-        lineSpacing: 1.5,
-        spaceBelow: 0
+        paragraphStyle: {
+          spaceAbove: 0,
+          lineSpacing: 1.5,
+          spaceBelow: 0
+        }
       }
     ],
     sectionBreaks: [
@@ -1229,43 +1232,43 @@ function Wt() {
     ]
   };
 }
-function qe(n, e, t, o) {
-  const i = et.getInstance(), r = 6, s = n != null ? n : ee.generateRandomId(r), a = e === U.DEFAULT_HEADER || e === U.FIRST_PAGE_HEADER || e === U.EVEN_PAGE_HEADER, c = i.insertOp([a ? "headers" : "footers", s], {
+function Ze(t, e, n, o) {
+  const i = qe.getInstance(), r = 6, s = t != null ? t : Q.generateRandomId(r), a = e === L.DEFAULT_HEADER || e === L.FIRST_PAGE_HEADER || e === L.EVEN_PAGE_HEADER, c = i.insertOp([a ? "headers" : "footers", s], {
     [a ? "headerId" : "footerId"]: s,
-    body: Wt()
+    body: Ht()
   });
   o.push(c);
-  const d = ee.generateRandomId(r), p = i.insertOp([a ? "footers" : "headers", d], {
+  const d = Q.generateRandomId(r), p = i.insertOp([a ? "footers" : "headers", d], {
     [a ? "footers" : "headers"]: d,
-    body: Wt()
+    body: Ht()
   });
   o.push(p);
-  let g = "defaultHeaderId", h = "defaultFooterId";
+  let h = "defaultHeaderId", g = "defaultFooterId";
   switch (e) {
-    case U.DEFAULT_HEADER:
-      g = "defaultHeaderId", h = "defaultFooterId";
+    case L.DEFAULT_HEADER:
+      h = "defaultHeaderId", g = "defaultFooterId";
       break;
-    case U.DEFAULT_FOOTER:
-      g = "defaultFooterId", h = "defaultHeaderId";
+    case L.DEFAULT_FOOTER:
+      h = "defaultFooterId", g = "defaultHeaderId";
       break;
-    case U.FIRST_PAGE_HEADER:
-      g = "firstPageHeaderId", h = "firstPageFooterId";
+    case L.FIRST_PAGE_HEADER:
+      h = "firstPageHeaderId", g = "firstPageFooterId";
       break;
-    case U.FIRST_PAGE_FOOTER:
-      g = "firstPageFooterId", h = "firstPageHeaderId";
+    case L.FIRST_PAGE_FOOTER:
+      h = "firstPageFooterId", g = "firstPageHeaderId";
       break;
-    case U.EVEN_PAGE_HEADER:
-      g = "evenPageHeaderId", h = "evenPageFooterId";
+    case L.EVEN_PAGE_HEADER:
+      h = "evenPageHeaderId", g = "evenPageFooterId";
       break;
-    case U.EVEN_PAGE_FOOTER:
-      g = "evenPageFooterId", h = "evenPageHeaderId";
+    case L.EVEN_PAGE_FOOTER:
+      h = "evenPageFooterId", g = "evenPageHeaderId";
       break;
     default:
       throw new Error(`Unknown header footer type: ${e}`);
   }
-  for (const [l, f] of [[g, s], [h, d]])
-    if (t[l] != null) {
-      const u = i.replaceOp(["documentStyle", l], t[l], f);
+  for (const [l, f] of [[h, s], [g, d]])
+    if (n[l] != null) {
+      const u = i.replaceOp(["documentStyle", l], n[l], f);
       o.push(u);
     } else {
       const u = i.insertOp(["documentStyle", l], f);
@@ -1273,21 +1276,21 @@ function qe(n, e, t, o) {
     }
   return o;
 }
-const Me = "doc.command.core-header-footer", kt = {
-  id: Me,
+const be = "doc.command.core-header-footer", Vt = {
+  id: be,
   type: de.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: async (n, e) => {
-    var I;
-    const t = n.get(C), o = n.get(L), i = n.get(k), { unitId: r, segmentId: s, createType: a, headerFooterProps: c } = e, d = (I = i.getRenderById(r)) == null ? void 0 : I.with(N), p = o.getUniverDocInstance(r), g = d == null ? void 0 : d.getViewModel();
-    if (p == null || g == null)
+  handler: async (t, e) => {
+    var M;
+    const n = t.get(O), o = t.get(U), i = t.get(j), { unitId: r, segmentId: s, createType: a, headerFooterProps: c } = e, d = (M = i.getRenderById(r)) == null ? void 0 : M.with(w), p = o.getUniverDocInstance(r), h = d == null ? void 0 : d.getViewModel();
+    if (p == null || h == null)
       return !1;
-    const h = g.getEditArea(), { documentStyle: l } = p.getSnapshot(), f = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, u = [{
+    const g = h.getEditArea(), { documentStyle: l } = p.getSnapshot(), f = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, u = [{
       startOffset: 0,
       endOffset: 0,
       collapsed: !0
     }], _ = {
-      id: Ve.id,
+      id: ut.id,
       params: {
         unitId: r,
         actions: [],
@@ -1296,463 +1299,463 @@ const Me = "doc.command.core-header-footer", kt = {
       }
     };
     f && (_.params.noNeedSetTextRange = !0);
-    const m = et.getInstance(), O = [];
-    return a != null && qe(s, a, l, O), c != null && Object.keys(c).forEach((R) => {
-      const y = c[R], j = l[R];
-      if (y === j)
+    const m = qe.getInstance(), R = [];
+    return a != null && Ze(s, a, l, R), c != null && Object.keys(c).forEach((E) => {
+      const A = c[E], F = l[E];
+      if (A === F)
         return;
-      let W;
-      if (j === void 0 ? W = m.insertOp(["documentStyle", R], y) : W = m.replaceOp(["documentStyle", R], j, y), O.push(W), R === "useFirstPageHeaderFooter" && y === S.TRUE && !l.firstPageHeaderId) {
-        const $ = h === F.HEADER ? U.FIRST_PAGE_HEADER : U.FIRST_PAGE_FOOTER;
-        qe(s, $, l, O);
-      } else if (R === "evenAndOddHeaders" && y === S.TRUE && !l.evenPageHeaderId) {
-        const $ = h === F.HEADER ? U.EVEN_PAGE_HEADER : U.EVEN_PAGE_FOOTER;
-        qe(s, $, l, O);
+      let G;
+      if (F === void 0 ? G = m.insertOp(["documentStyle", E], A) : G = m.replaceOp(["documentStyle", E], F, A), R.push(G), E === "useFirstPageHeaderFooter" && A === S.TRUE && !l.firstPageHeaderId) {
+        const k = g === N.HEADER ? L.FIRST_PAGE_HEADER : L.FIRST_PAGE_FOOTER;
+        Ze(s, k, l, R);
+      } else if (E === "evenAndOddHeaders" && A === S.TRUE && !l.evenPageHeaderId) {
+        const k = g === N.HEADER ? L.EVEN_PAGE_HEADER : L.EVEN_PAGE_FOOTER;
+        Ze(s, k, l, R);
       }
-    }), O.length === 0 ? !1 : (_.params.actions = O.reduce((R, y) => et.compose(R, y), null), !!t.syncExecuteCommand(_.id, _.params));
+    }), R.length === 0 ? !1 : (_.params.actions = R.reduce((E, A) => qe.compose(E, A), null), !!n.syncExecuteCommand(_.id, _.params));
   }
-}, mn = {
+}, pn = {
   id: "doc.command.open-header-footer-panel",
   type: de.COMMAND,
-  handler: async (n, e) => n.get(C).executeCommand(fn.id, { value: "open" })
+  handler: async (t, e) => t.get(O).executeCommand(gn.id, { value: "open" })
 };
-function Yi(n) {
-  const e = n.get(C);
+function Hi(t) {
+  const e = t.get(O);
   return {
-    id: no.id,
-    group: P.TOOLBAR_FORMAT,
+    id: Zn.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
         if (r === V.id || r === ue.id) {
-          const a = q(n);
+          const a = Z(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.bl;
-          t.next(c === S.TRUE);
+          n.next(c === S.TRUE);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function Xi(n) {
-  const e = n.get(C);
+function Vi(t) {
+  const e = t.get(O);
   return {
-    id: oo.id,
-    group: P.TOOLBAR_FORMAT,
+    id: Jn.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
         if (r === V.id || r === ue.id) {
-          const a = q(n);
+          const a = Z(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.it;
-          t.next(c === S.TRUE);
+          n.next(c === S.TRUE);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function Ki(n) {
-  const e = n.get(C);
+function ji(t) {
+  const e = t.get(O);
   return {
-    id: io.id,
-    group: P.TOOLBAR_FORMAT,
+    id: qn.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
         if (r === V.id || r === ue.id) {
-          const a = q(n);
+          const a = Z(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.ul;
-          t.next((c == null ? void 0 : c.s) === S.TRUE);
+          n.next((c == null ? void 0 : c.s) === S.TRUE);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function Zi(n) {
-  const e = n.get(C);
+function Wi(t) {
+  const e = t.get(O);
   return {
-    id: ro.id,
-    group: P.TOOLBAR_FORMAT,
+    id: Qn.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
         if (r === V.id || r === ue.id) {
-          const a = q(n);
+          const a = Z(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.st;
-          t.next((c == null ? void 0 : c.s) === S.TRUE);
+          n.next((c == null ? void 0 : c.s) === S.TRUE);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function qi(n) {
-  const e = n.get(C);
+function ki(t) {
+  const e = t.get(O);
   return {
-    id: so.id,
-    group: P.TOOLBAR_FORMAT,
+    id: eo.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
         if (r === V.id || r === ue.id) {
-          const a = q(n);
+          const a = Z(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          t.next(c === ae.SUBSCRIPT);
+          n.next(c === ae.SUBSCRIPT);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function Ji(n) {
-  const e = n.get(C);
+function zi(t) {
+  const e = t.get(O);
   return {
-    id: ao.id,
-    group: P.TOOLBAR_FORMAT,
+    id: to.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
         if (r === V.id || r === ue.id) {
-          const a = q(n);
+          const a = Z(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          t.next(c === ae.SUPERSCRIPT);
+          n.next(c === ae.SUPERSCRIPT);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function Qi(n) {
-  const e = n.get(C);
+function Gi(t) {
+  const e = t.get(O);
   return {
-    id: Rt.id,
+    id: St.id,
     tooltip: "toolbar.font",
-    group: P.TOOLBAR_FORMAT,
+    group: y.TOOLBAR_FORMAT,
     type: x.SELECTOR,
-    label: dn,
-    positions: [D.TOOLBAR_START],
-    selections: Ot.map((t) => ({
+    label: an,
+    positions: [P.TOOLBAR_START],
+    selections: mt.map((n) => ({
       label: {
-        name: un,
+        name: cn,
         hoverable: !0
       },
-      value: t.value
+      value: n.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new w((t) => {
-      const o = Ot[0].value, i = e.onCommandExecuted((r) => {
+    value$: new B((n) => {
+      const o = mt[0].value, i = e.onCommandExecuted((r) => {
         var a;
         const s = r.id;
-        if (s === V.id || s === Rt.id) {
-          const c = q(n);
+        if (s === V.id || s === St.id) {
+          const c = Z(t);
           if (c == null)
             return;
           const d = (a = c.ts) == null ? void 0 : a.ff;
-          t.next(d != null ? d : o);
+          n.next(d != null ? d : o);
         }
       });
-      return t.next(o), i.dispose;
+      return n.next(o), i.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function er(n) {
-  const e = n.get(C);
+function Yi(t) {
+  const e = t.get(O);
   return {
-    id: Ct.id,
-    group: P.TOOLBAR_FORMAT,
+    id: vt.id,
+    group: y.TOOLBAR_FORMAT,
     type: x.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: hn,
+      name: ln,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [D.TOOLBAR_START],
-    selections: wn,
+    positions: [P.TOOLBAR_START],
+    selections: Dn,
     // disabled$,
-    value$: new w((t) => {
+    value$: new B((n) => {
       const i = e.onCommandExecuted((r) => {
         var a;
         const s = r.id;
-        if (s === V.id || s === Ct.id) {
-          const c = q(n);
+        if (s === V.id || s === vt.id) {
+          const c = Z(t);
           if (c == null)
             return;
           const d = (a = c.ts) == null ? void 0 : a.fs;
-          t.next(d != null ? d : 14);
+          n.next(d != null ? d : 14);
         }
       });
-      return t.next(14), i.dispose;
+      return n.next(14), i.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function tr(n) {
-  const e = n.get(C), t = n.get(Qt);
+function Xi(t) {
+  const e = t.get(O), n = t.get(Zt);
   return {
-    id: Et.id,
+    id: Rt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: P.TOOLBAR_FORMAT,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON_SELECTOR,
-    positions: [D.TOOLBAR_START],
+    positions: [P.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: _t,
+          name: gt,
           hoverable: !1
         }
       }
     ],
-    value$: new w((o) => {
-      const i = t.getCurrentTheme().textColor, r = e.onCommandExecuted((s) => {
-        if (s.id === Et.id) {
+    value$: new B((o) => {
+      const i = n.getCurrentTheme().textColor, r = e.onCommandExecuted((s) => {
+        if (s.id === Rt.id) {
           const a = s.params.value;
           o.next(a != null ? a : i);
         }
       });
       return o.next(i), r.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function nr(n) {
+function Ki(t) {
   return {
-    id: mn.id,
-    group: P.TOOLBAR_OTHERS,
+    id: pn.id,
+    group: y.TOOLBAR_OTHERS,
     type: x.BUTTON,
     icon: "FreezeRowSingle",
     tooltip: "toolbar.headerFooter",
-    positions: [D.TOOLBAR_START],
-    hidden$: Ao(A(n, v.UNIVER_DOC), Bn(n), (e, t) => e || t)
+    positions: [P.TOOLBAR_START],
+    hidden$: To(D(t, v.UNIVER_DOC), An(t), (e, n) => e || n)
   };
 }
-function or(n) {
-  const e = n.get(C);
+function Zi(t) {
+  const e = t.get(O);
   return {
-    id: co.id,
-    group: P.TOOLBAR_LAYOUT,
+    id: no.id,
+    group: y.TOOLBAR_LAYOUT,
     type: x.BUTTON,
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
-        if (r === V.id || r === je.id) {
-          const a = ze(n);
+        if (r === V.id || r === Ve.id) {
+          const a = ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Le.LEFT);
+          n.next(c === Ue.LEFT);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function ir(n) {
-  const e = n.get(C);
+function Ji(t) {
+  const e = t.get(O);
   return {
-    id: lo.id,
-    group: P.TOOLBAR_LAYOUT,
+    id: oo.id,
+    group: y.TOOLBAR_LAYOUT,
     type: x.BUTTON,
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
-        if (r === V.id || r === je.id) {
-          const a = ze(n);
+        if (r === V.id || r === Ve.id) {
+          const a = ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Le.CENTER);
+          n.next(c === Ue.CENTER);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function rr(n) {
-  const e = n.get(C);
+function qi(t) {
+  const e = t.get(O);
   return {
-    id: uo.id,
-    group: P.TOOLBAR_LAYOUT,
+    id: io.id,
+    group: y.TOOLBAR_LAYOUT,
     type: x.BUTTON,
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
-        if (r === V.id || r === je.id) {
-          const a = ze(n);
+        if (r === V.id || r === Ve.id) {
+          const a = ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Le.RIGHT);
+          n.next(c === Ue.RIGHT);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function sr(n) {
-  const e = n.get(C);
+function Qi(t) {
+  const e = t.get(O);
   return {
-    id: ho.id,
-    group: P.TOOLBAR_LAYOUT,
+    id: ro.id,
+    group: y.TOOLBAR_LAYOUT,
     type: x.BUTTON,
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
-    positions: [D.TOOLBAR_START],
-    activated$: new w((t) => {
+    positions: [P.TOOLBAR_START],
+    activated$: new B((n) => {
       const o = e.onCommandExecuted((i) => {
         var s;
         const r = i.id;
-        if (r === V.id || r === je.id) {
-          const a = ze(n);
+        if (r === V.id || r === Ve.id) {
+          const a = ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Le.JUSTIFIED);
+          n.next(c === Ue.JUSTIFIED);
         }
       });
-      return t.next(!1), o.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function ar(n) {
+function er(t) {
   return {
-    id: go.id,
-    group: P.TOOLBAR_LAYOUT,
+    id: so.id,
+    group: y.TOOLBAR_LAYOUT,
     type: x.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [D.TOOLBAR_START],
-    hidden$: A(n, v.UNIVER_DOC)
+    positions: [P.TOOLBAR_START],
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function cr(n) {
+function tr(t) {
   return {
-    id: po.id,
-    group: P.TOOLBAR_LAYOUT,
+    id: ao.id,
+    group: y.TOOLBAR_LAYOUT,
     type: x.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [D.TOOLBAR_START],
-    hidden$: A(n, v.UNIVER_DOC)
+    positions: [P.TOOLBAR_START],
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function lr(n) {
+function nr(t) {
   return {
-    id: _o.id,
+    id: co.id,
     type: x.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor",
-    positions: tt.id
+    positions: Qe.id
   };
 }
-function dr(n) {
-  const e = n.get(C), t = n.get(Qt);
+function or(t) {
+  const e = t.get(O), n = t.get(Zt);
   return {
-    id: tt.id,
+    id: Qe.id,
     tooltip: "toolbar.fillColor.main",
-    group: P.TOOLBAR_FORMAT,
+    group: y.TOOLBAR_FORMAT,
     type: x.BUTTON_SELECTOR,
-    positions: [D.TOOLBAR_START],
+    positions: [P.TOOLBAR_START],
     icon: "PaintBucket",
     selections: [
       {
         label: {
-          name: _t,
+          name: gt,
           hoverable: !1
         }
       }
     ],
-    value$: new w((o) => {
-      const i = t.getCurrentTheme().primaryColor, r = e.onCommandExecuted((s) => {
-        if (s.id === tt.id) {
+    value$: new B((o) => {
+      const i = n.getCurrentTheme().primaryColor, r = e.onCommandExecuted((s) => {
+        if (s.id === Qe.id) {
           const a = s.params.value;
           o.next(a != null ? a : i);
         }
       });
       return o.next(i), r.dispose;
     }),
-    hidden$: A(n, v.UNIVER_DOC)
+    hidden$: D(t, v.UNIVER_DOC)
   };
 }
-function q(n) {
+function Z(t) {
   var d;
-  const e = n.get(L), t = n.get(ne), o = e.getCurrentUniverDocInstance(), i = t.getActiveRange();
+  const e = t.get(U), n = t.get(ne), o = e.getCurrentUniverDocInstance(), i = n.getActiveRange();
   if (o == null || i == null)
     return;
   const { startOffset: r, segmentId: s } = i, a = (d = o.getSelfOrHeaderFooterModel(s).getBody()) == null ? void 0 : d.textRuns;
@@ -1760,21 +1763,21 @@ function q(n) {
     return;
   let c;
   for (let p = 0; p < a.length; p++) {
-    const g = a[p], h = a[p + 1];
-    if (h && h.st === h.ed && r === h.st) {
-      c = h;
+    const h = a[p], g = a[p + 1];
+    if (g && g.st === g.ed && r === g.st) {
+      c = g;
       break;
     }
-    if (g.st <= r && r <= g.ed) {
-      c = g;
+    if (h.st <= r && r <= h.ed) {
+      c = h;
       break;
     }
   }
   return c;
 }
-function ze(n) {
+function ke(t) {
   var d;
-  const e = n.get(L), t = n.get(ne), o = e.getCurrentUniverDocInstance(), i = t.getActiveRange();
+  const e = t.get(U), n = t.get(ne), o = e.getCurrentUniverDocInstance(), i = n.getActiveRange();
   if (o == null || i == null)
     return;
   const { startOffset: r, segmentId: s } = i, a = (d = o.getSelfOrHeaderFooterModel(s).getBody()) == null ? void 0 : d.paragraphs;
@@ -1782,60 +1785,60 @@ function ze(n) {
     return;
   let c = -1;
   for (const p of a) {
-    const { startIndex: g } = p;
-    if (r > c && r <= g)
+    const { startIndex: h } = p;
+    if (r > c && r <= h)
       return p;
-    c = g;
+    c = h;
   }
   return null;
 }
-var ur = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, gr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? hr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && ur(e, t, i), i;
-}, J = (n, e) => (t, o) => e(t, o, n);
-let Se = class extends K {
-  constructor(n, e, t, o, i, r, s, a) {
-    super(), this._config = n, this._injector = e, this._componentManager = t, this._layoutService = o, this._editorService = i, this._menuService = r, this._uiPartsService = s, this._univerInstanceService = a, this._init();
+var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, sr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? rr(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && ir(e, n, i), i;
+}, J = (t, e) => (n, o) => e(n, o, t);
+let Se = class extends te {
+  constructor(t, e, n, o, i, r, s, a) {
+    super(), this._config = t, this._injector = e, this._componentManager = n, this._layoutService = o, this._editorService = i, this._menuService = r, this._uiPartsService = s, this._univerInstanceService = a, this._init();
   }
   _initCustomComponents() {
-    const n = this._componentManager;
-    this.disposeWithMe(n.register(_t, wo)), this.disposeWithMe(n.register(dn, $n)), this.disposeWithMe(n.register(un, Hn)), this.disposeWithMe(n.register(hn, Vn));
+    const t = this._componentManager;
+    this.disposeWithMe(t.register(gt, Po)), this.disposeWithMe(t.register(an, Fn)), this.disposeWithMe(t.register(cn, Nn)), this.disposeWithMe(t.register(ln, Un));
   }
   _initMenus() {
-    const { menu: n = {} } = this._config;
+    const { menu: t = {} } = this._config;
     [
+      Hi,
+      Vi,
+      ji,
+      Wi,
+      ki,
+      zi,
       Yi,
+      Gi,
       Xi,
       Ki,
       Zi,
-      qi,
       Ji,
-      er,
+      qi,
       Qi,
+      er,
       tr,
       nr,
-      or,
-      ir,
-      rr,
-      sr,
-      ar,
-      cr,
-      lr,
-      dr
+      or
     ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), n));
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), t));
     });
   }
   _init() {
     this._initCustomComponents(), this._initMenus(), this._initDocBackground(), this._initFocusHandler();
   }
   _initDocBackground() {
-    const n = this._univerInstanceService.getAllUnitsForType(v.UNIVER_DOC)[0].getUnitId();
-    if (n == null)
+    const t = this._univerInstanceService.getAllUnitsForType(v.UNIVER_DOC)[0].getUnitId();
+    if (t == null)
       return;
-    this._editorService.isEditor(n) || this.disposeWithMe(
-      this._uiPartsService.registerComponent(jn.CONTENT, () => No(Fi, this._injector))
+    this._editorService.isEditor(t) || this.disposeWithMe(
+      this._uiPartsService.registerComponent(Ln.CONTENT, () => Mo(bi, this._injector))
     );
   }
   _initFocusHandler() {
@@ -1846,102 +1849,102 @@ let Se = class extends K {
     );
   }
 };
-Se = gr([
-  Ue(we.Rendered, Se),
+Se = sr([
+  Le(we.Rendered, Se),
   J(1, T(Be)),
-  J(2, T(tn)),
-  J(3, en),
-  J(4, Y),
-  J(5, Wn),
-  J(6, kn),
-  J(7, L)
+  J(2, T(qt)),
+  J(3, Jt),
+  J(4, K),
+  J(5, wn),
+  J(6, Bn),
+  J(7, U)
 ], Se);
-const pr = {
-  id: fo.id,
-  preconditions: $o,
+const ar = {
+  id: lo.id,
+  preconditions: Ao,
   binding: H.ENTER
-}, _r = {
-  id: mo.id,
-  preconditions: z,
+}, cr = {
+  id: uo.id,
+  preconditions: W,
   binding: H.BACKSPACE
-}, fr = {
-  id: So.id,
-  preconditions: z,
+}, lr = {
+  id: ho.id,
+  preconditions: W,
   binding: H.DELETE
 };
-function Ge(n) {
-  return n.getContextValue(Ne) || n.getContextValue(Jt);
+function ze(t) {
+  return t.getContextValue(Ne) || t.getContextValue(Kt);
 }
-const ft = 999, mr = {
-  id: zn.id,
+const pt = 999, dr = {
+  id: $n.id,
   name: "doc.command.copy",
   type: de.COMMAND,
   multi: !0,
-  priority: ft,
-  preconditions: Ge,
-  handler: async (n) => n.get(Ce).copy()
-}, Sr = {
-  id: Gn.id,
+  priority: pt,
+  preconditions: ze,
+  handler: async (t) => t.get(Oe).copy()
+}, ur = {
+  id: Hn.id,
   name: "doc.command.cut",
   type: de.COMMAND,
   multi: !0,
-  priority: ft,
-  preconditions: Ge,
-  handler: async (n) => n.get(Ce).cut()
-}, vr = {
-  id: Yn.id,
+  priority: pt,
+  preconditions: ze,
+  handler: async (t) => t.get(Oe).cut()
+}, hr = {
+  id: Vn.id,
   name: "doc.command.paste",
   type: de.COMMAND,
   multi: !0,
-  priority: ft,
-  preconditions: Ge,
-  handler: async (n) => {
-    const e = n.get(Ce), o = await n.get(gt).read();
+  priority: pt,
+  preconditions: ze,
+  handler: async (t) => {
+    const e = t.get(Oe), o = await t.get(dt).read();
     return o.length === 0 ? !1 : e.paste(o);
   }
 };
-var Or = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Cr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Rr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Or(e, t, i), i;
-}, ge = (n, e) => (t, o) => e(t, o, n);
-let xe = class extends Oe {
-  constructor(n, e, t, o, i) {
-    super(), this._commandService = n, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = o, this._contextService = i, this._init();
+var gr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, fr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? pr(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && gr(e, n, i), i;
+}, ge = (t, e) => (n, o) => e(n, o, t);
+let Me = class extends ve {
+  constructor(t, e, n, o, i) {
+    super(), this._commandService = t, this._clipboardInterfaceService = e, this._docClipboardService = n, this._textSelectionRenderManager = o, this._contextService = i, this._init();
   }
   _init() {
-    [mr, Sr, vr].forEach((n) => this.disposeWithMe(this._commandService.registerMultipleCommand(n))), [on, nn].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n))), this._initLegacyPasteCommand();
+    [dr, ur, hr].forEach((t) => this.disposeWithMe(this._commandService.registerMultipleCommand(t))), [en, Qt].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
-    var n;
-    (n = this._textSelectionRenderManager) == null || n.onPaste$.pipe(se(this.dispose$)).subscribe((e) => {
+    var t;
+    (t = this._textSelectionRenderManager) == null || t.onPaste$.pipe(se(this.dispose$)).subscribe((e) => {
       var r, s;
-      if (!Ge(this._contextService))
+      if (!ze(this._contextService))
         return;
       e.event.preventDefault();
-      const t = e.event, o = (r = t.clipboardData) == null ? void 0 : r.getData("text/html"), i = (s = t.clipboardData) == null ? void 0 : s.getData("text/plain");
+      const n = e.event, o = (r = n.clipboardData) == null ? void 0 : r.getData("text/html"), i = (s = n.clipboardData) == null ? void 0 : s.getData("text/plain");
       this._docClipboardService.legacyPaste(o, i);
     });
   }
 };
-xe = Cr([
-  Ue(we.Rendered, xe),
-  ge(0, C),
-  ge(1, gt),
-  ge(2, Ce),
+Me = fr([
+  Le(we.Rendered, Me),
+  ge(0, O),
+  ge(1, dt),
+  ge(2, Oe),
   ge(3, oe),
-  ge(4, bn)
-], xe);
-var Er = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Ir = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Tr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Er(e, t, i), i;
-}, pe = (n, e) => (t, o) => e(t, o, n);
-let ye = class extends K {
-  constructor(e, t, o, i, r) {
+  ge(4, Cn)
+], Me);
+var _r = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Sr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? mr(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && _r(e, n, i), i;
+}, pe = (t, e) => (n, o) => e(n, o, t);
+let xe = class extends te {
+  constructor(e, n, o, i, r) {
     super();
-    E(this, "_initialEditors", /* @__PURE__ */ new Set());
-    this._univerInstanceService = e, this._editorService = t, this._commandService = o, this._textSelectionRenderManager = i, this._renderManagerService = r, this._initialize();
+    C(this, "_initialEditors", /* @__PURE__ */ new Set());
+    this._univerInstanceService = e, this._editorService = n, this._commandService = o, this._textSelectionRenderManager = i, this._renderManagerService = r, this._initialize();
   }
   _initialize() {
     this.disposeWithMe(
@@ -1949,39 +1952,39 @@ let ye = class extends K {
         this._resize(e);
       })
     ), this._editorService.getAllEditor().forEach((e) => {
-      const t = e.editorUnitId;
-      this._initialEditors.has(t) || (this._initialEditors.add(t), this._resize(t));
+      const n = e.editorUnitId;
+      this._initialEditors.has(n) || (this._initialEditors.add(n), this._resize(n));
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var M, I, R;
+    var b, M, E;
     if (e == null)
       return;
-    const t = this._editorService.getEditor(e);
-    if ((t == null ? void 0 : t.cancelDefaultResizeListener) === !0)
+    const n = this._editorService.getEditor(e);
+    if ((n == null ? void 0 : n.cancelDefaultResizeListener) === !0)
       return;
     const o = this._univerInstanceService.getUniverDocInstance(e);
     if (!o)
       return;
-    const i = (M = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : M.with(N).getSkeleton();
-    if (t == null || t.render == null || i == null || o == null)
+    const i = (b = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : b.with(w).getSkeleton();
+    if (n == null || n.render == null || i == null || o == null)
       return;
     i.calculate();
-    const { marginTop: r = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = o.getSnapshot().documentStyle, { scene: d, mainComponent: p } = t.render;
-    let { actualHeight: g, actualWidth: h } = i.getActualSize();
-    g += r + s, h += a + c;
-    const { width: l, height: f } = t.getBoundingClientRect(), u = d.getViewport(te.VIEW_MAIN);
+    const { marginTop: r = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = o.getSnapshot().documentStyle, { scene: d, mainComponent: p } = n.render;
+    let { actualHeight: h, actualWidth: g } = i.getActualSize();
+    h += r + s, g += a + c;
+    const { width: l, height: f } = n.getBoundingClientRect(), u = d.getViewport(ee.VIEW_MAIN);
     let _ = u == null ? void 0 : u.getScrollBar();
-    const m = Math.max(h, l), O = Math.max(g, f);
+    const m = Math.max(g, l), R = Math.max(h, f);
     d.transformByState({
       width: m,
-      height: O
-    }), p == null || p.resize(m, O), t.isSingle() ? h > l ? _ == null ? u && new nt(u, { barSize: 8, enableVertical: !1 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (_ = null, u == null || u.scrollTo({ x: 0, y: 0 }), (R = u == null ? void 0 : u.getScrollBar()) == null || R.dispose()) : g > f ? _ == null ? u && new nt(u, { enableHorizontal: !1, barSize: 8 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (_ = null, u == null || u.scrollTo({ x: 0, y: 0 }), (I = u == null ? void 0 : u.getScrollBar()) == null || I.dispose());
+      height: R
+    }), p == null || p.resize(m, R), n.isSingle() ? g > l ? _ == null ? u && new et(u, { barSize: 8, enableVertical: !1 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (_ = null, u == null || u.scrollTo({ x: 0, y: 0 }), (E = u == null ? void 0 : u.getScrollBar()) == null || E.dispose()) : h > f ? _ == null ? u && new et(u, { enableHorizontal: !1, barSize: 8 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (_ = null, u == null || u.scrollTo({ x: 0, y: 0 }), (M = u == null ? void 0 : u.getScrollBar()) == null || M.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
       this._editorService.setValue$.subscribe((e) => {
-        this._commandService.executeCommand(vo.id, {
+        this._commandService.executeCommand(go.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -2000,8 +2003,8 @@ let ye = class extends K {
         const e = (i = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : i.getUnitId();
         if (e == null)
           return;
-        const t = this._editorService.getEditor(e), o = this._editorService.getFocusEditor();
-        t == null || t.isSheetEditor() || o && o.editorUnitId === e || this._editorService.blur();
+        const n = this._editorService.getEditor(e), o = this._editorService.getFocusEditor();
+        n == null || n.isSheetEditor() || o && o.editorUnitId === e || this._editorService.blur();
       })
     );
   }
@@ -2018,9 +2021,9 @@ let ye = class extends K {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      yt(window, "mousedown").subscribe((o) => {
+      bt(window, "mousedown").subscribe((o) => {
         const r = o.target.classList[0] || "";
-        if (Mn(r, e)) {
+        if (En(r, e)) {
           this._editorService.changeSpreadsheetFocusState(!0), o.stopPropagation();
           return;
         }
@@ -2028,7 +2031,7 @@ let ye = class extends K {
       })
     ), this._univerInstanceService.getAllUnitsForType(v.UNIVER_SHEET).forEach((o) => {
       const i = o.getUnitId(), r = this._renderManagerService.getRenderById(i), s = r == null ? void 0 : r.engine.getCanvas().getCanvasEle();
-      s != null && yt(s, "mousedown").subscribe((a) => {
+      s != null && bt(s, "mousedown").subscribe((a) => {
         this._editorService.changeSpreadsheetFocusState(!0), a.stopPropagation();
       });
     });
@@ -2049,18 +2052,18 @@ let ye = class extends K {
     const e = (o = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : o.getUnitId();
     if (e == null)
       return;
-    const t = this._editorService.getEditor(e);
-    t == null || t.isSheetEditor() || this._editorService.refreshValueChange(e);
+    const n = this._editorService.getEditor(e);
+    n == null || n.isSheetEditor() || this._editorService.refreshValueChange(e);
   }
   /**
    * Listen to document edits to refresh the size of the formula editor.
    */
   _commandExecutedListener() {
-    const e = [Ve.id, Xn.id];
+    const e = [ut.id, jn.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        if (e.includes(t.id)) {
-          const o = t.params, { unitId: i } = o;
+      this._commandService.onCommandExecuted((n) => {
+        if (e.includes(n.id)) {
+          const o = n.params, { unitId: i } = o;
           if (this._editorService.isSheetEditor(i))
             return;
           this._resize(i), this._valueChange();
@@ -2069,36 +2072,36 @@ let ye = class extends K {
     );
   }
 };
-ye = Ir([
-  Ue(we.Rendered, ye),
-  pe(0, L),
-  pe(1, Y),
-  pe(2, C),
+xe = Sr([
+  Le(we.Rendered, xe),
+  pe(0, U),
+  pe(1, K),
+  pe(2, O),
   pe(3, oe),
-  pe(4, k)
-], ye);
-var br = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, xr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Mr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && br(e, t, i), i;
-}, _e = (n, e) => (t, o) => e(t, o, n);
-let at = class extends Oe {
-  constructor(n, e, t, o, i, r) {
-    super(), this._context = n, this._commandService = e, this._docSkeletonManagerService = t, this._configService = o, this._editorService = i, this._renderManagerService = r, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
-  }
-  reRender(n) {
+  pe(4, j)
+], xe);
+var vr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Or = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Rr(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && vr(e, n, i), i;
+}, fe = (t, e) => (n, o) => e(n, o, t);
+let rt = class extends ve {
+  constructor(t, e, n, o, i, r) {
+    super(), this._context = t, this._commandService = e, this._docSkeletonManagerService = n, this._configService = o, this._editorService = i, this._renderManagerService = r, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
+  }
+  reRender(t) {
     var i, r;
-    const e = (i = this._renderManagerService.getRenderById(n)) == null ? void 0 : i.with(N), t = e == null ? void 0 : e.getSkeleton();
-    if (!(!t || t.getViewModel().getDataModel().getSnapshot().disabled)) {
-      if (t.calculate(), this._editorService.isEditor(n)) {
+    const e = (i = this._renderManagerService.getRenderById(t)) == null ? void 0 : i.with(w), n = e == null ? void 0 : e.getSkeleton();
+    if (!(!n || n.getViewModel().getDataModel().getSnapshot().disabled)) {
+      if (n.calculate(), this._editorService.isEditor(t)) {
         (r = this._context.mainComponent) == null || r.makeDirty();
         return;
       }
-      this._recalculateSizeBySkeleton(t);
+      this._recalculateSizeBySkeleton(n);
     }
   }
   _addNewRender() {
-    const { scene: n, engine: e, unit: t } = this._context, o = new Mo(te.VIEW_MAIN, n, {
+    const { scene: t, engine: e, unit: n } = this._context, o = new Oo(ee.VIEW_MAIN, t, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -2107,157 +2110,88 @@ let at = class extends Oe {
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    n.attachControl(), n.onMouseWheel$.subscribeEvent((s, a) => {
+    t.attachControl(), t.onMouseWheel$.subscribeEvent((s, a) => {
       const c = s;
       if (c.ctrlKey) {
         const d = Math.abs(c.deltaX);
         let p = d < 40 ? 0.2 : d < 80 ? 0.4 : 0.2;
-        p *= c.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (p /= 2), n.scaleX + p > 4 ? n.scale(4, 4) : n.scaleX + p < 0.1 ? n.scale(0.1, 0.1) : c.preventDefault();
+        p *= c.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (p /= 2), t.scaleX + p > 4 ? t.scale(4, 4) : t.scaleX + p < 0.1 ? t.scale(0.1, 0.1) : c.preventDefault();
       } else
         o.onMouseWheel(c, a);
-    }), this._configService.getConfig("hasScroll") !== !1 && new nt(o), n.addLayer(
-      new Mt(n, [], Ye),
-      new Mt(n, [], Oo)
-    ), this._addComponent(), t.getShouldRenderLoopImmediately() && e.runRenderLoop(() => {
-      n.render();
+    }), this._configService.getConfig("hasScroll") !== !1 && new et(o), t.addLayer(
+      new It(t, [], Ge),
+      new It(t, [], po)
+    ), this._addComponent(), n.getShouldRenderLoopImmediately() && e.runRenderLoop(() => {
+      t.render();
     });
   }
   _addComponent() {
-    const { scene: n, unit: e, components: t } = this._context, o = {
+    const { scene: t, unit: e, components: n } = this._context, o = {
       pageMarginLeft: e.documentStyle.marginLeft || 0,
       pageMarginTop: e.documentStyle.marginTop || 0
-    }, i = new xo(ie.MAIN, void 0, o);
-    i.zIndex = Tt;
-    const r = new yo(ie.BACKGROUND, void 0, o);
-    r.zIndex = Tt, this._context.mainComponent = i, t.set(ie.MAIN, i), t.set(ie.BACKGROUND, r), n.addObjects([i], Ye), n.addObjects([r], Ro), this._editorService.getEditor(e.getUnitId()) == null && n.enableLayerCache(Ye);
+    }, i = new Co(ie.MAIN, void 0, o);
+    i.zIndex = Ot;
+    const r = new Eo(ie.BACKGROUND, void 0, o);
+    r.zIndex = Ot, this._context.mainComponent = i, n.set(ie.MAIN, i), n.set(ie.BACKGROUND, r), t.addObjects([i], Ge), t.addObjects([r], fo), this._editorService.getEditor(e.getUnitId()) == null && t.enableLayerCache(Ge);
   }
   _initRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(se(this.dispose$)).subscribe((n) => {
-      this._create(n);
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(se(this.dispose$)).subscribe((t) => {
+      this._create(t);
     });
   }
-  _create(n) {
-    if (!n)
+  _create(t) {
+    if (!t)
       return;
-    const { mainComponent: e, components: t } = this._context, o = e, i = t.get(ie.BACKGROUND);
-    o.changeSkeleton(n), i.changeSkeleton(n), this._recalculateSizeBySkeleton(n);
+    const { mainComponent: e, components: n } = this._context, o = e, i = n.get(ie.BACKGROUND);
+    o.changeSkeleton(t), i.changeSkeleton(t), this._recalculateSizeBySkeleton(t);
   }
   _initCommandListener() {
-    const n = [Ve.id];
+    const t = [ut.id];
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (n.includes(e.id)) {
-        const t = e.params, { unitId: o } = t;
+      if (t.includes(e.id)) {
+        const n = e.params, { unitId: o } = n;
         this.reRender(o);
       }
     }));
   }
-  _recalculateSizeBySkeleton(n) {
+  _recalculateSizeBySkeleton(t) {
     var p;
-    const { mainComponent: e, scene: t, unitId: o, components: i } = this._context, r = e, s = i.get(ie.BACKGROUND), a = (p = n.getSkeletonData()) == null ? void 0 : p.pages;
+    const { mainComponent: e, scene: n, unitId: o, components: i } = this._context, r = e, s = i.get(ie.BACKGROUND), a = (p = t.getSkeletonData()) == null ? void 0 : p.pages;
     if (a == null)
       return;
     let c = 0, d = 0;
-    for (let g = 0, h = a.length; g < h; g++) {
-      const l = a[g], { pageWidth: f, pageHeight: u } = l;
-      r.pageLayoutType === De.VERTICAL ? (d += u, d += r.pageMarginTop, g === h - 1 && (d += r.pageMarginTop), c = Math.max(c, f)) : r.pageLayoutType === De.HORIZONTAL && (c += f, g !== h - 1 && (c += r.pageMarginLeft), d = Math.max(d, u));
-    }
-    r.resize(c, d), s.resize(c, d), this._editorService.isEditor(o) || t.resize(c, d);
-  }
-};
-at = xr([
-  _e(1, C),
-  _e(2, T(N)),
-  _e(3, xn),
-  _e(4, Y),
-  _e(5, k)
-], at);
-var yr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, Dr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Pr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && yr(e, t, i), i;
-}, Je = (n, e) => (t, o) => e(t, o, n);
-let ct = class extends K {
-  constructor(e, t, o, i) {
-    super();
-    E(this, "_liquid", new Po());
-    E(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._context = e, this._docSkeletonManagerService = t, this._commandService = o, this._editorService = i, this._initialize(), this._commandExecutedListener();
-  }
-  _initialize() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-      e != null && this._refreshDrawing(e);
-    });
-  }
-  _commandExecutedListener() {
-    const e = [Ve.id, ve.id];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var o;
-        if (e.includes(t.id)) {
-          const i = t.params, { unitId: r } = i, s = this._docSkeletonManagerService.getSkeleton();
-          if (!s)
-            return;
-          if (this._editorService.isEditor(r)) {
-            (o = this._context.mainComponent) == null || o.makeDirty();
-            return;
-          }
-          this._refreshDrawing(s);
-        }
-      })
-    );
-  }
-  _refreshDrawing(e) {
-    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: o, scene: i, unitId: r } = this._context, s = o;
-    if (!t)
-      return;
-    const { left: a, top: c, pageLayoutType: d, pageMarginLeft: p, pageMarginTop: g } = s, { pages: h } = t, l = [];
-    i.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let f = 0, u = h.length; f < u; f++) {
-      const _ = h[f], { skeDrawings: m, marginLeft: O, marginTop: M } = _;
-      this._liquid.translatePagePadding(_), m.forEach((I) => {
-        const { aLeft: R, aTop: y, height: j, width: W, drawingId: $, drawingOrigin: mt } = I, Sn = mt.layoutType === yn.WRAP_NONE && mt.behindDoc === S.TRUE;
-        l.push({
-          unitId: r,
-          subUnitId: Pn,
-          floatingObjectId: $,
-          behindText: Sn,
-          floatingObject: {
-            left: R + a + this._liquid.x,
-            top: y + c + this._liquid.y,
-            width: W,
-            height: j
-          }
-        }), this._pageMarginCache.set($, {
-          marginLeft: this._liquid.x,
-          marginTop: this._liquid.y
-        });
-      }), this._liquid.restorePagePadding(_), this._liquid.translatePage(_, d, p, g);
+    for (let h = 0, g = a.length; h < g; h++) {
+      const l = a[h], { pageWidth: f, pageHeight: u } = l;
+      r.pageLayoutType === De.VERTICAL ? (d += u, d += r.pageMarginTop, h === g - 1 && (d += r.pageMarginTop), c = Math.max(c, f)) : r.pageLayoutType === De.HORIZONTAL && (c += f, h !== g - 1 && (c += r.pageMarginLeft), d = Math.max(d, u));
     }
+    r.resize(c, d), s.resize(c, d), this._editorService.isEditor(o) || n.resize(c, d);
   }
 };
-ct = Dr([
-  Je(1, T(N)),
-  Je(2, C),
-  Je(3, Y)
-], ct);
-var Ar = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Nr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Fr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Ar(e, t, i), i;
-}, fe = (n, e) => (t, o) => e(t, o, n);
-let lt = class extends K {
-  constructor(n, e, t, o, i, r) {
-    super(), this._context = n, this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = o, this._textSelectionManagerService = i, this._editorService = r, this._init();
+rt = Or([
+  fe(1, O),
+  fe(2, T(w)),
+  fe(3, In),
+  fe(4, K),
+  fe(5, j)
+], rt);
+var Cr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Ir = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Er(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Cr(e, n, i), i;
+}, _e = (t, e) => (n, o) => e(n, o, t);
+let st = class extends te {
+  constructor(t, e, n, o, i, r) {
+    super(), this._context = t, this._docSkeletonManagerService = e, this._univerInstanceService = n, this._commandService = o, this._textSelectionManagerService = i, this._editorService = r, this._init();
   }
   _init() {
     this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), setTimeout(() => this._updateViewZoom(1, !0), 20);
   }
   _initRenderRefresher() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((n) => {
-      if (n == null)
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((t) => {
+      if (t == null)
         return;
-      const { unitId: e, scene: t } = this._context;
-      this._editorService.isEditor(e) || this.disposeWithMe(t.onMouseWheel$.subscribeEvent((o) => {
+      const { unitId: e, scene: n } = this._context;
+      this._editorService.isEditor(e) || this.disposeWithMe(n.onMouseWheel$.subscribeEvent((o) => {
         if (!o.ctrlKey)
           return;
         const i = this._univerInstanceService.getCurrentUniverDocInstance();
@@ -2265,10 +2199,10 @@ let lt = class extends K {
           return;
         const r = Math.abs(o.deltaX);
         let s = r < 40 ? 0.2 : r < 80 ? 0.4 : 0.2;
-        s *= o.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (s /= 2);
+        s *= o.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (s /= 2);
         const a = i.zoomRatio;
         let c = +Number.parseFloat(`${a + s}`).toFixed(1);
-        c = c >= 4 ? 4 : c <= 0.1 ? 0.1 : c, this._commandService.executeCommand(Co.id, {
+        c = c >= 4 ? 4 : c <= 0.1 ? 0.1 : c, this._commandService.executeCommand(_o.id, {
           zoomRatio: c,
           unitId: i.getUnitId()
         }), o.preventDefault();
@@ -2276,107 +2210,107 @@ let lt = class extends K {
     });
   }
   _initSkeletonListener() {
-    this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((n) => {
-      if (n == null)
+    this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((t) => {
+      if (t == null)
         return;
       const e = this._univerInstanceService.getCurrentUniverDocInstance();
       if (!e) return;
-      const t = e.zoomRatio || 1;
-      this._updateViewZoom(t, !1);
+      const n = e.zoomRatio || 1;
+      this._updateViewZoom(n, !1);
     }));
   }
   _initCommandExecutedListener() {
-    const n = [ve.id];
+    const t = [Pe.id];
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (n.includes(e.id)) {
-        const t = this._univerInstanceService.getCurrentUniverDocInstance();
-        if (!t) return;
+      if (t.includes(e.id)) {
+        const n = this._univerInstanceService.getCurrentUniverDocInstance();
+        if (!n) return;
         const o = e.params, { unitId: i } = o;
-        if (i !== t.getUnitId())
+        if (i !== n.getUnitId())
           return;
-        const r = t.zoomRatio || 1;
+        const r = n.zoomRatio || 1;
         this._updateViewZoom(r);
       }
     }));
   }
-  _updateViewZoom(n, e = !0) {
+  _updateViewZoom(t, e = !0) {
     var o;
-    const t = Q(this._context);
-    t.scene.scale(n, n), this._calculatePagePosition(t, n), e && this._textSelectionManagerService.refreshSelection(), (o = t.scene.getTransformer()) == null || o.clearSelectedObjects();
+    const n = q(this._context);
+    n.scene.scale(t, t), this._calculatePagePosition(n, t), e && this._textSelectionManagerService.refreshSelection(), (o = n.scene.getTransformer()) == null || o.clearSelectedObjects();
   }
-  _calculatePagePosition(n, e) {
-    const { document: t, scene: o, docBackground: i } = n, r = o == null ? void 0 : o.getParent(), { width: s, height: a, pageMarginLeft: c, pageMarginTop: d } = t;
+  _calculatePagePosition(t, e) {
+    const { document: n, scene: o, docBackground: i } = t, r = o == null ? void 0 : o.getParent(), { width: s, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
     if (r == null || s === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
       return;
-    const { width: p, height: g } = r;
-    let h = 0, l = 0, f = 0, u = 0, _ = Number.POSITIVE_INFINITY;
-    p > (s + c * 2) * e ? (h = p / 2 - s * e / 2, h /= e, f = (p - c * 2) / e, _ = 0) : (h = c, f = s + c * 2, _ = (f - p / e) / 2), g > a ? (l = g / 2 - a / 2, u = (g - d * 2) / e) : (l = d, u = a + d * 2), o.resize(f, u + 200), t.translate(h, l), i.translate(h, l);
-    const m = o.getViewport(te.VIEW_MAIN);
+    const { width: p, height: h } = r;
+    let g = 0, l = 0, f = 0, u = 0, _ = Number.POSITIVE_INFINITY;
+    p > (s + c * 2) * e ? (g = p / 2 - s * e / 2, g /= e, f = (p - c * 2) / e, _ = 0) : (g = c, f = s + c * 2, _ = (f - p / e) / 2), h > a ? (l = h / 2 - a / 2, u = (h - d * 2) / e) : (l = d, u = a + d * 2), o.resize(f, u + 200), n.translate(g, l), i.translate(g, l);
+    const m = o.getViewport(ee.VIEW_MAIN);
     if (_ !== Number.POSITIVE_INFINITY && m != null) {
-      const O = m.transViewportScroll2ScrollValue(_, 0).x;
+      const R = m.transViewportScroll2ScrollValue(_, 0).x;
       m.scrollTo({
-        x: O
+        x: R
       });
     }
     return this;
   }
 };
-lt = Nr([
-  fe(1, T(N)),
-  fe(2, L),
-  fe(3, C),
-  fe(4, T(ne)),
-  fe(5, Y)
-], lt);
-var Lr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, wr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Ur(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Lr(e, t, i), i;
-}, re = (n, e) => (t, o) => e(t, o, n);
-let dt = class extends K {
-  constructor(e, t, o, i, r, s, a) {
+st = Ir([
+  _e(1, T(w)),
+  _e(2, U),
+  _e(3, O),
+  _e(4, T(ne)),
+  _e(5, K)
+], st);
+var Tr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Mr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? br(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Tr(e, n, i), i;
+}, re = (t, e) => (n, o) => e(n, o, t);
+let at = class extends te {
+  constructor(e, n, o, i, r, s, a) {
     super();
-    E(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._context = e, this._commandService = t, this._editorService = o, this._instanceSrv = i, this._textSelectionRenderManager = r, this._docSkeletonManagerService = s, this._textSelectionManagerService = a, this._initialize();
+    C(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    this._context = e, this._commandService = n, this._editorService = o, this._instanceSrv = i, this._textSelectionRenderManager = r, this._docSkeletonManagerService = s, this._textSelectionManagerService = a, this._initialize();
   }
   _initialize() {
     this._init(), this._skeletonListener(), this._commandExecutedListener();
   }
   _init() {
-    const { unitId: e } = this._context, t = Q(this._context);
-    t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
+    const { unitId: e } = this._context, n = q(this._context);
+    n == null || n.document == null || this._loadedMap.has(n.document) || (this._initialMain(e), this._loadedMap.add(n.document));
   }
   // eslint-disable-next-line max-lines-per-function
   _initialMain(e) {
-    const t = Q(this._context), { document: o, scene: i } = t;
+    const n = q(this._context), { document: o, scene: i } = n;
     this.disposeWithMe(o.onPointerEnter$.subscribeEvent(() => {
-      this._isEditorReadOnly(e) || (o.cursor = xt.TEXT);
+      this._isEditorReadOnly(e) || (o.cursor = Tt.TEXT);
     })), this.disposeWithMe(o.onPointerLeave$.subscribeEvent(() => {
-      o.cursor = xt.DEFAULT, i.resetCursor();
+      o.cursor = Tt.DEFAULT, i.resetCursor();
     })), this.disposeWithMe(o.onPointerDown$.subscribeEvent((r, s) => {
       if (this._isEditorReadOnly(e))
         return;
       const a = this._instanceSrv.getCurrentUnitForType(v.UNIVER_DOC);
       (a == null ? void 0 : a.getUnitId()) !== e && this._instanceSrv.setCurrentUnitForType(e);
-      const c = this._docSkeletonManagerService.getSkeleton(), { offsetX: d, offsetY: p } = r, g = this._getTransformCoordForDocumentOffset(d, p);
-      if (g != null) {
+      const c = this._docSkeletonManagerService.getSkeleton(), { offsetX: d, offsetY: p } = r, h = this._getTransformCoordForDocumentOffset(d, p);
+      if (h != null) {
         const {
-          pageLayoutType: h = De.VERTICAL,
+          pageLayoutType: g = De.VERTICAL,
           pageMarginLeft: l,
           pageMarginTop: f
         } = o.getOffsetConfig(), { editArea: u } = c.findEditAreaByCoord(
-          g,
           h,
+          g,
           l,
           f
         ), _ = this._docSkeletonManagerService.getViewModel(), m = _.getEditArea();
-        m !== F.BODY && u !== F.BODY && u !== m && _.setEditArea(u);
+        m !== N.BODY && u !== N.BODY && u !== m && _.setEditArea(u);
       }
       if (this._textSelectionRenderManager.eventTrigger(r), this._editorService.getEditor(e)) {
         this._setEditorFocus(e);
-        const { offsetX: h, offsetY: l } = r;
+        const { offsetX: g, offsetY: l } = r;
         setTimeout(() => {
-          this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(h, l);
+          this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(g, l);
         }, 0);
       }
       r.button !== 2 && s.stopPropagation();
@@ -2386,27 +2320,27 @@ let dt = class extends K {
       this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(r);
     }));
   }
-  _getTransformCoordForDocumentOffset(e, t) {
-    const o = Q(this._context), { document: i, scene: r } = o, { documentTransform: s } = i.getOffsetConfig(), a = r.getViewports()[0];
+  _getTransformCoordForDocumentOffset(e, n) {
+    const o = q(this._context), { document: i, scene: r } = o, { documentTransform: s } = i.getOffsetConfig(), a = r.getViewports()[0];
     if (a == null)
       return;
-    const c = a.transformVector2SceneCoord(sn.FromArray([e, t]));
+    const c = a.transformVector2SceneCoord(nn.FromArray([e, n]));
     return s.clone().invert().applyPoint(c);
   }
   _isEditorReadOnly(e) {
-    const t = this._editorService.getEditor(e);
-    return t ? t.isReadOnly() : !1;
+    const n = this._editorService.getEditor(e);
+    return n ? n.isReadOnly() : !1;
   }
   _setEditorFocus(e) {
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [ve.id];
+    const e = [Pe.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
+      this._commandService.onCommandExecuted((n) => {
         var o;
-        if (e.includes(t.id)) {
-          const i = t.params, { unitId: r } = i, s = (o = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : o.unitId;
+        if (e.includes(n.id)) {
+          const i = n.params, { unitId: r } = i, s = (o = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : o.unitId;
           if (r !== s)
             return;
           this._textSelectionManagerService.refreshSelection();
@@ -2419,8 +2353,8 @@ let dt = class extends K {
       this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
         if (e == null)
           return;
-        const { scene: t, mainComponent: o, unitId: i } = this._context;
-        this._textSelectionRenderManager.changeRuntime(e, t, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+        const { scene: n, mainComponent: o, unitId: i } = this._context;
+        this._textSelectionRenderManager.changeRuntime(e, n, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
           unitId: i,
           subUnitId: ""
         }), this._editorService.isEditor(i) || this._textSelectionManagerService.replaceTextRanges([
@@ -2433,96 +2367,96 @@ let dt = class extends K {
     );
   }
 };
-dt = wr([
-  re(1, C),
-  re(2, Y),
-  re(3, L),
+at = Mr([
+  re(1, O),
+  re(2, K),
+  re(3, U),
   re(4, oe),
-  re(5, T(N)),
+  re(5, T(w)),
   re(6, T(ne))
-], dt);
-var Br = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, Hr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? $r(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Br(e, t, i), i;
-}, Ie = (n, e) => (t, o) => e(t, o, n);
-function zt(n, e) {
-  const t = Gt(n.left, n.top, e), o = Gt(n.right, n.bottom, e);
+], at);
+var xr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, Pr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? yr(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && xr(e, n, i), i;
+}, Ie = (t, e) => (n, o) => e(n, o, t);
+function jt(t, e) {
+  const n = Wt(t.left, t.top, e), o = Wt(t.right, t.bottom, e);
   return {
-    left: t.x,
-    top: t.y,
+    left: n.x,
+    top: n.y,
     right: o.x,
     bottom: o.y
   };
 }
-function Gt(n, e, t) {
-  const { scaleX: o, scaleY: i } = t.getAncestorScale(), r = t.getViewport(te.VIEW_MAIN);
+function Wt(t, e, n) {
+  const { scaleX: o, scaleY: i } = n.getAncestorScale(), r = n.getViewport(ee.VIEW_MAIN);
   if (!r)
     return {
-      x: n,
+      x: t,
       y: e
     };
-  const { viewportScrollX: s, viewportScrollY: a } = r, c = (n - s) * o, d = (e - a) * i;
+  const { viewportScrollX: s, viewportScrollY: a } = r, c = (t - s) * o, d = (e - a) * i;
   return {
     x: c,
     y: d
   };
 }
-let ut = class extends K {
-  constructor(n, e, t, o) {
-    super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = o;
+let ct = class extends te {
+  constructor(t, e, n, o) {
+    super(), this._globalPopupManagerService = t, this._renderManagerService = e, this._univerInstanceService = n, this._commandService = o;
   }
   // #region attach to object
-  _createObjectPositionObserver(n, e) {
-    const t = () => {
-      const { scene: a } = e, { left: c, top: d, width: p, height: g } = n, h = {
-        left: c,
-        right: c + p,
-        top: d,
-        bottom: d + g
-      }, l = zt(h, a);
+  _createObjectPositionObserver(t, e) {
+    const n = () => {
+      const { scene: a, engine: c } = e, { left: d, top: p, width: h, height: g } = t, l = {
+        left: d,
+        right: d + h,
+        top: p,
+        bottom: p + g
+      }, f = jt(l, a), u = c.getCanvasElement().getBoundingClientRect().top;
       return {
-        left: l.left,
-        right: l.right,
-        top: l.top,
-        bottom: l.bottom
+        left: f.left,
+        right: f.right,
+        top: f.top + u,
+        bottom: f.bottom
       };
-    }, o = t(), i = new Pt(o), r = new vt();
+    }, o = n(), i = new Mt(o), r = new _t();
     r.add(this._commandService.onCommandExecuted((a) => {
-      a.id === ve.id && i.next(t());
+      a.id === Pe.id && i.next(n());
     }));
-    const s = e.scene.getViewport(te.VIEW_MAIN);
+    const s = e.scene.getViewport(ee.VIEW_MAIN);
     return s && r.add(s.onScrollAfter$.subscribeEvent(() => {
-      i.next(t());
+      i.next(n());
     })), {
       position: o,
       position$: i,
       disposable: r
     };
   }
-  _createRangePositionObserver(n, e) {
+  _createRangePositionObserver(t, e) {
     var a;
-    const t = () => {
-      const { scene: c, mainComponent: d } = e, p = e.with(N).getSkeleton(), g = p.findNodePositionByCharIndex(n.startOffset), h = p.findNodePositionByCharIndex(n.endOffset), l = d;
-      if (!h || !g)
+    const n = () => {
+      const { scene: c, mainComponent: d, engine: p } = e, h = e.with(w).getSkeleton(), g = h.findNodePositionByCharIndex(t.startOffset), l = h.findNodePositionByCharIndex(t.endOffset), f = d;
+      if (!l || !g)
         return;
-      const f = l.getOffsetConfig(), { docsLeft: u, docsTop: _ } = f, m = new rn(f, p), { borderBoxPointGroup: O } = m.getRangePointData(g, h);
-      return Do(O).map((R) => zt(R, c)).map((R) => ({
-        left: R.left + u,
-        right: R.right + u,
-        top: R.top + _,
-        bottom: R.bottom + _
+      const u = f.getOffsetConfig(), { docsLeft: _, docsTop: m } = u, R = p.getCanvasElement().getBoundingClientRect().top, b = new tn(u, h), { borderBoxPointGroup: M } = b.getRangePointData(g, l);
+      return Io(M).map((F) => jt(F, c)).map((F) => ({
+        left: F.left + _,
+        right: F.right + _,
+        top: F.top + m + R,
+        bottom: F.bottom + m
       }));
-    }, o = (a = t()) != null ? a : [], i = new Pt(o), r = new vt();
+    }, o = (a = n()) != null ? a : [], i = new Mt(o), r = new _t();
     r.add(this._commandService.onCommandExecuted((c) => {
-      if (c.id === ve.id) {
-        const d = t();
+      if (c.id === Pe.id) {
+        const d = n();
         d && i.next(d);
       }
     }));
-    const s = e.scene.getViewport(te.VIEW_MAIN);
+    const s = e.scene.getViewport(ee.VIEW_MAIN);
     return s && r.add(s.onScrollAfter$.subscribeEvent(() => {
-      const c = t();
+      const c = n();
       c && i.next(c);
     })), {
       positions: o,
@@ -2536,14 +2470,14 @@ let ut = class extends K {
    * @param popup popup item
    * @returns disposable
    */
-  attachPopupToObject(n, e) {
+  attachPopupToObject(t, e) {
     const o = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC).getUnitId(), i = this._renderManagerService.getRenderById(o);
     if (!i)
       return {
         dispose: () => {
         }
       };
-    const { position: r, position$: s, disposable: a } = this._createObjectPositionObserver(n, i), c = this._globalPopupManagerService.addPopup({
+    const { position: r, position$: s, disposable: a } = this._createObjectPositionObserver(t, i), c = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: o,
       subUnitId: "default",
@@ -2556,14 +2490,14 @@ let ut = class extends K {
       }
     };
   }
-  attachPopupToRange(n, e) {
+  attachPopupToRange(t, e) {
     const o = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC).getUnitId(), { direction: i = "top" } = e, r = this._renderManagerService.getRenderById(o);
     if (!r)
       return {
         dispose: () => {
         }
       };
-    const { positions: s, positions$: a, disposable: c } = this._createRangePositionObserver(n, r), d = a.pipe(Fo((g) => i === "top" ? g[0] : g[g.length - 1])), p = this._globalPopupManagerService.addPopup({
+    const { positions: s, positions$: a, disposable: c } = this._createRangePositionObserver(t, r), d = a.pipe(bo((h) => i === "top" ? h[0] : h[h.length - 1])), p = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: o,
       subUnitId: "default",
@@ -2580,49 +2514,49 @@ let ut = class extends K {
     };
   }
 };
-ut = Hr([
-  Ie(0, T(Kn)),
-  Ie(1, k),
-  Ie(2, L),
-  Ie(3, C)
-], ut);
-var Vr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Wr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? jr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && Vr(e, t, i), i;
-}, Yt = (n, e) => (t, o) => e(t, o, n);
-let Pe = class extends Oe {
-  constructor(n, e) {
-    super(), this._instanceSrv = n, this._renderManagerService = e, this._init();
+ct = Pr([
+  Ie(0, T(Wn)),
+  Ie(1, j),
+  Ie(2, U),
+  Ie(3, O)
+], ct);
+var Dr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Fr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ar(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Dr(e, n, i), i;
+}, kt = (t, e) => (n, o) => e(n, o, t);
+let ye = class extends ve {
+  constructor(t, e) {
+    super(), this._instanceSrv = t, this._renderManagerService = e, this._init();
   }
   _init() {
-    this._renderManagerService.createRender$.pipe(se(this.dispose$)).subscribe((n) => this._createRenderWithId(n)), this._instanceSrv.getTypeOfUnitAdded$(v.UNIVER_DOC).pipe(se(this.dispose$)).subscribe((n) => this._createRenderer(n)), this._instanceSrv.getAllUnitsForType(v.UNIVER_DOC).forEach((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitDisposed$(v.UNIVER_DOC).pipe(se(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    this._renderManagerService.createRender$.pipe(se(this.dispose$)).subscribe((t) => this._createRenderWithId(t)), this._instanceSrv.getTypeOfUnitAdded$(v.UNIVER_DOC).pipe(se(this.dispose$)).subscribe((t) => this._createRenderer(t)), this._instanceSrv.getAllUnitsForType(v.UNIVER_DOC).forEach((t) => this._createRenderer(t)), this._instanceSrv.getTypeOfUnitDisposed$(v.UNIVER_DOC).pipe(se(this.dispose$)).subscribe((t) => this._disposeRenderer(t));
   }
-  _createRenderer(n) {
-    const e = n.getUnitId();
+  _createRenderer(t) {
+    const e = t.getUnitId();
     this._renderManagerService.has(e) || (this._createRenderWithId(e), this._renderManagerService.setCurrent(e));
   }
-  _createRenderWithId(n) {
-    this._renderManagerService.createRender(n);
+  _createRenderWithId(t) {
+    this._renderManagerService.createRender(t);
   }
-  _disposeRenderer(n) {
-    const e = n.getUnitId();
+  _disposeRenderer(t) {
+    const e = t.getUnitId();
     this._renderManagerService.removeRender(e);
   }
 };
-Pe = Wr([
-  Ue(we.Ready, Pe),
-  Yt(0, L),
-  Yt(1, k)
-], Pe);
-var kr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Gr = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? zr(e, t) : e, r = n.length - 1, s; r >= 0; r--)
-    (s = n[r]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && kr(e, t, i), i;
-}, Qe = (n, e) => (t, o) => e(t, o, n), be;
-let Xt = (be = class extends Dn {
-  constructor(n, e, t, o) {
-    super(), this._config = n, this._injector = e, this._renderManagerSrv = t, this._logService = o, this._config = ee.deepMerge({}, ci, this._config), this._initDependencies(e), this._initializeCommands();
+ye = Fr([
+  Le(we.Ready, ye),
+  kt(0, U),
+  kt(1, j)
+], ye);
+var Nr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Lr = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ur(e, n) : e, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = (o ? s(e, n, i) : s(i)) || i);
+  return o && i && Nr(e, n, i), i;
+}, Je = (t, e) => (n, o) => e(n, o, t), Te;
+let zt = (Te = class extends Tn {
+  constructor(t, e, n, o) {
+    super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._logService = o, this._config = Q.deepMerge({}, ti, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onReady() {
     this._initRenderBasics();
@@ -2632,42 +2566,42 @@ let Xt = (be = class extends Dn {
   }
   _initializeCommands() {
     [
+      oi,
+      ii,
+      si,
+      ri,
+      ai,
+      ci,
+      li,
       di,
       ui,
-      gi,
-      hi,
-      pi,
-      _i,
-      fi,
-      mi,
-      Si,
-      _r,
-      fr,
-      pr
-    ].forEach((n) => {
-      this._injector.get(Zn).registerShortcut(n);
+      cr,
+      lr,
+      ar
+    ].forEach((t) => {
+      this._injector.get(kn).registerShortcut(t);
     });
   }
-  _initDependencies(n) {
+  _initDependencies(t) {
     [
       [Se, { useFactory: () => this._injector.createInstance(Se, this._config) }],
+      [Me],
       [xe],
       [ye],
-      [Pe],
       [me, { useFactory: () => this._injector.createInstance(me, this._config) }],
-      [Ce, { useClass: ot }],
-      [ut]
-    ].forEach((t) => n.add(t));
+      [Oe, { useClass: tt }],
+      [ct]
+    ].forEach((n) => t.add(n));
   }
   _markDocAsFocused() {
-    const n = this._injector.get(L), e = this._injector.get(Y);
+    const t = this._injector.get(U), e = this._injector.get(K);
     try {
-      const t = n.getCurrentUnitForType(v.UNIVER_DOC);
-      if (!t) return;
-      const o = t.getUnitId();
-      e.isEditor(o) || n.focusUnit(t.getUnitId());
-    } catch (t) {
-      this._logService.warn(t);
+      const n = t.getCurrentUnitForType(v.UNIVER_DOC);
+      if (!n) return;
+      const o = n.getUnitId();
+      e.isEditor(o) || t.focusUnit(n.getUnitId());
+    } catch (n) {
+      this._logService.warn(n);
     }
   }
   _initUI() {
@@ -2675,73 +2609,72 @@ let Xt = (be = class extends Dn {
   }
   _initRenderBasics() {
     [
-      N,
-      Eo,
-      at,
-      lt
-    ].forEach((n) => {
-      this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, n);
+      [w],
+      [mo],
+      [rt],
+      [st]
+    ].forEach((t) => {
+      this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, t);
     });
   }
   _initRenderModules() {
     [
-      it,
-      ct,
-      dt,
-      st
-    ].forEach((n) => {
-      this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, n);
+      [nt],
+      [at],
+      [it]
+    ].forEach((t) => {
+      this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, t);
     });
   }
-}, E(be, "pluginName", li), E(be, "type", v.UNIVER_DOC), be);
-Xt = Gr([
-  Qe(1, T(Be)),
-  Qe(2, k),
-  Qe(3, Zt)
-], Xt);
-function is(n) {
+}, C(Te, "pluginName", ni), C(Te, "type", v.UNIVER_DOC), Te);
+zt = Lr([
+  Je(1, T(Be)),
+  Je(2, j),
+  Je(3, Yt)
+], zt);
+function Xr(t) {
   return {
-    left: n.positionH.posOffset,
-    top: n.positionV.posOffset,
-    width: n.size.width,
-    height: n.size.height
+    left: t.positionH.posOffset,
+    top: t.positionV.posOffset,
+    width: t.size.width,
+    height: t.size.height
   };
 }
-function rs(n, e = 0, t = 0) {
+function Kr(t, e = 0, n = 0) {
   return {
     size: {
-      width: n.width,
-      height: n.height
+      width: t.width,
+      height: t.height
     },
     positionH: {
-      relativeFrom: An.MARGIN,
-      posOffset: (n.left || 0) - e
+      relativeFrom: bn.MARGIN,
+      posOffset: (t.left || 0) - e
     },
     positionV: {
-      relativeFrom: Fn.PAGE,
-      posOffset: (n.top || 0) - t
+      relativeFrom: Mn.PAGE,
+      posOffset: (t.top || 0) - n
     },
-    angle: n.angle || 0
+    angle: t.angle || 0
   };
 }
 export {
-  li as DOC_UI_PLUGIN_NAME,
-  ai as DefaultDocContainerConfig,
-  ci as DefaultDocUiConfig,
-  si as DefaultToolbarConfig,
-  it as DocBackScrollRenderController,
-  ut as DocCanvasPopManagerService,
-  mr as DocCopyCommand,
-  Sr as DocCutCommand,
-  vr as DocPasteCommand,
-  at as DocRenderController,
-  Pe as DocsRenderService,
-  Ce as IDocClipboardService,
-  Yo as PastePluginLark,
-  qo as PastePluginUniver,
-  Ko as PastePluginWord,
-  Xt as UniverDocsUIPlugin,
-  is as docDrawingPositionToTransform,
-  rs as transformToDocDrawingPosition,
-  z as whenDocAndEditorFocused
+  ni as DOC_UI_PLUGIN_NAME,
+  ei as DefaultDocContainerConfig,
+  ti as DefaultDocUiConfig,
+  Qo as DefaultToolbarConfig,
+  nt as DocBackScrollRenderController,
+  ct as DocCanvasPopManagerService,
+  dr as DocCopyCommand,
+  ur as DocCutCommand,
+  hr as DocPasteCommand,
+  rt as DocRenderController,
+  ye as DocsRenderService,
+  Oe as IDocClipboardService,
+  Ho as PastePluginLark,
+  ko as PastePluginUniver,
+  jo as PastePluginWord,
+  zt as UniverDocsUIPlugin,
+  Xr as docDrawingPositionToTransform,
+  Kr as transformToDocDrawingPosition,
+  W as whenDocAndEditorFocused
 };