@univerjs/docs-ui 0.2.4-alpha.0 → 0.2.5

package/lib/es/index.js

@@ -1,31 +1,31 @@
-var Sn = Object.defineProperty;
-var vn = (t, e, n) => e in t ? Sn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var C = (t, e, n) => vn(t, typeof e != "symbol" ? e + "" : e, n);
-import { FOCUSING_DOC as Ue, FOCUSING_UNIVER_EDITOR as dt, FOCUSING_COMMON_DRAWINGS as Xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Rn, Tools as j, LRUMap as On, BaselineOffset as ae, BooleanNumber as S, ColorKit as ft, DataStreamTreeTokenType as Pe, CustomRangeType as Kt, skipParseTagNames as Cn, createIdentifier as En, Inject as E, IUniverInstanceService as w, ILogService as Zt, ICommandService as O, Disposable as Q, SliceBodyType as mt, normalizeBody as Tn, UniverInstanceType as v, toDisposable as Jt, RxDisposable as Se, Direction as K, EDITOR_ACTIVATED as qt, LocaleService as le, Injector as Le, Optional as In, useDependency as z, CommandType as de, DocumentFlavor as bn, JSONX as Qe, ThemeService as Qt, HorizontalAlign as we, OnLifecycle as Be, LifecycleStages as $e, IContextService as Mn, checkForSubstrings as yn, IConfigService as xn, isInternalEditorID as Pn, DisposableCollection as St, Plugin as Dn, ObjectRelativeFromH as An, ObjectRelativeFromV as Nn } from "@univerjs/core";
-import { IClipboardInterfaceService as ut, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Fn, HTML_CLIPBOARD_MIME_TYPE as Un, IEditorService as ee, KeyCode as H, MetaKeys as ve, ILayoutService as en, ISidebarService as Ln, ComponentManager as tn, MenuGroup as x, MenuItemType as y, MenuPosition as P, getMenuHiddenObservable as D, FONT_FAMILY_LIST as vt, FONT_SIZE_LIST as wn, getHeaderFooterMenuHiddenObservable as Bn, FontFamily as $n, FontFamilyItem as Hn, FontSize as Vn, IMenuService as jn, CopyCommand as Wn, CutCommand as kn, PasteCommand as Gn, SetEditorResizeOperation as zn, ICanvasPopupService as Yn, IShortcutService as Xn } from "@univerjs/ui";
-import { TextSelectionManagerService as te, DocCustomRangeService as Kn, CutContentCommand as nn, InnerPasteCommand as on, getDeleteSelection as Zn, DocSkeletonManagerService as L, VIEWPORT_KEY as q, getDocObject as Jn, MoveCursorOperation as He, MoveSelectionOperation as Ve, SelectAllOperation as qn, neoGetDocObject as J, RichTextEditingMutation as ht, SetInlineFormatBoldCommand as Qn, SetTextSelectionsOperation as V, SetInlineFormatCommand as ue, SetInlineFormatItalicCommand as eo, SetInlineFormatUnderlineCommand as to, SetInlineFormatStrikethroughCommand as no, SetInlineFormatSubscriptCommand as oo, SetInlineFormatSuperscriptCommand as ro, SetInlineFormatFontFamilyCommand as Rt, SetInlineFormatFontSizeCommand as Ot, SetInlineFormatTextColorCommand as Ct, AlignLeftCommand as io, AlignOperationCommand as je, AlignCenterCommand as so, AlignRightCommand as ao, AlignJustifyCommand as co, OrderListCommand as lo, BulletListCommand as uo, ResetInlineFormatTextBackgroundColorCommand as ho, SetInlineFormatTextBackgroundColorCommand as et, BreakLineCommand as go, DeleteLeftCommand as po, DeleteRightCommand as _o, CoverContentCommand as fo, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ye, DOCS_COMPONENT_HEADER_LAYER_INDEX as mo, DOCS_VIEW_KEY as oe, DOCS_COMPONENT_DEFAULT_Z_INDEX as Et, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as So, SetDocZoomRatioCommand as vo, SetDocZoomRatioOperation as De, DocInterceptorService as Ro } from "@univerjs/docs";
-import { pixelToPt as Oo, ptToPixel as Tt, NodePositionConvertToCursor as rn, getAnchorBounding as Co, IRenderManagerService as W, ITextSelectionRenderManager as ne, Shape as Eo, DocumentEditArea as F, PageLayoutType as Ae, Vector2 as sn, Rect as Xe, Path as It, ScrollBar as tt, Viewport as To, Layer as bt, Documents as Io, DocBackground as bo, CURSOR_TYPE as Mt, getLineBounding as Mo } from "@univerjs/engine-render";
-import { takeUntil as se, Observable as B, combineLatest as yo, fromEvent as yt, BehaviorSubject as xt, map as xo } from "rxjs";
-import Po, { useState as an, useEffect as cn } from "react";
-import { Checkbox as Pt, InputNumber as Dt, Button as Do, ColorPicker as Ao } from "@univerjs/design";
-import No from "clsx";
-function k(t) {
-  return t.getContextValue(Ue) && t.getContextValue(dt) && !t.getContextValue(Xt);
+var eo = Object.defineProperty;
+var to = (t, e, n) => e in t ? eo(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var I = (t, e, n) => to(t, typeof e != "symbol" ? e + "" : e, n);
+import { FOCUSING_DOC as $e, FOCUSING_UNIVER_EDITOR as vt, FOCUSING_COMMON_DRAWINGS as un, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as no, Tools as K, LRUMap as oo, BaselineOffset as ue, BooleanNumber as R, ColorKit as yt, DataStreamTreeTokenType as Ne, CustomRangeType as hn, skipParseTagNames as io, createIdentifier as ro, Inject as M, IUniverInstanceService as L, ILogService as gn, ICommandService as E, Disposable as z, SliceBodyType as Pt, normalizeBody as so, UniverInstanceType as v, toDisposable as _n, RxDisposable as Te, Direction as ee, EDITOR_ACTIVATED as pn, LocaleService as _e, Injector as Be, Optional as ao, useDependency as Y, useObservable as co, CommandType as pe, DocumentFlavor as lo, JSONX as it, ThemeService as fn, HorizontalAlign as He, connectInjector as uo, OnLifecycle as Ve, LifecycleStages as je, IContextService as ho, checkForSubstrings as go, IConfigService as _o, isInternalEditorID as po, DisposableCollection as At, DEFAULT_EMPTY_DOCUMENT_VALUE as mn, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Sn, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as vn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as fo, fromEventSubject as rt, Plugin as mo, ObjectRelativeFromH as So, ObjectRelativeFromV as vo } from "@univerjs/core";
+import { IClipboardInterfaceService as Ct, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Co, HTML_CLIPBOARD_MIME_TYPE as Ro, IEditorService as oe, KeyCode as D, MetaKeys as x, ILayoutService as Cn, ISidebarService as Oo, ComponentManager as Rn, MenuGroup as F, MenuItemType as y, MenuPosition as P, getMenuHiddenObservable as U, FONT_FAMILY_LIST as Nt, FONT_SIZE_LIST as To, getHeaderFooterMenuHiddenObservable as Eo, CopyCommand as Io, CutCommand as Mo, PasteCommand as bo, FontFamily as xo, FontFamilyItem as Do, FontSize as yo, BuiltInUIPart as Po, IMenuService as Ao, IUIPartsService as No, IShortcutService as On, SetEditorResizeOperation as Fo, ICanvasPopupService as Uo, IContextMenuService as Lo } from "@univerjs/ui";
+import { TextSelectionManagerService as Z, DocCustomRangeService as wo, CutContentCommand as Tn, InnerPasteCommand as En, getDeleteSelection as $o, DocSkeletonManagerService as $, VIEWPORT_KEY as J, getDocObject as Bo, MoveCursorOperation as We, MoveSelectionOperation as ze, SelectAllOperation as Ho, SetDocZoomRatioOperation as he, neoGetDocObject as Q, RichTextEditingMutation as Ge, SetInlineFormatBoldCommand as In, SetTextSelectionsOperation as G, SetInlineFormatCommand as fe, SetInlineFormatItalicCommand as Mn, SetInlineFormatUnderlineCommand as bn, SetInlineFormatStrikethroughCommand as xn, SetInlineFormatSubscriptCommand as Dn, SetInlineFormatSuperscriptCommand as yn, SetInlineFormatFontFamilyCommand as Ft, SetInlineFormatFontSizeCommand as Ut, SetInlineFormatTextColorCommand as Lt, AlignLeftCommand as Pn, AlignOperationCommand as ke, AlignCenterCommand as An, AlignRightCommand as Nn, AlignJustifyCommand as Fn, OrderListCommand as Un, BulletListCommand as Ln, ResetInlineFormatTextBackgroundColorCommand as Vo, SetInlineFormatTextBackgroundColorCommand as st, DeleteLeftCommand as wn, BreakLineCommand as jo, DeleteRightCommand as Wo, CoverContentCommand as zo, DOCS_COMPONENT_MAIN_LAYER_INDEX as Je, DOCS_COMPONENT_HEADER_LAYER_INDEX as Go, DOCS_VIEW_KEY as se, DOCS_COMPONENT_DEFAULT_Z_INDEX as wt, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as ko, SetDocZoomRatioCommand as Yo, DocInterceptorService as Xo } from "@univerjs/docs";
+import { pixelToPt as Ko, ptToPixel as $t, NodePositionConvertToCursor as $n, getAnchorBounding as Zo, IRenderManagerService as X, ITextSelectionRenderManager as ie, Shape as Jo, DocumentEditArea as w, PageLayoutType as Oe, Vector2 as Rt, Rect as qe, Path as Bt, ScrollBar as at, Viewport as qo, Layer as Ht, Documents as Qo, DocBackground as ei, CURSOR_TYPE as Vt, pxToNum as jt, getLineBounding as ti, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ni } from "@univerjs/engine-render";
+import { takeUntil as de, Observable as B, combineLatest as oi, fromEvent as Wt, BehaviorSubject as Fe, map as ii, filter as ri, throttleTime as Bn, debounceTime as si } from "rxjs";
+import ai, { useMemo as ci, useCallback as li, useState as Ot, useEffect as Tt } from "react";
+import { Slider as di, Checkbox as zt, InputNumber as Gt, Button as ui, ColorPicker as hi } from "@univerjs/design";
+import gi from "clsx";
+function A(t) {
+  return t.getContextValue($e) && t.getContextValue(vt) && !t.getContextValue(un);
 }
-function Fo(t) {
-  return t.getContextValue(Ue) && t.getContextValue(dt) && !t.getContextValue(Rn) && !t.getContextValue(Xt);
+function _i(t) {
+  return t.getContextValue($e) && t.getContextValue(vt) && !t.getContextValue(no) && !t.getContextValue(un);
 }
-const Uo = 10, Lo = 6;
-function wo() {
-  return j.generateRandomId(Lo);
+const pi = 10, fi = 6;
+function mi() {
+  return K.generateRandomId(fi);
 }
-function Bo(t) {
+function Si(t) {
   const e = t.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class $o {
+class vi {
   constructor() {
-    C(this, "_cache", new On(Uo));
+    I(this, "_cache", new oo(pi));
   }
   set(e, n) {
     this._cache.set(e, n);
@@ -37,77 +37,77 @@ class $o {
     this._cache.clear();
   }
 }
-const At = new $o();
-function gt(t) {
+const kt = new vi();
+function Et(t) {
   const e = t.style, n = {}, o = t.tagName.toLowerCase();
   switch (o) {
     case "b":
     case "em":
     case "strong": {
-      n.bl = S.TRUE;
+      n.bl = R.TRUE;
       break;
     }
     case "s": {
       n.st = {
-        s: S.TRUE
+        s: R.TRUE
       };
       break;
     }
     case "u": {
       n.ul = {
-        s: S.TRUE
+        s: R.TRUE
       };
       break;
     }
     case "i": {
-      n.it = S.TRUE;
+      n.it = R.TRUE;
       break;
     }
     case "sub":
     case "sup": {
-      n.va = o === "sup" ? ae.SUPERSCRIPT : ae.SUBSCRIPT;
+      n.va = o === "sup" ? ue.SUPERSCRIPT : ue.SUBSCRIPT;
       break;
     }
   }
-  for (let r = 0; r < e.length; r++) {
-    const i = e[r], s = e.getPropertyValue(i);
-    switch (i) {
+  for (let i = 0; i < e.length; i++) {
+    const r = e[i], s = e.getPropertyValue(r);
+    switch (r) {
       case "font-family": {
         n.ff = s;
         break;
       }
       case "font-size": {
         const a = Number.parseInt(s);
-        Number.isNaN(a) || (s.endsWith("pt") ? n.fs = a : s.endsWith("px") && (n.fs = Oo(a)));
+        Number.isNaN(a) || (s.endsWith("pt") ? n.fs = a : s.endsWith("px") && (n.fs = Ko(a)));
         break;
       }
       case "font-style": {
-        s === "italic" && (n.it = S.TRUE);
+        s === "italic" && (n.it = R.TRUE);
         break;
       }
       case "font-weight": {
-        (Number(s) > 400 || String(s) === "bold") && (n.bl = S.TRUE);
+        (Number(s) > 400 || String(s) === "bold") && (n.bl = R.TRUE);
         break;
       }
       case "text-decoration": {
         /underline/.test(s) ? n.ul = {
-          s: S.TRUE
+          s: R.TRUE
         } : /overline/.test(s) ? n.ol = {
-          s: S.TRUE
+          s: R.TRUE
         } : /line-through/.test(s) && (n.st = {
-          s: S.TRUE
+          s: R.TRUE
         });
         break;
       }
       case "color": {
-        const a = new ft(s);
+        const a = new yt(s);
         a.isValid && (n.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new ft(s);
+        const a = new yt(s);
         a.isValid && (n.bg = {
           rgb: a.toRgbString()
         });
@@ -117,19 +117,19 @@ function gt(t) {
   }
   return n;
 }
-function Ho(t) {
+function Ci(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(t, e) {
+function Yt(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 {
+const we = class we {
   constructor() {
-    C(this, "_styleCache", /* @__PURE__ */ new Map());
-    C(this, "_styleRules", []);
-    C(this, "_afterProcessRules", []);
+    I(this, "_styleCache", /* @__PURE__ */ new Map());
+    I(this, "_styleRules", []);
+    I(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -137,28 +137,28 @@ const Fe = class Fe {
     this._pluginList.push(e);
   }
   convert(e) {
-    const n = Fe._pluginList.find((i) => i.checkPasteType(e)), o = Ho(e), r = {
+    const n = we._pluginList.find((r) => r.checkPasteType(e)), o = Ci(e), i = {
       dataStream: "",
       textRuns: []
     };
-    return n && (this._styleRules = [...n.stylesRules], this._afterProcessRules = [...n.afterProcessRules]), this._styleCache.clear(), this._process(null, o == null ? void 0 : o.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
+    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, n, o) {
-    var r, i, s;
+    var i, r, s;
     for (const a of n)
       if (a.nodeType === Node.TEXT_NODE) {
-        if (((r = a.nodeValue) == null ? void 0 : r.trim()) === "")
+        if (((i = a.nodeValue) == null ? void 0 : i.trim()) === "")
           continue;
-        let c = (i = a.nodeValue) == null ? void 0 : i.replace(/[\r\n]/g, ""), d;
+        let c = (r = a.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, ""), d;
         if (e && e.nodeType === Node.ELEMENT_NODE && e.tagName.toUpperCase() === "A") {
-          const g = j.generateRandomId();
-          c = `${Pe.CUSTOM_RANGE_START}${c}${Pe.CUSTOM_RANGE_END}`, o.customRanges = [
+          const g = K.generateRandomId();
+          c = `${Ne.CUSTOM_RANGE_START}${c}${Ne.CUSTOM_RANGE_END}`, o.customRanges = [
             ...(s = o.customRanges) != null ? s : [],
             {
               startIndex: o.dataStream.length,
               endIndex: o.dataStream.length + c.length - 1,
               rangeId: g,
-              rangeType: Kt.HYPERLINK
+              rangeType: hn.HYPERLINK
             }
           ], o.payloads = {
             ...o.payloads,
@@ -171,24 +171,24 @@ const Fe = class Fe {
           ts: d
         });
       } else {
-        if (Cn.includes(a.nodeName.toLowerCase()))
+        if (io.includes(a.nodeName.toLowerCase()))
           continue;
         if (a.nodeType === Node.ELEMENT_NODE) {
-          const c = e ? this._styleCache.get(e) : {}, d = this._styleRules.find(({ filter: l }) => Nt(a, l)), g = d ? d.getStyle(a) : gt(a);
+          const c = e ? this._styleCache.get(e) : {}, d = this._styleRules.find(({ filter: l }) => Yt(a, l)), g = d ? d.getStyle(a) : Et(a);
           this._styleCache.set(a, { ...c, ...g });
           const { childNodes: h } = a;
           this._process(a, h, o);
-          const p = this._afterProcessRules.find(
-            ({ filter: l }) => Nt(a, l)
+          const _ = this._afterProcessRules.find(
+            ({ filter: l }) => Yt(a, l)
           );
-          p && p.handler(o, a);
+          _ && _.handler(o, a);
         }
       }
   }
 };
-C(Fe, "_pluginList", []);
-let ce = Fe;
-const Vo = {
+I(we, "_pluginList", []);
+let ge = we;
+const Ri = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(t) {
     return /lark-record-clipboard/i.test(t);
@@ -198,10 +198,10 @@ const Vo = {
     {
       filter: ["s"],
       getStyle(t) {
-        const e = gt(t);
+        const e = Et(t);
         return {
           st: {
-            s: S.TRUE
+            s: R.TRUE
           },
           ...e
         };
@@ -220,24 +220,24 @@ const Vo = {
       }
     }
   ]
-}, jo = Vo;
-function ln(t) {
+}, Oi = Ri;
+function Hn(t) {
   const e = t.style, n = {};
   for (let o = 0; o < e.length; o++) {
-    const r = e[o], i = e.getPropertyValue(r);
-    switch (r) {
+    const i = e[o], r = e.getPropertyValue(i);
+    switch (i) {
       case "margin-top": {
-        const s = Number.parseInt(i);
-        n.spaceAbove = { v: /pt/.test(i) ? Tt(s) : s };
+        const s = Number.parseInt(r);
+        n.spaceAbove = { v: /pt/.test(r) ? $t(s) : s };
         break;
       }
       case "margin-bottom": {
-        const s = Number.parseInt(i);
-        n.spaceBelow = { v: /pt/.test(i) ? Tt(s) : s };
+        const s = Number.parseInt(r);
+        n.spaceBelow = { v: /pt/.test(r) ? $t(s) : s };
         break;
       }
       case "line-height": {
-        const s = Number.parseFloat(i);
+        const s = Number.parseFloat(r);
         n.lineSpacing = s;
         break;
       }
@@ -245,7 +245,7 @@ function ln(t) {
   }
   return Object.getOwnPropertyNames(n).length ? n : null;
 }
-const Wo = {
+const Ti = {
   name: "univer-doc-paste-plugin-word",
   checkPasteType(t) {
     return /word|mso/i.test(t);
@@ -254,8 +254,8 @@ const Wo = {
     {
       filter: ["b"],
       getStyle(t) {
-        const e = gt(t);
-        return { bl: S.TRUE, ...e };
+        const e = Et(t);
+        return { bl: R.TRUE, ...e };
       }
     }
   ],
@@ -268,12 +268,12 @@ const Wo = {
         t.paragraphs == null && (t.paragraphs = []);
         const n = {
           startIndex: t.dataStream.length
-        }, o = ln(e);
+        }, o = Hn(e);
         o && (n.paragraphStyle = o), t.paragraphs.push(n), t.dataStream += "\r";
       }
     }
   ]
-}, ko = Wo, Go = {
+}, Ei = Ti, Ii = {
   name: "univer-doc-paste-plugin-univer",
   checkPasteType(t) {
     return /UniverNormal/i.test(t);
@@ -288,84 +288,84 @@ const Wo = {
         t.paragraphs == null && (t.paragraphs = []);
         const n = {
           startIndex: t.dataStream.length
-        }, o = ln(e);
+        }, o = Hn(e);
         o && (n.paragraphStyle = o), t.paragraphs.push(n), t.dataStream += "\r";
       }
     }
   ]
-}, zo = Go;
-function Ft(t, e) {
-  const { st: n, ed: o, ts: r = {} } = e, { ff: i, fs: s, it: a, bl: c, ul: d, st: g, ol: h, bg: p, cl: l, va: _ } = r;
+}, Mi = Ii;
+function Xt(t, e) {
+  const { st: n, ed: o, ts: i = {} } = e, { ff: r, fs: s, it: a, bl: c, ul: d, st: g, ol: h, bg: _, cl: l, va: p } = i;
   let u = t.slice(n, o);
   const f = [];
-  return a === S.TRUE && (u = `<i>${u}</i>`), _ === ae.SUPERSCRIPT ? u = `<sup>${u}</sup>` : _ === ae.SUBSCRIPT && (u = `<sub>${u}</sub>`), (d == null ? void 0 : d.s) === S.TRUE && (u = `<u>${u}</u>`), (g == null ? void 0 : g.s) === S.TRUE && (u = `<s>${u}</s>`), c === S.TRUE && (u = `<strong>${u}</strong>`), i && f.push(`font-family: ${i}`), l && f.push(`color: ${l.rgb}`), s && f.push(`font-size: ${s}pt`), h && f.push("text-decoration: overline"), p && f.push(`background: ${p.rgb}`), f.length ? `<span style="${f.join("; ")};">${u}</span>` : u;
+  return a === R.TRUE && (u = `<i>${u}</i>`), p === ue.SUPERSCRIPT ? u = `<sup>${u}</sup>` : p === ue.SUBSCRIPT && (u = `<sub>${u}</sub>`), (d == null ? void 0 : d.s) === R.TRUE && (u = `<u>${u}</u>`), (g == null ? void 0 : g.s) === R.TRUE && (u = `<s>${u}</s>`), c === R.TRUE && (u = `<strong>${u}</strong>`), r && f.push(`font-family: ${r}`), l && f.push(`color: ${l.rgb}`), s && f.push(`font-size: ${s}pt`), h && f.push("text-decoration: overline"), _ && f.push(`background: ${_.rgb}`), f.length ? `<span style="${f.join("; ")};">${u}</span>` : u;
 }
-function Ke(t, e, n) {
-  const { dataStream: o, textRuns: r = [] } = t;
-  let i = e;
+function Qe(t, e, n) {
+  const { dataStream: o, textRuns: i = [] } = t;
+  let r = e;
   const s = [];
-  for (const a of r) {
+  for (const a of i) {
     const { st: c, ed: d } = a;
-    j.hasIntersectionBetweenTwoRanges(e, n, c, d) && (c > i ? (s.push(o.slice(i, c)), s.push(Ft(o, {
+    K.hasIntersectionBetweenTwoRanges(e, n, c, d) && (c > r ? (s.push(o.slice(r, c)), s.push(Xt(o, {
       ...a,
       ed: Math.min(d, n)
-    }))) : s.push(Ft(o, {
+    }))) : s.push(Xt(o, {
       ...a,
-      st: i,
+      st: r,
       ed: Math.min(d, n)
-    }))), i = Math.max(e, Math.min(d, n));
+    }))), r = Math.max(e, Math.min(d, n));
   }
-  return i !== n && s.push(o.slice(i, n)), s.join("");
+  return r !== n && s.push(o.slice(r, n)), s.join("");
 }
-function Ut(t, e = !0) {
+function Kt(t, e = !0) {
   var n;
   if (e && ((n = t.paragraphs) != null && n.length)) {
-    const { dataStream: o, paragraphs: r = [] } = t;
-    let i = "", s = -1;
-    for (const a of r) {
-      const { startIndex: c, paragraphStyle: d = {} } = a, { spaceAbove: g, spaceBelow: h, lineSpacing: p } = d, l = [];
-      g != null && (typeof g == "number" ? l.push(`margin-top: ${g}px`) : l.push(`margin-top: ${g.v}px`)), h != null && (typeof h == "number" ? l.push(`margin-bottom: ${h}px`) : l.push(`margin-bottom: ${h.v}px`)), p != null && l.push(`line-height: ${p}`), c > s + 1 ? i += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}>${Ke(t, s + 1, c)}</p>` : i += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}></p>`, s = c;
+    const { dataStream: o, paragraphs: i = [] } = t;
+    let r = "", s = -1;
+    for (const a of i) {
+      const { startIndex: c, paragraphStyle: d = {} } = a, { spaceAbove: g, spaceBelow: h, lineSpacing: _ } = d, l = [];
+      g != null && (typeof g == "number" ? l.push(`margin-top: ${g}px`) : l.push(`margin-top: ${g.v}px`)), h != null && (typeof h == "number" ? l.push(`margin-bottom: ${h}px`) : l.push(`margin-bottom: ${h.v}px`)), _ != null && l.push(`line-height: ${_}`), c > s + 1 ? r += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}>${Qe(t, s + 1, c)}</p>` : r += `<p class="UniverNormal" ${l.length ? `style="${l.join("; ")};"` : ""}></p>`, s = c;
     }
-    return s !== o.length && (i += Ke(t, s, o.length)), i;
+    return s !== o.length && (r += Qe(t, s, o.length)), r;
   } else
-    return Ke(t, 0, t.dataStream.length);
+    return Qe(t, 0, t.dataStream.length);
 }
-class Yo {
+class bi {
   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]);
+      return Kt(e[0]);
     let n = "";
     for (const o of e)
-      n += '<p className="UniverNormal">', n += Ut(o, !1), n += "</p>";
+      n += '<p className="UniverNormal">', n += Kt(o, !1), n += "</p>";
     return n;
   }
 }
-var Xo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ko(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Xo(e, n, r), r;
-}, re = (t, e) => (n, o) => e(n, o, t);
-ce.use(ko);
-ce.use(jo);
-ce.use(zo);
-const Re = En("doc.clipboard-service");
-let nt = class extends Q {
-  constructor(e, n, o, r, i, s) {
+var xi = Object.defineProperty, Di = Object.getOwnPropertyDescriptor, yi = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Di(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 && xi(e, n, i), i;
+}, ae = (t, e) => (n, o) => e(n, o, t);
+ge.use(Ei);
+ge.use(Oi);
+ge.use(Mi);
+const Ee = ro("doc.clipboard-service");
+let ct = class extends z {
+  constructor(e, n, o, i, r, s) {
     super();
-    C(this, "_clipboardHooks", []);
-    C(this, "_htmlToUDM", new ce());
-    C(this, "_umdToHtml", new Yo());
-    this._univerInstanceService = e, this._logService = n, this._commandService = o, this._clipboardInterfaceService = r, this._textSelectionManagerService = i, this._docCustomRangeService = s;
+    I(this, "_clipboardHooks", []);
+    I(this, "_htmlToUDM", new ge());
+    I(this, "_umdToHtml", new bi());
+    this._univerInstanceService = e, this._logService = n, this._commandService = o, this._clipboardInterfaceService = i, this._textSelectionManagerService = r, this._docCustomRangeService = s;
   }
-  async copy(e = mt.copy) {
+  async copy(e = Pt.copy) {
     const n = this._getDocumentBodyInRanges(e);
     if (n.length === 0)
       return !1;
     try {
-      const o = this._textSelectionManagerService.getActiveRange(), r = !!(o != null && o.segmentId);
-      this._setClipboardData(n, !r);
+      const o = this._textSelectionManagerService.getActiveRange(), i = !!(o != null && o.segmentId);
+      this._setClipboardData(n, !i);
     } catch (o) {
       return this._logService.error("[DocClipboardService] copy failed", o), !1;
     }
@@ -383,18 +383,18 @@ let nt = class extends Q {
     return this._paste(o);
   }
   async _cut() {
-    var i;
+    var r;
     const {
       segmentId: e,
       endOffset: n,
       style: o
-    } = (i = this._textSelectionManagerService.getActiveRange()) != null ? i : {}, r = this._textSelectionManagerService.getCurrentSelections();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), n == null || r == 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(mt.cut);
+    this.copy(Pt.cut);
     try {
       let s = n;
-      for (const c of r) {
+      for (const c of i) {
         const { startOffset: d, endOffset: g } = c;
         d == null || g == null || g <= n && (s -= g - d);
       }
@@ -405,85 +405,85 @@ let nt = class extends Q {
           style: o
         }
       ];
-      return this._commandService.executeCommand(nn.id, { segmentId: e, textRanges: a });
+      return this._commandService.executeCommand(Tn.id, { segmentId: e, textRanges: a });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
   }
   async _paste(e) {
     var d, g;
-    let n = Tn(e);
+    let n = so(e);
     const o = (d = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC)) == null ? void 0 : d.getUnitId();
     if (!o)
       return !1;
     this._clipboardHooks.forEach((h) => {
       h.onBeforePaste && (n = h.onBeforePaste(n));
     }), n.customRanges = (g = n.customRanges) == null ? void 0 : g.map((h) => this._docCustomRangeService.copyCustomRange(o, h));
-    const r = this._textSelectionManagerService.getActiveRange(), { segmentId: i, endOffset: s, style: a } = r || {}, c = this._textSelectionManagerService.getCurrentSelections();
-    if (i == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), s == null || c == null)
+    const i = this._textSelectionManagerService.getActiveRange(), { segmentId: r, endOffset: s, style: a } = i || {}, c = this._textSelectionManagerService.getCurrentSelections();
+    if (r == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), s == null || c == null)
       return !1;
     try {
       let h = s;
       for (const l of c) {
-        const { startOffset: _, endOffset: u } = l;
-        _ == null || u == null || u <= s && (h += n.dataStream.length - (u - _));
+        const { startOffset: p, endOffset: u } = l;
+        p == null || u == null || u <= s && (h += n.dataStream.length - (u - p));
       }
-      const p = [
+      const _ = [
         {
           startOffset: h,
           endOffset: h,
           style: a
         }
       ];
-      return this._commandService.executeCommand(on.id, { body: n, segmentId: i, textRanges: p });
+      return this._commandService.executeCommand(En.id, { body: n, segmentId: r, textRanges: _ });
     } catch {
       return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
     }
   }
   async _setClipboardData(e, n = !0) {
-    const o = wo(), r = e.length > 1 ? e.map((s) => s.dataStream).join(`
+    const o = mi(), i = e.length > 1 ? e.map((s) => s.dataStream).join(`
 `) : e[0].dataStream;
-    let i = this._umdToHtml.convert(e);
-    return e.length === 1 && n && (i = i.replace(/(<[a-z]+)/, (s, a) => `${a} data-copy-id="${o}"`), At.set(o, e[0])), this._clipboardInterfaceService.write(r, i);
+    let r = this._umdToHtml.convert(e);
+    return e.length === 1 && n && (r = r.replace(/(<[a-z]+)/, (s, a) => `${a} data-copy-id="${o}"`), kt.set(o, e[0])), this._clipboardInterfaceService.write(i, r);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), Jt(() => {
+    return this._clipboardHooks.push(e), _n(() => {
       const n = this._clipboardHooks.indexOf(e);
       n > -1 && this._clipboardHooks.splice(n, 1);
     });
   }
   _getDocumentBodyInRanges(e) {
-    const n = this._textSelectionManagerService.getCurrentSelections(), o = this._textSelectionManagerService.getActiveRange(), r = this._univerInstanceService.getCurrentUniverDocInstance(), i = [], s = r == null ? void 0 : r.getBody();
-    if (n == null || r == null || s == null || o == null)
-      return i;
+    const n = this._textSelectionManagerService.getCurrentSelections(), o = this._textSelectionManagerService.getActiveRange(), i = this._univerInstanceService.getCurrentUniverDocInstance(), r = [], s = i == null ? void 0 : i.getBody();
+    if (n == null || i == null || s == null || o == null)
+      return r;
     const { segmentId: a } = o;
     for (const c of n) {
       const { startOffset: d, endOffset: g, collapsed: h } = c;
       if (h || d == null || g == null)
         continue;
-      const p = Zn({ startOffset: d, endOffset: g, collapsed: h }, s), l = r.getSelfOrHeaderFooterModel(a).sliceBody(p.startOffset, p.endOffset, e);
+      const _ = $o({ startOffset: d, endOffset: g, collapsed: h }, s), l = i.getSelfOrHeaderFooterModel(a).sliceBody(_.startOffset, _.endOffset, e);
       if (l != null) {
         if (l.customRanges) {
-          const _ = [];
+          const p = [];
           l.customRanges.forEach((m) => {
-            m.startIndex === m.endIndex && _.push(m);
-          }), l.customRanges = l.customRanges.filter((m) => _.indexOf(m) === -1);
+            m.startIndex === m.endIndex && p.push(m);
+          }), l.customRanges = l.customRanges.filter((m) => p.indexOf(m) === -1);
           let u = "", f = 0;
-          _.forEach((m) => {
+          p.forEach((m) => {
             u += l.dataStream.slice(f, m.endIndex), f = m.endIndex + 1;
           }), u += l.dataStream.slice(f, l.dataStream.length), l.dataStream = u;
         }
-        i.push(l);
+        r.push(l);
       }
     }
-    return i;
+    return r;
   }
   async _generateBodyFromClipboardItems(e) {
     try {
       let n = "", o = "";
-      for (const r of e)
-        for (const i of r.types)
-          i === Fn ? o = await r.getType(i).then((s) => s && s.text()) : i === Un && (n = await r.getType(i).then((s) => s && s.text()));
+      for (const i of e)
+        for (const r of i.types)
+          r === Co ? o = await i.getType(r).then((s) => s && s.text()) : r === Ro && (n = await i.getType(r).then((s) => s && s.text()));
       return this._generateBodyFromHtmlAndText(n, o);
     } catch (n) {
       return Promise.reject(n);
@@ -491,25 +491,25 @@ let nt = class extends Q {
   }
   _generateBody(e) {
     const n = e.replace(/\n/g, "\r");
-    if (!e.includes("\r") && j.isLegalUrl(e)) {
-      const r = j.generateRandomId(), i = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC), s = this._docCustomRangeService.copyCustomRange(
-        i.getUnitId(),
+    if (!e.includes("\r") && K.isLegalUrl(e)) {
+      const i = K.generateRandomId(), r = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC), s = `${Ne.CUSTOM_RANGE_START}${n}${Ne.CUSTOM_RANGE_END}`, a = this._docCustomRangeService.copyCustomRange(
+        r.getUnitId(),
         {
           startIndex: 0,
-          endIndex: n.length - 1,
-          rangeId: r,
-          rangeType: Kt.HYPERLINK,
+          endIndex: s.length - 1,
+          rangeId: i,
+          rangeType: hn.HYPERLINK,
           data: e
         }
       );
       return {
-        dataStream: `${Pe.CUSTOM_RANGE_START}${n}${Pe.CUSTOM_RANGE_END}`,
-        customRanges: [s]
+        dataStream: s,
+        customRanges: [a]
       };
     }
     const o = [];
-    for (let r = 0; r < n.length; r++)
-      n[r] === "\r" && o.push({ startIndex: r });
+    for (let i = 0; i < n.length; i++)
+      n[i] === "\r" && o.push({ startIndex: i });
     return {
       dataStream: n,
       paragraphs: o
@@ -521,35 +521,35 @@ let nt = class extends Q {
         return this._generateBody(n);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const o = Bo(e);
+    const o = Si(e);
     if (o) {
-      const r = At.get(o);
-      if (r)
-        return r;
+      const i = kt.get(o);
+      if (i)
+        return i;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-nt = Zo([
-  re(0, w),
-  re(1, Zt),
-  re(2, O),
-  re(3, ut),
-  re(4, E(te)),
-  re(5, E(Kn))
-], nt);
-var Jo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Qo = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? qo(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Jo(e, n, r), r;
-}, Oe = (t, e) => (n, o) => e(n, o, t);
-const Lt = 1.5;
-let ot = class extends Se {
-  constructor(t, e, n, o, r) {
-    super(), this._context = t, this._textSelectionManagerService = e, this._editorService = n, this._univerInstanceService = o, this._renderManagerService = r, this._init();
+ct = yi([
+  ae(0, L),
+  ae(1, gn),
+  ae(2, E),
+  ae(3, Ct),
+  ae(4, M(Z)),
+  ae(5, M(wo))
+], ct);
+var Pi = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ni = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ai(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 && Pi(e, n, i), i;
+}, Ie = (t, e) => (n, o) => e(n, o, t);
+const Zt = 1.5;
+let lt = class extends Te {
+  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((t) => {
+    this._textSelectionManagerService.textSelection$.pipe(de(this.dispose$)).subscribe((t) => {
       if (t == null)
         return;
       const { isEditing: e, unitId: n } = t;
@@ -558,31 +558,31 @@ let ot = class extends Se {
   }
   scrollToRange(t, e) {
     var s;
-    const n = (s = this._renderManagerService.getRenderById(t)) == null ? void 0 : s.with(L), o = n == null ? void 0 : n.getSkeleton();
+    const n = (s = this._renderManagerService.getRenderById(t)) == null ? void 0 : s.with($), o = n == null ? void 0 : n.getSkeleton();
     if (!o)
       return;
-    const { startOffset: r } = e, i = o.findNodePositionByCharIndex(r);
-    this.scrollToNode(t, i);
+    const { startOffset: i } = e, r = o.findNodePositionByCharIndex(i);
+    this.scrollToNode(t, r);
   }
   scrollToNode(t, e) {
-    var G;
-    const n = this._getDocObject(), o = (G = this._renderManagerService.getRenderById(t)) == null ? void 0 : G.with(L), r = o == null ? void 0 : o.getSkeleton();
-    if (n == null || r == null)
+    var W;
+    const n = this._getDocObject(), o = (W = this._renderManagerService.getRenderById(t)) == null ? void 0 : W.with($), i = o == null ? void 0 : o.getSkeleton();
+    if (n == null || i == null)
       return;
-    const i = n.document.getOffsetConfig(), { docsLeft: s, docsTop: a } = i, c = new rn(i, r), { contentBoxPointGroup: d } = c.getRangePointData(e, e), { left: g, top: h, height: p } = Co(d), l = g + s, _ = h + a, u = n.scene.getViewport(q.VIEW_MAIN), f = !!this._editorService.getEditor(t);
+    const r = n.document.getOffsetConfig(), { docsLeft: s, docsTop: a } = r, c = new $n(r, i), { contentBoxPointGroup: d } = c.getRangePointData(e, e), { left: g, top: h, height: _ } = Zo(d), l = g + s, p = h + a, u = n.scene.getViewport(J.VIEW_MAIN), f = !!this._editorService.getEditor(t);
     if (u == null)
       return;
     const {
       left: m,
-      top: R,
-      right: I,
-      bottom: b
+      top: S,
+      right: O,
+      bottom: T
     } = u.getBounding().viewBound;
-    let T = 0, A = 0;
-    const N = f ? 0 : 100;
-    _ < R ? T = _ - R - N : _ > b - p && (T = _ - b + p + N), l < m ? A = l - m : l > I - Lt && (A = l - I + Lt);
-    const Y = u.transViewportScroll2ScrollValue(A, T);
-    u.scrollBy(Y);
+    let C = 0, N = 0;
+    const k = f ? 0 : 100;
+    p < S ? C = p - S - k : p > T - _ && (C = p - T + _ + k), l < m ? N = l - m : l > O - Zt && (N = l - O + Zt);
+    const V = u.transViewportScroll2ScrollValue(N, C);
+    u.scrollByBarDeltaValue(V);
   }
   // Let the selection show on the current screen.
   _scrollToSelection(t) {
@@ -593,16 +593,16 @@ let ot = class extends Se {
     n && this.scrollToNode(t, o);
   }
   _getDocObject() {
-    return Jn(this._univerInstanceService, this._renderManagerService);
+    return Bo(this._univerInstanceService, this._renderManagerService);
   }
 };
-ot = Qo([
-  Oe(1, E(te)),
-  Oe(2, ee),
-  Oe(3, E(w)),
-  Oe(4, W)
-], ot);
-const er = {
+lt = Ni([
+  Ie(1, M(Z)),
+  Ie(2, oe),
+  Ie(3, M(L)),
+  Ie(4, X)
+], lt);
+const Fi = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -630,7 +630,7 @@ const er = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, tr = {
+}, Ui = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -643,82 +643,82 @@ const er = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, nr = {
+}, Li = {
   layout: {
-    docContainerConfig: tr,
-    toolbarConfig: er
+    docContainerConfig: Ui,
+    toolbarConfig: Fi
   }
-}, or = "DocUI", rr = {
-  id: He.id,
-  binding: H.ARROW_UP,
-  preconditions: k,
+}, wi = "DocUI", $i = {
+  id: We.id,
+  binding: D.ARROW_UP,
+  preconditions: A,
   staticParameters: {
-    direction: K.UP
+    direction: ee.UP
   }
-}, ir = {
-  id: He.id,
-  binding: H.ARROW_DOWN,
-  preconditions: k,
+}, Bi = {
+  id: We.id,
+  binding: D.ARROW_DOWN,
+  preconditions: A,
   staticParameters: {
-    direction: K.DOWN
+    direction: ee.DOWN
   }
-}, sr = {
-  id: He.id,
-  binding: H.ARROW_LEFT,
-  preconditions: k,
+}, Hi = {
+  id: We.id,
+  binding: D.ARROW_LEFT,
+  preconditions: A,
   staticParameters: {
-    direction: K.LEFT
+    direction: ee.LEFT
   }
-}, ar = {
-  id: He.id,
-  binding: H.ARROW_RIGHT,
-  preconditions: k,
+}, Vi = {
+  id: We.id,
+  binding: D.ARROW_RIGHT,
+  preconditions: A,
   staticParameters: {
-    direction: K.RIGHT
+    direction: ee.RIGHT
   }
-}, cr = {
-  id: Ve.id,
-  binding: H.ARROW_UP | ve.SHIFT,
-  preconditions: k,
+}, ji = {
+  id: ze.id,
+  binding: D.ARROW_UP | x.SHIFT,
+  preconditions: A,
   staticParameters: {
-    direction: K.UP
+    direction: ee.UP
   }
-}, lr = {
-  id: Ve.id,
-  binding: H.ARROW_DOWN | ve.SHIFT,
-  preconditions: k,
+}, Wi = {
+  id: ze.id,
+  binding: D.ARROW_DOWN | x.SHIFT,
+  preconditions: A,
   staticParameters: {
-    direction: K.DOWN
+    direction: ee.DOWN
   }
-}, dr = {
-  id: Ve.id,
-  binding: H.ARROW_LEFT | ve.SHIFT,
-  preconditions: k,
+}, zi = {
+  id: ze.id,
+  binding: D.ARROW_LEFT | x.SHIFT,
+  preconditions: A,
   staticParameters: {
-    direction: K.LEFT
+    direction: ee.LEFT
   }
-}, ur = {
-  id: Ve.id,
-  binding: H.ARROW_RIGHT | ve.SHIFT,
-  preconditions: k,
+}, Gi = {
+  id: ze.id,
+  binding: D.ARROW_RIGHT | x.SHIFT,
+  preconditions: A,
   staticParameters: {
-    direction: K.RIGHT
+    direction: ee.RIGHT
   }
-}, hr = {
-  id: qn.id,
-  binding: H.A | ve.CTRL_COMMAND,
-  preconditions: (t) => t.getContextValue(dt) && (t.getContextValue(Ue) || t.getContextValue(qt))
+}, ki = {
+  id: Ho.id,
+  binding: D.A | x.CTRL_COMMAND,
+  preconditions: (t) => t.getContextValue(vt) && (t.getContextValue($e) || t.getContextValue(pn))
 };
-var gr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, _r = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? pr(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && gr(e, n, r), r;
-}, wt = (t, e) => (n, o) => e(n, o, t);
-let rt = class {
+var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, Ki = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Xi(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 && Yi(e, n, i), i;
+}, Jt = (t, e) => (n, o) => e(n, o, t);
+let dt = class {
   constructor(t, e, n) {
-    C(this, "_docContainer");
+    I(this, "_docContainer");
     // 获取SheetContainer组件
-    C(this, "getComponent", (t) => {
+    I(this, "getComponent", (t) => {
       if (this._docContainer = t, !t.getContentRef().current)
         throw new Error("container is not ready");
     });
@@ -729,7 +729,7 @@ let rt = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    C(this, "changeLocale", (t) => {
+    I(this, "changeLocale", (t) => {
       this._localeService.setLocale(t);
     });
     this._config = t, this._localeService = e, this._injector = n;
@@ -753,19 +753,19 @@ let rt = class {
     return this._docContainer;
   }
 };
-rt = _r([
-  wt(1, E(le)),
-  wt(2, E(Le))
-], rt);
-var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Sr = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? mr(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && fr(e, n, r), r;
-}, Ce = (t, e) => (n, o) => e(n, o, t);
-let fe = class extends Se {
-  constructor(e, n, o, r, i) {
+dt = Ki([
+  Jt(1, M(_e)),
+  Jt(2, M(Be))
+], dt);
+var Zi = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, qi = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ji(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 && Zi(e, n, i), i;
+}, Me = (t, e) => (n, o) => e(n, o, t);
+let Ce = class extends Te {
+  constructor(e, n, o, i, r) {
     super();
-    C(this, "_docContainerController");
+    I(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -773,10 +773,10 @@ let fe = class extends Se {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    C(this, "changeLocale", (e) => {
+    I(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = n, this._injector = o, this._textSelectionRenderManager = r, this._layoutService = i, 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(dt, e), this._registerContainer();
   }
   _registerContainer() {
     this._layoutService && this.disposeWithMe(
@@ -788,47 +788,114 @@ let fe = class extends Se {
     return this._docContainerController;
   }
 };
-fe = Sr([
-  Ce(1, E(le)),
-  Ce(2, E(Le)),
-  Ce(3, ne),
-  Ce(4, In(en))
-], fe);
-const We = "UI_PLUGIN_DOCS", pt = `${We}_COLOR_PICKER_COMPONENT`, dn = `${We}_FONT_FAMILY_COMPONENT`, un = `${We}_FONT_FAMILY_ITEM_COMPONENT`, hn = `${We}_FONT_SIZE_COMPONENT`, Bt = 18, $t = 200, Ze = 6, vr = 4;
-function Rr(t, e) {
-  let { radius: n, width: o, height: r } = e;
-  n = n != null ? n : 0, o = o != null ? o : 30, r = r != null ? r : 30;
-  let i = 0;
-  i = Math.min(n, o / 2, r / 2), t.beginPath(), t.moveTo(0, 0), t.lineTo(o, 0), t.lineTo(o, r - i), t.arc(o - i, r - i, i, 0, Math.PI / 2, !1), t.lineTo(0, r), t.lineTo(0, 0), t.closePath(), e.fill && (t.save(), t.fillStyle = e.fill, e.fillRule === "evenodd" ? t.fill("evenodd") : t.fill(), t.restore());
+Ce = qi([
+  Me(1, M(_e)),
+  Me(2, M(Be)),
+  Me(3, ie),
+  Me(4, ao(Cn))
+], Ce);
+const Ye = "UI_PLUGIN_DOCS", It = `${Ye}_COLOR_PICKER_COMPONENT`, Vn = `${Ye}_FONT_FAMILY_COMPONENT`, jn = `${Ye}_FONT_FAMILY_ITEM_COMPONENT`, Wn = `${Ye}_FONT_SIZE_COMPONENT`;
+var zn = { exports: {} }, Xe = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Qi = ai, er = Symbol.for("react.element"), tr = Symbol.for("react.fragment"), nr = Object.prototype.hasOwnProperty, or = Qi.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ir = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Gn(t, e, n) {
+  var o, i = {}, r = null, s = null;
+  n !== void 0 && (r = "" + n), e.key !== void 0 && (r = "" + e.key), e.ref !== void 0 && (s = e.ref);
+  for (o in e) nr.call(e, o) && !ir.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: er, type: t, key: r, ref: s, props: i, _owner: or.current };
 }
-class Ne extends Eo {
+Xe.Fragment = tr;
+Xe.jsx = Gn;
+Xe.jsxs = Gn;
+zn.exports = Xe;
+var b = zn.exports;
+const rr = "univer-doc-count-bar", sr = {
+  docCountBar: rr
+}, ar = [50, 80, 100, 130, 150, 170, 200, 400], cr = [10, 400];
+function lr() {
+  const t = Y(E), e = Y(L), n = ci(() => e.getCurrentTypeOfUnit$(v.UNIVER_DOC), []), o = co(n), i = li(() => {
+    var d, g;
+    if (!o) return 100;
+    const c = ((g = (d = o.getSettings()) == null ? void 0 : d.zoomRatio) != null ? g : 1) * 100;
+    return Math.round(c);
+  }, [o]), [r, s] = Ot(() => i());
+  Tt(() => (s(i()), t.onCommandExecuted((d) => {
+    if (d.id === he.id) {
+      const g = i();
+      s(g);
+    }
+  }).dispose), [t, i]);
+  function a(c) {
+    if (s(c), o == null)
+      return;
+    const d = c / 100;
+    t.executeCommand(he.id, {
+      unitId: o.getUnitId(),
+      zoomRatio: d
+    });
+  }
+  return /* @__PURE__ */ b.jsx(
+    di,
+    {
+      min: cr[0],
+      value: r,
+      shortcuts: ar,
+      onChange: a
+    }
+  );
+}
+function dr(t) {
+  return /* @__PURE__ */ b.jsx("section", { className: sr.docCountBar, children: /* @__PURE__ */ b.jsx(lr, {}) });
+}
+const ur = "univer-doc-footer-container", hr = {
+  docFooterContainer: ur
+}, gr = () => /* @__PURE__ */ b.jsxs("div", { className: hr.docFooterContainer, children: [
+  /* @__PURE__ */ b.jsx("div", {}),
+  /* @__PURE__ */ b.jsx(dr, {})
+] }), qt = 18, Qt = 200, et = 6, _r = 4;
+function pr(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(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 Ue extends Jo {
   constructor(n, o) {
     super(n, o);
-    C(this, "color");
-    C(this, "text");
+    I(this, "color");
+    I(this, "text");
     this.color = o == null ? void 0 : o.color, this.text = o == null ? void 0 : o.text;
   }
   static drawWith(n, o) {
-    const { text: r, color: i } = o;
+    const { text: i, color: r } = o;
     n.save(), n.font = "13px Source Han Sans CN";
-    const s = n.measureText(r).width, a = Math.min(
-      s + 2 * Ze,
-      $t
+    const s = n.measureText(i).width, a = Math.min(
+      s + 2 * et,
+      Qt
     );
-    Rr(n, {
-      height: Bt,
+    pr(n, {
+      height: qt,
       width: a,
       radius: 4,
-      fill: i,
+      fill: r,
       evented: !1
     }), n.fillStyle = "rgba(58, 96, 247, 1)";
-    const c = Ze, d = Bt - vr, g = $t - 2 * Ze;
+    const c = et, d = qt - _r, g = Qt - 2 * et;
     if (s > g) {
-      let h = "", p = 0;
-      for (const l of r) {
-        const _ = n.measureText(l).width;
-        if (p + _ <= g - n.measureText("...").width)
-          h += l, p += _;
+      let h = "", _ = 0;
+      for (const l of i) {
+        const p = n.measureText(l).width;
+        if (_ + p <= g - n.measureText("...").width)
+          h += l, _ += p;
         else {
           h += "...";
           break;
@@ -836,115 +903,94 @@ class Ne extends Eo {
       }
       n.fillText(h, c, d);
     } else
-      n.fillText(r, c, d);
+      n.fillText(i, c, d);
     n.restore();
   }
   _draw(n) {
-    Ne.drawWith(n, this);
+    Ue.drawWith(n, this);
   }
 }
-const gn = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
-var pn = { exports: {} }, ke = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Or = Po, Cr = Symbol.for("react.element"), Er = Symbol.for("react.fragment"), Tr = Object.prototype.hasOwnProperty, Ir = Or.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, br = { key: !0, ref: !0, __self: !0, __source: !0 };
-function _n(t, e, n) {
-  var o, r = {}, i = null, s = null;
-  n !== void 0 && (i = "" + n), e.key !== void 0 && (i = "" + e.key), e.ref !== void 0 && (s = e.ref);
-  for (o in e) Tr.call(e, o) && !br.hasOwnProperty(o) && (r[o] = e[o]);
-  if (t && t.defaultProps) for (o in e = t.defaultProps, e) r[o] === void 0 && (r[o] = e[o]);
-  return { $$typeof: Cr, type: t, key: i, ref: s, props: r, _owner: Ir.current };
-}
-ke.Fragment = Er;
-ke.jsx = _n;
-ke.jsxs = _n;
-pn.exports = ke;
-var M = pn.exports;
-const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-form-item", Pr = "univer-options-input", Dr = "univer-options-margin-setting", $ = {
-  panel: Mr,
-  optionsSection: yr,
-  optionsFormItem: xr,
-  optionsInput: Pr,
-  optionsMarginSetting: Dr
-}, Ar = (t) => {
-  const e = z(le), n = z(w), o = z(W), r = z(O), i = z(ne), s = z(te), { unitId: a } = t, [c, d] = an({}), g = (l, _) => {
-    var N;
-    d((Y) => ({
-      ...Y,
-      [_]: l ? S.TRUE : S.FALSE
+const kn = "COMPONENT_DOC_HEADER_FOOTER_PANEL", fr = "univer-panel", mr = "univer-options-section", Sr = "univer-options-form-item", vr = "univer-options-input", Cr = "univer-options-margin-setting", j = {
+  panel: fr,
+  optionsSection: mr,
+  optionsFormItem: Sr,
+  optionsInput: vr,
+  optionsMarginSetting: Cr
+}, Rr = (t) => {
+  const e = Y(_e), n = Y(L), o = Y(X), i = Y(E), r = Y(ie), s = Y(Z), { unitId: a } = t, [c, d] = Ot({}), g = (l, p) => {
+    var k;
+    d((V) => ({
+      ...V,
+      [p]: l ? R.TRUE : R.FALSE
     }));
-    const u = n.getUniverDocInstance(a), f = u == null ? void 0 : u.getSnapshot().documentStyle, m = (N = o.getRenderById(a)) == null ? void 0 : N.with(L), R = m == null ? void 0 : m.getViewModel();
-    if (f == null || R == null)
+    const u = n.getUniverDocInstance(a), f = u == null ? void 0 : u.getSnapshot().documentStyle, m = (k = o.getRenderById(a)) == null ? void 0 : k.with($), S = m == null ? void 0 : m.getViewModel();
+    if (f == null || S == null)
       return;
-    const I = R.getEditArea();
-    let b = !1;
-    const T = i.getSegmentPage();
-    let A = !1;
-    if (_ === "useFirstPageHeaderFooter" && l === !0 && ((I === F.HEADER && !f.firstPageHeaderId || I === F.FOOTER && !f.firstPageFooterId) && (b = !0), b && T === 0 && (A = !0)), _ === "evenAndOddHeaders" && l === !0 && ((I === F.HEADER && !f.evenPageHeaderId || I === F.FOOTER && !f.evenPageFooterId) && (b = !0), b && T % 2 === 1 && (A = !0)), b) {
-      const G = j.generateRandomId(6);
-      A && i.setSegment(G), r.executeCommand(be, {
+    const O = S.getEditArea();
+    let T = !1;
+    const C = r.getSegmentPage();
+    let N = !1;
+    if (p === "useFirstPageHeaderFooter" && l === !0 && ((O === w.HEADER && !f.firstPageHeaderId || O === w.FOOTER && !f.firstPageFooterId) && (T = !0), T && C === 0 && (N = !0)), p === "evenAndOddHeaders" && l === !0 && ((O === w.HEADER && !f.evenPageHeaderId || O === w.FOOTER && !f.evenPageFooterId) && (T = !0), T && C % 2 === 1 && (N = !0)), T) {
+      const W = K.generateRandomId(6);
+      N && r.setSegment(W), i.executeCommand(De, {
         unitId: a,
-        segmentId: G,
+        segmentId: W,
         headerFooterProps: {
-          [_]: l ? S.TRUE : S.FALSE
+          [p]: l ? R.TRUE : R.FALSE
         }
       });
     } else
-      r.executeCommand(be, {
+      i.executeCommand(De, {
         unitId: a,
         headerFooterProps: {
-          [_]: l ? S.TRUE : S.FALSE
+          [p]: l ? R.TRUE : R.FALSE
         }
       });
-  }, h = async (l, _) => {
+  }, h = async (l, p) => {
     d((u) => ({
       ...u,
-      [_]: l
-    })), await r.executeCommand(be, {
+      [p]: l
+    })), await i.executeCommand(De, {
       unitId: a,
       headerFooterProps: {
-        [_]: l
+        [p]: l
       }
-    }), i.removeAllTextRanges(), i.blur();
-  }, p = () => {
-    var m, R;
-    const l = (m = o.getRenderById(a)) == null ? void 0 : m.with(L), _ = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel(), f = o.getRenderById(a);
-    f == null || u == null || _ == null || (s.replaceTextRanges([]), i.setSegment(""), i.setSegmentPage(-1), u.setEditArea(F.BODY), _.calculate(), (R = f.mainComponent) == null || R.makeDirty(!0));
+    }), r.removeAllTextRanges(), r.blur();
+  }, _ = () => {
+    var T;
+    const l = o.getRenderById(a);
+    if (l == null)
+      return;
+    const { scene: p } = l, u = p.getTransformerByCreate(), f = l.with($), m = f == null ? void 0 : f.getSkeleton(), S = f == null ? void 0 : f.getViewModel(), O = o.getRenderById(a);
+    O == null || S == null || m == null || (s.replaceTextRanges([]), u.clearSelectedObjects(), r.setSegment(""), r.setSegmentPage(-1), S.setEditArea(w.BODY), m.calculate(), (T = O.mainComponent) == null || T.makeDirty(!0));
   };
-  return cn(() => {
-    const l = n.getUniverDocInstance(a), _ = l == null ? void 0 : l.getSnapshot().documentStyle;
-    if (_) {
-      const { marginHeader: u, marginFooter: f, useFirstPageHeaderFooter: m, evenAndOddHeaders: R } = _;
+  return Tt(() => {
+    const l = n.getUniverDocInstance(a), p = l == null ? void 0 : l.getSnapshot().documentStyle;
+    if (p) {
+      const { marginHeader: u, marginFooter: f, useFirstPageHeaderFooter: m, evenAndOddHeaders: S } = p;
       d({
         marginHeader: u,
         marginFooter: f,
         useFirstPageHeaderFooter: m,
-        evenAndOddHeaders: R
+        evenAndOddHeaders: S
       });
     }
-  }, [a]), /* @__PURE__ */ M.jsxs("div", { className: $.options, children: [
-    /* @__PURE__ */ M.jsxs("div", { className: $.optionsSection, children: [
-      /* @__PURE__ */ M.jsx("div", { className: $.optionsFormItem, children: /* @__PURE__ */ M.jsx(
-        Pt,
+  }, [a]), /* @__PURE__ */ b.jsxs("div", { className: j.options, children: [
+    /* @__PURE__ */ b.jsxs("div", { className: j.optionsSection, children: [
+      /* @__PURE__ */ b.jsx("div", { className: j.optionsFormItem, children: /* @__PURE__ */ b.jsx(
+        zt,
         {
-          checked: c.useFirstPageHeaderFooter === S.TRUE,
+          checked: c.useFirstPageHeaderFooter === R.TRUE,
           onChange: (l) => {
             g(l, "useFirstPageHeaderFooter");
           },
           children: e.t("headerFooter.firstPageCheckBox")
         }
       ) }),
-      /* @__PURE__ */ M.jsx("div", { className: $.optionsFormItem, children: /* @__PURE__ */ M.jsx(
-        Pt,
+      /* @__PURE__ */ b.jsx("div", { className: j.optionsFormItem, children: /* @__PURE__ */ b.jsx(
+        zt,
         {
-          checked: c.evenAndOddHeaders === S.TRUE,
+          checked: c.evenAndOddHeaders === R.TRUE,
           onChange: (l) => {
             g(l, "evenAndOddHeaders");
           },
@@ -952,11 +998,11 @@ const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-f
         }
       ) })
     ] }),
-    /* @__PURE__ */ M.jsxs("div", { className: No($.optionsSection, $.optionsMarginSetting), children: [
-      /* @__PURE__ */ M.jsxs("div", { className: $.optionsMarginItem, children: [
-        /* @__PURE__ */ M.jsx("span", { children: e.t("headerFooter.headerTopMargin") }),
-        /* @__PURE__ */ M.jsx(
-          Dt,
+    /* @__PURE__ */ b.jsxs("div", { className: gi(j.optionsSection, j.optionsMarginSetting), children: [
+      /* @__PURE__ */ b.jsxs("div", { className: j.optionsMarginItem, children: [
+        /* @__PURE__ */ b.jsx("span", { children: e.t("headerFooter.headerTopMargin") }),
+        /* @__PURE__ */ b.jsx(
+          Gt,
           {
             min: 0,
             max: 200,
@@ -965,14 +1011,14 @@ const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-f
             onChange: (l) => {
               h(l, "marginHeader");
             },
-            className: $.optionsInput
+            className: j.optionsInput
           }
         )
       ] }),
-      /* @__PURE__ */ M.jsxs("div", { className: $.optionsMarginItem, children: [
-        /* @__PURE__ */ M.jsx("span", { children: e.t("headerFooter.footerBottomMargin") }),
-        /* @__PURE__ */ M.jsx(
-          Dt,
+      /* @__PURE__ */ b.jsxs("div", { className: j.optionsMarginItem, children: [
+        /* @__PURE__ */ b.jsx("span", { children: e.t("headerFooter.footerBottomMargin") }),
+        /* @__PURE__ */ b.jsx(
+          Gt,
           {
             min: 0,
             max: 200,
@@ -981,36 +1027,36 @@ const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-f
             onChange: (l) => {
               h(l, "marginFooter");
             },
-            className: $.optionsInput
+            className: j.optionsInput
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ M.jsx("div", { className: $.optionsSection, children: /* @__PURE__ */ M.jsx(Do, { onClick: p, children: e.t("headerFooter.closeHeaderFooter") }) })
+    /* @__PURE__ */ b.jsx("div", { className: j.optionsSection, children: /* @__PURE__ */ b.jsx(ui, { onClick: _, children: e.t("headerFooter.closeHeaderFooter") }) })
   ] });
-}, Nr = () => {
+}, Or = () => {
   var d;
-  const t = z(le), e = z(W), r = z(w).getCurrentUniverDocInstance().getUnitId(), s = ((d = e.getRenderById(r)) == null ? void 0 : d.with(L)).getViewModel(), [a, c] = an(!0);
-  return cn(() => {
+  const t = Y(_e), e = Y(X), i = Y(L).getCurrentUniverDocInstance().getUnitId(), s = ((d = e.getRenderById(i)) == null ? void 0 : d.with($)).getViewModel(), [a, c] = Ot(!0);
+  return Tt(() => {
     const g = s.getEditArea();
-    c(g !== F.BODY);
-    const h = s.editAreaChange$.subscribe((p) => {
-      p != null && c(p !== F.BODY);
+    c(g !== w.BODY);
+    const h = s.editAreaChange$.subscribe((_) => {
+      _ != null && c(_ !== w.BODY);
     });
     return () => {
       h.unsubscribe();
     };
-  }, []), /* @__PURE__ */ M.jsx("div", { className: $.panel, children: a ? /* @__PURE__ */ M.jsx(Ar, { unitId: r }) : /* @__PURE__ */ M.jsx("div", { className: $.panelDisableText, children: t.t("headerFooter.disableText") }) });
-}, fn = {
+  }, []), /* @__PURE__ */ b.jsx("div", { className: j.panel, children: a ? /* @__PURE__ */ b.jsx(Rr, { unitId: i }) : /* @__PURE__ */ b.jsx("div", { className: j.panelDisableText, children: t.t("headerFooter.disableText") }) });
+}, Yn = {
   id: "sidebar.operation.doc-header-footer-panel",
-  type: de.COMMAND,
+  type: pe.COMMAND,
   handler: async (t, e) => {
-    const n = t.get(Ln), o = t.get(le);
+    const n = t.get(Oo), o = t.get(_e);
     switch (e.value) {
       case "open":
         n.open({
           header: { title: o.t("headerFooter.panel") },
-          children: { label: gn },
+          children: { label: kn },
           onClose: () => {
           },
           width: 400
@@ -1024,17 +1070,17 @@ const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-f
     return !0;
   }
 };
-var Fr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Lr = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ur(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Fr(e, n, r), r;
-}, X = (t, e) => (n, o) => e(n, o, t);
-const Ht = "rgba(58, 96, 247, 1)", Vt = "rgba(58, 96, 247, 0.08)";
-var U = /* @__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))(U || {});
-function wr(t, e, n) {
+var Tr = 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 && Tr(e, n, i), i;
+}, q = (t, e) => (n, o) => e(n, o, t);
+const en = "rgba(58, 96, 247, 1)", tn = "rgba(58, 96, 247, 0.08)";
+var H = /* @__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))(H || {});
+function Mr(t, e, n) {
   const { documentStyle: o } = t.getDataModel().getSnapshot(), {
-    defaultHeaderId: r,
-    defaultFooterId: i,
+    defaultHeaderId: i,
+    defaultFooterId: r,
     evenPageHeaderId: s,
     evenPageFooterId: a,
     firstPageHeaderId: c,
@@ -1043,35 +1089,35 @@ function wr(t, e, n) {
     useFirstPageHeaderFooter: h
   } = o;
   switch (e) {
-    case F.BODY:
+    case w.BODY:
       return {
         createType: null,
         headerFooterId: null
       };
-    case F.HEADER:
-      return h === S.TRUE && !c ? {
+    case w.HEADER:
+      return h === R.TRUE && !c ? {
         createType: 0,
         headerFooterId: null
-      } : g === S.TRUE && n % 2 === 0 && !s ? {
+      } : g === R.TRUE && n % 2 === 0 && !s ? {
         createType: 4,
         headerFooterId: null
-      } : r ? {
+      } : i ? {
         createType: null,
-        headerFooterId: r
+        headerFooterId: i
       } : {
         createType: 2,
         headerFooterId: null
       };
-    case F.FOOTER:
-      return h === S.TRUE && !d ? {
+    case w.FOOTER:
+      return h === R.TRUE && !d ? {
         createType: 1,
         headerFooterId: null
-      } : g === S.TRUE && n % 2 === 0 && !a ? {
+      } : g === R.TRUE && n % 2 === 0 && !a ? {
         createType: 5,
         headerFooterId: null
-      } : i ? {
+      } : r ? {
         createType: null,
-        headerFooterId: i
+        headerFooterId: r
       } : {
         createType: 3,
         headerFooterId: null
@@ -1080,69 +1126,69 @@ function wr(t, e, n) {
       throw new Error(`Invalid editArea: ${e}`);
   }
 }
-let it = class extends Q {
-  constructor(e, n, o, r, i, s, a, c, d) {
+let ut = class extends z {
+  constructor(e, n, o, i, r, s, a, c, d) {
     super();
-    C(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._context = e, this._commandService = n, this._editorService = o, this._instanceSrv = r, this._renderManagerService = i, this._docSkeletonManagerService = s, this._textSelectionRenderManager = a, this._localeService = c, this._componentManager = d, this._initialize();
+    I(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 === bn.TRADITIONAL && (this._init(), this._drawHeaderFooterLabel(), this._registerCommands(), this._initCustomComponents());
+    this._context.unit.getSnapshot().documentStyle.documentFlavor === lo.TRADITIONAL && (this._init(), this._drawHeaderFooterLabel(), this._registerCommands(), this._initCustomComponents());
   }
   _registerCommands() {
     [
-      Wt,
-      mn,
-      fn
+      on,
+      Xn,
+      Yn
     ].forEach((e) => this.disposeWithMe(this._commandService.registerCommand(e)));
   }
   _initCustomComponents() {
     const e = this._componentManager;
-    this.disposeWithMe(e.register(gn, Nr));
+    this.disposeWithMe(e.register(kn, Or));
   }
   _init() {
-    const { unitId: e } = this._context, n = J(this._context);
+    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 n = J(this._context), { document: o } = n;
-    this.disposeWithMe(o.onDblclick$.subscribeEvent(async (r) => {
+    const n = Q(this._context), { document: o } = n;
+    this.disposeWithMe(o.onDblclick$.subscribeEvent(async (i) => {
       if (this._isEditorReadOnly(e))
         return;
-      const { offsetX: i, offsetY: s } = r, {
-        pageLayoutType: a = Ae.VERTICAL,
+      const { offsetX: r, offsetY: s } = i, {
+        pageLayoutType: a = Oe.VERTICAL,
         pageMarginLeft: c,
         pageMarginTop: d
-      } = o.getOffsetConfig(), g = this._getTransformCoordForDocumentOffset(i, s);
+      } = o.getOffsetConfig(), g = this._getTransformCoordForDocumentOffset(r, s);
       if (g == null)
         return;
-      const h = this._docSkeletonManagerService.getViewModel(), p = this._docSkeletonManagerService.getSkeleton(), l = h.getEditArea(), { editArea: _, pageNumber: u } = p.findEditAreaByCoord(
+      const h = this._docSkeletonManagerService.getViewModel(), _ = this._docSkeletonManagerService.getSkeleton(), l = h.getEditArea(), { editArea: p, pageNumber: u } = _.findEditAreaByCoord(
         g,
         a,
         c,
         d
       );
-      if (l === _)
+      if (l === p)
         return;
-      h.setEditArea(_);
-      const { createType: f, headerFooterId: m } = wr(h, _, u);
-      if (_ === F.BODY)
-        this._textSelectionRenderManager.setSegment(""), this._textSelectionRenderManager.setSegmentPage(-1), this._textSelectionRenderManager.setCursorManually(i, s);
+      h.setEditArea(p);
+      const { createType: f, headerFooterId: m } = Mr(h, p, u);
+      if (p === w.BODY)
+        this._textSelectionRenderManager.setSegment(""), this._textSelectionRenderManager.setSegmentPage(-1), this._textSelectionRenderManager.setCursorManually(r, s);
       else if (f != null) {
-        const I = j.generateRandomId(6);
-        this._textSelectionRenderManager.setSegment(I), this._textSelectionRenderManager.setSegmentPage(u), await this._commandService.executeCommand(Wt.id, {
+        const O = K.generateRandomId(6);
+        this._textSelectionRenderManager.setSegment(O), this._textSelectionRenderManager.setSegmentPage(u), await this._commandService.executeCommand(on.id, {
           unitId: e,
           createType: f,
-          segmentId: I
+          segmentId: O
         });
-      } else m != null && (this._textSelectionRenderManager.setSegment(m), this._textSelectionRenderManager.setSegmentPage(u), this._textSelectionRenderManager.setCursorManually(i, s));
+      } else m != null && (this._textSelectionRenderManager.setSegment(m), this._textSelectionRenderManager.setSegmentPage(u), this._textSelectionRenderManager.setCursorManually(r, s));
     }));
   }
   _getTransformCoordForDocumentOffset(e, n) {
-    const o = J(this._context), { document: r, scene: i } = o, { documentTransform: s } = r.getOffsetConfig(), a = i.getViewports()[0];
+    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, n]));
+    const c = a.transformVector2SceneCoord(Rt.FromArray([e, n]));
     return s.clone().invert().applyPoint(c);
   }
   // eslint-disable-next-line max-lines-per-function
@@ -1154,60 +1200,60 @@ let it = class extends Q {
       const o = this._renderManagerService.getRenderById(n);
       if (this._editorService.isEditor(n) || this._instanceSrv.getUniverDocInstance(n) == null || o == null)
         return;
-      const { mainComponent: r } = o, i = r;
+      const { mainComponent: i } = o, r = i;
       this.disposeWithMe(
-        Jt(
+        _n(
           // eslint-disable-next-line max-lines-per-function
-          i.pageRender$.subscribe((s) => {
+          r.pageRender$.subscribe((s) => {
             if (this._editorService.isEditor(n))
               return;
-            const d = this._docSkeletonManagerService.getViewModel().getEditArea() === F.BODY, { page: g, pageLeft: h, pageTop: p, ctx: l } = s, { pageWidth: _, pageHeight: u, marginTop: f, marginBottom: m } = g;
-            if (l.save(), l.translate(h - 0.5, p - 0.5), d ? (Xe.drawWith(l, {
+            const d = this._docSkeletonManagerService.getViewModel().getEditArea() === w.BODY, { page: g, pageLeft: h, pageTop: _, ctx: l } = s, { pageWidth: p, pageHeight: u, marginTop: f, marginBottom: m } = g;
+            if (l.save(), l.translate(h - 0.5, _ - 0.5), d ? (qe.drawWith(l, {
               left: 0,
               top: 0,
-              width: _,
+              width: p,
               height: f,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), l.save(), l.translate(0, u - m), Xe.drawWith(l, {
+            }), l.save(), l.translate(0, u - m), qe.drawWith(l, {
               left: 0,
               top: 0,
-              width: _,
+              width: p,
               height: m,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), l.restore()) : (l.save(), l.translate(0, f), Xe.drawWith(l, {
+            }), l.restore()) : (l.save(), l.translate(0, f), qe.drawWith(l, {
               left: 0,
               top: f,
-              width: _,
+              width: p,
               height: u - f - m,
               fill: "rgba(255, 255, 255, 0.5)"
             }), l.restore()), !d) {
-              const R = {
+              const S = {
                 dataArray: [{
                   command: "M",
                   points: [0, f]
                 }, {
                   command: "L",
-                  points: [_, f]
+                  points: [p, f]
                 }],
                 strokeWidth: 1,
-                stroke: Ht
-              }, I = {
+                stroke: en
+              }, O = {
                 dataArray: [{
                   command: "M",
                   points: [0, u - m]
                 }, {
                   command: "L",
-                  points: [_, u - m]
+                  points: [p, u - m]
                 }],
                 strokeWidth: 1,
-                stroke: Ht
+                stroke: en
               };
-              It.drawWith(l, R), It.drawWith(l, I), l.translate(0, f + 1), Ne.drawWith(l, {
+              Bt.drawWith(l, S), Bt.drawWith(l, O), l.translate(0, f + 1), Ue.drawWith(l, {
                 text: e.t("headerFooter.header"),
-                color: Vt
-              }), l.translate(0, u - f - m), Ne.drawWith(l, {
+                color: tn
+              }), l.translate(0, u - f - m), Ue.drawWith(l, {
                 text: e.t("headerFooter.footer"),
-                color: Vt
+                color: tn
               });
             }
             l.restore();
@@ -1224,17 +1270,17 @@ let it = class extends Q {
     return this._context.unit;
   }
 };
-it = Lr([
-  X(1, O),
-  X(2, ee),
-  X(3, w),
-  X(4, W),
-  X(5, E(L)),
-  X(6, ne),
-  X(7, E(le)),
-  X(8, E(tn))
-], it);
-function jt() {
+ut = Ir([
+  q(1, E),
+  q(2, oe),
+  q(3, L),
+  q(4, X),
+  q(5, M($)),
+  q(6, ie),
+  q(7, M(_e)),
+  q(8, M(Rn))
+], ut);
+function nn() {
   return {
     dataStream: `\r
 `,
@@ -1264,296 +1310,296 @@ function jt() {
     ]
   };
 }
-function Je(t, e, n, o) {
-  const r = Qe.getInstance(), i = 6, s = t != null ? t : j.generateRandomId(i), a = e === U.DEFAULT_HEADER || e === U.FIRST_PAGE_HEADER || e === U.EVEN_PAGE_HEADER, c = r.insertOp([a ? "headers" : "footers", s], {
+function tt(t, e, n, o) {
+  const i = it.getInstance(), r = 6, s = t != null ? t : K.generateRandomId(r), a = e === H.DEFAULT_HEADER || e === H.FIRST_PAGE_HEADER || e === H.EVEN_PAGE_HEADER, c = i.insertOp([a ? "headers" : "footers", s], {
     [a ? "headerId" : "footerId"]: s,
-    body: jt()
+    body: nn()
   });
   o.push(c);
-  const d = j.generateRandomId(i), g = r.insertOp([a ? "footers" : "headers", d], {
+  const d = K.generateRandomId(r), g = i.insertOp([a ? "footers" : "headers", d], {
     [a ? "footers" : "headers"]: d,
-    body: jt()
+    body: nn()
   });
   o.push(g);
-  let h = "defaultHeaderId", p = "defaultFooterId";
+  let h = "defaultHeaderId", _ = "defaultFooterId";
   switch (e) {
-    case U.DEFAULT_HEADER:
-      h = "defaultHeaderId", p = "defaultFooterId";
+    case H.DEFAULT_HEADER:
+      h = "defaultHeaderId", _ = "defaultFooterId";
       break;
-    case U.DEFAULT_FOOTER:
-      h = "defaultFooterId", p = "defaultHeaderId";
+    case H.DEFAULT_FOOTER:
+      h = "defaultFooterId", _ = "defaultHeaderId";
       break;
-    case U.FIRST_PAGE_HEADER:
-      h = "firstPageHeaderId", p = "firstPageFooterId";
+    case H.FIRST_PAGE_HEADER:
+      h = "firstPageHeaderId", _ = "firstPageFooterId";
       break;
-    case U.FIRST_PAGE_FOOTER:
-      h = "firstPageFooterId", p = "firstPageHeaderId";
+    case H.FIRST_PAGE_FOOTER:
+      h = "firstPageFooterId", _ = "firstPageHeaderId";
       break;
-    case U.EVEN_PAGE_HEADER:
-      h = "evenPageHeaderId", p = "evenPageFooterId";
+    case H.EVEN_PAGE_HEADER:
+      h = "evenPageHeaderId", _ = "evenPageFooterId";
       break;
-    case U.EVEN_PAGE_FOOTER:
-      h = "evenPageFooterId", p = "evenPageHeaderId";
+    case H.EVEN_PAGE_FOOTER:
+      h = "evenPageFooterId", _ = "evenPageHeaderId";
       break;
     default:
       throw new Error(`Unknown header footer type: ${e}`);
   }
-  for (const [l, _] of [[h, s], [p, d]])
+  for (const [l, p] of [[h, s], [_, d]])
     if (n[l] != null) {
-      const u = r.replaceOp(["documentStyle", l], n[l], _);
+      const u = i.replaceOp(["documentStyle", l], n[l], p);
       o.push(u);
     } else {
-      const u = r.insertOp(["documentStyle", l], _);
+      const u = i.insertOp(["documentStyle", l], p);
       o.push(u);
     }
   return o;
 }
-const be = "doc.command.core-header-footer", Wt = {
-  id: be,
-  type: de.COMMAND,
+const De = "doc.command.core-header-footer", on = {
+  id: De,
+  type: pe.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (t, e) => {
-    var b;
-    const n = t.get(O), o = t.get(w), r = t.get(W), { unitId: i, segmentId: s, createType: a, headerFooterProps: c } = e, d = (b = r.getRenderById(i)) == null ? void 0 : b.with(L), g = o.getUniverDocInstance(i), h = d == null ? void 0 : d.getViewModel();
+    var T;
+    const n = t.get(E), o = t.get(L), i = t.get(X), { unitId: r, segmentId: s, createType: a, headerFooterProps: c } = e, d = (T = i.getRenderById(r)) == null ? void 0 : T.with($), g = o.getUniverDocInstance(r), h = d == null ? void 0 : d.getViewModel();
     if (g == null || h == null)
       return !1;
-    const p = h.getEditArea(), { documentStyle: l } = g.getSnapshot(), _ = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, u = [{
+    const _ = h.getEditArea(), { documentStyle: l } = g.getSnapshot(), p = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, u = [{
       startOffset: 0,
       endOffset: 0,
       collapsed: !0
     }], f = {
-      id: ht.id,
+      id: Ge.id,
       params: {
-        unitId: i,
+        unitId: r,
         actions: [],
         textRanges: u,
         debounce: !0
       }
     };
-    _ && (f.params.noNeedSetTextRange = !0);
-    const m = Qe.getInstance(), R = [];
-    return a != null && Je(s, a, l, R), c != null && Object.keys(c).forEach((T) => {
-      const A = c[T], N = l[T];
-      if (A === N)
+    p && (f.params.noNeedSetTextRange = !0);
+    const m = it.getInstance(), S = [];
+    return a != null && tt(s, a, l, S), c != null && Object.keys(c).forEach((C) => {
+      const N = c[C], k = l[C];
+      if (N === k)
         return;
-      let Y;
-      if (N === void 0 ? Y = m.insertOp(["documentStyle", T], A) : Y = m.replaceOp(["documentStyle", T], N, A), R.push(Y), T === "useFirstPageHeaderFooter" && A === S.TRUE && !l.firstPageHeaderId) {
-        const G = p === F.HEADER ? U.FIRST_PAGE_HEADER : U.FIRST_PAGE_FOOTER;
-        Je(s, G, l, R);
-      } else if (T === "evenAndOddHeaders" && A === S.TRUE && !l.evenPageHeaderId) {
-        const G = p === F.HEADER ? U.EVEN_PAGE_HEADER : U.EVEN_PAGE_FOOTER;
-        Je(s, G, l, R);
+      let V;
+      if (k === void 0 ? V = m.insertOp(["documentStyle", C], N) : V = m.replaceOp(["documentStyle", C], k, N), S.push(V), C === "useFirstPageHeaderFooter" && N === R.TRUE && !l.firstPageHeaderId) {
+        const W = _ === w.HEADER ? H.FIRST_PAGE_HEADER : H.FIRST_PAGE_FOOTER;
+        tt(s, W, l, S);
+      } else if (C === "evenAndOddHeaders" && N === R.TRUE && !l.evenPageHeaderId) {
+        const W = _ === w.HEADER ? H.EVEN_PAGE_HEADER : H.EVEN_PAGE_FOOTER;
+        tt(s, W, l, S);
       }
-    }), R.length === 0 ? !1 : (f.params.actions = R.reduce((T, A) => Qe.compose(T, A), null), !!n.syncExecuteCommand(f.id, f.params));
+    }), S.length === 0 ? !1 : (f.params.actions = S.reduce((C, N) => it.compose(C, N), null), !!n.syncExecuteCommand(f.id, f.params));
   }
-}, mn = {
+}, Xn = {
   id: "doc.command.open-header-footer-panel",
-  type: de.COMMAND,
-  handler: async (t, e) => t.get(O).executeCommand(fn.id, { value: "open" })
+  type: pe.COMMAND,
+  handler: async (t, e) => t.get(E).executeCommand(Yn.id, { value: "open" })
 };
-function Br(t) {
-  const e = t.get(O);
+function br(t) {
+  const e = t.get(E);
   return {
-    id: Qn.id,
-    group: x.TOOLBAR_FORMAT,
+    id: In.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === ue.id) {
-          const a = Z(t);
+        const r = i.id;
+        if (r === G.id || r === fe.id) {
+          const a = te(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.bl;
-          n.next(c === S.TRUE);
+          n.next(c === R.TRUE);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function $r(t) {
-  const e = t.get(O);
+function xr(t) {
+  const e = t.get(E);
   return {
-    id: eo.id,
-    group: x.TOOLBAR_FORMAT,
+    id: Mn.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === ue.id) {
-          const a = Z(t);
+        const r = i.id;
+        if (r === G.id || r === fe.id) {
+          const a = te(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.it;
-          n.next(c === S.TRUE);
+          n.next(c === R.TRUE);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Hr(t) {
-  const e = t.get(O);
+function Dr(t) {
+  const e = t.get(E);
   return {
-    id: to.id,
-    group: x.TOOLBAR_FORMAT,
+    id: bn.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === ue.id) {
-          const a = Z(t);
+        const r = i.id;
+        if (r === G.id || r === fe.id) {
+          const a = te(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.ul;
-          n.next((c == null ? void 0 : c.s) === S.TRUE);
+          n.next((c == null ? void 0 : c.s) === R.TRUE);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Vr(t) {
-  const e = t.get(O);
+function yr(t) {
+  const e = t.get(E);
   return {
-    id: no.id,
-    group: x.TOOLBAR_FORMAT,
+    id: xn.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === ue.id) {
-          const a = Z(t);
+        const r = i.id;
+        if (r === G.id || r === fe.id) {
+          const a = te(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.st;
-          n.next((c == null ? void 0 : c.s) === S.TRUE);
+          n.next((c == null ? void 0 : c.s) === R.TRUE);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function jr(t) {
-  const e = t.get(O);
+function Pr(t) {
+  const e = t.get(E);
   return {
-    id: oo.id,
-    group: x.TOOLBAR_FORMAT,
+    id: Dn.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === ue.id) {
-          const a = Z(t);
+        const r = i.id;
+        if (r === G.id || r === fe.id) {
+          const a = te(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          n.next(c === ae.SUBSCRIPT);
+          n.next(c === ue.SUBSCRIPT);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Wr(t) {
-  const e = t.get(O);
+function Ar(t) {
+  const e = t.get(E);
   return {
-    id: ro.id,
-    group: x.TOOLBAR_FORMAT,
+    id: yn.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === ue.id) {
-          const a = Z(t);
+        const r = i.id;
+        if (r === G.id || r === fe.id) {
+          const a = te(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          n.next(c === ae.SUPERSCRIPT);
+          n.next(c === ue.SUPERSCRIPT);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function kr(t) {
-  const e = t.get(O);
+function Nr(t) {
+  const e = t.get(E);
   return {
-    id: Rt.id,
+    id: Ft.id,
     tooltip: "toolbar.font",
-    group: x.TOOLBAR_FORMAT,
+    group: F.TOOLBAR_FORMAT,
     type: y.SELECTOR,
-    label: dn,
+    label: Vn,
     positions: [P.TOOLBAR_START],
-    selections: vt.map((n) => ({
+    selections: Nt.map((n) => ({
       label: {
-        name: un,
+        name: jn,
         hoverable: !0
       },
       value: n.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
     value$: new B((n) => {
-      const o = vt[0].value, r = e.onCommandExecuted((i) => {
+      const o = Nt[0].value, i = e.onCommandExecuted((r) => {
         var a;
-        const s = i.id;
-        if (s === V.id || s === Rt.id) {
-          const c = Z(t);
+        const s = r.id;
+        if (s === G.id || s === Ft.id) {
+          const c = te(t);
           if (c == null)
             return;
           const d = (a = c.ts) == null ? void 0 : a.ff;
           n.next(d != null ? d : o);
         }
       });
-      return n.next(o), r.dispose;
+      return n.next(o), i.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Gr(t) {
-  const e = t.get(O);
+function Fr(t) {
+  const e = t.get(E);
   return {
-    id: Ot.id,
-    group: x.TOOLBAR_FORMAT,
+    id: Ut.id,
+    group: F.TOOLBAR_FORMAT,
     type: y.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: hn,
+      name: Wn,
       props: {
         min: 1,
         max: 400
@@ -1561,411 +1607,539 @@ function Gr(t) {
       }
     },
     positions: [P.TOOLBAR_START],
-    selections: wn,
+    selections: To,
     // disabled$,
     value$: new B((n) => {
-      const r = e.onCommandExecuted((i) => {
+      const i = e.onCommandExecuted((r) => {
         var a;
-        const s = i.id;
-        if (s === V.id || s === Ot.id) {
-          const c = Z(t);
+        const s = r.id;
+        if (s === G.id || s === Ut.id) {
+          const c = te(t);
           if (c == null)
             return;
           const d = (a = c.ts) == null ? void 0 : a.fs;
           n.next(d != null ? d : 14);
         }
       });
-      return n.next(14), r.dispose;
+      return n.next(14), i.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function zr(t) {
-  const e = t.get(O), n = t.get(Qt);
+function Ur(t) {
+  const e = t.get(E), n = t.get(fn);
   return {
-    id: Ct.id,
+    id: Lt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: x.TOOLBAR_FORMAT,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON_SELECTOR,
     positions: [P.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: pt,
+          name: It,
           hoverable: !1
         }
       }
     ],
     value$: new B((o) => {
-      const r = n.getCurrentTheme().textColor, i = e.onCommandExecuted((s) => {
-        if (s.id === Ct.id) {
+      const i = n.getCurrentTheme().textColor, r = e.onCommandExecuted((s) => {
+        if (s.id === Lt.id) {
           const a = s.params.value;
-          o.next(a != null ? a : r);
+          o.next(a != null ? a : i);
         }
       });
-      return o.next(r), i.dispose;
+      return o.next(i), r.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function Yr(t) {
+function Lr(t) {
   return {
-    id: mn.id,
-    group: x.TOOLBAR_OTHERS,
+    id: Xn.id,
+    group: F.TOOLBAR_OTHERS,
     type: y.BUTTON,
     icon: "FreezeRowSingle",
     tooltip: "toolbar.headerFooter",
     positions: [P.TOOLBAR_START],
-    hidden$: yo(D(t, v.UNIVER_DOC), Bn(t), (e, n) => e || n)
+    hidden$: oi(U(t, v.UNIVER_DOC), Eo(t), (e, n) => e || n)
   };
 }
-function Xr(t) {
-  const e = t.get(O);
+function wr(t) {
+  const e = t.get(E);
   return {
-    id: io.id,
-    group: x.TOOLBAR_LAYOUT,
+    id: Pn.id,
+    group: F.TOOLBAR_LAYOUT,
     type: y.BUTTON,
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === je.id) {
-          const a = Ge(t);
+        const r = i.id;
+        if (r === G.id || r === ke.id) {
+          const a = Ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.LEFT);
+          n.next(c === He.LEFT);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Kr(t) {
-  const e = t.get(O);
+function $r(t) {
+  const e = t.get(E);
   return {
-    id: so.id,
-    group: x.TOOLBAR_LAYOUT,
+    id: An.id,
+    group: F.TOOLBAR_LAYOUT,
     type: y.BUTTON,
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === je.id) {
-          const a = Ge(t);
+        const r = i.id;
+        if (r === G.id || r === ke.id) {
+          const a = Ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.CENTER);
+          n.next(c === He.CENTER);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Zr(t) {
-  const e = t.get(O);
+function Br(t) {
+  const e = t.get(E);
   return {
-    id: ao.id,
-    group: x.TOOLBAR_LAYOUT,
+    id: Nn.id,
+    group: F.TOOLBAR_LAYOUT,
     type: y.BUTTON,
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === je.id) {
-          const a = Ge(t);
+        const r = i.id;
+        if (r === G.id || r === ke.id) {
+          const a = Ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.RIGHT);
+          n.next(c === He.RIGHT);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Jr(t) {
-  const e = t.get(O);
+function Hr(t) {
+  const e = t.get(E);
   return {
-    id: co.id,
-    group: x.TOOLBAR_LAYOUT,
+    id: Fn.id,
+    group: F.TOOLBAR_LAYOUT,
     type: y.BUTTON,
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
     positions: [P.TOOLBAR_START],
     activated$: new B((n) => {
-      const o = e.onCommandExecuted((r) => {
+      const o = e.onCommandExecuted((i) => {
         var s;
-        const i = r.id;
-        if (i === V.id || i === je.id) {
-          const a = Ge(t);
+        const r = i.id;
+        if (r === G.id || r === ke.id) {
+          const a = Ke(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.JUSTIFIED);
+          n.next(c === He.JUSTIFIED);
         }
       });
       return n.next(!1), o.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function qr(t) {
+function Vr(t) {
   return {
-    id: lo.id,
-    group: x.TOOLBAR_LAYOUT,
+    id: Un.id,
+    group: F.TOOLBAR_LAYOUT,
     type: y.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
     positions: [P.TOOLBAR_START],
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Qr(t) {
+function jr(t) {
   return {
-    id: uo.id,
-    group: x.TOOLBAR_LAYOUT,
+    id: Ln.id,
+    group: F.TOOLBAR_LAYOUT,
     type: y.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
     positions: [P.TOOLBAR_START],
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function ei(t) {
+function Wr(t) {
   return {
-    id: ho.id,
+    id: Vo.id,
     type: y.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor",
-    positions: et.id
+    positions: st.id
   };
 }
-function ti(t) {
-  const e = t.get(O), n = t.get(Qt);
+function zr(t) {
+  const e = t.get(E), n = t.get(fn);
   return {
-    id: et.id,
+    id: st.id,
     tooltip: "toolbar.fillColor.main",
-    group: x.TOOLBAR_FORMAT,
+    group: F.TOOLBAR_FORMAT,
     type: y.BUTTON_SELECTOR,
     positions: [P.TOOLBAR_START],
     icon: "PaintBucket",
     selections: [
       {
         label: {
-          name: pt,
+          name: It,
           hoverable: !1
         }
       }
     ],
     value$: new B((o) => {
-      const r = n.getCurrentTheme().primaryColor, i = e.onCommandExecuted((s) => {
-        if (s.id === et.id) {
+      const i = n.getCurrentTheme().primaryColor, r = e.onCommandExecuted((s) => {
+        if (s.id === st.id) {
           const a = s.params.value;
-          o.next(a != null ? a : r);
+          o.next(a != null ? a : i);
         }
       });
-      return o.next(r), i.dispose;
+      return o.next(i), r.dispose;
     }),
-    hidden$: D(t, v.UNIVER_DOC)
+    hidden$: U(t, v.UNIVER_DOC)
   };
 }
-function Z(t) {
+function te(t) {
   var d;
-  const e = t.get(w), n = t.get(te), o = e.getCurrentUniverDocInstance(), r = n.getActiveRange();
-  if (o == null || r == null)
+  const e = t.get(L), n = t.get(Z), o = e.getCurrentUniverDocInstance(), i = n.getActiveRange();
+  if (o == null || i == null)
     return;
-  const { startOffset: i, segmentId: s } = r, a = (d = o.getSelfOrHeaderFooterModel(s).getBody()) == null ? void 0 : d.textRuns;
+  const { startOffset: r, segmentId: s } = i, a = (d = o.getSelfOrHeaderFooterModel(s).getBody()) == null ? void 0 : d.textRuns;
   if (a == null)
     return;
   let c;
   for (let g = 0; g < a.length; g++) {
-    const h = a[g], p = a[g + 1];
-    if (p && p.st === p.ed && i === p.st) {
-      c = p;
+    const h = a[g], _ = a[g + 1];
+    if (_ && _.st === _.ed && r === _.st) {
+      c = _;
       break;
     }
-    if (h.st <= i && i <= h.ed) {
+    if (h.st <= r && r <= h.ed) {
       c = h;
       break;
     }
   }
   return c;
 }
-function Ge(t) {
+function Ke(t) {
   var d;
-  const e = t.get(w), n = t.get(te), o = e.getCurrentUniverDocInstance(), r = n.getActiveRange();
-  if (o == null || r == null)
+  const e = t.get(L), n = t.get(Z), o = e.getCurrentUniverDocInstance(), i = n.getActiveRange();
+  if (o == null || i == null)
     return;
-  const { startOffset: i, segmentId: s } = r, a = (d = o.getSelfOrHeaderFooterModel(s).getBody()) == null ? void 0 : d.paragraphs;
+  const { startOffset: r, segmentId: s } = i, a = (d = o.getSelfOrHeaderFooterModel(s).getBody()) == null ? void 0 : d.paragraphs;
   if (a == null)
     return;
   let c = -1;
   for (const g of a) {
     const { startIndex: h } = g;
-    if (i > c && i <= h)
+    if (r > c && r <= h)
       return g;
     c = h;
   }
   return null;
 }
-var ni = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, ri = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? oi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && ni(e, n, r), r;
-}, Ee = (t, e) => (n, o) => e(n, o, t);
-let me = class extends Q {
-  constructor(t, e, n, o, r) {
-    super(), this._config = t, this._injector = e, this._componentManager = n, this._layoutService = o, this._menuService = r, this._init();
+function Ze(t) {
+  return t.getContextValue($e) || t.getContextValue(pn);
+}
+const Mt = 999, Kn = {
+  id: Io.id,
+  name: "doc.command.copy",
+  type: pe.COMMAND,
+  multi: !0,
+  priority: Mt,
+  preconditions: Ze,
+  handler: async (t) => t.get(Ee).copy()
+}, Zn = {
+  id: Mo.id,
+  name: "doc.command.cut",
+  type: pe.COMMAND,
+  multi: !0,
+  priority: Mt,
+  preconditions: Ze,
+  handler: async (t) => t.get(Ee).cut()
+}, Jn = {
+  id: bo.id,
+  name: "doc.command.paste",
+  type: pe.COMMAND,
+  multi: !0,
+  priority: Mt,
+  preconditions: Ze,
+  handler: async (t) => {
+    const e = t.get(Ee), o = await t.get(Ct).read();
+    return o.length === 0 ? !1 : e.paste(o);
+  }
+}, bt = (t) => {
+  const e = t.get(Z);
+  return new B((n) => {
+    const o = e.textSelection$.subscribe((i) => {
+      const r = e.getActiveRange();
+      r && !r.collapsed ? n.next(!1) : n.next(!0);
+    });
+    return () => o.unsubscribe();
+  });
+}, Gr = (t) => ({
+  id: Kn.id,
+  group: F.CONTEXT_MENU_FORMAT,
+  type: y.BUTTON,
+  icon: "Copy",
+  title: "rightClick.copy",
+  positions: [P.CONTEXT_MENU],
+  disabled$: bt(t),
+  hidden$: U(t, v.UNIVER_DOC)
+}), kr = (t) => ({
+  id: Zn.id,
+  group: F.CONTEXT_MENU_FORMAT,
+  type: y.BUTTON,
+  icon: "Copy",
+  title: "rightClick.cut",
+  positions: [P.CONTEXT_MENU],
+  disabled$: bt(t),
+  hidden$: U(t, v.UNIVER_DOC)
+}), Yr = (t) => ({
+  id: Jn.id,
+  group: F.CONTEXT_MENU_FORMAT,
+  type: y.BUTTON,
+  icon: "PasteSpecial",
+  title: "rightClick.paste",
+  positions: [P.CONTEXT_MENU],
+  hidden$: U(t, v.UNIVER_DOC)
+}), Xr = (t) => ({
+  id: wn.id,
+  group: F.CONTEXT_MENU_FORMAT,
+  type: y.BUTTON,
+  icon: "PasteSpecial",
+  title: "rightClick.delete",
+  positions: [P.CONTEXT_MENU],
+  disabled$: bt(t),
+  hidden$: U(t, v.UNIVER_DOC)
+}), Kr = {
+  id: In.id,
+  binding: D.B | x.CTRL_COMMAND,
+  preconditions: A
+}, Zr = {
+  id: Mn.id,
+  binding: D.I | x.CTRL_COMMAND,
+  preconditions: A
+}, Jr = {
+  id: bn.id,
+  binding: D.U | x.CTRL_COMMAND,
+  preconditions: A
+}, qr = {
+  id: xn.id,
+  binding: D.X | x.SHIFT | x.CTRL_COMMAND,
+  preconditions: A
+}, Qr = {
+  id: Dn.id,
+  binding: D.COMMA | x.CTRL_COMMAND,
+  preconditions: A
+}, es = {
+  id: yn.id,
+  binding: D.PERIOD | x.CTRL_COMMAND,
+  preconditions: A
+}, ts = {
+  id: Pn.id,
+  binding: D.L | x.CTRL_COMMAND | x.SHIFT,
+  preconditions: A
+}, ns = {
+  id: Nn.id,
+  binding: D.R | x.CTRL_COMMAND | x.SHIFT,
+  preconditions: A
+}, os = {
+  id: An.id,
+  binding: D.E | x.CTRL_COMMAND | x.SHIFT,
+  preconditions: A
+}, is = {
+  id: Fn.id,
+  binding: D.J | x.CTRL_COMMAND | x.SHIFT,
+  preconditions: A
+}, rs = {
+  id: Un.id,
+  binding: D.Digit7 | x.CTRL_COMMAND | x.SHIFT,
+  preconditions: A
+}, ss = {
+  id: Ln.id,
+  binding: D.Digit8 | x.CTRL_COMMAND | x.SHIFT,
+  preconditions: A
+};
+var as = Object.defineProperty, cs = Object.getOwnPropertyDescriptor, ls = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? cs(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 && as(e, n, i), i;
+}, ne = (t, e) => (n, o) => e(n, o, t);
+let Re = class extends z {
+  constructor(t, e, n, o, i, r, s, a) {
+    super(), this._config = t, this._injector = e, this._componentManager = n, this._layoutService = o, this._menuService = i, this._uiPartsService = r, this._univerInstanceService = s, this._shortcutService = a, this._init();
   }
   _initCustomComponents() {
     const t = this._componentManager;
-    this.disposeWithMe(t.register(pt, Ao)), this.disposeWithMe(t.register(dn, $n)), this.disposeWithMe(t.register(un, Hn)), this.disposeWithMe(t.register(hn, Vn));
+    this.disposeWithMe(t.register(It, hi)), this.disposeWithMe(t.register(Vn, xo)), this.disposeWithMe(t.register(jn, Do)), this.disposeWithMe(t.register(Wn, yo));
+  }
+  _initUiParts() {
+    var e, n;
+    const t = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET);
+    (n = (e = this._config.layout) == null ? void 0 : e.docContainerConfig) != null && n.footer && !t && this.disposeWithMe(this._uiPartsService.registerComponent(Po.FOOTER, () => uo(gr, this._injector)));
   }
   _initMenus() {
     const { menu: t = {} } = this._config;
     [
-      Br,
+      br,
+      xr,
+      Dr,
+      yr,
+      Pr,
+      Ar,
+      Fr,
+      Nr,
+      Ur,
+      Lr,
+      wr,
       $r,
+      Br,
       Hr,
       Vr,
       jr,
       Wr,
+      zr
+    ].forEach((e) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), t));
+    }), [
       Gr,
       kr,
-      zr,
       Yr,
-      Xr,
+      Xr
+    ].forEach((e) => {
+      try {
+        this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), t));
+      } catch {
+      }
+    });
+  }
+  _initShortCut() {
+    [
       Kr,
       Zr,
       Jr,
       qr,
       Qr,
-      ei,
-      ti
-    ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), t));
+      es,
+      os,
+      is,
+      ns,
+      ts,
+      rs,
+      ss
+    ].forEach((t) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(t));
     });
   }
   _init() {
-    this._initCustomComponents(), this._initMenus(), this._initFocusHandler();
+    this._initCustomComponents(), this._initMenus(), this._initFocusHandler(), this._initUiParts(), this._initShortCut();
   }
   _initFocusHandler() {
     this.disposeWithMe(
       this._layoutService.registerFocusHandler(v.UNIVER_DOC, () => {
-        this._injector.get(ne).focus();
+        this._injector.get(ie).focus();
       })
     );
   }
 };
-me = ri([
-  Be($e.Rendered, me),
-  Ee(1, E(Le)),
-  Ee(2, E(tn)),
-  Ee(3, en),
-  Ee(4, jn)
-], me);
-const ii = {
-  id: go.id,
-  preconditions: Fo,
-  binding: H.ENTER
-}, si = {
-  id: po.id,
-  preconditions: k,
-  binding: H.BACKSPACE
-}, ai = {
-  id: _o.id,
-  preconditions: k,
-  binding: H.DELETE
-};
-function ze(t) {
-  return t.getContextValue(Ue) || t.getContextValue(qt);
-}
-const _t = 999, ci = {
-  id: Wn.id,
-  name: "doc.command.copy",
-  type: de.COMMAND,
-  multi: !0,
-  priority: _t,
-  preconditions: ze,
-  handler: async (t) => t.get(Re).copy()
-}, li = {
-  id: kn.id,
-  name: "doc.command.cut",
-  type: de.COMMAND,
-  multi: !0,
-  priority: _t,
-  preconditions: ze,
-  handler: async (t) => t.get(Re).cut()
-}, di = {
-  id: Gn.id,
-  name: "doc.command.paste",
-  type: de.COMMAND,
-  multi: !0,
-  priority: _t,
-  preconditions: ze,
-  handler: async (t) => {
-    const e = t.get(Re), o = await t.get(ut).read();
-    return o.length === 0 ? !1 : e.paste(o);
-  }
+Re = ls([
+  Ve(je.Rendered, Re),
+  ne(1, M(Be)),
+  ne(2, M(Rn)),
+  ne(3, Cn),
+  ne(4, Ao),
+  ne(5, No),
+  ne(6, L),
+  ne(7, On)
+], Re);
+const ds = {
+  id: jo.id,
+  preconditions: _i,
+  binding: D.ENTER
+}, us = {
+  id: wn.id,
+  preconditions: A,
+  binding: D.BACKSPACE
+}, hs = {
+  id: Wo.id,
+  preconditions: A,
+  binding: D.DELETE
 };
-var ui = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, gi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? hi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && ui(e, n, r), r;
-}, he = (t, e) => (n, o) => e(n, o, t);
-let Me = class extends Se {
-  constructor(t, e, n, o, r) {
-    super(), this._commandService = t, this._clipboardInterfaceService = e, this._docClipboardService = n, this._textSelectionRenderManager = o, this._contextService = r, this._init();
+var gs = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, ps = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? _s(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 && gs(e, n, i), i;
+}, me = (t, e) => (n, o) => e(n, o, t);
+let ye = class extends Te {
+  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() {
-    [ci, li, di].forEach((t) => this.disposeWithMe(this._commandService.registerMultipleCommand(t))), [on, nn].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t))), this._initLegacyPasteCommand();
+    [Kn, Zn, Jn].forEach((t) => this.disposeWithMe(this._commandService.registerMultipleCommand(t))), [En, Tn].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
     var t;
-    (t = this._textSelectionRenderManager) == null || t.onPaste$.pipe(se(this.dispose$)).subscribe((e) => {
-      var i, s;
-      if (!ze(this._contextService))
+    (t = this._textSelectionRenderManager) == null || t.onPaste$.pipe(de(this.dispose$)).subscribe((e) => {
+      var r, s;
+      if (!Ze(this._contextService))
         return;
       e.event.preventDefault();
-      const n = e.event, o = (i = n.clipboardData) == null ? void 0 : i.getData("text/html"), r = (s = n.clipboardData) == null ? void 0 : s.getData("text/plain");
-      this._docClipboardService.legacyPaste(o, r);
+      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);
     });
   }
 };
-Me = gi([
-  Be($e.Rendered, Me),
-  he(0, O),
-  he(1, ut),
-  he(2, Re),
-  he(3, ne),
-  he(4, Mn)
-], Me);
-var pi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, fi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? _i(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && pi(e, n, r), r;
-}, ge = (t, e) => (n, o) => e(n, o, t);
-let ye = class extends Q {
-  constructor(e, n, o, r, i) {
+ye = ps([
+  Ve(je.Rendered, ye),
+  me(0, E),
+  me(1, Ct),
+  me(2, Ee),
+  me(3, ie),
+  me(4, ho)
+], ye);
+var fs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, Ss = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? ms(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 && fs(e, n, i), i;
+}, Se = (t, e) => (n, o) => e(n, o, t);
+let Pe = class extends z {
+  constructor(e, n, o, i, r) {
     super();
-    C(this, "_initialEditors", /* @__PURE__ */ new Set());
-    this._univerInstanceService = e, this._editorService = n, this._commandService = o, this._textSelectionRenderManager = r, this._renderManagerService = i, this._initialize();
+    I(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(
@@ -1978,7 +2152,7 @@ let ye = class extends Q {
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var I, b, T;
+    var O, T, C;
     if (e == null)
       return;
     const n = this._editorService.getEditor(e);
@@ -1987,25 +2161,25 @@ let ye = class extends Q {
     const o = this._univerInstanceService.getUniverDocInstance(e);
     if (!o)
       return;
-    const r = (I = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : I.with(L).getSkeleton();
-    if (n == null || n.render == null || r == null || o == null)
+    const i = (O = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : O.with($).getSkeleton();
+    if (n == null || n.render == null || i == null || o == null)
       return;
-    r.calculate();
-    const { marginTop: i = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = o.getSnapshot().documentStyle, { scene: d, mainComponent: g } = n.render;
-    let { actualHeight: h, actualWidth: p } = r.getActualSize();
-    h += i + s, p += a + c;
-    const { width: l, height: _ } = n.getBoundingClientRect(), u = d.getViewport(q.VIEW_MAIN);
+    i.calculate();
+    const { marginTop: r = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = o.getSnapshot().documentStyle, { scene: d, mainComponent: g } = n.render;
+    let { actualHeight: h, actualWidth: _ } = i.getActualSize();
+    h += r + s, _ += a + c;
+    const { width: l, height: p } = n.getBoundingClientRect(), u = d.getViewport(J.VIEW_MAIN);
     let f = u == null ? void 0 : u.getScrollBar();
-    const m = Math.max(p, l), R = Math.max(h, _);
+    const m = Math.max(_, l), S = Math.max(h, p);
     d.transformByState({
       width: m,
-      height: R
-    }), g == null || g.resize(m, R), n.isSingle() ? p > l ? f == null ? u && new tt(u, { barSize: 8, enableVertical: !1 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (f = null, u == null || u.scrollTo({ x: 0, y: 0 }), (T = u == null ? void 0 : u.getScrollBar()) == null || T.dispose()) : h > _ ? f == null ? u && new tt(u, { enableHorizontal: !1, barSize: 8 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (f = null, u == null || u.scrollTo({ x: 0, y: 0 }), (b = u == null ? void 0 : u.getScrollBar()) == null || b.dispose());
+      height: S
+    }), g == null || g.resize(m, S), n.isSingle() ? _ > l ? f == null ? u && new at(u, { barSize: 8, enableVertical: !1 }) : u == null || u.resetCanvasSizeAndUpdateScroll() : (f = null, u == null || u.scrollToBarPos({ x: 0, y: 0 }), (C = u == null ? void 0 : u.getScrollBar()) == null || C.dispose()) : h > p ? f == null ? u && new at(u, { enableHorizontal: !1, barSize: 8 }) : u == null || u.resetCanvasSizeAndUpdateScroll() : (f = null, u == null || u.scrollToBarPos({ x: 0, y: 0 }), (T = u == null ? void 0 : u.getScrollBar()) == null || T.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
       this._editorService.setValue$.subscribe((e) => {
-        this._commandService.executeCommand(fo.id, {
+        this._commandService.executeCommand(zo.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -2020,8 +2194,8 @@ let ye = class extends Q {
       })
     ), this.disposeWithMe(
       this._textSelectionRenderManager.onBlur$.subscribe(() => {
-        var r;
-        const e = (r = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : r.getUnitId();
+        var i;
+        const e = (i = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : i.getUnitId();
         if (e == null)
           return;
         const n = this._editorService.getEditor(e), o = this._editorService.getFocusEditor();
@@ -2042,17 +2216,17 @@ let ye = class extends Q {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      yt(window, "mousedown").subscribe((o) => {
-        const i = o.target.classList[0] || "";
-        if (yn(i, e)) {
+      Wt(window, "mousedown").subscribe((o) => {
+        const r = o.target.classList[0] || "";
+        if (go(r, e)) {
           this._editorService.changeSpreadsheetFocusState(!0), o.stopPropagation();
           return;
         }
         this._editorService.changeSpreadsheetFocusState(!1);
       })
     ), this._univerInstanceService.getAllUnitsForType(v.UNIVER_SHEET).forEach((o) => {
-      const r = o.getUnitId(), i = this._renderManagerService.getRenderById(r), s = i == null ? void 0 : i.engine.getCanvas().getCanvasEle();
-      s != null && yt(s, "mousedown").subscribe((a) => {
+      const i = o.getUnitId(), r = this._renderManagerService.getRenderById(i), s = r == null ? void 0 : r.engine.getCanvas().getCanvasEle();
+      s != null && Wt(s, "mousedown").subscribe((a) => {
         this._editorService.changeSpreadsheetFocusState(!0), a.stopPropagation();
       });
     });
@@ -2080,49 +2254,49 @@ let ye = class extends Q {
    * Listen to document edits to refresh the size of the formula editor.
    */
   _commandExecutedListener() {
-    const e = [ht.id, zn.id];
+    const e = [Ge.id, Fo.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
-          const o = n.params, { unitId: r } = o;
-          if (this._editorService.isSheetEditor(r))
+          const o = n.params, { unitId: i } = o;
+          if (this._editorService.isSheetEditor(i))
             return;
-          this._resize(r), this._valueChange();
+          this._resize(i), this._valueChange();
         }
       })
     );
   }
 };
-ye = fi([
-  Be($e.Rendered, ye),
-  ge(0, w),
-  ge(1, ee),
-  ge(2, O),
-  ge(3, ne),
-  ge(4, W)
-], ye);
-var mi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, vi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Si(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && mi(e, n, r), r;
-}, pe = (t, e) => (n, o) => e(n, o, t);
-let st = class extends Se {
-  constructor(t, e, n, o, r, i) {
-    super(), this._context = t, this._commandService = e, this._docSkeletonManagerService = n, this._configService = o, this._editorService = r, this._renderManagerService = i, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
+Pe = Ss([
+  Ve(je.Rendered, Pe),
+  Se(0, L),
+  Se(1, oe),
+  Se(2, E),
+  Se(3, ie),
+  Se(4, X)
+], Pe);
+var vs = Object.defineProperty, Cs = Object.getOwnPropertyDescriptor, Rs = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Cs(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 && vs(e, n, i), i;
+}, ve = (t, e) => (n, o) => e(n, o, t);
+let ht = class extends Te {
+  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 r, i;
-    const e = (r = this._renderManagerService.getRenderById(t)) == null ? void 0 : r.with(L), n = e == null ? void 0 : e.getSkeleton();
+    var i, r;
+    const e = (i = this._renderManagerService.getRenderById(t)) == null ? void 0 : i.with($), n = e == null ? void 0 : e.getSkeleton();
     if (!(!n || n.getViewModel().getDataModel().getSnapshot().disabled)) {
       if (n.calculate(), this._editorService.isEditor(t)) {
-        (i = this._context.mainComponent) == null || i.makeDirty();
+        (r = this._context.mainComponent) == null || r.makeDirty();
         return;
       }
       this._recalculateSizeBySkeleton(n);
     }
   }
   _addNewRender() {
-    const { scene: t, engine: e, unit: n } = this._context, o = new To(q.VIEW_MAIN, t, {
+    const { scene: t, engine: e, unit: n } = this._context, o = new qo(J.VIEW_MAIN, t, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -2139,9 +2313,9 @@ let st = class extends Se {
         g *= c.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (g /= 2), t.scaleX + g > 4 ? t.scale(4, 4) : t.scaleX + g < 0.1 ? t.scale(0.1, 0.1) : c.preventDefault();
       } else
         o.onMouseWheel(c, a);
-    }), this._configService.getConfig("hasScroll") !== !1 && new tt(o), t.addLayer(
-      new bt(t, [], Ye),
-      new bt(t, [], mo)
+    }), this._configService.getConfig("hasScroll") !== !1 && new at(o), t.addLayer(
+      new Ht(t, [], Je),
+      new Ht(t, [], Go)
     ), this._addComponent(), n.getShouldRenderLoopImmediately() && e.runRenderLoop(() => {
       t.render();
     });
@@ -2150,24 +2324,24 @@ let st = class extends Se {
     const { scene: t, unit: e, components: n } = this._context, o = {
       pageMarginLeft: e.documentStyle.marginLeft || 0,
       pageMarginTop: e.documentStyle.marginTop || 0
-    }, r = new Io(oe.MAIN, void 0, o);
-    r.zIndex = Et;
-    const i = new bo(oe.BACKGROUND, void 0, o);
-    i.zIndex = Et, this._context.mainComponent = r, n.set(oe.MAIN, r), n.set(oe.BACKGROUND, i), t.addObjects([r], Ye), t.addObjects([i], So), this._editorService.getEditor(e.getUnitId()) == null && t.enableLayerCache(Ye);
+    }, i = new Qo(se.MAIN, void 0, o);
+    i.zIndex = wt;
+    const r = new ei(se.BACKGROUND, void 0, o);
+    r.zIndex = wt, this._context.mainComponent = i, n.set(se.MAIN, i), n.set(se.BACKGROUND, r), t.addObjects([i], Je), t.addObjects([r], ko), this._editorService.getEditor(e.getUnitId()) == null && t.enableLayerCache(Je);
   }
   _initRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(se(this.dispose$)).subscribe((t) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(de(this.dispose$)).subscribe((t) => {
       this._create(t);
     });
   }
   _create(t) {
     if (!t)
       return;
-    const { mainComponent: e, components: n } = this._context, o = e, r = n.get(oe.BACKGROUND);
-    o.changeSkeleton(t), r.changeSkeleton(t), this._recalculateSizeBySkeleton(t);
+    const { mainComponent: e, components: n } = this._context, o = e, i = n.get(se.BACKGROUND);
+    o.changeSkeleton(t), i.changeSkeleton(t), this._recalculateSizeBySkeleton(t);
   }
   _initCommandListener() {
-    const t = [ht.id];
+    const t = [Ge.id];
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
       if (t.includes(e.id)) {
         const n = e.params, { unitId: o } = n;
@@ -2177,35 +2351,53 @@ let st = class extends Se {
   }
   _recalculateSizeBySkeleton(t) {
     var g;
-    const { mainComponent: e, scene: n, unitId: o, components: r } = this._context, i = e, s = r.get(oe.BACKGROUND), a = (g = t.getSkeletonData()) == null ? void 0 : g.pages;
+    const { mainComponent: e, scene: n, unitId: o, components: i } = this._context, r = e, s = i.get(se.BACKGROUND), a = (g = t.getSkeletonData()) == null ? void 0 : g.pages;
     if (a == null)
       return;
     let c = 0, d = 0;
-    for (let h = 0, p = a.length; h < p; h++) {
-      const l = a[h], { pageWidth: _, pageHeight: u } = l;
-      i.pageLayoutType === Ae.VERTICAL ? (d += u, d += i.pageMarginTop, h === p - 1 && (d += i.pageMarginTop), c = Math.max(c, _)) : i.pageLayoutType === Ae.HORIZONTAL && (c += _, h !== p - 1 && (c += i.pageMarginLeft), d = Math.max(d, u));
+    for (let h = 0, _ = a.length; h < _; h++) {
+      const l = a[h], { pageWidth: p, pageHeight: u } = l;
+      r.pageLayoutType === Oe.VERTICAL ? (d += u, d += r.pageMarginTop, h === _ - 1 && (d += r.pageMarginTop), c = Math.max(c, p)) : r.pageLayoutType === Oe.HORIZONTAL && (c += p, h !== _ - 1 && (c += r.pageMarginLeft), d = Math.max(d, u));
     }
-    i.resize(c, d), s.resize(c, d), this._editorService.isEditor(o) || n.resize(c, d);
+    r.resize(c, d), s.resize(c, d), this._editorService.isEditor(o) || n.resize(c, d);
   }
 };
-st = vi([
-  pe(1, O),
-  pe(2, E(L)),
-  pe(3, xn),
-  pe(4, ee),
-  pe(5, W)
-], st);
-var Ri = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, Ci = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Oi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Ri(e, n, r), r;
-}, _e = (t, e) => (n, o) => e(n, o, t);
-let at = class extends Q {
-  constructor(t, e, n, o, r, i) {
-    super(), this._context = t, this._docSkeletonManagerService = e, this._univerInstanceService = n, this._commandService = o, this._textSelectionManagerService = r, this._editorService = i, this._init();
+ht = Rs([
+  ve(1, E),
+  ve(2, M($)),
+  ve(3, _o),
+  ve(4, oe),
+  ve(5, X)
+], ht);
+class xt extends z {
+  constructor(e) {
+    super(), this._context = e;
+  }
+  calculatePagePosition() {
+    var T, C;
+    const e = Q(this._context), o = (C = (T = this._context.unit.getSettings()) == null ? void 0 : T.zoomRatio) != null ? C : 1, { document: i, scene: r, docBackground: s } = e, a = r == null ? void 0 : r.getParent(), { width: c, height: d, pageMarginLeft: g, pageMarginTop: h } = i;
+    if (a == null || c === Number.POSITIVE_INFINITY || d === Number.POSITIVE_INFINITY)
+      return;
+    const { width: _, height: l } = a;
+    let p = 0, u = 0, f = 0, m = 0, S = Number.POSITIVE_INFINITY;
+    _ > (c + g * 2) * o ? (p = _ / 2 - c * o / 2, p /= o, f = (_ - g * 2) / o, S = 0) : (p = g, f = c + g * 2, S = (f - _ / o) / 2), l > d ? (u = l / 2 - d / 2, m = (l - h * 2) / o) : (u = h, m = d + h * 2), r.resize(f, m + 200), i.translate(p, u), s.translate(p, u);
+    const O = r.getViewport(J.VIEW_MAIN);
+    return S !== Number.POSITIVE_INFINITY && O != null && O.scrollToViewportPos({
+      viewportScrollX: S
+    }), this;
+  }
+}
+var Os = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, Es = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ts(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 && Os(e, n, i), i;
+}, ce = (t, e) => (n, o) => e(n, o, t);
+let gt = class extends z {
+  constructor(t, e, n, o, i, r, s) {
+    super(), this._context = t, this._docSkeletonManagerService = e, this._univerInstanceService = n, this._commandService = o, this._textSelectionManagerService = i, this._editorService = r, this._docPageLayoutService = s, this._init();
   }
   _init() {
-    this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), setTimeout(() => this._updateViewZoom(1, !0), 20);
+    this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), setTimeout(() => this.updateViewZoom(1, !0), 20);
   }
   _initRenderRefresher() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((t) => {
@@ -2215,17 +2407,17 @@ let at = class extends Q {
       this._editorService.isEditor(e) || this.disposeWithMe(n.onMouseWheel$.subscribeEvent((o) => {
         if (!o.ctrlKey)
           return;
-        const r = this._univerInstanceService.getCurrentUniverDocInstance();
-        if (!r)
+        const i = this._univerInstanceService.getCurrentUniverDocInstance();
+        if (!i)
           return;
-        const i = Math.abs(o.deltaX);
-        let s = i < 40 ? 0.2 : i < 80 ? 0.4 : 0.2;
+        const r = Math.abs(o.deltaX);
+        let s = r < 40 ? 0.2 : r < 80 ? 0.4 : 0.2;
         s *= o.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (s /= 2);
-        const a = r.zoomRatio;
+        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(vo.id, {
+        c = c >= 4 ? 4 : c <= 0.1 ? 0.1 : c, this._commandService.executeCommand(Yo.id, {
           zoomRatio: c,
-          unitId: r.getUnitId()
+          unitId: i.getUnitId()
         }), o.preventDefault();
       }));
     });
@@ -2237,115 +2429,100 @@ let at = class extends Q {
       const e = this._univerInstanceService.getCurrentUniverDocInstance();
       if (!e) return;
       const n = e.zoomRatio || 1;
-      this._updateViewZoom(n, !1);
+      this.updateViewZoom(n, !1);
     }));
   }
   _initCommandExecutedListener() {
-    const t = [De.id];
+    const t = [he.id];
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
       if (t.includes(e.id)) {
         const n = this._univerInstanceService.getCurrentUniverDocInstance();
         if (!n) return;
-        const o = e.params, { unitId: r } = o;
-        if (r !== n.getUnitId())
+        const o = e.params, { unitId: i } = o;
+        if (i !== n.getUnitId())
           return;
-        const i = n.zoomRatio || 1;
-        this._updateViewZoom(i);
+        const r = n.zoomRatio || 1;
+        this.updateViewZoom(r);
       }
     }));
   }
-  _updateViewZoom(t, e = !0) {
+  updateViewZoom(t, e = !0) {
     var o;
-    const n = J(this._context);
-    n.scene.scale(t, t), this._calculatePagePosition(n, t), e && this._textSelectionManagerService.refreshSelection(), (o = n.scene.getTransformer()) == null || o.clearSelectedObjects();
-  }
-  _calculatePagePosition(t, e) {
-    const { document: n, scene: o, docBackground: r } = t, i = o == null ? void 0 : o.getParent(), { width: s, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
-    if (i == null || s === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
-      return;
-    const { width: g, height: h } = i;
-    let p = 0, l = 0, _ = 0, u = 0, f = Number.POSITIVE_INFINITY;
-    g > (s + c * 2) * e ? (p = g / 2 - s * e / 2, p /= e, _ = (g - c * 2) / e, f = 0) : (p = c, _ = s + c * 2, f = (_ - g / e) / 2), h > a ? (l = h / 2 - a / 2, u = (h - d * 2) / e) : (l = d, u = a + d * 2), o.resize(_, u + 200), n.translate(p, l), r.translate(p, l);
-    const m = o.getViewport(q.VIEW_MAIN);
-    if (f !== Number.POSITIVE_INFINITY && m != null) {
-      const R = m.transViewportScroll2ScrollValue(f, 0).x;
-      m.scrollTo({
-        x: R
-      });
-    }
-    return this;
+    const n = Q(this._context);
+    n.scene.scale(t, t), this._docPageLayoutService.calculatePagePosition(), e && !this._editorService.isEditor(this._context.unitId) && this._textSelectionManagerService.refreshSelection(), (o = n.scene.getTransformer()) == null || o.clearSelectedObjects();
   }
 };
-at = Ci([
-  _e(1, E(L)),
-  _e(2, w),
-  _e(3, O),
-  _e(4, E(te)),
-  _e(5, ee)
-], at);
-var Ei = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ii = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ti(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Ei(e, n, r), r;
-}, ie = (t, e) => (n, o) => e(n, o, t);
-let ct = class extends Q {
-  constructor(e, n, o, r, i, s, a) {
+gt = Es([
+  ce(1, M($)),
+  ce(2, L),
+  ce(3, E),
+  ce(4, M(Z)),
+  ce(5, oe),
+  ce(6, M(xt))
+], gt);
+var Is = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, bs = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ms(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 && Is(e, n, i), i;
+}, le = (t, e) => (n, o) => e(n, o, t);
+let _t = class extends z {
+  constructor(e, n, o, i, r, s, a) {
     super();
-    C(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._context = e, this._commandService = n, this._editorService = o, this._instanceSrv = r, this._textSelectionRenderManager = i, this._docSkeletonManagerService = s, this._textSelectionManagerService = a, this._initialize();
+    I(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, n = J(this._context);
+    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 n = J(this._context), { document: o, scene: r } = n;
+    const n = Q(this._context), { document: o, scene: i } = n;
     this.disposeWithMe(o.onPointerEnter$.subscribeEvent(() => {
-      this._isEditorReadOnly(e) || (o.cursor = Mt.TEXT);
+      this._isEditorReadOnly(e) || (o.cursor = Vt.TEXT);
     })), this.disposeWithMe(o.onPointerLeave$.subscribeEvent(() => {
-      o.cursor = Mt.DEFAULT, r.resetCursor();
-    })), this.disposeWithMe(o.onPointerDown$.subscribeEvent((i, s) => {
+      o.cursor = Vt.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: g } = i, h = this._getTransformCoordForDocumentOffset(d, g);
+      const c = this._docSkeletonManagerService.getSkeleton(), { offsetX: d, offsetY: g } = r, h = this._getTransformCoordForDocumentOffset(d, g);
       if (h != null) {
         const {
-          pageLayoutType: p = Ae.VERTICAL,
+          pageLayoutType: _ = Oe.VERTICAL,
           pageMarginLeft: l,
-          pageMarginTop: _
+          pageMarginTop: p
         } = o.getOffsetConfig(), { editArea: u } = c.findEditAreaByCoord(
           h,
-          p,
+          _,
           l,
-          _
+          p
         ), f = this._docSkeletonManagerService.getViewModel(), m = f.getEditArea();
-        m !== F.BODY && u !== F.BODY && u !== m && f.setEditArea(u);
+        m !== w.BODY && u !== w.BODY && u !== m && f.setEditArea(u);
       }
-      if (this._textSelectionRenderManager.eventTrigger(i), this._editorService.getEditor(e)) {
+      if (this._textSelectionRenderManager.eventTrigger(r), this._editorService.getEditor(e)) {
         this._setEditorFocus(e);
-        const { offsetX: p, offsetY: l } = i;
+        const { offsetX: _, offsetY: l } = r;
         setTimeout(() => {
-          this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(p, l);
+          this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(_, l);
         }, 0);
       }
-      i.button !== 2 && s.stopPropagation();
-    })), this.disposeWithMe(o.onDblclick$.subscribeEvent((i) => {
-      this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(i);
-    })), this.disposeWithMe(o.onTripleClick$.subscribeEvent((i) => {
-      this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(i);
+      r.button !== 2 && s.stopPropagation();
+    })), this.disposeWithMe(o.onDblclick$.subscribeEvent((r) => {
+      this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(r);
+    })), this.disposeWithMe(o.onTripleClick$.subscribeEvent((r) => {
+      this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(r);
     }));
   }
   _getTransformCoordForDocumentOffset(e, n) {
-    const o = J(this._context), { document: r, scene: i } = o, { documentTransform: s } = r.getOffsetConfig(), a = i.getViewports()[0];
+    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, n]));
+    const c = a.transformVector2SceneCoord(Rt.FromArray([e, n]));
     return s.clone().invert().applyPoint(c);
   }
   _isEditorReadOnly(e) {
@@ -2356,13 +2533,13 @@ let ct = class extends Q {
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [De.id];
+    const e = [he.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         var o;
         if (e.includes(n.id)) {
-          const r = n.params, { unitId: i } = r, s = (o = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : o.unitId;
-          if (i !== s)
+          const i = n.params, { unitId: r } = i, s = (o = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : o.unitId;
+          if (r !== s)
             return;
           this._textSelectionManagerService.refreshSelection();
         }
@@ -2374,11 +2551,11 @@ let ct = class extends Q {
       this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
         if (e == null)
           return;
-        const { scene: n, mainComponent: o, unitId: r } = this._context;
+        const { scene: n, mainComponent: o, unitId: i } = this._context;
         this._textSelectionRenderManager.changeRuntime(e, n, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
-          unitId: r,
+          unitId: i,
           subUnitId: ""
-        }), Pn(r) || this._textSelectionManagerService.replaceTextRanges([
+        }), po(i) || this._textSelectionManagerService.replaceTextRanges([
           {
             startOffset: 0,
             endOffset: 0
@@ -2388,21 +2565,21 @@ let ct = class extends Q {
     );
   }
 };
-ct = Ii([
-  ie(1, O),
-  ie(2, ee),
-  ie(3, w),
-  ie(4, ne),
-  ie(5, E(L)),
-  ie(6, E(te))
-], ct);
-var bi = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, yi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Mi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && bi(e, n, r), r;
-}, Te = (t, e) => (n, o) => e(n, o, t);
-function kt(t, e) {
-  const n = Gt(t.left, t.top, e), o = Gt(t.right, t.bottom, e);
+_t = bs([
+  le(1, E),
+  le(2, oe),
+  le(3, L),
+  le(4, ie),
+  le(5, M($)),
+  le(6, M(Z))
+], _t);
+var xs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, ys = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ds(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 && xs(e, n, i), i;
+}, be = (t, e) => (n, o) => e(n, o, t);
+function rn(t, e) {
+  const n = sn(t.left, t.top, e), o = sn(t.right, t.bottom, e);
   return {
     left: n.x,
     top: n.y,
@@ -2410,79 +2587,79 @@ function kt(t, e) {
     bottom: o.y
   };
 }
-function Gt(t, e, n) {
-  const { scaleX: o, scaleY: r } = n.getAncestorScale(), i = n.getViewport(q.VIEW_MAIN);
-  if (!i)
+function sn(t, e, n) {
+  const { scaleX: o, scaleY: i } = n.getAncestorScale(), r = n.getViewport(J.VIEW_MAIN);
+  if (!r)
     return {
       x: t,
       y: e
     };
-  const { viewportScrollX: s, viewportScrollY: a } = i, c = (t - s) * o, d = (e - a) * r;
+  const { viewportScrollX: s, viewportScrollY: a } = r, c = (t - s) * o, d = (e - a) * i;
   return {
     x: c,
     y: d
   };
 }
-let lt = class extends Q {
+let pt = class extends z {
   constructor(t, e, n, o) {
     super(), this._globalPopupManagerService = t, this._renderManagerService = e, this._univerInstanceService = n, this._commandService = o;
   }
   // #region attach to object
   _createObjectPositionObserver(t, e) {
     const n = () => {
-      const { scene: a, engine: c } = e, { left: d, top: g, width: h, height: p } = t, l = {
+      const { scene: a, engine: c } = e, { left: d, top: g, width: h, height: _ } = t, l = {
         left: d,
         right: d + h,
         top: g,
-        bottom: g + p
-      }, _ = kt(l, a), u = c.getCanvasElement().getBoundingClientRect().top;
+        bottom: g + _
+      }, p = c.getCanvasElement(), u = p.getBoundingClientRect(), f = jt(p.style.width), m = rn(l, a), { top: S, left: O, width: T } = u, C = T / f;
       return {
-        left: _.left,
-        right: _.right,
-        top: _.top + u,
-        bottom: _.bottom + u
+        left: m.left * C + O,
+        right: m.right * C + O,
+        top: m.top * C + S,
+        bottom: m.bottom * C + S
       };
-    }, o = n(), r = new xt(o), i = new St();
-    i.add(this._commandService.onCommandExecuted((a) => {
-      a.id === De.id && r.next(n());
+    }, o = n(), i = new Fe(o), r = new At();
+    r.add(this._commandService.onCommandExecuted((a) => {
+      a.id === he.id && i.next(n());
     }));
-    const s = e.scene.getViewport(q.VIEW_MAIN);
-    return s && i.add(s.onScrollAfter$.subscribeEvent(() => {
-      r.next(n());
+    const s = e.scene.getViewport(J.VIEW_MAIN);
+    return s && r.add(s.onScrollAfter$.subscribeEvent(() => {
+      i.next(n());
     })), {
       position: o,
-      position$: r,
-      disposable: i
+      position$: i,
+      disposable: r
     };
   }
   _createRangePositionObserver(t, e) {
     var a;
     const n = () => {
-      const { scene: c, mainComponent: d, engine: g } = e, h = e.with(L).getSkeleton(), p = h.findNodePositionByCharIndex(t.startOffset), l = h.findNodePositionByCharIndex(t.endOffset), _ = d;
-      if (!l || !p)
+      const { scene: c, mainComponent: d, engine: g } = e, h = e.with($).getSkeleton(), _ = h.findNodePositionByCharIndex(t.startOffset), l = h.findNodePositionByCharIndex(t.endOffset), p = d;
+      if (!l || !_)
         return;
-      const u = _.getOffsetConfig(), { docsLeft: f, docsTop: m } = u, R = g.getCanvasElement().getBoundingClientRect().top, I = new rn(u, h), { borderBoxPointGroup: b } = I.getRangePointData(p, l);
-      return Mo(b).map((N) => kt(N, c)).map((N) => ({
-        left: N.left + f,
-        right: N.right + f,
-        top: N.top + m + R,
-        bottom: N.bottom + m + R
+      const u = p.getOffsetConfig(), { docsLeft: f, docsTop: m } = u, S = g.getCanvasElement(), O = S.getBoundingClientRect(), T = jt(S.style.width), { top: C, left: N, width: k } = O, V = k / T, { scaleX: W, scaleY: Dt } = c.getAncestorScale(), qn = new $n(u, h), { borderBoxPointGroup: Qn } = qn.getRangePointData(_, l);
+      return ti(Qn).map((re) => rn(re, c)).map((re) => ({
+        left: (re.left + f * W) * V + N,
+        right: (re.right + f * W) * V + N,
+        top: (re.top + m * Dt) * V + C,
+        bottom: (re.bottom + m * Dt) * V + C
       }));
-    }, o = (a = n()) != null ? a : [], r = new xt(o), i = new St();
-    i.add(this._commandService.onCommandExecuted((c) => {
-      if (c.id === De.id) {
+    }, o = (a = n()) != null ? a : [], i = new Fe(o), r = new At();
+    r.add(this._commandService.onCommandExecuted((c) => {
+      if (c.id === he.id) {
         const d = n();
-        d && r.next(d);
+        d && i.next(d);
       }
     }));
-    const s = e.scene.getViewport(q.VIEW_MAIN);
-    return s && i.add(s.onScrollAfter$.subscribeEvent(() => {
+    const s = e.scene.getViewport(J.VIEW_MAIN);
+    return s && r.add(s.onScrollAfter$.subscribeEvent(() => {
       const c = n();
-      c && r.next(c);
+      c && i.next(c);
     })), {
       positions: o,
-      positions$: r,
-      disposable: i
+      positions$: i,
+      disposable: r
     };
   }
   /**
@@ -2492,17 +2669,17 @@ let lt = class extends Q {
    * @returns disposable
    */
   attachPopupToObject(t, e) {
-    const o = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC).getUnitId(), r = this._renderManagerService.getRenderById(o);
-    if (!r)
+    const o = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC).getUnitId(), i = this._renderManagerService.getRenderById(o);
+    if (!i)
       return {
         dispose: () => {
         }
       };
-    const { position: i, position$: s, disposable: a } = this._createObjectPositionObserver(t, r), c = this._globalPopupManagerService.addPopup({
+    const { position: r, position$: s, disposable: a } = this._createObjectPositionObserver(t, i), c = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: o,
       subUnitId: "default",
-      anchorRect: i,
+      anchorRect: r,
       anchorRect$: s
     });
     return {
@@ -2512,21 +2689,21 @@ let lt = class extends Q {
     };
   }
   attachPopupToRange(t, e) {
-    const o = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC).getUnitId(), { direction: r = "top" } = e, i = this._renderManagerService.getRenderById(o);
-    if (!i)
+    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(t, i), d = a.pipe(xo((h) => r === "top" ? h[0] : h[h.length - 1])), g = this._globalPopupManagerService.addPopup({
+    const { positions: s, positions$: a, disposable: c } = this._createRangePositionObserver(t, r), d = a.pipe(ii((h) => i === "top" ? h[0] : h[h.length - 1])), g = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: o,
       subUnitId: "default",
-      anchorRect: r === "top" ? s[0] : s[s.length - 1],
+      anchorRect: i === "top" ? s[0] : s[s.length - 1],
       anchorRect$: d,
       excludeRects: s,
       excludeRects$: a,
-      direction: r === "top" ? "top" : "bottom"
+      direction: i === "top" ? "top" : "bottom"
     });
     return {
       dispose: () => {
@@ -2535,23 +2712,23 @@ let lt = class extends Q {
     };
   }
 };
-lt = yi([
-  Te(0, E(Yn)),
-  Te(1, W),
-  Te(2, w),
-  Te(3, O)
-], lt);
-var xi = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, Di = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Pi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && xi(e, n, r), r;
-}, zt = (t, e) => (n, o) => e(n, o, t);
-let xe = class extends Se {
+pt = ys([
+  be(0, M(Uo)),
+  be(1, X),
+  be(2, L),
+  be(3, E)
+], pt);
+var Ps = Object.defineProperty, As = Object.getOwnPropertyDescriptor, Ns = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? As(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 && Ps(e, n, i), i;
+}, an = (t, e) => (n, o) => e(n, o, t);
+let Ae = class extends Te {
   constructor(t, e) {
     super(), this._instanceSrv = t, this._renderManagerService = e, this._init();
   }
   _init() {
-    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));
+    this._renderManagerService.createRender$.pipe(de(this.dispose$)).subscribe((t) => this._createRenderWithId(t)), this._instanceSrv.getTypeOfUnitAdded$(v.UNIVER_DOC).pipe(de(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(de(this.dispose$)).subscribe((t) => this._disposeRenderer(t));
   }
   _createRenderer(t) {
     const e = t.getUnitId();
@@ -2565,19 +2742,188 @@ let xe = class extends Se {
     this._renderManagerService.removeRender(e);
   }
 };
-xe = Di([
-  Be($e.Ready, xe),
-  zt(0, w),
-  zt(1, W)
-], xe);
-var Ai = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, Fi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ni(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Ai(e, n, r), r;
-}, qe = (t, e) => (n, o) => e(n, o, t), Ie;
-let Yt = (Ie = class extends Dn {
+Ae = Ns([
+  Ve(je.Ready, Ae),
+  an(0, L),
+  an(1, X)
+], Ae);
+var Fs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Ls = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Us(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 && Fs(e, n, i), i;
+}, nt = (t, e) => (n, o) => e(n, o, t);
+const ws = [
+  mn,
+  Sn,
+  vn,
+  fo
+];
+let ft = class extends z {
+  constructor(t, e, n, o) {
+    super(), this._context = t, this._contextMenuService = e, this._textSelectionManagerService = n, this._commandService = o, ws.includes(this._context.unitId) || (this._initPointerDown(), this._initEditChange());
+  }
+  _initPointerDown() {
+    var n, o;
+    const e = ((o = (n = this._context) == null ? void 0 : n.mainComponent) == null ? void 0 : o.onPointerDown$).subscribeEvent((i) => {
+      i.button === 2 && this._contextMenuService.triggerContextMenu(i, P.CONTEXT_MENU);
+    });
+    this.disposeWithMe(e);
+  }
+  _initEditChange() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        t.id === Ge.id && this._contextMenuService.visible && this._contextMenuService.hideContextMenu();
+      })
+    );
+  }
+};
+ft = Ls([
+  nt(1, Lo),
+  nt(2, M(Z)),
+  nt(3, E)
+], ft);
+var $s = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Hs = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Bs(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 && $s(e, n, i), i;
+}, cn = (t, e) => (n, o) => e(n, o, t);
+const Vs = [
+  mn,
+  Sn,
+  vn
+];
+let mt = class extends z {
+  constructor(t, e, n) {
+    super(), this._context = t, this._docPageLayoutService = e, this._textSelectionManagerService = n, Vs.includes(this._context.unitId) || this._initResize();
+  }
+  _initResize() {
+    this.disposeWithMe(
+      rt(this._context.engine.onTransformChange$).pipe(
+        ri((t) => t.type === ni.resize),
+        Bn(16)
+      ).subscribe(() => {
+        this._docPageLayoutService.calculatePagePosition(), this._textSelectionManagerService.refreshSelection();
+      })
+    );
+  }
+};
+mt = Hs([
+  cn(1, M(xt)),
+  cn(2, M(Z))
+], mt);
+var js = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, zs = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ws(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 && js(e, n, i), i;
+}, ln = (t, e) => (n, o) => e(n, o, t);
+let Le = class extends z {
+  constructor(e, n) {
+    super();
+    I(this, "_activeCustomRanges$", new Fe([]));
+    I(this, "activeCustomRanges$", this._activeCustomRanges$.asObservable());
+    I(this, "_activeIndex$", new Fe(null));
+    I(this, "activeIndex$", this._activeIndex$.asObservable());
+    I(this, "_scrolling", !1);
+    this._univerInstanceService = e, this._renderManagerService = n, this.disposeWithMe(() => {
+      this._activeCustomRanges$.complete(), this._activeIndex$.complete();
+    });
+  }
+  _getTransformCoordForDocumentOffset(e, n, o, i) {
+    const { documentTransform: r } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(Rt.FromArray([o, i]));
+    if (s)
+      return r.clone().invert().applyPoint(s);
+  }
+  _calcActiveCustomRanges(e, n) {
+    var p, u;
+    const o = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC);
+    if (!o) {
+      this._activeCustomRanges$.next([]);
+      return;
+    }
+    const i = this._renderManagerService.getRenderById(o.getUnitId());
+    if (!i)
+      return null;
+    const r = i.mainComponent, s = i.with($).getSkeleton(), { pageLayoutType: a = Oe.VERTICAL, pageMarginLeft: c, pageMarginTop: d, docsLeft: g, docsTop: h } = r.getOffsetConfig(), _ = this._getTransformCoordForDocumentOffset(
+      r,
+      i.scene.getViewport(J.VIEW_MAIN),
+      e,
+      n
+    );
+    if (!_)
+      return;
+    const l = s.findNodeByCoord(
+      _,
+      a,
+      c,
+      d
+    );
+    if (l && l.node) {
+      const f = l.node.left + c, m = l.node.left + l.node.width + c;
+      if (_.x < f || _.x > m) {
+        this._activeIndex$.next(null), this._activeCustomRanges$.next([]);
+        return;
+      }
+      const S = l.node.parent.st + l.node.parent.glyphGroup.indexOf(l.node);
+      S !== this._activeIndex$.value && this._activeIndex$.next(S);
+      const O = (u = (p = o.getCustomRanges()) == null ? void 0 : p.filter((C) => C.startIndex <= S && C.endIndex >= S)) != null ? u : [], T = this._activeCustomRanges$.value;
+      if (T.length === O.length && T.every((C, N) => C.rangeId === O[N].rangeId))
+        return;
+      this._activeCustomRanges$.next(O);
+    }
+  }
+  onMouseMove(e) {
+    if (this._scrolling)
+      return;
+    const { offsetX: n, offsetY: o } = e;
+    this._calcActiveCustomRanges(n, o);
+  }
+  startScroll() {
+    this._scrolling || (this._scrolling = !0);
+  }
+  endScroll() {
+    this._scrolling = !1;
+  }
+};
+Le = zs([
+  ln(0, L),
+  ln(1, X)
+], Le);
+var Gs = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, Ys = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? ks(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 && Gs(e, n, i), i;
+}, Xs = (t, e) => (n, o) => e(n, o, t);
+let St = class extends z {
+  constructor(t, e) {
+    super(), this._context = t, this._docHoverManagerService = e, this._initPointerDown(), this._initScroll();
+  }
+  _initPointerDown() {
+    this.disposeWithMe(
+      rt(this._context.scene.onPointerMove$).pipe(Bn(16)).subscribe((t) => {
+        this._docHoverManagerService.onMouseMove(t);
+      })
+    );
+  }
+  _initScroll() {
+    const t = this._context.scene.getViewport(J.VIEW_MAIN);
+    t && (this.disposeWithMe(rt(t.onScrollAfter$).pipe(si(60)).subscribe(() => {
+      this._docHoverManagerService.endScroll();
+    })), this.disposeWithMe(t.onScrollBefore$.subscribeEvent(() => {
+      this._docHoverManagerService.startScroll();
+    })));
+  }
+};
+St = Ys([
+  Xs(1, M(Le))
+], St);
+var Ks = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, Js = (t, e, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? Zs(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 && Ks(e, n, i), i;
+}, ot = (t, e) => (n, o) => e(n, o, t), xe;
+let dn = (xe = class extends mo {
   constructor(t, e, n, o) {
-    super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._logService = o, this._config = j.deepMerge({}, nr, this._config), this._initDependencies(e), this._initializeCommands();
+    super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._logService = o, this._config = K.deepMerge({}, Li, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onReady() {
     this._initRenderBasics();
@@ -2587,35 +2933,36 @@ let Yt = (Ie = class extends Dn {
   }
   _initializeCommands() {
     [
-      rr,
-      ir,
-      ar,
-      sr,
-      cr,
-      lr,
-      dr,
-      ur,
-      hr,
-      si,
-      ai,
-      ii
+      $i,
+      Bi,
+      Vi,
+      Hi,
+      ji,
+      Wi,
+      zi,
+      Gi,
+      ki,
+      us,
+      hs,
+      ds
     ].forEach((t) => {
-      this._injector.get(Xn).registerShortcut(t);
+      this._injector.get(On).registerShortcut(t);
     });
   }
   _initDependencies(t) {
     [
-      [me, { useFactory: () => this._injector.createInstance(me, this._config) }],
-      [Me],
+      [Re, { useFactory: () => this._injector.createInstance(Re, this._config) }],
       [ye],
-      [xe],
-      [fe, { useFactory: () => this._injector.createInstance(fe, this._config) }],
-      [Re, { useClass: nt }],
-      [lt]
+      [Pe],
+      [Ae],
+      [Ce, { useFactory: () => this._injector.createInstance(Ce, this._config) }],
+      [Ee, { useClass: ct }],
+      [pt],
+      [Le]
     ].forEach((n) => t.add(n));
   }
   _markDocAsFocused() {
-    const t = this._injector.get(w), e = this._injector.get(ee);
+    const t = this._injector.get(L), e = this._injector.get(oe);
     try {
       const n = t.getCurrentUnitForType(v.UNIVER_DOC);
       if (!n) return;
@@ -2626,34 +2973,38 @@ let Yt = (Ie = class extends Dn {
     }
   }
   _initUI() {
-    this._injector.get(fe);
+    this._injector.get(Ce);
   }
   _initRenderBasics() {
     [
-      [L],
-      [Ro],
-      [st],
-      [at]
+      [$],
+      [Xo],
+      [xt],
+      [ht],
+      [gt]
     ].forEach((t) => {
       this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, t);
     });
   }
   _initRenderModules() {
     [
-      [ot],
-      [ct],
-      [it]
+      [lt],
+      [_t],
+      [ut],
+      [mt],
+      [St],
+      [ft]
     ].forEach((t) => {
       this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, t);
     });
   }
-}, C(Ie, "pluginName", or), C(Ie, "type", v.UNIVER_DOC), Ie);
-Yt = Fi([
-  qe(1, E(Le)),
-  qe(2, W),
-  qe(3, Zt)
-], Yt);
-function ki(t) {
+}, I(xe, "pluginName", wi), I(xe, "type", v.UNIVER_DOC), xe);
+dn = Js([
+  ot(1, M(Be)),
+  ot(2, X),
+  ot(3, gn)
+], dn);
+function la(t) {
   return {
     left: t.positionH.posOffset,
     top: t.positionV.posOffset,
@@ -2661,41 +3012,42 @@ function ki(t) {
     height: t.size.height
   };
 }
-function Gi(t, e = 0, n = 0) {
+function da(t, e = 0, n = 0) {
   return {
     size: {
       width: t.width,
       height: t.height
     },
     positionH: {
-      relativeFrom: An.MARGIN,
+      relativeFrom: So.MARGIN,
       posOffset: (t.left || 0) - e
     },
     positionV: {
-      relativeFrom: Nn.PAGE,
+      relativeFrom: vo.PAGE,
       posOffset: (t.top || 0) - n
     },
     angle: t.angle || 0
   };
 }
 export {
-  or as DOC_UI_PLUGIN_NAME,
-  tr as DefaultDocContainerConfig,
-  nr as DefaultDocUiConfig,
-  er as DefaultToolbarConfig,
-  ot as DocBackScrollRenderController,
-  lt as DocCanvasPopManagerService,
-  ci as DocCopyCommand,
-  li as DocCutCommand,
-  di as DocPasteCommand,
-  st as DocRenderController,
-  xe as DocsRenderService,
-  Re as IDocClipboardService,
-  jo as PastePluginLark,
-  zo as PastePluginUniver,
-  ko as PastePluginWord,
-  Yt as UniverDocsUIPlugin,
-  ki as docDrawingPositionToTransform,
-  Gi as transformToDocDrawingPosition,
-  k as whenDocAndEditorFocused
+  wi as DOC_UI_PLUGIN_NAME,
+  Ui as DefaultDocContainerConfig,
+  Li as DefaultDocUiConfig,
+  Fi as DefaultToolbarConfig,
+  lt as DocBackScrollRenderController,
+  pt as DocCanvasPopManagerService,
+  Kn as DocCopyCommand,
+  Zn as DocCutCommand,
+  Le as DocHoverManagerService,
+  Jn as DocPasteCommand,
+  ht as DocRenderController,
+  Ae as DocsRenderService,
+  Ee as IDocClipboardService,
+  Oi as PastePluginLark,
+  Mi as PastePluginUniver,
+  Ei as PastePluginWord,
+  dn as UniverDocsUIPlugin,
+  la as docDrawingPositionToTransform,
+  da as transformToDocDrawingPosition,
+  A as whenDocAndEditorFocused
 };