@univerjs/docs-ui 0.1.3 → 0.1.4

package/lib/es/index.js

@@ -1,16 +1,16 @@
-var Ut = Object.defineProperty;
-var Lt = (r, e, t) => e in r ? Ut(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var S = (r, e, t) => (Lt(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { FOCUSING_DOC as ye, FOCUSING_UNIVER_EDITOR as Ve, FOCUSING_UNIVER_EDITOR_SINGLE_MODE as Nt, Direction as j, EDITOR_ACTIVATED as St, LocaleService as ke, RxDisposable as ce, ICommandService as O, BooleanNumber as m, UniverInstanceType as T, BaselineOffset as J, ThemeService as $t, IUniverInstanceService as M, OnLifecycle as P, LifecycleStages as U, Disposable as Y, Tools as He, LRUMap as At, ColorKit as Je, ILogService as mt, toDisposable as N, CommandType as Ye, IContextService as wt, checkForSubstrings as Ft, IConfigService as Bt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as jt, IFloatingObjectManagerService as Wt, Plugin as zt, PluginType as Vt } from "@univerjs/core";
-import { Inject as v, Injector as Ee, Optional as kt, createIdentifier as Ht } from "@wendellhu/redi";
-import { KeyCode as I, MetaKeys as ae, ILayoutService as vt, MenuGroup as y, MenuItemType as E, MenuPosition as D, getMenuHiddenObservable as x, FONT_FAMILY_LIST as Qe, FONT_SIZE_LIST as Yt, ComponentManager as Xt, FontFamily as Gt, FontFamilyItem as Zt, FontSize as qt, IEditorService as $, IMenuService as Kt, IUIController as Jt, IClipboardInterfaceService as Xe, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Qt, HTML_CLIPBOARD_MIME_TYPE as en, CopyCommand as tn, CutCommand as nn, PasteCommand as rn, SetEditorResizeOperation as on, IShortcutService as sn } from "@univerjs/ui";
-import { MoveCursorOperation as De, MoveSelectionOperation as xe, SelectAllOperation as cn, SetInlineFormatBoldCommand as an, SetTextSelectionsOperation as W, SetInlineFormatCommand as ee, SetInlineFormatItalicCommand as ln, SetInlineFormatUnderlineCommand as dn, SetInlineFormatStrikethroughCommand as un, SetInlineFormatSubscriptCommand as hn, SetInlineFormatSuperscriptCommand as _n, SetInlineFormatFontFamilyCommand as et, SetInlineFormatFontSizeCommand as tt, SetInlineFormatTextColorCommand as nt, OrderListCommand as gn, BulletListCommand as pn, TextSelectionManagerService as le, BreakLineCommand as fn, DeleteLeftCommand as Sn, DeleteRightCommand as mn, CutContentCommand as Ct, InnerPasteCommand as Ot, DocSkeletonManagerService as te, VIEWPORT_KEY as Pe, CoverContentCommand as vn, RichTextEditingMutation as Ge, DOCS_COMPONENT_MAIN_LAYER_INDEX as rt, DOCS_COMPONENT_HEADER_LAYER_INDEX as Cn, DOCS_VIEW_KEY as it, DOCS_COMPONENT_DEFAULT_Z_INDEX as On, SetDocZoomRatioOperation as Ze, SetDocZoomRatioCommand as Rn, getDocObject as Rt, getDocObjectById as bn } from "@univerjs/docs";
-import { ITextSelectionRenderManager as de, pixelToPt as Tn, ptToPixel as ot, ScrollBar as je, IRenderManagerService as z, PageLayoutType as st, Viewport as In, EVENT_TYPE as Mn, Layer as ct, Documents as yn, Liquid as En, Rect as Dn, CURSOR_TYPE as at, NodePositionConvertToCursor as xn, getAnchorBounding as Pn } from "@univerjs/engine-render";
+var Nt = Object.defineProperty;
+var $t = (r, e, t) => e in r ? Nt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var S = (r, e, t) => ($t(r, typeof e != "symbol" ? e + "" : e, t), t);
+import { FOCUSING_DOC as Ee, FOCUSING_UNIVER_EDITOR as Xe, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as wt, Direction as W, EDITOR_ACTIVATED as Ct, LocaleService as Ge, RxDisposable as ce, ICommandService as m, BooleanNumber as v, UniverInstanceType as R, BaselineOffset as J, ThemeService as Bt, HorizontalAlign as xe, IUniverInstanceService as D, Disposable as Y, OnLifecycle as L, LifecycleStages as A, Tools as Ze, LRUMap as Ft, ColorKit as nt, toDisposable as w, ILogService as Ot, CommandType as qe, IContextService as jt, checkForSubstrings as Wt, IConfigService as zt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Vt, IFloatingObjectManagerService as kt, Plugin as Ht, PluginType as Yt } from "@univerjs/core";
+import { Inject as C, Injector as De, Optional as Xt, createIdentifier as Gt } from "@wendellhu/redi";
+import { KeyCode as P, MetaKeys as le, ILayoutService as Rt, MenuGroup as T, MenuItemType as b, MenuPosition as I, getMenuHiddenObservable as M, FONT_FAMILY_LIST as rt, FONT_SIZE_LIST as Zt, FontFamily as qt, FontFamilyItem as Kt, FontSize as Jt, DesktopUIPart as Qt, ComponentManager as en, IEditorService as N, IMenuService as tn, IUIController as nn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as rn, HTML_CLIPBOARD_MIME_TYPE as on, IClipboardInterfaceService as Ke, CopyCommand as sn, CutCommand as an, PasteCommand as cn, SetEditorResizeOperation as ln, IShortcutService as dn } from "@univerjs/ui";
+import { MoveCursorOperation as Pe, MoveSelectionOperation as Ue, SelectAllOperation as un, SetInlineFormatBoldCommand as hn, SetTextSelectionsOperation as U, SetInlineFormatCommand as ee, SetInlineFormatItalicCommand as gn, SetInlineFormatUnderlineCommand as _n, SetInlineFormatStrikethroughCommand as pn, SetInlineFormatSubscriptCommand as fn, SetInlineFormatSuperscriptCommand as Sn, SetInlineFormatFontFamilyCommand as it, SetInlineFormatFontSizeCommand as ot, SetInlineFormatTextColorCommand as st, AlignLeftCommand as mn, AlignOperationCommand as Le, AlignCenterCommand as vn, AlignRightCommand as Cn, AlignJustifyCommand as On, OrderListCommand as Rn, BulletListCommand as Tn, TextSelectionManagerService as te, BreakLineCommand as bn, DeleteLeftCommand as In, DeleteRightCommand as Mn, CutContentCommand as Tt, InnerPasteCommand as bt, VIEWPORT_KEY as Ae, CoverContentCommand as yn, RichTextEditingMutation as Je, DocSkeletonManagerService as ne, DOCS_COMPONENT_MAIN_LAYER_INDEX as Fe, DOCS_COMPONENT_HEADER_LAYER_INDEX as En, DOCS_VIEW_KEY as at, DOCS_COMPONENT_DEFAULT_Z_INDEX as xn, SetDocZoomRatioOperation as Qe, SetDocZoomRatioCommand as Dn, getDocObject as It, getDocObjectById as Pn } from "@univerjs/docs";
 import { connectInjector as Un } from "@wendellhu/redi/react-bindings";
-import { ColorPicker as Ln } from "@univerjs/design";
-import Nn from "react";
-import { Observable as A, takeUntil as se, fromEvent as lt, BehaviorSubject as $n } from "rxjs";
-const An = {
+import { ITextSelectionRenderManager as de, pixelToPt as Ln, ptToPixel as ct, ScrollBar as ke, IRenderManagerService as z, PageLayoutType as lt, Viewport as An, EVENT_TYPE as Nn, Layer as dt, Documents as $n, Liquid as wn, Rect as Bn, CURSOR_TYPE as ut, NodePositionConvertToCursor as Fn, getAnchorBounding as jn } from "@univerjs/engine-render";
+import Wn from "react";
+import { Observable as E, takeUntil as ae, fromEvent as ht, BehaviorSubject as zn } from "rxjs";
+import { ColorPicker as Vn } from "@univerjs/design";
+const kn = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -38,7 +38,7 @@ const An = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, wn = {
+}, Hn = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -51,85 +51,85 @@ const An = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Fn = {
+}, Yn = {
   layout: {
-    docContainerConfig: wn,
-    toolbarConfig: An
+    docContainerConfig: Hn,
+    toolbarConfig: kn
   }
-}, Bn = "DocUI";
-function L(r) {
-  return r.getContextValue(ye) && r.getContextValue(Ve);
+}, Xn = "DocUI";
+function $(r) {
+  return r.getContextValue(Ee) && r.getContextValue(Xe);
 }
-function jn(r) {
-  return r.getContextValue(ye) && r.getContextValue(Ve) && !r.getContextValue(Nt);
+function Gn(r) {
+  return r.getContextValue(Ee) && r.getContextValue(Xe) && !r.getContextValue(wt);
 }
-const Wn = {
-  id: De.id,
-  binding: I.ARROW_UP,
-  preconditions: L,
+const Zn = {
+  id: Pe.id,
+  binding: P.ARROW_UP,
+  preconditions: $,
   staticParameters: {
-    direction: j.UP
+    direction: W.UP
   }
-}, zn = {
-  id: De.id,
-  binding: I.ARROW_DOWN,
-  preconditions: L,
+}, qn = {
+  id: Pe.id,
+  binding: P.ARROW_DOWN,
+  preconditions: $,
   staticParameters: {
-    direction: j.DOWN
+    direction: W.DOWN
   }
-}, Vn = {
-  id: De.id,
-  binding: I.ARROW_LEFT,
-  preconditions: L,
+}, Kn = {
+  id: Pe.id,
+  binding: P.ARROW_LEFT,
+  preconditions: $,
   staticParameters: {
-    direction: j.LEFT
+    direction: W.LEFT
   }
-}, kn = {
-  id: De.id,
-  binding: I.ARROW_RIGHT,
-  preconditions: L,
+}, Jn = {
+  id: Pe.id,
+  binding: P.ARROW_RIGHT,
+  preconditions: $,
   staticParameters: {
-    direction: j.RIGHT
+    direction: W.RIGHT
   }
-}, Hn = {
-  id: xe.id,
-  binding: I.ARROW_UP | ae.SHIFT,
-  preconditions: L,
+}, Qn = {
+  id: Ue.id,
+  binding: P.ARROW_UP | le.SHIFT,
+  preconditions: $,
   staticParameters: {
-    direction: j.UP
+    direction: W.UP
   }
-}, Yn = {
-  id: xe.id,
-  binding: I.ARROW_DOWN | ae.SHIFT,
-  preconditions: L,
+}, er = {
+  id: Ue.id,
+  binding: P.ARROW_DOWN | le.SHIFT,
+  preconditions: $,
   staticParameters: {
-    direction: j.DOWN
+    direction: W.DOWN
   }
-}, Xn = {
-  id: xe.id,
-  binding: I.ARROW_LEFT | ae.SHIFT,
-  preconditions: L,
+}, tr = {
+  id: Ue.id,
+  binding: P.ARROW_LEFT | le.SHIFT,
+  preconditions: $,
   staticParameters: {
-    direction: j.LEFT
+    direction: W.LEFT
   }
-}, Gn = {
-  id: xe.id,
-  binding: I.ARROW_RIGHT | ae.SHIFT,
-  preconditions: L,
+}, nr = {
+  id: Ue.id,
+  binding: P.ARROW_RIGHT | le.SHIFT,
+  preconditions: $,
   staticParameters: {
-    direction: j.RIGHT
+    direction: W.RIGHT
   }
-}, Zn = {
-  id: cn.id,
-  binding: I.A | ae.CTRL_COMMAND,
-  preconditions: (r) => r.getContextValue(Ve) && (r.getContextValue(ye) || r.getContextValue(St))
+}, rr = {
+  id: un.id,
+  binding: P.A | le.CTRL_COMMAND,
+  preconditions: (r) => r.getContextValue(Xe) && (r.getContextValue(Ee) || r.getContextValue(Ct))
 };
-var qn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Jn = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Kn(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var ir = Object.defineProperty, or = Object.getOwnPropertyDescriptor, sr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? or(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && qn(e, t, i), i;
-}, dt = (r, e) => (t, n) => e(t, n, r);
-let We = class {
+  return n && i && ir(e, t, i), i;
+}, gt = (r, e) => (t, n) => e(t, n, r);
+let He = class {
   constructor(r, e, t) {
     S(this, "_docContainer");
     // 获取SheetContainer组件
@@ -168,16 +168,16 @@ let We = class {
     return this._docContainer;
   }
 };
-We = Jn([
-  dt(1, v(ke)),
-  dt(2, v(Ee))
-], We);
-var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? er(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+He = sr([
+  gt(1, C(Ge)),
+  gt(2, C(De))
+], He);
+var ar = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, lr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? cr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && Qn(e, t, i), i;
-}, ge = (r, e) => (t, n) => e(t, n, r);
-let oe = class extends ce {
+  return n && i && ar(e, t, i), i;
+}, _e = (r, e) => (t, n) => e(t, n, r);
+let se = class extends ce {
   constructor(e, t, n, i, s) {
     super();
     S(this, "_docContainerController");
@@ -191,7 +191,7 @@ let oe = class extends ce {
     S(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = n, this._textSelectionRenderManager = i, this._layoutService = s, this._docContainerController = this._injector.createInstance(We, e), this._registerContainer();
+    this._localeService = t, this._injector = n, this._textSelectionRenderManager = i, this._layoutService = s, this._docContainerController = this._injector.createInstance(He, e), this._registerContainer();
   }
   _registerContainer() {
     this._layoutService && this.disposeWithMe(
@@ -203,14 +203,14 @@ let oe = class extends ce {
     return this._docContainerController;
   }
 };
-oe = tr([
-  ge(1, v(ke)),
-  ge(2, v(Ee)),
-  ge(3, de),
-  ge(4, kt(vt))
-], oe);
-const Ue = "UI_PLUGIN_DOCS", bt = `${Ue}_COLOR_PICKER_COMPONENT`, Tt = `${Ue}_FONT_FAMILY_COMPONENT`, It = `${Ue}_FONT_FAMILY_ITEM_COMPONENT`, Mt = `${Ue}_FONT_SIZE_COMPONENT`;
-var yt = { exports: {} }, Le = {};
+se = lr([
+  _e(1, C(Ge)),
+  _e(2, C(De)),
+  _e(3, de),
+  _e(4, Xt(Rt))
+], se);
+const Ne = "UI_PLUGIN_DOCS", Mt = `${Ne}_COLOR_PICKER_COMPONENT`, yt = `${Ne}_FONT_FAMILY_COMPONENT`, Et = `${Ne}_FONT_FAMILY_ITEM_COMPONENT`, xt = `${Ne}_FONT_SIZE_COMPONENT`;
+var Dt = { exports: {} }, $e = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -220,343 +220,469 @@ var yt = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nr = Nn, rr = Symbol.for("react.element"), ir = Symbol.for("react.fragment"), or = Object.prototype.hasOwnProperty, sr = nr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, cr = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Et(r, e, t) {
+var dr = Wn, ur = Symbol.for("react.element"), hr = Symbol.for("react.fragment"), gr = Object.prototype.hasOwnProperty, _r = dr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, pr = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Pt(r, e, t) {
   var n, i = {}, s = null, o = null;
   t !== void 0 && (s = "" + t), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
   for (n in e)
-    or.call(e, n) && !cr.hasOwnProperty(n) && (i[n] = e[n]);
+    gr.call(e, n) && !pr.hasOwnProperty(n) && (i[n] = e[n]);
   if (r && r.defaultProps)
     for (n in e = r.defaultProps, e)
       i[n] === void 0 && (i[n] = e[n]);
-  return { $$typeof: rr, type: r, key: s, ref: o, props: i, _owner: sr.current };
+  return { $$typeof: ur, type: r, key: s, ref: o, props: i, _owner: _r.current };
 }
-Le.Fragment = ir;
-Le.jsx = Et;
-Le.jsxs = Et;
-yt.exports = Le;
-var ar = yt.exports;
-const lr = "univer-docs-ui-canvas-background", dr = {
-  docsUiCanvasBackground: lr
-}, ur = () => /* @__PURE__ */ ar.jsx("div", { className: dr.docsUiCanvasBackground });
-function hr(r) {
-  const e = r.get(O);
+$e.Fragment = hr;
+$e.jsx = Pt;
+$e.jsxs = Pt;
+Dt.exports = $e;
+var fr = Dt.exports;
+const Sr = "univer-docs-ui-canvas-background", mr = {
+  docsUiCanvasBackground: Sr
+}, vr = () => /* @__PURE__ */ fr.jsx("div", { className: mr.docsUiCanvasBackground });
+function Cr(r) {
+  const e = r.get(m);
   return {
-    id: an.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON,
+    id: hn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [D.TOOLBAR_START],
-    activated$: new A((t) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
       const n = e.onCommandExecuted((i) => {
         var o;
         const s = i.id;
-        if (s === W.id || s === ee.id) {
-          const c = V(r);
-          if (c == null)
+        if (s === U.id || s === ee.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const a = (o = c.ts) == null ? void 0 : o.bl;
-          t.next(a === m.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.bl;
+          t.next(c === v.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function _r(r) {
-  const e = r.get(O);
+function Or(r) {
+  const e = r.get(m);
   return {
-    id: ln.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON,
+    id: gn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [D.TOOLBAR_START],
-    activated$: new A((t) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
       const n = e.onCommandExecuted((i) => {
         var o;
         const s = i.id;
-        if (s === W.id || s === ee.id) {
-          const c = V(r);
-          if (c == null)
+        if (s === U.id || s === ee.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const a = (o = c.ts) == null ? void 0 : o.it;
-          t.next(a === m.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.it;
+          t.next(c === v.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function gr(r) {
-  const e = r.get(O);
+function Rr(r) {
+  const e = r.get(m);
   return {
-    id: dn.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON,
+    id: _n.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [D.TOOLBAR_START],
-    activated$: new A((t) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
       const n = e.onCommandExecuted((i) => {
         var o;
         const s = i.id;
-        if (s === W.id || s === ee.id) {
-          const c = V(r);
-          if (c == null)
+        if (s === U.id || s === ee.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const a = (o = c.ts) == null ? void 0 : o.ul;
-          t.next((a == null ? void 0 : a.s) === m.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.ul;
+          t.next((c == null ? void 0 : c.s) === v.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function pr(r) {
-  const e = r.get(O);
+function Tr(r) {
+  const e = r.get(m);
   return {
-    id: un.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON,
+    id: pn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [D.TOOLBAR_START],
-    activated$: new A((t) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
       const n = e.onCommandExecuted((i) => {
         var o;
         const s = i.id;
-        if (s === W.id || s === ee.id) {
-          const c = V(r);
-          if (c == null)
+        if (s === U.id || s === ee.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const a = (o = c.ts) == null ? void 0 : o.st;
-          t.next((a == null ? void 0 : a.s) === m.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.st;
+          t.next((c == null ? void 0 : c.s) === v.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function fr(r) {
-  const e = r.get(O);
+function br(r) {
+  const e = r.get(m);
   return {
-    id: hn.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON,
+    id: fn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    positions: [D.TOOLBAR_START],
-    activated$: new A((t) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
       const n = e.onCommandExecuted((i) => {
         var o;
         const s = i.id;
-        if (s === W.id || s === ee.id) {
-          const c = V(r);
-          if (c == null)
+        if (s === U.id || s === ee.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const a = (o = c.ts) == null ? void 0 : o.va;
-          t.next(a === J.SUBSCRIPT);
+          const c = (o = a.ts) == null ? void 0 : o.va;
+          t.next(c === J.SUBSCRIPT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function Sr(r) {
-  const e = r.get(O);
+function Ir(r) {
+  const e = r.get(m);
   return {
-    id: _n.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON,
+    id: Sn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    positions: [D.TOOLBAR_START],
-    activated$: new A((t) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
       const n = e.onCommandExecuted((i) => {
         var o;
         const s = i.id;
-        if (s === W.id || s === ee.id) {
-          const c = V(r);
-          if (c == null)
+        if (s === U.id || s === ee.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const a = (o = c.ts) == null ? void 0 : o.va;
-          t.next(a === J.SUPERSCRIPT);
+          const c = (o = a.ts) == null ? void 0 : o.va;
+          t.next(c === J.SUPERSCRIPT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function mr(r) {
-  const e = r.get(O);
+function Mr(r) {
+  const e = r.get(m);
   return {
-    id: et.id,
+    id: it.id,
     tooltip: "toolbar.font",
-    group: y.TOOLBAR_FORMAT,
-    type: E.SELECTOR,
-    label: Tt,
-    positions: [D.TOOLBAR_START],
-    selections: Qe.map((t) => ({
+    group: T.TOOLBAR_FORMAT,
+    type: b.SELECTOR,
+    label: yt,
+    positions: [I.TOOLBAR_START],
+    selections: rt.map((t) => ({
       label: {
-        name: It,
+        name: Et,
         hoverable: !0
       },
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new A((t) => {
-      const n = Qe[0].value, i = e.onCommandExecuted((s) => {
-        var c;
+    value$: new E((t) => {
+      const n = rt[0].value, i = e.onCommandExecuted((s) => {
+        var a;
         const o = s.id;
-        if (o === W.id || o === et.id) {
-          const a = V(r);
-          if (a == null)
+        if (o === U.id || o === it.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const d = (c = a.ts) == null ? void 0 : c.ff;
+          const d = (a = c.ts) == null ? void 0 : a.ff;
           t.next(d != null ? d : n);
         }
       });
       return t.next(n), i.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function vr(r) {
-  const e = r.get(O);
+function yr(r) {
+  const e = r.get(m);
   return {
-    id: tt.id,
-    group: y.TOOLBAR_FORMAT,
-    type: E.SELECTOR,
+    id: ot.id,
+    group: T.TOOLBAR_FORMAT,
+    type: b.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: Mt,
+      name: xt,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [D.TOOLBAR_START],
-    selections: Yt,
+    positions: [I.TOOLBAR_START],
+    selections: Zt,
     // disabled$,
-    value$: new A((t) => {
+    value$: new E((t) => {
       const i = e.onCommandExecuted((s) => {
-        var c;
+        var a;
         const o = s.id;
-        if (o === W.id || o === tt.id) {
-          const a = V(r);
-          if (a == null)
+        if (o === U.id || o === ot.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const d = (c = a.ts) == null ? void 0 : c.fs;
+          const d = (a = c.ts) == null ? void 0 : a.fs;
           t.next(d != null ? d : 14);
         }
       });
       return t.next(14), i.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
   };
 }
-function Cr(r) {
-  const e = r.get(O), t = r.get($t);
+function Er(r) {
+  const e = r.get(m), t = r.get(Bt);
   return {
-    id: nt.id,
+    id: st.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: y.TOOLBAR_FORMAT,
-    type: E.BUTTON_SELECTOR,
-    positions: [D.TOOLBAR_START],
+    group: T.TOOLBAR_FORMAT,
+    type: b.BUTTON_SELECTOR,
+    positions: [I.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: bt,
+          name: Mt,
           hoverable: !1
         }
       }
     ],
-    value$: new A((n) => {
+    value$: new E((n) => {
       const i = t.getCurrentTheme().textColor, s = e.onCommandExecuted((o) => {
-        if (o.id === nt.id) {
-          const c = o.params.value;
-          n.next(c != null ? c : i);
+        if (o.id === st.id) {
+          const a = o.params.value;
+          n.next(a != null ? a : i);
         }
       });
       return n.next(i), s.dispose;
     }),
-    hidden$: x(r, T.DOC)
+    hidden$: M(r, R.DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function Or(r) {
+function xr(r) {
+  const e = r.get(m);
   return {
-    id: gn.id,
-    group: y.TOOLBAR_LAYOUT,
-    type: E.BUTTON,
+    id: mn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: b.BUTTON,
+    icon: "LeftJustifyingSingle",
+    tooltip: "toolbar.alignLeft",
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
+      const n = e.onCommandExecuted((i) => {
+        var o;
+        const s = i.id;
+        if (s === U.id || s === Le.id) {
+          const a = we(r);
+          if (a == null)
+            return;
+          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
+          t.next(c === xe.LEFT);
+        }
+      });
+      return t.next(!1), n.dispose;
+    }),
+    hidden$: M(r, R.DOC)
+  };
+}
+function Dr(r) {
+  const e = r.get(m);
+  return {
+    id: vn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: b.BUTTON,
+    icon: "HorizontallySingle",
+    tooltip: "toolbar.alignCenter",
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
+      const n = e.onCommandExecuted((i) => {
+        var o;
+        const s = i.id;
+        if (s === U.id || s === Le.id) {
+          const a = we(r);
+          if (a == null)
+            return;
+          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
+          t.next(c === xe.CENTER);
+        }
+      });
+      return t.next(!1), n.dispose;
+    }),
+    hidden$: M(r, R.DOC)
+  };
+}
+function Pr(r) {
+  const e = r.get(m);
+  return {
+    id: Cn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: b.BUTTON,
+    icon: "RightJustifyingSingle",
+    tooltip: "toolbar.alignRight",
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
+      const n = e.onCommandExecuted((i) => {
+        var o;
+        const s = i.id;
+        if (s === U.id || s === Le.id) {
+          const a = we(r);
+          if (a == null)
+            return;
+          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
+          t.next(c === xe.RIGHT);
+        }
+      });
+      return t.next(!1), n.dispose;
+    }),
+    hidden$: M(r, R.DOC)
+  };
+}
+function Ur(r) {
+  const e = r.get(m);
+  return {
+    id: On.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: b.BUTTON,
+    icon: "AlignTextBothSingle",
+    tooltip: "toolbar.alignJustify",
+    positions: [I.TOOLBAR_START],
+    activated$: new E((t) => {
+      const n = e.onCommandExecuted((i) => {
+        var o;
+        const s = i.id;
+        if (s === U.id || s === Le.id) {
+          const a = we(r);
+          if (a == null)
+            return;
+          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
+          t.next(c === xe.JUSTIFIED);
+        }
+      });
+      return t.next(!1), n.dispose;
+    }),
+    hidden$: M(r, R.DOC)
+  };
+}
+function Lr(r) {
+  return {
+    id: Rn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: b.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [D.TOOLBAR_START],
-    hidden$: x(r, T.DOC)
+    positions: [I.TOOLBAR_START],
+    hidden$: M(r, R.DOC)
   };
 }
-function Rr(r) {
+function Ar(r) {
   return {
-    id: pn.id,
-    group: y.TOOLBAR_LAYOUT,
-    type: E.BUTTON,
+    id: Tn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: b.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [D.TOOLBAR_START],
-    hidden$: x(r, T.DOC)
+    positions: [I.TOOLBAR_START],
+    hidden$: M(r, R.DOC)
   };
 }
 function V(r) {
-  var a;
-  const e = r.get(M), t = r.get(le), n = e.getCurrentUniverDocInstance(), i = t.getActiveRange();
+  var c;
+  const e = r.get(D), t = r.get(te), n = e.getCurrentUniverDocInstance(), i = t.getActiveRange();
   if (n == null || i == null)
     return;
-  const s = (a = n.getBody()) == null ? void 0 : a.textRuns;
+  const s = (c = n.getBody()) == null ? void 0 : c.textRuns;
   if (s == null)
     return;
   const { startOffset: o } = i;
   return s.find(({ st: d, ed: u }) => o >= d && o < u);
 }
-var br = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Ir = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Tr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+function we(r) {
+  var c;
+  const e = r.get(D), t = r.get(te), n = e.getCurrentUniverDocInstance(), i = t.getActiveRange();
+  if (n == null || i == null)
+    return;
+  const s = (c = n.getBody()) == null ? void 0 : c.paragraphs;
+  if (s == null)
+    return;
+  const { startOffset: o } = i;
+  let a = -1;
+  for (const d of s) {
+    const { startIndex: u } = d;
+    if (o > a && o <= u)
+      return d;
+    a = u;
+  }
+  return null;
+}
+var Nr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, wr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? $r(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && br(e, t, i), i;
+  return n && i && Nr(e, t, i), i;
 }, k = (r, e) => (t, n) => e(t, n, r);
-let fe = class extends Y {
+let Se = class extends Y {
   constructor(r, e, t, n, i, s, o) {
     super(), this._injector = r, this._componentManager = e, this._layoutService = t, this._editorService = n, this._menuService = i, this._uiController = s, this._currentUniverService = o, this._init();
   }
   _initCustomComponents() {
     const r = this._componentManager;
-    this.disposeWithMe(r.register(bt, Ln)), this.disposeWithMe(r.register(Tt, Gt)), this.disposeWithMe(r.register(It, Zt)), this.disposeWithMe(r.register(Mt, qt));
+    this.disposeWithMe(r.register(Mt, Vn)), this.disposeWithMe(r.register(yt, qt)), this.disposeWithMe(r.register(Et, Kt)), this.disposeWithMe(r.register(xt, Jt));
   }
   _initMenus() {
     [
-      hr,
-      _r,
-      gr,
-      pr,
-      fr,
-      Sr,
-      vr,
-      mr,
       Cr,
       Or,
-      Rr
+      Rr,
+      Tr,
+      br,
+      Ir,
+      yr,
+      Mr,
+      Er,
+      xr,
+      Dr,
+      Pr,
+      Ur,
+      Lr,
+      Ar
     ].forEach((r) => {
       this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(r)));
     });
@@ -569,28 +695,28 @@ let fe = class extends Y {
     if (r == null)
       return;
     this._editorService.isEditor(r) || this.disposeWithMe(
-      this._uiController.registerContentComponent(() => Un(ur, this._injector))
+      this._uiController.registerComponent(Qt.CONTENT, () => Un(vr, this._injector))
     );
   }
   _initFocusHandler() {
     this.disposeWithMe(
-      this._layoutService.registerFocusHandler(T.DOC, () => {
+      this._layoutService.registerFocusHandler(R.DOC, () => {
         this._injector.get(de).focus();
       })
     );
   }
 };
-fe = Ir([
-  P(U.Rendered, fe),
-  k(0, v(Ee)),
-  k(1, v(Xt)),
-  k(2, vt),
-  k(3, $),
-  k(4, Kt),
-  k(5, Jt),
-  k(6, M)
-], fe);
-const $i = {
+Se = wr([
+  L(A.Rendered, Se),
+  k(0, C(De)),
+  k(1, C(en)),
+  k(2, Rt),
+  k(3, N),
+  k(4, tn),
+  k(5, nn),
+  k(6, D)
+], Se);
+const Br = {
   toolbar: {
     undo: "Undo",
     redo: "Redo",
@@ -608,9 +734,13 @@ const $i = {
     },
     resetColor: "Reset",
     order: "Ordered list",
-    unorder: "Unordered list"
+    unorder: "Unordered list",
+    alignLeft: "Align Left",
+    alignCenter: "Align Center",
+    alignRight: "Align Right",
+    alignJustify: "Justify"
   }
-}, Mr = {
+}, Ji = Br, Fr = {
   toolbar: {
     undo: "撤销",
     redo: "重做",
@@ -628,31 +758,35 @@ const $i = {
     },
     resetColor: "重置颜色",
     order: "有序列表",
-    unorder: "无序列表"
-  }
-}, yr = {
-  id: fn.id,
-  preconditions: jn,
-  binding: I.ENTER
-}, Er = {
-  id: Sn.id,
-  preconditions: L,
-  binding: I.BACKSPACE
-}, Dr = {
-  id: mn.id,
-  preconditions: L,
-  binding: I.DELETE
-}, xr = 10, Pr = 6;
-function Ur() {
-  return He.generateRandomId(Pr);
+    unorder: "无序列表",
+    alignLeft: "左对齐",
+    alignCenter: "居中对齐",
+    alignRight: "右对齐",
+    alignJustify: "两端对齐"
+  }
+}, jr = Fr, Wr = {
+  id: bn.id,
+  preconditions: Gn,
+  binding: P.ENTER
+}, zr = {
+  id: In.id,
+  preconditions: $,
+  binding: P.BACKSPACE
+}, Vr = {
+  id: Mn.id,
+  preconditions: $,
+  binding: P.DELETE
+}, kr = 10, Hr = 6;
+function Yr() {
+  return Ze.generateRandomId(Hr);
 }
-function Lr(r) {
+function Xr(r) {
   const e = r.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class Nr {
+class Gr {
   constructor() {
-    S(this, "_cache", new At(xr));
+    S(this, "_cache", new Ft(kr));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -664,30 +798,30 @@ class Nr {
     this._cache.clear();
   }
 }
-const ut = new Nr();
-function qe(r) {
+const _t = new Gr();
+function et(r) {
   const e = r.style, t = {}, n = r.tagName.toLowerCase();
   switch (n) {
     case "b":
     case "em":
     case "strong": {
-      t.bl = m.TRUE;
+      t.bl = v.TRUE;
       break;
     }
     case "s": {
       t.st = {
-        s: m.TRUE
+        s: v.TRUE
       };
       break;
     }
     case "u": {
       t.ul = {
-        s: m.TRUE
+        s: v.TRUE
       };
       break;
     }
     case "i": {
-      t.it = m.TRUE;
+      t.it = v.TRUE;
       break;
     }
     case "sub":
@@ -704,39 +838,39 @@ function qe(r) {
         break;
       }
       case "font-size": {
-        const c = Number.parseInt(o);
-        Number.isNaN(c) || (o.endsWith("pt") ? t.fs = c : o.endsWith("px") && (t.fs = Tn(c)));
+        const a = Number.parseInt(o);
+        Number.isNaN(a) || (o.endsWith("pt") ? t.fs = a : o.endsWith("px") && (t.fs = Ln(a)));
         break;
       }
       case "font-style": {
-        o === "italic" && (t.it = m.TRUE);
+        o === "italic" && (t.it = v.TRUE);
         break;
       }
       case "font-weight": {
-        Number(o) > 400 && (t.bl = m.TRUE);
+        Number(o) > 400 && (t.bl = v.TRUE);
         break;
       }
       case "text-decoration": {
         /underline/.test(o) ? t.ul = {
-          s: m.TRUE
+          s: v.TRUE
         } : /overline/.test(o) ? t.ol = {
-          s: m.TRUE
+          s: v.TRUE
         } : /line-through/.test(o) && (t.st = {
-          s: m.TRUE
+          s: v.TRUE
         });
         break;
       }
       case "color": {
-        const c = new Je(o);
-        c.isValid && (t.cl = {
-          rgb: c.toRgbString()
+        const a = new nt(o);
+        a.isValid && (t.cl = {
+          rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const c = new Je(o);
-        c.isValid && (t.bg = {
-          rgb: c.toRgbString()
+        const a = new nt(o);
+        a.isValid && (t.bg = {
+          rgb: a.toRgbString()
         });
         break;
       }
@@ -744,15 +878,15 @@ function qe(r) {
   }
   return t;
 }
-function $r(r) {
+function Zr(r) {
   const e = new DOMParser(), t = `<x-univer id="univer-root">${r}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function ht(r, e) {
+function pt(r, e) {
   const t = r.tagName.toLowerCase();
   return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(r);
 }
-const Me = class Me {
+const ye = class ye {
   constructor() {
     S(this, "_styleCache", /* @__PURE__ */ new Map());
     S(this, "_styleRules", []);
@@ -764,7 +898,7 @@ const Me = class Me {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = Me._pluginList.find((s) => s.checkPasteType(e)), n = $r(e), i = {
+    const t = ye._pluginList.find((s) => s.checkPasteType(e)), n = Zr(e), i = {
       dataStream: "",
       textRuns: []
     };
@@ -775,27 +909,27 @@ const Me = class Me {
     for (const s of t)
       if (s.nodeType === Node.TEXT_NODE) {
         const o = (i = s.nodeValue) == null ? void 0 : i.replace(/[\r\n]/g, "");
-        let c;
-        e && this._styleCache.has(e) && (c = this._styleCache.get(e)), n.dataStream += o, c && Object.getOwnPropertyNames(c).length && n.textRuns.push({
+        let a;
+        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
           st: n.dataStream.length - o.length,
           ed: n.dataStream.length,
-          ts: c
+          ts: a
         });
       } else if (s.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this._styleCache.get(e) : {}, c = this._styleRules.find(({ filter: h }) => ht(s, h)), a = c ? c.getStyle(s) : qe(s);
-        this._styleCache.set(s, { ...o, ...a });
+        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => pt(s, h)), c = a ? a.getStyle(s) : et(s);
+        this._styleCache.set(s, { ...o, ...c });
         const { childNodes: d } = s;
         this._process(s, d, n);
         const u = this._afterProcessRules.find(
-          ({ filter: h }) => ht(s, h)
+          ({ filter: h }) => pt(s, h)
         );
         u && u.handler(n, s);
       }
   }
 };
-S(Me, "_pluginList", []);
-let Q = Me;
-const Ar = {
+S(ye, "_pluginList", []);
+let Q = ye;
+const qr = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(r) {
     return /lark-record-clipboard/i.test(r);
@@ -805,10 +939,10 @@ const Ar = {
     {
       filter: ["s"],
       getStyle(r) {
-        const e = qe(r);
+        const e = et(r);
         return {
           st: {
-            s: m.TRUE
+            s: v.TRUE
           },
           ...e
         };
@@ -827,20 +961,20 @@ const Ar = {
       }
     }
   ]
-};
-function Dt(r) {
+}, Kr = qr;
+function Ut(r) {
   const e = r.style, t = {};
   for (let n = 0; n < e.length; n++) {
     const i = e[n], s = e.getPropertyValue(i);
     switch (i) {
       case "margin-top": {
         const o = Number.parseInt(s);
-        t.spaceAbove = /pt/.test(s) ? ot(o) : o;
+        t.spaceAbove = /pt/.test(s) ? ct(o) : o;
         break;
       }
       case "margin-bottom": {
         const o = Number.parseInt(s);
-        t.spaceBelow = /pt/.test(s) ? ot(o) : o;
+        t.spaceBelow = /pt/.test(s) ? ct(o) : o;
         break;
       }
       case "line-height": {
@@ -852,7 +986,7 @@ function Dt(r) {
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-const wr = {
+const Jr = {
   name: "univer-doc-paste-plugin-word",
   checkPasteType(r) {
     return /word|mso/i.test(r);
@@ -861,8 +995,8 @@ const wr = {
     {
       filter: ["b"],
       getStyle(r) {
-        const e = qe(r);
-        return { bl: m.TRUE, ...e };
+        const e = et(r);
+        return { bl: v.TRUE, ...e };
       }
     }
   ],
@@ -875,12 +1009,12 @@ const wr = {
         r.paragraphs == null && (r.paragraphs = []);
         const t = {
           startIndex: r.dataStream.length
-        }, n = Dt(e);
+        }, n = Ut(e);
         n && (t.paragraphStyle = n), r.paragraphs.push(t), r.dataStream += "\r";
       }
     }
   ]
-}, Fr = {
+}, Qr = Jr, ei = {
   name: "univer-doc-paste-plugin-univer",
   checkPasteType(r) {
     return /UniverNormal/i.test(r);
@@ -895,69 +1029,69 @@ const wr = {
         r.paragraphs == null && (r.paragraphs = []);
         const t = {
           startIndex: r.dataStream.length
-        }, n = Dt(e);
+        }, n = Ut(e);
         n && (t.paragraphStyle = n), r.paragraphs.push(t), r.dataStream += "\r";
       }
     }
   ]
-};
-function _t(r, e) {
-  const { st: t, ed: n, ts: i = {} } = e, { ff: s, fs: o, it: c, bl: a, ul: d, st: u, ol: h, bg: p, cl: _, va: f } = i;
+}, ti = ei;
+function ft(r, e) {
+  const { st: t, ed: n, ts: i = {} } = e, { ff: s, fs: o, it: a, bl: c, ul: d, st: u, ol: h, bg: p, cl: g, va: f } = i;
   let l = r.slice(t, n);
-  const g = [];
-  return c === m.TRUE && (l = `<i>${l}</i>`), f === J.SUPERSCRIPT ? l = `<sup>${l}</sup>` : f === J.SUBSCRIPT && (l = `<sub>${l}</sub>`), (d == null ? void 0 : d.s) === m.TRUE && (l = `<u>${l}</u>`), (u == null ? void 0 : u.s) === m.TRUE && (l = `<s>${l}</s>`), a === m.TRUE && (l = `<strong>${l}</strong>`), s && g.push(`font-family: ${s}`), _ && g.push(`color: ${_.rgb}`), o && g.push(`font-size: ${o}pt`), h && g.push("text-decoration: overline"), p && g.push(`background: ${p.rgb}`), g.length ? `<span style="${g.join("; ")};">${l}</span>` : l;
+  const _ = [];
+  return a === v.TRUE && (l = `<i>${l}</i>`), f === J.SUPERSCRIPT ? l = `<sup>${l}</sup>` : f === J.SUBSCRIPT && (l = `<sub>${l}</sub>`), (d == null ? void 0 : d.s) === v.TRUE && (l = `<u>${l}</u>`), (u == null ? void 0 : u.s) === v.TRUE && (l = `<s>${l}</s>`), c === v.TRUE && (l = `<strong>${l}</strong>`), s && _.push(`font-family: ${s}`), g && _.push(`color: ${g.rgb}`), o && _.push(`font-size: ${o}pt`), h && _.push("text-decoration: overline"), p && _.push(`background: ${p.rgb}`), _.length ? `<span style="${_.join("; ")};">${l}</span>` : l;
 }
-function $e(r, e, t) {
+function je(r, e, t) {
   const { dataStream: n, textRuns: i = [] } = r;
   let s = e;
   const o = [];
-  for (const c of i) {
-    const { st: a, ed: d } = c;
-    He.hasIntersectionBetweenTwoRanges(e, t, a, d) && (a > s ? (o.push(n.slice(s, a)), o.push(_t(n, {
-      ...c,
+  for (const a of i) {
+    const { st: c, ed: d } = a;
+    Ze.hasIntersectionBetweenTwoRanges(e, t, c, d) && (c > s ? (o.push(n.slice(s, c)), o.push(ft(n, {
+      ...a,
       ed: Math.min(d, t)
-    }))) : o.push(_t(n, {
-      ...c,
+    }))) : o.push(ft(n, {
+      ...a,
       st: s,
       ed: Math.min(d, t)
     }))), s = Math.max(e, Math.min(d, t));
   }
   return s !== t && o.push(n.slice(s, t)), o.join("");
 }
-function gt(r, e = !0) {
+function St(r, e = !0) {
   var t;
   if (e && ((t = r.paragraphs) != null && t.length)) {
     const { dataStream: n, paragraphs: i = [] } = r;
     let s = "", o = -1;
-    for (const c of i) {
-      const { startIndex: a, paragraphStyle: d = {} } = c, { spaceAbove: u, spaceBelow: h, lineSpacing: p } = d, _ = [];
-      u != null && (typeof u == "number" ? _.push(`margin-top: ${u}px`) : _.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? _.push(`margin-bottom: ${h}px`) : _.push(`margin-bottom: ${h.v}px`)), p != null && _.push(`line-height: ${p}`), a > o + 1 ? s += `<p class="UniverNormal" ${_.length ? `style="${_.join("; ")};"` : ""}>${$e(r, o + 1, a)}</p>` : s += `<p class="UniverNormal" ${_.length ? `style="${_.join("; ")};"` : ""}></p>`, o = a;
+    for (const a of i) {
+      const { startIndex: c, paragraphStyle: d = {} } = a, { spaceAbove: u, spaceBelow: h, lineSpacing: p } = d, g = [];
+      u != null && (typeof u == "number" ? g.push(`margin-top: ${u}px`) : g.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? g.push(`margin-bottom: ${h}px`) : g.push(`margin-bottom: ${h.v}px`)), p != null && g.push(`line-height: ${p}`), c > o + 1 ? s += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}>${je(r, o + 1, c)}</p>` : s += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}></p>`, o = c;
     }
-    return o !== n.length && (s += $e(r, o, n.length)), s;
+    return o !== n.length && (s += je(r, o, n.length)), s;
   } else
-    return $e(r, 0, r.dataStream.length);
+    return je(r, 0, r.dataStream.length);
 }
-class Br {
+class ni {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return gt(e[0]);
+      return St(e[0]);
     let t = "";
     for (const n of e)
-      t += '<p className="UniverNormal">', t += gt(n, !1), t += "</p>";
+      t += '<p className="UniverNormal">', t += St(n, !1), t += "</p>";
     return t;
   }
 }
-var jr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, zr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Wr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var ri = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, oi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ii(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && jr(e, t, i), i;
-}, ne = (r, e) => (t, n) => e(t, n, r);
-Q.use(wr);
-Q.use(Ar);
-Q.use(Fr);
-function Vr(r) {
+  return n && i && ri(e, t, i), i;
+}, re = (r, e) => (t, n) => e(t, n, r);
+Q.use(Qr);
+Q.use(Kr);
+Q.use(ti);
+function si(r) {
   const e = r.replace(/\n/g, "\r"), t = [];
   for (let n = 0; n < e.length; n++)
     e[n] === "\r" && t.push({ startIndex: n });
@@ -966,13 +1100,13 @@ function Vr(r) {
     paragraphs: t
   };
 }
-const ue = Ht("doc.clipboard-service");
-let ze = class extends Y {
+const ue = Gt("doc.clipboard-service");
+let Ye = class extends Y {
   constructor(e, t, n, i, s) {
     super();
     S(this, "_clipboardHooks", []);
     S(this, "_htmlToUDM", new Q());
-    S(this, "_umdToHtml", new Br());
+    S(this, "_umdToHtml", new ni());
     this._currentUniverService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = i, this._textSelectionManagerService = s;
   }
   async copy() {
@@ -1009,18 +1143,18 @@ let ze = class extends Y {
     this.copy();
     try {
       let o = t;
-      for (const a of i) {
-        const { startOffset: d, endOffset: u } = a;
+      for (const c of i) {
+        const { startOffset: d, endOffset: u } = c;
         d == null || u == null || u <= t && (o -= u - d);
       }
-      const c = [
+      const a = [
         {
           startOffset: o,
           endOffset: o,
           style: n
         }
       ];
-      return this._commandService.executeCommand(Ct.id, { segmentId: e, textRanges: c });
+      return this._commandService.executeCommand(Tt.id, { segmentId: e, textRanges: a });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
@@ -1031,31 +1165,31 @@ let ze = class extends Y {
     if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || s == null)
       return !1;
     try {
-      let c = n;
+      let a = n;
       for (const d of s) {
         const { startOffset: u, endOffset: h } = d;
-        u == null || h == null || h <= n && (c += e.dataStream.length - (h - u));
+        u == null || h == null || h <= n && (a += e.dataStream.length - (h - u));
       }
-      const a = [
+      const c = [
         {
-          startOffset: c,
-          endOffset: c,
+          startOffset: a,
+          endOffset: a,
           style: i
         }
       ];
-      return this._commandService.executeCommand(Ot.id, { body: e, segmentId: t, textRanges: a });
+      return this._commandService.executeCommand(bt.id, { body: e, segmentId: t, textRanges: c });
     } catch {
       return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
     }
   }
   async _setClipboardData(e) {
-    const t = Ur(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
+    const t = Yr(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
 `) : e[0].dataStream;
     let i = this._umdToHtml.convert(e);
-    return e.length === 1 && (i = i.replace(/(<[a-z]+)/, (s, o) => `${o} data-copy-id="${t}"`), ut.set(t, e[0])), this._clipboardInterfaceService.write(n, i);
+    return e.length === 1 && (i = i.replace(/(<[a-z]+)/, (s, o) => `${o} data-copy-id="${t}"`), _t.set(t, e[0])), this._clipboardInterfaceService.write(n, i);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), N(() => {
+    return this._clipboardHooks.push(e), w(() => {
       const t = this._clipboardHooks.indexOf(e);
       t > -1 && this._clipboardHooks.splice(t, 1);
     });
@@ -1065,11 +1199,11 @@ let ze = class extends Y {
     if (e == null)
       return n;
     for (const i of e) {
-      const { startOffset: s, endOffset: o, collapsed: c } = i;
-      if (c || s == null || o == null)
+      const { startOffset: s, endOffset: o, collapsed: a } = i;
+      if (a || s == null || o == null)
         continue;
-      const a = t.sliceBody(s, o);
-      a != null && n.push(a);
+      const c = t.sliceBody(s, o);
+      c != null && n.push(c);
     }
     return n;
   }
@@ -1078,7 +1212,7 @@ let ze = class extends Y {
       let t = "", n = "";
       for (const i of e)
         for (const s of i.types)
-          s === Qt ? n = await i.getType(s).then((o) => o && o.text()) : s === en && (t = await i.getType(s).then((o) => o && o.text()));
+          s === rn ? n = await i.getType(s).then((o) => o && o.text()) : s === on && (t = await i.getType(s).then((o) => o && o.text()));
       return this._generateBodyFromHtmlAndText(t, n);
     } catch (t) {
       return Promise.reject(t);
@@ -1087,73 +1221,73 @@ let ze = class extends Y {
   _generateBodyFromHtmlAndText(e, t) {
     if (!e) {
       if (t)
-        return Vr(t);
+        return si(t);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const n = Lr(e);
+    const n = Xr(e);
     if (n) {
-      const i = ut.get(n);
+      const i = _t.get(n);
       if (i)
         return i;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-ze = zr([
-  ne(0, M),
-  ne(1, mt),
-  ne(2, O),
-  ne(3, Xe),
-  ne(4, v(le))
-], ze);
-function Ne(r) {
-  return r.getContextValue(ye) || r.getContextValue(St);
+Ye = oi([
+  re(0, D),
+  re(1, Ot),
+  re(2, m),
+  re(3, Ke),
+  re(4, C(te))
+], Ye);
+function Be(r) {
+  return r.getContextValue(Ee) || r.getContextValue(Ct);
 }
-const Ke = 999, kr = {
-  id: tn.id,
+const tt = 999, ai = {
+  id: sn.id,
   name: "doc.command.copy",
-  type: Ye.COMMAND,
+  type: qe.COMMAND,
   multi: !0,
-  priority: Ke,
-  preconditions: Ne,
+  priority: tt,
+  preconditions: Be,
   handler: async (r) => r.get(ue).copy()
-}, Hr = {
-  id: nn.id,
+}, ci = {
+  id: an.id,
   name: "doc.command.cut",
-  type: Ye.COMMAND,
+  type: qe.COMMAND,
   multi: !0,
-  priority: Ke,
-  preconditions: Ne,
+  priority: tt,
+  preconditions: Be,
   handler: async (r) => r.get(ue).cut()
-}, Yr = {
-  id: rn.id,
+}, li = {
+  id: cn.id,
   name: "doc.command.paste",
-  type: Ye.COMMAND,
+  type: qe.COMMAND,
   multi: !0,
-  priority: Ke,
-  preconditions: Ne,
+  priority: tt,
+  preconditions: Be,
   handler: async (r) => {
-    const e = r.get(ue), n = await r.get(Xe).read();
+    const e = r.get(ue), n = await r.get(Ke).read();
     return n.length === 0 ? !1 : e.paste(n);
   }
 };
-var Xr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, Zr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Gr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, hi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ui(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && Xr(e, t, i), i;
-}, re = (r, e) => (t, n) => e(t, n, r);
-let Se = class extends ce {
+  return n && i && di(e, t, i), i;
+}, ie = (r, e) => (t, n) => e(t, n, r);
+let me = class extends ce {
   constructor(r, e, t, n, i) {
     super(), this._commandService = r, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = i, this._init();
   }
   _init() {
-    [kr, Hr, Yr].forEach((r) => this.disposeWithMe(this._commandService.registerMultipleCommand(r))), [Ot, Ct].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r))), this._initLegacyPasteCommand();
+    [ai, ci, li].forEach((r) => this.disposeWithMe(this._commandService.registerMultipleCommand(r))), [bt, Tt].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
     var r;
-    (r = this._textSelectionRenderManager) == null || r.onPaste$.pipe(se(this.dispose$)).subscribe((e) => {
+    (r = this._textSelectionRenderManager) == null || r.onPaste$.pipe(ae(this.dispose$)).subscribe((e) => {
       var s, o;
-      if (!Ne(this._contextService))
+      if (!Be(this._contextService))
         return;
       e.event.preventDefault();
       const t = e.event, n = (s = t.clipboardData) == null ? void 0 : s.getData("text/html"), i = (o = t.clipboardData) == null ? void 0 : o.getData("text/plain");
@@ -1161,20 +1295,20 @@ let Se = class extends ce {
     });
   }
 };
-Se = Zr([
-  P(U.Steady, Se),
-  re(0, O),
-  re(1, Xe),
-  re(2, ue),
-  re(3, de),
-  re(4, wt)
-], Se);
-var qr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Jr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Kr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+me = hi([
+  L(A.Steady, me),
+  ie(0, m),
+  ie(1, Ke),
+  ie(2, ue),
+  ie(3, de),
+  ie(4, jt)
+], me);
+var gi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, pi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? _i(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && qr(e, t, i), i;
+  return n && i && gi(e, t, i), i;
 }, Z = (r, e) => (t, n) => e(t, n, r);
-let me = class extends Y {
+let ve = class extends Y {
   constructor(e, t, n, i, s, o) {
     super();
     S(this, "_initialEditors", /* @__PURE__ */ new Set());
@@ -1191,31 +1325,31 @@ let me = class extends Y {
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var w, F, B;
+    var B, F, j;
     if (e == null)
       return;
     const t = this._editorService.getEditor(e);
     if ((t == null ? void 0 : t.cancelDefaultResizeListener) === !0)
       return;
-    const n = (w = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : w.skeleton, i = this._currentUniverService.getUniverDocInstance(e);
+    const n = (B = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : B.skeleton, i = this._currentUniverService.getUniverDocInstance(e);
     if (t == null || t.render == null || n == null || i == null)
       return;
     n.calculate();
-    const { marginTop: s = 0, marginBottom: o = 0, marginLeft: c = 0, marginRight: a = 0 } = i.getSnapshot().documentStyle, { scene: d, mainComponent: u } = t.render;
+    const { marginTop: s = 0, marginBottom: o = 0, marginLeft: a = 0, marginRight: c = 0 } = i.getSnapshot().documentStyle, { scene: d, mainComponent: u } = t.render;
     let { actualHeight: h, actualWidth: p } = n.getActualSize();
-    h += s + o, p += c + a;
-    const { width: _, height: f } = t.getBoundingClientRect(), l = d.getViewport(Pe.VIEW_MAIN);
-    let g = l == null ? void 0 : l.getScrollBar();
-    const C = Math.max(p, _), R = Math.max(h, f);
+    h += s + o, p += a + c;
+    const { width: g, height: f } = t.getBoundingClientRect(), l = d.getViewport(Ae.VIEW_MAIN);
+    let _ = l == null ? void 0 : l.getScrollBar();
+    const O = Math.max(p, g), y = Math.max(h, f);
     d.transformByState({
-      width: C,
-      height: R
-    }), u == null || u.resize(C, R), t.isSingle() ? p > _ ? g == null ? l && new je(l, { barSize: 8, enableVertical: !1 }) : l == null || l.resetSizeAndScrollBar() : (g = null, l == null || l.scrollTo({ x: 0, y: 0 }), (B = l == null ? void 0 : l.getScrollBar()) == null || B.dispose()) : h > f ? g == null ? l && new je(l, { enableHorizontal: !1, barSize: 8 }) : l == null || l.resetSizeAndScrollBar() : (g = null, l == null || l.scrollTo({ x: 0, y: 0 }), (F = l == null ? void 0 : l.getScrollBar()) == null || F.dispose());
+      width: O,
+      height: y
+    }), u == null || u.resize(O, y), t.isSingle() ? p > g ? _ == null ? l && new ke(l, { barSize: 8, enableVertical: !1 }) : l == null || l.resetSizeAndScrollBar() : (_ = null, l == null || l.scrollTo({ x: 0, y: 0 }), (j = l == null ? void 0 : l.getScrollBar()) == null || j.dispose()) : h > f ? _ == null ? l && new ke(l, { enableHorizontal: !1, barSize: 8 }) : l == null || l.resetSizeAndScrollBar() : (_ = null, l == null || l.scrollTo({ x: 0, y: 0 }), (F = l == null ? void 0 : l.getScrollBar()) == null || F.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
       this._editorService.setValue$.subscribe((e) => {
-        this._commandService.executeCommand(vn.id, {
+        this._commandService.executeCommand(yn.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -1251,9 +1385,9 @@ let me = class extends Y {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      lt(window, "mousedown").subscribe((n) => {
+      ht(window, "mousedown").subscribe((n) => {
         const s = n.target.classList[0] || "";
-        if (Ft(s, e)) {
+        if (Wt(s, e)) {
           this._editorService.changeSpreadsheetFocusState(!0), n.stopPropagation();
           return;
         }
@@ -1261,8 +1395,8 @@ let me = class extends Y {
       })
     ), this._currentUniverService.getAllUniverSheetsInstance().forEach((n) => {
       const i = n.getUnitId(), s = this._renderManagerService.getRenderById(i), o = s == null ? void 0 : s.engine.getCanvas().getCanvasEle();
-      o != null && lt(o, "mousedown").subscribe((c) => {
-        this._editorService.changeSpreadsheetFocusState(!0), c.stopPropagation();
+      o != null && ht(o, "mousedown").subscribe((a) => {
+        this._editorService.changeSpreadsheetFocusState(!0), a.stopPropagation();
       });
     });
   }
@@ -1288,7 +1422,7 @@ let me = class extends Y {
    * Listen to document edits to refresh the size of the normula editor.
    */
   _commandExecutedListener() {
-    const e = [Ge.id, on.id];
+    const e = [Je.id, ln.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
@@ -1301,28 +1435,28 @@ let me = class extends Y {
     );
   }
 };
-me = Jr([
-  P(U.Rendered, me),
-  Z(0, M),
-  Z(1, v(te)),
-  Z(2, $),
-  Z(3, O),
+ve = pi([
+  L(A.Rendered, ve),
+  Z(0, D),
+  Z(1, C(ne)),
+  Z(2, N),
+  Z(3, m),
   Z(4, de),
   Z(5, z)
-], me);
-var Qr = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ei(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+], ve);
+var fi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, mi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Si(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && Qr(e, t, i), i;
+  return n && i && fi(e, t, i), i;
 }, pe = (r, e) => (t, n) => e(t, n, r);
-let ve = class extends ce {
+let Ce = class extends ce {
   constructor(e, t, n, i) {
     super();
     S(this, "_docRenderMap", /* @__PURE__ */ new Set());
     this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = i, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(se(this.dispose$)).subscribe((e) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ae(this.dispose$)).subscribe((e) => {
       this._create(e);
     });
   }
@@ -1337,18 +1471,18 @@ let ve = class extends ce {
   }
   _recalculateSizeBySkeleton(e, t) {
     var u;
-    const { mainComponent: n, scene: i, unitId: s } = e, o = n, c = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
-    if (c == null)
+    const { mainComponent: n, scene: i, unitId: s } = e, o = n, a = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
+    if (a == null)
       return;
-    let a = 0, d = 0;
-    for (let h = 0, p = c.length; h < p; h++) {
-      const _ = c[h], { pageWidth: f, pageHeight: l } = _;
-      o.pageLayoutType === st.VERTICAL ? (d += l, d += o.pageMarginTop, h === p - 1 && (d += o.pageMarginTop), a = Math.max(a, f)) : o.pageLayoutType === st.HORIZONTAL && (a += f, h !== p - 1 && (a += o.pageMarginLeft), d = Math.max(d, l));
+    let c = 0, d = 0;
+    for (let h = 0, p = a.length; h < p; h++) {
+      const g = a[h], { pageWidth: f, pageHeight: l } = g;
+      o.pageLayoutType === lt.VERTICAL ? (d += l, d += o.pageMarginTop, h === p - 1 && (d += o.pageMarginTop), c = Math.max(c, f)) : o.pageLayoutType === lt.HORIZONTAL && (c += f, h !== p - 1 && (c += o.pageMarginLeft), d = Math.max(d, l));
     }
-    o.resize(a, d), this._editorService.isEditor(s) || i.resize(a, d);
+    o.resize(c, d), this._editorService.isEditor(s) || i.resize(c, d);
   }
   _commandExecutedListener() {
-    const e = [Ge.id];
+    const e = [Je.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -1356,44 +1490,44 @@ let ve = class extends ce {
           const i = t.params, { unitId: s } = i, o = this._docSkeletonManagerService.getSkeletonByUnitId(s);
           if (o == null)
             return;
-          const { skeleton: c } = o, a = this._renderManagerService.getRenderById(s);
-          if (a == null)
+          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(s);
+          if (c == null || !!a.getViewModel().getDataModel().getSnapshot().disabled)
             return;
-          if (c.calculate(), this._editorService.isEditor(s)) {
-            (n = a.mainComponent) == null || n.makeDirty();
+          if (a.calculate(), this._editorService.isEditor(s)) {
+            (n = c.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._recalculateSizeBySkeleton(a, c);
+          this._recalculateSizeBySkeleton(c, a);
         }
       })
     );
   }
 };
-ve = ti([
-  P(U.Rendered, ve),
-  pe(0, v(te)),
+Ce = mi([
+  L(A.Rendered, Ce),
+  pe(0, C(ne)),
   pe(1, z),
-  pe(2, O),
-  pe(3, $)
-], ve);
-var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, ii = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ri(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+  pe(2, m),
+  pe(3, N)
+], Ce);
+var vi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Oi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && ni(e, t, i), i;
-}, Ae = (r, e) => (t, n) => e(t, n, r);
-let Ce = class extends ce {
-  constructor(e, t, n) {
+  return n && i && vi(e, t, i), i;
+}, fe = (r, e) => (t, n) => e(t, n, r);
+let Oe = class extends ce {
+  constructor(e, t, n, i) {
     super();
     S(this, "_scene");
     S(this, "_currentDocumentModel");
-    S(this, "_fps$", new $n(""));
+    S(this, "_fps$", new zn(""));
     S(this, "fps$", this._fps$.asObservable());
-    this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._initialize();
+    this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._editorService = i, this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(se(this.dispose$)).subscribe((e) => {
+    this._renderManagerService.createRender$.pipe(ae(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._currentUniverService.currentDoc$.pipe(se(this.dispose$)).subscribe((e) => {
+    }), this._currentUniverService.currentDoc$.pipe(ae(this.dispose$)).subscribe((e) => {
       this._create(e == null ? void 0 : e.getUnitId());
     }), this._currentUniverService.getAllUniverDocsInstance().forEach((e) => {
       this._create(e.getUnitId());
@@ -1416,53 +1550,54 @@ let Ce = class extends ce {
     const s = this._renderManagerService.getRenderById(t);
     if (s == null)
       return;
-    const { scene: o, engine: c } = s;
+    const { scene: o, engine: a } = s;
     o.openTransformer(), this._scene = o;
-    const a = new In(Pe.VIEW_MAIN, o, {
+    const c = new An(Ae.VIEW_MAIN, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    o.attachControl(), o.on(Mn.wheel, (h, p) => {
-      const _ = h;
-      if (_.ctrlKey) {
-        const f = Math.abs(_.deltaX);
+    o.attachControl(), o.on(Nn.wheel, (h, p) => {
+      const g = h;
+      if (g.ctrlKey) {
+        const f = Math.abs(g.deltaX);
         let l = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
-        l *= _.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (l /= 2), o.scaleX + l > 4 ? o.scale(4, 4) : o.scaleX + l < 0.1 ? o.scale(0.1, 0.1) : _.preventDefault();
+        l *= g.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (l /= 2), o.scaleX + l > 4 ? o.scale(4, 4) : o.scaleX + l < 0.1 ? o.scale(0.1, 0.1) : g.preventDefault();
       } else
-        a.onMouseWheel(_, p);
-    }), this._configService.getConfig("hasScroll") !== !1 && new je(a), o.addLayer(
-      new ct(o, [], rt),
-      new ct(o, [], Cn)
-    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && c.runRenderLoop(() => {
-      o.render(), this._fps$.next(Math.round(c.getFps()).toString());
+        c.onMouseWheel(g, p);
+    }), this._configService.getConfig("hasScroll") !== !1 && new ke(c), o.addLayer(
+      new dt(o, [], Fe),
+      new dt(o, [], En)
+    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && a.runRenderLoop(() => {
+      o.render(), this._fps$.next(Math.round(a.getFps()).toString());
     }), this._renderManagerService.setCurrent(t);
   }
   _addComponent(e) {
-    const t = this._scene, n = this._currentDocumentModel, i = new yn(it.MAIN, void 0, {
+    const t = this._scene, n = this._currentDocumentModel, i = new $n(at.MAIN, void 0, {
       pageMarginLeft: n.documentStyle.marginLeft || 0,
       pageMarginTop: n.documentStyle.marginTop || 0
     });
-    i.zIndex = On, e.mainComponent = i, e.components.set(it.MAIN, i), t.addObjects([i], rt);
+    i.zIndex = xn, e.mainComponent = i, e.components.set(at.MAIN, i), t.addObjects([i], Fe), this._editorService.getEditor(n.getUnitId()) == null && t.enableLayerCache(Fe);
   }
 };
-Ce = ii([
-  P(U.Starting, Ce),
-  Ae(0, z),
-  Ae(1, Bt),
-  Ae(2, M)
-], Ce);
-var oi = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ci = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? si(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+Oe = Oi([
+  L(A.Starting, Oe),
+  fe(0, z),
+  fe(1, zt),
+  fe(2, D),
+  fe(3, N)
+], Oe);
+var Ri = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, bi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ti(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && oi(e, t, i), i;
+  return n && i && Ri(e, t, i), i;
 }, q = (r, e) => (t, n) => e(t, n, r);
-let Oe = class extends Y {
+let Re = class extends Y {
   constructor(e, t, n, i, s, o) {
     super();
-    S(this, "_liquid", new En());
+    S(this, "_liquid", new wn());
     S(this, "_pageMarginCache", /* @__PURE__ */ new Map());
     this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = i, this._floatingObjectManagerService = s, this._editorService = o, this._initialize(), this._commandExecutedListener();
   }
@@ -1477,14 +1612,14 @@ let Oe = class extends Y {
       const { unitId: n, skeleton: i } = t, s = this._renderManagerService.getRenderById(n);
       if (s == null)
         return;
-      const { mainComponent: o, components: c, scene: a } = s, d = o, { left: u, top: h } = d;
+      const { mainComponent: o, components: a, scene: c } = s, d = o, { left: u, top: h } = d;
       e.forEach((p) => {
-        const { unitId: _, subUnitId: f, floatingObjectId: l, floatingObject: g } = p, { left: C = 0, top: R = 0, width: w = 0, height: F = 0, angle: B, flipX: X, flipY: G, skewX: he, skewY: _e } = g, b = this._pageMarginCache.get(l), xt = (b == null ? void 0 : b.marginLeft) || 0, Pt = (b == null ? void 0 : b.marginTop) || 0;
+        const { unitId: g, subUnitId: f, floatingObjectId: l, floatingObject: _ } = p, { left: O = 0, top: y = 0, width: B = 0, height: F = 0, angle: j, flipX: X, flipY: G, skewX: he, skewY: ge } = _, x = this._pageMarginCache.get(l), Lt = (x == null ? void 0 : x.marginLeft) || 0, At = (x == null ? void 0 : x.marginTop) || 0;
         i == null || i.getViewModel().getDataModel().updateDrawing(l, {
-          left: C - u - xt,
-          top: R - h - Pt,
+          left: O - u - Lt,
+          top: y - h - At,
           height: F,
-          width: w
+          width: B
         });
       }), i == null || i.calculate(), o == null || o.makeDirty();
     });
@@ -1501,7 +1636,7 @@ let Oe = class extends Y {
     });
   }
   _commandExecutedListener() {
-    const e = [Ge.id, Ze.id];
+    const e = [Je.id, Qe.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -1509,66 +1644,66 @@ let Oe = class extends Y {
           const i = t.params, { unitId: s } = i, o = this._docSkeletonManagerService.getCurrent();
           if (o == null)
             return;
-          const { unitId: c, skeleton: a } = o;
-          if (s !== c)
+          const { unitId: a, skeleton: c } = o;
+          if (s !== a)
             return;
-          const d = this._renderManagerService.getRenderById(c);
+          const d = this._renderManagerService.getRenderById(a);
           if (d == null)
             return;
-          if (this._editorService.isEditor(c)) {
+          if (this._editorService.isEditor(a)) {
             (n = d.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._refreshFloatingObject(c, a, d);
+          this._refreshFloatingObject(a, c, d);
         }
       })
     );
   }
   _refreshFloatingObject(e, t, n) {
-    const i = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, c = s;
+    const i = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, a = s;
     if (!i)
       return;
-    const { left: a, top: d, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: p } = c, { pages: _ } = i, f = [];
+    const { left: c, top: d, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: p } = a, { pages: g } = i, f = [];
     o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let l = 0, g = _.length; l < g; l++) {
-      const C = _[l], { skeDrawings: R, marginLeft: w, marginTop: F } = C;
-      this._liquid.translatePagePadding(C), R.forEach((B) => {
-        const { aLeft: X, aTop: G, height: he, width: _e, objectId: b } = B;
+    for (let l = 0, _ = g.length; l < _; l++) {
+      const O = g[l], { skeDrawings: y, marginLeft: B, marginTop: F } = O;
+      this._liquid.translatePagePadding(O), y.forEach((j) => {
+        const { aLeft: X, aTop: G, height: he, width: ge, objectId: x } = j;
         f.push({
           unitId: e,
-          subUnitId: jt,
-          floatingObjectId: b,
+          subUnitId: Vt,
+          floatingObjectId: x,
           floatingObject: {
-            left: X + a + this._liquid.x,
+            left: X + c + this._liquid.x,
             top: G + d + this._liquid.y,
-            width: _e,
+            width: ge,
             height: he
           }
-        }), this._pageMarginCache.set(b, {
+        }), this._pageMarginCache.set(x, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.translatePage(C, u, h, p);
+      }), this._liquid.translatePage(O, u, h, p);
     }
     this._floatingObjectManagerService.BatchAddOrUpdate(f);
   }
 };
-Oe = ci([
-  P(U.Steady, Oe),
-  q(0, v(te)),
-  q(1, M),
+Re = bi([
+  L(A.Steady, Re),
+  q(0, C(ne)),
+  q(1, D),
   q(2, z),
-  q(3, O),
-  q(4, Wt),
-  q(5, $)
-], Oe);
-var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, di = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? li(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+  q(3, m),
+  q(4, kt),
+  q(5, N)
+], Re);
+var Ii = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, yi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Mi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && ai(e, t, i), i;
-}, we = (r, e) => (t, n) => e(t, n, r);
-const ui = "rgba(198, 198, 198, 1)", hi = "rgba(255, 255, 255, 1)";
-let Re = class extends Y {
+  return n && i && Ii(e, t, i), i;
+}, We = (r, e) => (t, n) => e(t, n, r);
+const Ei = "rgba(198, 198, 198, 1)", xi = "rgba(255, 255, 255, 1)";
+let Te = class extends Y {
   constructor(r, e, t) {
     super(), this._renderManagerService = r, this._editorService = e, this._currentUniverService = t, this._initialize(), this._commandExecutedListener();
   }
@@ -1585,18 +1720,18 @@ let Re = class extends Y {
         return;
       const { mainComponent: t } = e, n = t, i = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
       this.disposeWithMe(
-        N(
+        w(
           n.onPageRenderObservable.add((o) => {
-            var l, g, C, R;
+            var l, _, O, y;
             if (this._editorService.isEditor(r))
               return;
-            const { page: c, pageLeft: a, pageTop: d, ctx: u } = o, { width: h, pageWidth: p, height: _, pageHeight: f } = c;
-            u.save(), u.translate(a - 0.5, d - 0.5), Dn.drawWith(u, {
-              width: (g = (l = i == null ? void 0 : i.width) != null ? l : p) != null ? g : h,
-              height: (R = (C = i == null ? void 0 : i.height) != null ? C : f) != null ? R : _,
+            const { page: a, pageLeft: c, pageTop: d, ctx: u } = o, { width: h, pageWidth: p, height: g, pageHeight: f } = a;
+            u.save(), u.translate(c - 0.5, d - 0.5), Bn.drawWith(u, {
+              width: (_ = (l = i == null ? void 0 : i.width) != null ? l : p) != null ? _ : h,
+              height: (y = (O = i == null ? void 0 : i.height) != null ? O : f) != null ? y : g,
               strokeWidth: 1,
-              stroke: ui,
-              fill: hi,
+              stroke: Ei,
+              fill: xi,
               zIndex: 3
             }), u.restore();
           })
@@ -1607,16 +1742,16 @@ let Re = class extends Y {
   _commandExecutedListener() {
   }
 };
-Re = di([
-  P(U.Rendered, Re),
-  we(0, z),
-  we(1, $),
-  we(2, M)
-], Re);
-var _i = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, pi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? gi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+Te = yi([
+  L(A.Rendered, Te),
+  We(0, z),
+  We(1, N),
+  We(2, D)
+], Te);
+var Di = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, Ui = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Pi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && _i(e, t, i), i;
+  return n && i && Di(e, t, i), i;
 }, K = (r, e) => (t, n) => e(t, n, r);
 let be = class extends Y {
   constructor(e, t, n, i, s, o) {
@@ -1640,18 +1775,18 @@ let be = class extends Y {
       this._initializedRender.add(t);
       const { scene: i } = n;
       this.disposeWithMe(
-        N(
+        w(
           i.onMouseWheelObserver.add((s) => {
             if (!s.ctrlKey)
               return;
             const o = Math.abs(s.deltaX);
-            let c = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
-            c *= s.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (c /= 2);
-            const a = this._currentUniverService.getCurrentUniverDocInstance(), d = a.zoomRatio;
-            let u = +Number.parseFloat(`${d + c}`).toFixed(1);
-            u = u >= 4 ? 4 : u <= 0.1 ? 0.1 : u, this._commandService.executeCommand(Rn.id, {
+            let a = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
+            a *= s.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (a /= 2);
+            const c = this._currentUniverService.getCurrentUniverDocInstance(), d = c.zoomRatio;
+            let u = +Number.parseFloat(`${d + a}`).toFixed(1);
+            u = u >= 4 ? 4 : u <= 0.1 ? 0.1 : u, this._commandService.executeCommand(Dn.id, {
               zoomRatio: u,
-              unitId: a.getUnitId()
+              unitId: c.getUnitId()
             }), s.preventDefault();
           })
         )
@@ -1667,7 +1802,7 @@ let be = class extends Y {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      N(
+      w(
         this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
           if (e == null)
             return;
@@ -1678,7 +1813,7 @@ let be = class extends Y {
     );
   }
   _commandExecutedListener() {
-    const e = [Ze.id];
+    const e = [Qe.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
@@ -1697,44 +1832,44 @@ let be = class extends Y {
     n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (i = n.scene.getTransformer()) == null || i.hideControl());
   }
   _calculatePagePosition(e, t) {
-    const { document: n, scene: i } = e, s = i == null ? void 0 : i.getParent(), { width: o, height: c, pageMarginLeft: a, pageMarginTop: d } = n;
-    if (s == null || o === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
+    const { document: n, scene: i } = e, s = i == null ? void 0 : i.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
+    if (s == null || o === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
       return;
     const { width: u, height: h } = s;
-    let p = 0, _ = 0, f = 0, l = 0, g = Number.POSITIVE_INFINITY;
-    u > (o + a * 2) * t ? (p = u / 2 - o * t / 2, p /= t, f = (u - a * 2) / t, g = 0) : (p = a, f = o + a * 2, g = (f - u / t) / 2), h > c ? (_ = h / 2 - c / 2, l = (h - d * 2) / t) : (_ = d, l = c + d * 2), i.resize(f, l + 200), n.translate(p, _);
-    const C = i.getViewport(Pe.VIEW_MAIN);
-    if (g !== Number.POSITIVE_INFINITY && C != null) {
-      const R = C.getBarScroll(g, 0).x;
-      C.scrollTo({
-        x: R
+    let p = 0, g = 0, f = 0, l = 0, _ = Number.POSITIVE_INFINITY;
+    u > (o + c * 2) * t ? (p = u / 2 - o * t / 2, p /= t, f = (u - c * 2) / t, _ = 0) : (p = c, f = o + c * 2, _ = (f - u / t) / 2), h > a ? (g = h / 2 - a / 2, l = (h - d * 2) / t) : (g = d, l = a + d * 2), i.resize(f, l + 200), n.translate(p, g);
+    const O = i.getViewport(Ae.VIEW_MAIN);
+    if (_ !== Number.POSITIVE_INFINITY && O != null) {
+      const y = O.getBarScroll(_, 0).x;
+      O.scrollTo({
+        x: y
       });
     }
     return this;
   }
   _getDocObject() {
-    return Rt(this._currentUniverService, this._renderManagerService);
+    return It(this._currentUniverService, this._renderManagerService);
   }
 };
-be = pi([
-  P(U.Rendered, be),
-  K(0, v(te)),
-  K(1, M),
-  K(2, O),
+be = Ui([
+  L(A.Rendered, be),
+  K(0, C(ne)),
+  K(1, D),
+  K(2, m),
   K(3, z),
-  K(4, v(le)),
-  K(5, $)
+  K(4, C(te)),
+  K(5, N)
 ], be);
-var fi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, mi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Si(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var Li = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ni = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ai(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && fi(e, t, i), i;
+  return n && i && Li(e, t, i), i;
 }, H = (r, e) => (t, n) => e(t, n, r);
-let Te = class extends Y {
-  constructor(e, t, n, i, s, o, c) {
+let Ie = class extends Y {
+  constructor(e, t, n, i, s, o, a) {
     super();
     S(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = i, this._textSelectionRenderManager = s, this._textSelectionManagerService = o, this._editorService = c, this._initialize();
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = i, this._textSelectionRenderManager = s, this._textSelectionManagerService = o, this._editorService = a, this._initialize();
   }
   _initialize() {
     this._init(), this._skeletonListener(), this._commandExecutedListener();
@@ -1760,35 +1895,37 @@ let Te = class extends Y {
       return;
     const { document: n, scene: i } = t;
     this.disposeWithMe(
-      N(
+      w(
         n.onPointerEnterObserver.add(() => {
-          this._isEditorReadOnly(e) || (n.cursor = at.TEXT);
+          this._isEditorReadOnly(e) || (n.cursor = ut.TEXT);
         })
       )
     ), this.disposeWithMe(
-      N(
+      w(
         n.onPointerLeaveObserver.add(() => {
-          n.cursor = at.DEFAULT, i.resetCursor();
+          n.cursor = ut.DEFAULT, i.resetCursor();
         })
       )
     ), this.disposeWithMe(
-      N(
+      w(
         n == null ? void 0 : n.onPointerDownObserver.add((s, o) => {
           if (this._isEditorReadOnly(e))
             return;
-          this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._editorService.getEditor(e) ? setTimeout(() => {
-            this._textSelectionRenderManager.eventTrigger(s), this._setEditorFocus(e);
-          }, 0) : this._textSelectionRenderManager.eventTrigger(s), s.button !== 2 && o.stopPropagation();
+          this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(s);
+          const { offsetX: c, offsetY: d } = s;
+          this._editorService.getEditor(e) && setTimeout(() => {
+            this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(c, d);
+          }, 0), s.button !== 2 && o.stopPropagation();
         })
       )
     ), this.disposeWithMe(
-      N(
+      w(
         n == null ? void 0 : n.onDblclickObserver.add((s) => {
           this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(s);
         })
       )
     ), this.disposeWithMe(
-      N(
+      w(
         n == null ? void 0 : n.onTripleClickObserver.add((s) => {
           this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(s);
         })
@@ -1807,7 +1944,7 @@ let Te = class extends Y {
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [Ze.id];
+    const e = [Qe.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -1837,31 +1974,31 @@ let Te = class extends Y {
     );
   }
   _getDocObjectById(e) {
-    return bn(e, this._renderManagerService);
+    return Pn(e, this._renderManagerService);
   }
 };
-Te = mi([
-  P(U.Rendered, Te),
-  H(0, v(te)),
-  H(1, M),
-  H(2, O),
+Ie = Ni([
+  L(A.Rendered, Ie),
+  H(0, C(ne)),
+  H(1, D),
+  H(2, m),
   H(3, z),
   H(4, de),
-  H(5, v(le)),
-  H(6, $)
-], Te);
-var vi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Oi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+  H(5, C(te)),
+  H(6, N)
+], Ie);
+var $i = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, Bi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? wi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && vi(e, t, i), i;
-}, ie = (r, e) => (t, n) => e(t, n, r);
-const pt = 1.5;
-let Ie = class extends ce {
+  return n && i && $i(e, t, i), i;
+}, oe = (r, e) => (t, n) => e(t, n, r);
+const mt = 1.5;
+let Me = class extends ce {
   constructor(r, e, t, n, i) {
     super(), this._docSkeletonManagerService = r, this._textSelectionManagerService = e, this._editorService = t, this._currentUniverService = n, this._renderManagerService = i, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(se(this.dispose$)).subscribe((r) => {
+    this._textSelectionManagerService.textSelection$.pipe(ae(this.dispose$)).subscribe((r) => {
       if (r == null)
         return;
       const { isEditing: e, unitId: t } = r;
@@ -1870,50 +2007,50 @@ let Ie = class extends ce {
   }
   // Let the selection show on the current screen.
   _scrollToSelection(r) {
-    var b;
-    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (b = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : b.skeleton;
+    var x;
+    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (x = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : x.skeleton;
     if (e == null || t == null || n == null)
       return;
     const { collapsed: i, startNodePosition: s } = e;
     if (!i)
       return;
-    const o = t.document.getOffsetConfig(), { docsLeft: c, docsTop: a } = o, d = new xn(o, n), { contentBoxPointGroup: u } = d.getRangePointData(s, s), { left: h, top: p, height: _ } = Pn(u), f = h + c, l = p + a, g = t.scene.getViewport(Pe.VIEW_MAIN), C = !!this._editorService.getEditor(r);
-    if (g == null)
+    const o = t.document.getOffsetConfig(), { docsLeft: a, docsTop: c } = o, d = new Fn(o, n), { contentBoxPointGroup: u } = d.getRangePointData(s, s), { left: h, top: p, height: g } = jn(u), f = h + a, l = p + c, _ = t.scene.getViewport(Ae.VIEW_MAIN), O = !!this._editorService.getEditor(r);
+    if (_ == null)
       return;
     const {
-      left: R,
-      top: w,
+      left: y,
+      top: B,
       right: F,
-      bottom: B
-    } = g.getBounding().viewBound;
+      bottom: j
+    } = _.getBounding().viewBound;
     let X = 0, G = 0;
-    const he = C ? 0 : 100;
-    l < w ? X = l - w : l > B - _ && (X = l - B + _ + he), f < R ? G = f - R : f > F - pt && (G = f - F + pt);
-    const _e = g.getBarScroll(G, X);
-    g.scrollBy(_e);
+    const he = O ? 0 : 100;
+    l < B ? X = l - B : l > j - g && (X = l - j + g + he), f < y ? G = f - y : f > F - mt && (G = f - F + mt);
+    const ge = _.getBarScroll(G, X);
+    _.scrollBy(ge);
   }
   _getDocObject() {
-    return Rt(this._currentUniverService, this._renderManagerService);
+    return It(this._currentUniverService, this._renderManagerService);
   }
 };
-Ie = Oi([
-  P(U.Rendered, Ie),
-  ie(0, v(te)),
-  ie(1, v(le)),
-  ie(2, $),
-  ie(3, M),
-  ie(4, z)
-], Ie);
-var Ri = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Ti = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? bi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+Me = Bi([
+  L(A.Rendered, Me),
+  oe(0, C(ne)),
+  oe(1, C(te)),
+  oe(2, N),
+  oe(3, D),
+  oe(4, z)
+], Me);
+var Fi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, Wi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ji(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && Ri(e, t, i), i;
-}, Fe = (r, e) => (t, n) => e(t, n, r), Be;
-let ft = (Be = class extends zt {
+  return n && i && Fi(e, t, i), i;
+}, ze = (r, e) => (t, n) => e(t, n, r), Ve;
+let vt = (Ve = class extends Ht {
   constructor(r, e, t, n) {
-    super(Bn), this._config = r, this._injector = e, this._localeService = t, this._logService = n, this._localeService.load({
-      zhCN: Mr
-    }), this._config = He.deepMerge({}, Fn, this._config), this._initDependencies(e), this._initializeCommands();
+    super(Xn), this._config = r, this._injector = e, this._localeService = t, this._logService = n, this._localeService.load({
+      zhCN: jr
+    }), this._config = Ze.deepMerge({}, Yn, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
@@ -1922,55 +2059,55 @@ let ft = (Be = class extends zt {
   }
   _initializeCommands() {
     [
-      Wn,
-      zn,
-      kn,
-      Vn,
-      Hn,
-      Yn,
-      Xn,
-      Gn,
       Zn,
-      Er,
-      Dr,
-      yr
+      qn,
+      Jn,
+      Kn,
+      Qn,
+      er,
+      tr,
+      nr,
+      rr,
+      zr,
+      Vr,
+      Wr
     ].forEach((r) => {
-      this._injector.get(sn).registerShortcut(r);
+      this._injector.get(dn).registerShortcut(r);
     });
   }
   _initDependencies(r) {
     [
       // Controller
-      [fe],
       [Se],
       [me],
       [ve],
-      [Oe],
+      [Ce],
       [Re],
-      [be],
       [Te],
+      [be],
       [Ie],
+      [Me],
       [
         // controllers
-        oe,
+        se,
         {
-          useFactory: () => this._injector.createInstance(oe, this._config)
+          useFactory: () => this._injector.createInstance(se, this._config)
         }
       ],
       [
         ue,
         {
-          useClass: ze
+          useClass: Ye
         }
       ],
       // Render views
-      [Ce]
+      [Oe]
     ].forEach((t) => {
       r.add(t);
     });
   }
   _markDocAsFocused() {
-    const r = this._injector.get(M), e = this._injector.get($);
+    const r = this._injector.get(D), e = this._injector.get(N);
     try {
       const t = r.getCurrentUniverDocInstance(), n = t.getUnitId();
       e.isEditor(n) || r.focusUniverInstance(t.getUnitId());
@@ -1979,21 +2116,21 @@ let ft = (Be = class extends zt {
     }
   }
   _initModules() {
-    this._injector.get(oe);
-  }
-}, S(Be, "type", Vt.Doc), Be);
-ft = Ti([
-  Fe(1, v(Ee)),
-  Fe(2, v(ke)),
-  Fe(3, mt)
-], ft);
+    this._injector.get(se);
+  }
+}, S(Ve, "type", Yt.Doc), Ve);
+vt = Wi([
+  ze(1, C(De)),
+  ze(2, C(Ge)),
+  ze(3, Ot)
+], vt);
 export {
-  Bn as DOC_UI_PLUGIN_NAME,
-  wn as DefaultDocContainerConfig,
-  Fn as DefaultDocUiConfig,
-  An as DefaultToolbarConfig,
-  Ce as DocCanvasView,
-  ft as UniverDocsUIPlugin,
-  $i as enUS,
-  Mr as zhCN
+  Xn as DOC_UI_PLUGIN_NAME,
+  Hn as DefaultDocContainerConfig,
+  Yn as DefaultDocUiConfig,
+  kn as DefaultToolbarConfig,
+  Oe as DocCanvasView,
+  vt as UniverDocsUIPlugin,
+  Ji as enUS,
+  jr as zhCN
 };