@univerjs/docs-ui 0.1.16 → 0.1.17

package/lib/es/index.js

@@ -1,16 +1,16 @@
-var jt = Object.defineProperty;
-var Wt = (i, e, t) => e in i ? jt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var g = (i, e, t) => Wt(i, typeof e != "symbol" ? e + "" : e, t);
-import { FOCUSING_DOC as xe, FOCUSING_UNIVER_EDITOR as Ze, FOCUSING_COMMON_DRAWINGS as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as zt, Direction as w, EDITOR_ACTIVATED as Mt, LocaleService as qe, RxDisposable as de, ICommandService as v, BooleanNumber as C, UniverInstanceType as f, BaselineOffset as K, ThemeService as yt, HorizontalAlign as De, IUniverInstanceService as P, Disposable as k, OnLifecycle as U, LifecycleStages as A, Tools as Je, LRUMap as kt, ColorKit as st, toDisposable as B, ILogService as Et, CommandType as Qe, IContextService as Ht, checkForSubstrings as Yt, IConfigService as Gt, PositionedObjectLayoutType as Xt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Kt, DisposableCollection as Zt, Plugin as qt, ObjectRelativeFromH as Jt, ObjectRelativeFromV as Qt } from "@univerjs/core";
-import { Inject as O, Injector as Pe, Optional as en, createIdentifier as tn } from "@wendellhu/redi";
-import { KeyCode as E, MetaKeys as ue, ILayoutService as xt, MenuGroup as I, MenuItemType as T, MenuPosition as b, getMenuHiddenObservable as M, FONT_FAMILY_LIST as at, FONT_SIZE_LIST as nn, FontFamily as rn, FontFamilyItem as on, FontSize as sn, BuiltInUIPart as an, ComponentManager as cn, IEditorService as L, IMenuService as ln, IUIPartsService as dn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as un, HTML_CLIPBOARD_MIME_TYPE as hn, IClipboardInterfaceService as et, CopyCommand as pn, CutCommand as _n, PasteCommand as gn, SetEditorResizeOperation as fn, ICanvasPopupService as mn, IShortcutService as Sn } from "@univerjs/ui";
-import { MoveCursorOperation as Ne, MoveSelectionOperation as Ue, SelectAllOperation as vn, SetInlineFormatBoldCommand as Cn, SetTextSelectionsOperation as x, SetInlineFormatCommand as q, SetInlineFormatItalicCommand as On, SetInlineFormatUnderlineCommand as Rn, SetInlineFormatStrikethroughCommand as Tn, SetInlineFormatSubscriptCommand as In, SetInlineFormatSuperscriptCommand as bn, SetInlineFormatFontFamilyCommand as ct, SetInlineFormatFontSizeCommand as lt, SetInlineFormatTextColorCommand as dt, AlignLeftCommand as Mn, AlignOperationCommand as Ae, AlignCenterCommand as yn, AlignRightCommand as En, AlignJustifyCommand as xn, OrderListCommand as Dn, BulletListCommand as Pn, ResetInlineFormatTextBackgroundColorCommand as Nn, SetInlineFormatTextBackgroundColorCommand as He, TextSelectionManagerService as J, BreakLineCommand as Un, DeleteLeftCommand as An, DeleteRightCommand as Ln, CutContentCommand as Dt, InnerPasteCommand as Pt, VIEWPORT_KEY as Q, CoverContentCommand as $n, RichTextEditingMutation as tt, DocSkeletonManagerService as ee, DOCS_VIEW_KEY as X, DOCS_COMPONENT_MAIN_LAYER_INDEX as We, DOCS_COMPONENT_HEADER_LAYER_INDEX as Bn, DOCS_COMPONENT_DEFAULT_Z_INDEX as ut, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as wn, SetDocZoomRatioOperation as Le, SetDocZoomRatioCommand as Fn, getDocObject as Nt, getDocObjectById as Vn } from "@univerjs/docs";
-import { connectInjector as jn } from "@wendellhu/redi/react-bindings";
-import { ITextSelectionRenderManager as he, pixelToPt as Wn, ptToPixel as ht, ScrollBar as Ye, IRenderManagerService as F, PageLayoutType as pt, Viewport as zn, EVENT_TYPE as kn, Layer as _t, Documents as Hn, DocBackground as Yn, Liquid as Gn, CURSOR_TYPE as gt, NodePositionConvertToCursor as Xn, getAnchorBounding as Kn } from "@univerjs/engine-render";
-import Zn from "react";
-import { Observable as y, takeUntil as le, fromEvent as ft, BehaviorSubject as Ut } from "rxjs";
-import { ColorPicker as qn } from "@univerjs/design";
-const Jn = {
+var Bt = Object.defineProperty;
+var Ft = (t, e, n) => e in t ? Bt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var v = (t, e, n) => Ft(t, typeof e != "symbol" ? e + "" : e, n);
+import { FOCUSING_DOC as Se, FOCUSING_UNIVER_EDITOR as Xe, FOCUSING_COMMON_DRAWINGS as Tt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Vt, Direction as U, EDITOR_ACTIVATED as It, LocaleService as bt, RxDisposable as re, ICommandService as S, BooleanNumber as C, UniverInstanceType as g, BaselineOffset as k, ThemeService as Et, HorizontalAlign as ve, IUniverInstanceService as P, Disposable as F, OnLifecycle as Ce, LifecycleStages as Oe, Tools as Ke, LRUMap as jt, ColorKit as it, skipParseTagNames as Wt, toDisposable as zt, ILogService as yt, CommandType as Ze, IContextService as Ht, checkForSubstrings as kt, IConfigService as Yt, PositionedObjectLayoutType as Gt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Xt, DisposableCollection as Kt, Plugin as Zt, ObjectRelativeFromH as qt, ObjectRelativeFromV as Jt } from "@univerjs/core";
+import { Inject as O, Injector as Re, Optional as Qt, createIdentifier as en } from "@wendellhu/redi";
+import { KeyCode as y, MetaKeys as oe, ILayoutService as Mt, MenuGroup as T, MenuItemType as R, MenuPosition as I, getMenuHiddenObservable as b, FONT_FAMILY_LIST as rt, FONT_SIZE_LIST as tn, FontFamily as nn, FontFamilyItem as rn, FontSize as on, BuiltInUIPart as sn, ComponentManager as an, IEditorService as A, IMenuService as cn, IUIPartsService as ln, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as dn, HTML_CLIPBOARD_MIME_TYPE as un, IClipboardInterfaceService as qe, CopyCommand as hn, CutCommand as pn, PasteCommand as _n, SetEditorResizeOperation as gn, ICanvasPopupService as fn, IShortcutService as mn } from "@univerjs/ui";
+import { ITextSelectionRenderManager as se, pixelToPt as Sn, ptToPixel as ot, ScrollBar as Be, IRenderManagerService as Te, Viewport as vn, Layer as st, Documents as Cn, DocBackground as On, PageLayoutType as at, Liquid as Rn, CURSOR_TYPE as ct, NodePositionConvertToCursor as Tn, getAnchorBounding as In } from "@univerjs/engine-render";
+import { MoveCursorOperation as Ie, MoveSelectionOperation as be, SelectAllOperation as bn, SetInlineFormatBoldCommand as En, SetTextSelectionsOperation as M, SetInlineFormatCommand as G, SetInlineFormatItalicCommand as yn, SetInlineFormatUnderlineCommand as Mn, SetInlineFormatStrikethroughCommand as xn, SetInlineFormatSubscriptCommand as Pn, SetInlineFormatSuperscriptCommand as Dn, SetInlineFormatFontFamilyCommand as lt, SetInlineFormatFontSizeCommand as dt, SetInlineFormatTextColorCommand as ut, AlignLeftCommand as Nn, AlignOperationCommand as Ee, AlignCenterCommand as Un, AlignRightCommand as An, AlignJustifyCommand as Ln, OrderListCommand as $n, BulletListCommand as wn, ResetInlineFormatTextBackgroundColorCommand as Bn, SetInlineFormatTextBackgroundColorCommand as Fe, TextSelectionManagerService as X, BreakLineCommand as Fn, DeleteLeftCommand as Vn, DeleteRightCommand as jn, CutContentCommand as xt, InnerPasteCommand as Pt, DocSkeletonManagerService as V, VIEWPORT_KEY as K, CoverContentCommand as Wn, RichTextEditingMutation as Je, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ue, DOCS_COMPONENT_HEADER_LAYER_INDEX as zn, DOCS_VIEW_KEY as W, DOCS_COMPONENT_DEFAULT_Z_INDEX as ht, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as Hn, SetDocZoomRatioOperation as ye, SetDocZoomRatioCommand as kn, neoGetDocObject as fe } from "@univerjs/docs";
+import { connectInjector as Yn } from "@wendellhu/redi/react-bindings";
+import Gn from "react";
+import { Observable as E, takeUntil as H, fromEvent as pt, BehaviorSubject as Xn } from "rxjs";
+import { ColorPicker as Kn } from "@univerjs/design";
+const Zn = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -38,7 +38,7 @@ const Jn = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, Qn = {
+}, qn = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -51,90 +51,90 @@ const Jn = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, ei = {
+}, Jn = {
   layout: {
-    docContainerConfig: Qn,
-    toolbarConfig: Jn
+    docContainerConfig: qn,
+    toolbarConfig: Zn
   }
-}, ti = "DocUI";
-function N(i) {
-  return i.getContextValue(xe) && i.getContextValue(Ze) && !i.getContextValue(bt);
+}, Qn = "DocUI";
+function D(t) {
+  return t.getContextValue(Se) && t.getContextValue(Xe) && !t.getContextValue(Tt);
 }
-function ni(i) {
-  return i.getContextValue(xe) && i.getContextValue(Ze) && !i.getContextValue(zt) && !i.getContextValue(bt);
+function ei(t) {
+  return t.getContextValue(Se) && t.getContextValue(Xe) && !t.getContextValue(Vt) && !t.getContextValue(Tt);
 }
-const ii = {
-  id: Ne.id,
-  binding: E.ARROW_UP,
-  preconditions: N,
+const ti = {
+  id: Ie.id,
+  binding: y.ARROW_UP,
+  preconditions: D,
   staticParameters: {
-    direction: w.UP
+    direction: U.UP
+  }
+}, ni = {
+  id: Ie.id,
+  binding: y.ARROW_DOWN,
+  preconditions: D,
+  staticParameters: {
+    direction: U.DOWN
+  }
+}, ii = {
+  id: Ie.id,
+  binding: y.ARROW_LEFT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.LEFT
   }
 }, ri = {
-  id: Ne.id,
-  binding: E.ARROW_DOWN,
-  preconditions: N,
+  id: Ie.id,
+  binding: y.ARROW_RIGHT,
+  preconditions: D,
   staticParameters: {
-    direction: w.DOWN
+    direction: U.RIGHT
   }
 }, oi = {
-  id: Ne.id,
-  binding: E.ARROW_LEFT,
-  preconditions: N,
+  id: be.id,
+  binding: y.ARROW_UP | oe.SHIFT,
+  preconditions: D,
   staticParameters: {
-    direction: w.LEFT
+    direction: U.UP
   }
 }, si = {
-  id: Ne.id,
-  binding: E.ARROW_RIGHT,
-  preconditions: N,
+  id: be.id,
+  binding: y.ARROW_DOWN | oe.SHIFT,
+  preconditions: D,
   staticParameters: {
-    direction: w.RIGHT
+    direction: U.DOWN
   }
 }, ai = {
-  id: Ue.id,
-  binding: E.ARROW_UP | ue.SHIFT,
-  preconditions: N,
+  id: be.id,
+  binding: y.ARROW_LEFT | oe.SHIFT,
+  preconditions: D,
   staticParameters: {
-    direction: w.UP
+    direction: U.LEFT
   }
 }, ci = {
-  id: Ue.id,
-  binding: E.ARROW_DOWN | ue.SHIFT,
-  preconditions: N,
+  id: be.id,
+  binding: y.ARROW_RIGHT | oe.SHIFT,
+  preconditions: D,
   staticParameters: {
-    direction: w.DOWN
+    direction: U.RIGHT
   }
 }, li = {
-  id: Ue.id,
-  binding: E.ARROW_LEFT | ue.SHIFT,
-  preconditions: N,
-  staticParameters: {
-    direction: w.LEFT
-  }
-}, di = {
-  id: Ue.id,
-  binding: E.ARROW_RIGHT | ue.SHIFT,
-  preconditions: N,
-  staticParameters: {
-    direction: w.RIGHT
-  }
-}, ui = {
-  id: vn.id,
-  binding: E.A | ue.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(Ze) && (i.getContextValue(xe) || i.getContextValue(Mt))
+  id: bn.id,
+  binding: y.A | oe.CTRL_COMMAND,
+  preconditions: (t) => t.getContextValue(Xe) && (t.getContextValue(Se) || t.getContextValue(It))
 };
-var hi = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, _i = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? pi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && hi(e, t, r), r;
-}, mt = (i, e) => (t, n) => e(t, n, i);
-let Ge = class {
-  constructor(i, e, t) {
-    g(this, "_docContainer");
+var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, hi = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? ui(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && di(e, n, r), r;
+}, _t = (t, e) => (n, i) => e(n, i, t);
+let Ve = class {
+  constructor(t, e, n) {
+    v(this, "_docContainer");
     // 获取SheetContainer组件
-    g(this, "getComponent", (i) => {
-      if (this._docContainer = i, !i.getContentRef().current)
+    v(this, "getComponent", (t) => {
+      if (this._docContainer = t, !t.getContentRef().current)
         throw new Error("container is not ready");
     });
     /**
@@ -144,10 +144,10 @@ let Ge = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    g(this, "changeLocale", (i) => {
-      this._localeService.setLocale(i);
+    v(this, "changeLocale", (t) => {
+      this._localeService.setLocale(t);
     });
-    this._config = i, this._localeService = e, this._injector = t;
+    this._config = t, this._localeService = e, this._injector = n;
   }
   getUIConfig() {
     return {
@@ -160,27 +160,27 @@ let Ge = class {
   getContentRef() {
     return this._docContainer.getContentRef();
   }
-  UIDidMount(i) {
+  UIDidMount(t) {
     if (this._docContainer)
-      return i(this._docContainer);
+      return t(this._docContainer);
   }
   getDocContainer() {
     return this._docContainer;
   }
 };
-Ge = _i([
-  mt(1, O(qe)),
-  mt(2, O(Pe))
-], Ge);
-var gi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, mi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? fi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && gi(e, t, r), r;
-}, _e = (i, e) => (t, n) => e(t, n, i);
-let ae = class extends de {
-  constructor(e, t, n, r, o) {
+Ve = hi([
+  _t(1, O(bt)),
+  _t(2, O(Re))
+], Ve);
+var pi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, gi = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? _i(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && pi(e, n, r), r;
+}, le = (t, e) => (n, i) => e(n, i, t);
+let ne = class extends re {
+  constructor(e, n, i, r, o) {
     super();
-    g(this, "_docContainerController");
+    v(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -188,10 +188,10 @@ let ae = class extends de {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    g(this, "changeLocale", (e) => {
+    v(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = n, this._textSelectionRenderManager = r, this._layoutService = o, this._docContainerController = this._injector.createInstance(Ge, e), this._registerContainer();
+    this._localeService = n, this._injector = i, this._textSelectionRenderManager = r, this._layoutService = o, this._docContainerController = this._injector.createInstance(Ve, e), this._registerContainer();
   }
   _registerContainer() {
     this._layoutService && this.disposeWithMe(
@@ -203,14 +203,14 @@ let ae = class extends de {
     return this._docContainerController;
   }
 };
-ae = mi([
-  _e(1, O(qe)),
-  _e(2, O(Pe)),
-  _e(3, he),
-  _e(4, en(xt))
-], ae);
-const $e = "UI_PLUGIN_DOCS", nt = `${$e}_COLOR_PICKER_COMPONENT`, At = `${$e}_FONT_FAMILY_COMPONENT`, Lt = `${$e}_FONT_FAMILY_ITEM_COMPONENT`, $t = `${$e}_FONT_SIZE_COMPONENT`;
-var Bt = { exports: {} }, Be = {};
+ne = gi([
+  le(1, O(bt)),
+  le(2, O(Re)),
+  le(3, se),
+  le(4, Qt(Mt))
+], ne);
+const Me = "UI_PLUGIN_DOCS", Qe = `${Me}_COLOR_PICKER_COMPONENT`, Dt = `${Me}_FONT_FAMILY_COMPONENT`, Nt = `${Me}_FONT_FAMILY_ITEM_COMPONENT`, Ut = `${Me}_FONT_SIZE_COMPONENT`;
+var At = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -220,451 +220,451 @@ var Bt = { exports: {} }, Be = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Si = Zn, vi = Symbol.for("react.element"), Ci = Symbol.for("react.fragment"), Oi = Object.prototype.hasOwnProperty, Ri = Si.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Ti = { key: !0, ref: !0, __self: !0, __source: !0 };
-function wt(i, e, t) {
-  var n, r = {}, o = null, s = null;
-  t !== void 0 && (o = "" + t), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
-  for (n in e) Oi.call(e, n) && !Ti.hasOwnProperty(n) && (r[n] = e[n]);
-  if (i && i.defaultProps) for (n in e = i.defaultProps, e) r[n] === void 0 && (r[n] = e[n]);
-  return { $$typeof: vi, type: i, key: o, ref: s, props: r, _owner: Ri.current };
+var fi = Gn, mi = Symbol.for("react.element"), Si = Symbol.for("react.fragment"), vi = Object.prototype.hasOwnProperty, Ci = fi.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Oi = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Lt(t, e, n) {
+  var i, r = {}, o = null, s = null;
+  n !== void 0 && (o = "" + n), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
+  for (i in e) vi.call(e, i) && !Oi.hasOwnProperty(i) && (r[i] = e[i]);
+  if (t && t.defaultProps) for (i in e = t.defaultProps, e) r[i] === void 0 && (r[i] = e[i]);
+  return { $$typeof: mi, type: t, key: o, ref: s, props: r, _owner: Ci.current };
 }
-Be.Fragment = Ci;
-Be.jsx = wt;
-Be.jsxs = wt;
-Bt.exports = Be;
-var Ii = Bt.exports;
-const bi = "univer-docs-ui-canvas-background", Mi = {
-  docsUiCanvasBackground: bi
-}, yi = () => /* @__PURE__ */ Ii.jsx("div", { className: Mi.docsUiCanvasBackground });
-function Ei(i) {
-  const e = i.get(v);
+xe.Fragment = Si;
+xe.jsx = Lt;
+xe.jsxs = Lt;
+At.exports = xe;
+var Ri = At.exports;
+const Ti = "univer-docs-ui-canvas-background", Ii = {
+  docsUiCanvasBackground: Ti
+}, bi = () => /* @__PURE__ */ Ri.jsx("div", { className: Ii.docsUiCanvasBackground });
+function Ei(t) {
+  const e = t.get(S);
   return {
-    id: Cn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: En.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === q.id) {
-          const a = V(i);
+        if (o === M.id || o === G.id) {
+          const a = L(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.bl;
-          t.next(c === C.TRUE);
+          n.next(c === C.TRUE);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function xi(i) {
-  const e = i.get(v);
+function yi(t) {
+  const e = t.get(S);
   return {
-    id: On.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: yn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === q.id) {
-          const a = V(i);
+        if (o === M.id || o === G.id) {
+          const a = L(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.it;
-          t.next(c === C.TRUE);
+          n.next(c === C.TRUE);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Di(i) {
-  const e = i.get(v);
+function Mi(t) {
+  const e = t.get(S);
   return {
-    id: Rn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: Mn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === q.id) {
-          const a = V(i);
+        if (o === M.id || o === G.id) {
+          const a = L(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.ul;
-          t.next((c == null ? void 0 : c.s) === C.TRUE);
+          n.next((c == null ? void 0 : c.s) === C.TRUE);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Pi(i) {
-  const e = i.get(v);
+function xi(t) {
+  const e = t.get(S);
   return {
-    id: Tn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: xn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === q.id) {
-          const a = V(i);
+        if (o === M.id || o === G.id) {
+          const a = L(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.st;
-          t.next((c == null ? void 0 : c.s) === C.TRUE);
+          n.next((c == null ? void 0 : c.s) === C.TRUE);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Ni(i) {
-  const e = i.get(v);
+function Pi(t) {
+  const e = t.get(S);
   return {
-    id: In.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: Pn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === q.id) {
-          const a = V(i);
+        if (o === M.id || o === G.id) {
+          const a = L(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          t.next(c === K.SUBSCRIPT);
+          n.next(c === k.SUBSCRIPT);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Ui(i) {
-  const e = i.get(v);
+function Di(t) {
+  const e = t.get(S);
   return {
-    id: bn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: Dn.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === q.id) {
-          const a = V(i);
+        if (o === M.id || o === G.id) {
+          const a = L(t);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          t.next(c === K.SUPERSCRIPT);
+          n.next(c === k.SUPERSCRIPT);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Ai(i) {
-  const e = i.get(v);
+function Ni(t) {
+  const e = t.get(S);
   return {
-    id: ct.id,
+    id: lt.id,
     tooltip: "toolbar.font",
-    group: I.TOOLBAR_FORMAT,
-    type: T.SELECTOR,
-    label: At,
-    positions: [b.TOOLBAR_START],
-    selections: at.map((t) => ({
+    group: T.TOOLBAR_FORMAT,
+    type: R.SELECTOR,
+    label: Dt,
+    positions: [I.TOOLBAR_START],
+    selections: rt.map((n) => ({
       label: {
-        name: Lt,
+        name: Nt,
         hoverable: !0
       },
-      value: t.value
+      value: n.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new y((t) => {
-      const n = at[0].value, r = e.onCommandExecuted((o) => {
+    value$: new E((n) => {
+      const i = rt[0].value, r = e.onCommandExecuted((o) => {
         var a;
         const s = o.id;
-        if (s === x.id || s === ct.id) {
-          const c = V(i);
+        if (s === M.id || s === lt.id) {
+          const c = L(t);
           if (c == null)
             return;
           const l = (a = c.ts) == null ? void 0 : a.ff;
-          t.next(l != null ? l : n);
+          n.next(l != null ? l : i);
         }
       });
-      return t.next(n), r.dispose;
+      return n.next(i), r.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Li(i) {
-  const e = i.get(v);
+function Ui(t) {
+  const e = t.get(S);
   return {
-    id: lt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.SELECTOR,
+    id: dt.id,
+    group: T.TOOLBAR_FORMAT,
+    type: R.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: $t,
+      name: Ut,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [b.TOOLBAR_START],
-    selections: nn,
+    positions: [I.TOOLBAR_START],
+    selections: tn,
     // disabled$,
-    value$: new y((t) => {
+    value$: new E((n) => {
       const r = e.onCommandExecuted((o) => {
         var a;
         const s = o.id;
-        if (s === x.id || s === lt.id) {
-          const c = V(i);
+        if (s === M.id || s === dt.id) {
+          const c = L(t);
           if (c == null)
             return;
           const l = (a = c.ts) == null ? void 0 : a.fs;
-          t.next(l != null ? l : 14);
+          n.next(l != null ? l : 14);
         }
       });
-      return t.next(14), r.dispose;
+      return n.next(14), r.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function $i(i) {
-  const e = i.get(v), t = i.get(yt);
+function Ai(t) {
+  const e = t.get(S), n = t.get(Et);
   return {
-    id: dt.id,
+    id: ut.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON_SELECTOR,
-    positions: [b.TOOLBAR_START],
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON_SELECTOR,
+    positions: [I.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: nt,
+          name: Qe,
           hoverable: !1
         }
       }
     ],
-    value$: new y((n) => {
-      const r = t.getCurrentTheme().textColor, o = e.onCommandExecuted((s) => {
-        if (s.id === dt.id) {
+    value$: new E((i) => {
+      const r = n.getCurrentTheme().textColor, o = e.onCommandExecuted((s) => {
+        if (s.id === ut.id) {
           const a = s.params.value;
-          n.next(a != null ? a : r);
+          i.next(a != null ? a : r);
         }
       });
-      return n.next(r), o.dispose;
+      return i.next(r), o.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function Bi(i) {
-  const e = i.get(v);
+function Li(t) {
+  const e = t.get(S);
   return {
-    id: Mn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: Nn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: R.BUTTON,
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === Ae.id) {
-          const a = we(i);
+        if (o === M.id || o === Ee.id) {
+          const a = Pe(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === De.LEFT);
+          n.next(c === ve.LEFT);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function wi(i) {
-  const e = i.get(v);
+function $i(t) {
+  const e = t.get(S);
   return {
-    id: yn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: Un.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: R.BUTTON,
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === Ae.id) {
-          const a = we(i);
+        if (o === M.id || o === Ee.id) {
+          const a = Pe(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === De.CENTER);
+          n.next(c === ve.CENTER);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Fi(i) {
-  const e = i.get(v);
+function wi(t) {
+  const e = t.get(S);
   return {
-    id: En.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: An.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: R.BUTTON,
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === Ae.id) {
-          const a = we(i);
+        if (o === M.id || o === Ee.id) {
+          const a = Pe(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === De.RIGHT);
+          n.next(c === ve.RIGHT);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Vi(i) {
-  const e = i.get(v);
+function Bi(t) {
+  const e = t.get(S);
   return {
-    id: xn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: Ln.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: R.BUTTON,
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
-    positions: [b.TOOLBAR_START],
-    activated$: new y((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [I.TOOLBAR_START],
+    activated$: new E((n) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === x.id || o === Ae.id) {
-          const a = we(i);
+        if (o === M.id || o === Ee.id) {
+          const a = Pe(t);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === De.JUSTIFIED);
+          n.next(c === ve.JUSTIFIED);
         }
       });
-      return t.next(!1), n.dispose;
+      return n.next(!1), i.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function ji(i) {
+function Fi(t) {
   return {
-    id: Dn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: $n.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: R.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [b.TOOLBAR_START],
-    hidden$: M(i, f.UNIVER_DOC)
+    positions: [I.TOOLBAR_START],
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function Wi(i) {
+function Vi(t) {
   return {
-    id: Pn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: wn.id,
+    group: T.TOOLBAR_LAYOUT,
+    type: R.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [b.TOOLBAR_START],
-    hidden$: M(i, f.UNIVER_DOC)
+    positions: [I.TOOLBAR_START],
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function zi(i) {
+function ji(t) {
   return {
-    id: Nn.id,
-    type: T.BUTTON,
+    id: Bn.id,
+    type: R.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor",
-    positions: He.id
+    positions: Fe.id
   };
 }
-function ki(i) {
-  const e = i.get(v), t = i.get(yt);
+function Wi(t) {
+  const e = t.get(S), n = t.get(Et);
   return {
-    id: He.id,
+    id: Fe.id,
     tooltip: "toolbar.fillColor.main",
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON_SELECTOR,
-    positions: [b.TOOLBAR_START],
+    group: T.TOOLBAR_FORMAT,
+    type: R.BUTTON_SELECTOR,
+    positions: [I.TOOLBAR_START],
     icon: "PaintBucket",
     selections: [
       {
         label: {
-          name: nt,
+          name: Qe,
           hoverable: !1
         }
       }
     ],
-    value$: new y((n) => {
-      const r = t.getCurrentTheme().primaryColor, o = e.onCommandExecuted((s) => {
-        if (s.id === He.id) {
+    value$: new E((i) => {
+      const r = n.getCurrentTheme().primaryColor, o = e.onCommandExecuted((s) => {
+        if (s.id === Fe.id) {
           const a = s.params.value;
-          n.next(a != null ? a : r);
+          i.next(a != null ? a : r);
         }
       });
-      return n.next(r), o.dispose;
+      return i.next(r), o.dispose;
     }),
-    hidden$: M(i, f.UNIVER_DOC)
+    hidden$: b(t, g.UNIVER_DOC)
   };
 }
-function V(i) {
+function L(t) {
   var c;
-  const e = i.get(P), t = i.get(J), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
-  if (n == null || r == null)
+  const e = t.get(P), n = t.get(X), i = e.getCurrentUniverDocInstance(), r = n.getActiveRange();
+  if (i == null || r == null)
     return;
-  const o = (c = n.getBody()) == null ? void 0 : c.textRuns;
+  const o = (c = i.getBody()) == null ? void 0 : c.textRuns;
   if (o == null)
     return;
   const { startOffset: s } = r;
@@ -682,12 +682,12 @@ function V(i) {
   }
   return a;
 }
-function we(i) {
+function Pe(t) {
   var c;
-  const e = i.get(P), t = i.get(J), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
-  if (n == null || r == null)
+  const e = t.get(P), n = t.get(X), i = e.getCurrentUniverDocInstance(), r = n.getActiveRange();
+  if (i == null || r == null)
     return;
-  const o = (c = n.getBody()) == null ? void 0 : c.paragraphs;
+  const o = (c = i.getBody()) == null ? void 0 : c.paragraphs;
   if (o == null)
     return;
   const { startOffset: s } = r;
@@ -700,98 +700,98 @@ function we(i) {
   }
   return null;
 }
-var Hi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Gi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Hi(e, t, r), r;
-}, W = (i, e) => (t, n) => e(t, n, i);
-let ce = class extends k {
-  constructor(i, e, t, n, r, o, s, a) {
-    super(), this._config = i, this._injector = e, this._componentManager = t, this._layoutService = n, this._editorService = r, this._menuService = o, this._uiPartsService = s, this._univerInstanceService = a, this._init();
+var zi = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, ki = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Hi(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && zi(e, n, r), r;
+}, B = (t, e) => (n, i) => e(n, i, t);
+let ie = class extends F {
+  constructor(t, e, n, i, r, o, s, a) {
+    super(), this._config = t, this._injector = e, this._componentManager = n, this._layoutService = i, this._editorService = r, this._menuService = o, this._uiPartsService = s, this._univerInstanceService = a, this._init();
   }
   _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(nt, qn)), this.disposeWithMe(i.register(At, rn)), this.disposeWithMe(i.register(Lt, on)), this.disposeWithMe(i.register($t, sn));
+    const t = this._componentManager;
+    this.disposeWithMe(t.register(Qe, Kn)), this.disposeWithMe(t.register(Dt, nn)), this.disposeWithMe(t.register(Nt, rn)), this.disposeWithMe(t.register(Ut, on));
   }
   _initMenus() {
-    const { menu: i = {} } = this._config;
+    const { menu: t = {} } = this._config;
     [
       Ei,
+      yi,
+      Mi,
       xi,
-      Di,
       Pi,
-      Ni,
+      Di,
       Ui,
-      Li,
+      Ni,
       Ai,
+      Li,
       $i,
-      Bi,
       wi,
+      Bi,
       Fi,
       Vi,
       ji,
-      Wi,
-      zi,
-      ki
+      Wi
     ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), i));
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), t));
     });
   }
   _init() {
     this._initCustomComponents(), this._initMenus(), this._initDocBackground(), this._initFocusHandler();
   }
   _initDocBackground() {
-    const i = this._univerInstanceService.getAllUnitsForType(f.UNIVER_DOC)[0].getUnitId();
-    if (i == null)
+    const t = this._univerInstanceService.getAllUnitsForType(g.UNIVER_DOC)[0].getUnitId();
+    if (t == null)
       return;
-    this._editorService.isEditor(i) || this.disposeWithMe(
-      this._uiPartsService.registerComponent(an.CONTENT, () => jn(yi, this._injector))
+    this._editorService.isEditor(t) || this.disposeWithMe(
+      this._uiPartsService.registerComponent(sn.CONTENT, () => Yn(bi, this._injector))
     );
   }
   _initFocusHandler() {
     this.disposeWithMe(
-      this._layoutService.registerFocusHandler(f.UNIVER_DOC, () => {
-        this._injector.get(he).focus();
+      this._layoutService.registerFocusHandler(g.UNIVER_DOC, () => {
+        this._injector.get(se).focus();
       })
     );
   }
 };
-ce = Gi([
-  U(A.Rendered, ce),
-  W(1, O(Pe)),
-  W(2, O(cn)),
-  W(3, xt),
-  W(4, L),
-  W(5, ln),
-  W(6, dn),
-  W(7, P)
-], ce);
-const Xi = {
-  id: Un.id,
-  preconditions: ni,
-  binding: E.ENTER
-}, Ki = {
-  id: An.id,
-  preconditions: N,
-  binding: E.BACKSPACE
-}, Zi = {
-  id: Ln.id,
-  preconditions: N,
-  binding: E.DELETE
-}, qi = 10, Ji = 6;
-function Qi() {
-  return Je.generateRandomId(Ji);
+ie = ki([
+  Ce(Oe.Rendered, ie),
+  B(1, O(Re)),
+  B(2, O(an)),
+  B(3, Mt),
+  B(4, A),
+  B(5, cn),
+  B(6, ln),
+  B(7, P)
+], ie);
+const Yi = {
+  id: Fn.id,
+  preconditions: ei,
+  binding: y.ENTER
+}, Gi = {
+  id: Vn.id,
+  preconditions: D,
+  binding: y.BACKSPACE
+}, Xi = {
+  id: jn.id,
+  preconditions: D,
+  binding: y.DELETE
+}, Ki = 10, Zi = 6;
+function qi() {
+  return Ke.generateRandomId(Zi);
 }
-function er(i) {
-  const e = i.match(/data-copy-id="([^\s]+)"/);
+function Ji(t) {
+  const e = t.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class tr {
+class Qi {
   constructor() {
-    g(this, "_cache", new kt(qi));
+    v(this, "_cache", new jt(Ki));
   }
-  set(e, t) {
-    this._cache.set(e, t);
+  set(e, n) {
+    this._cache.set(e, n);
   }
   get(e) {
     return this._cache.get(e);
@@ -800,35 +800,35 @@ class tr {
     this._cache.clear();
   }
 }
-const St = new tr();
-function it(i) {
-  const e = i.style, t = {}, n = i.tagName.toLowerCase();
-  switch (n) {
+const gt = new Qi();
+function et(t) {
+  const e = t.style, n = {}, i = t.tagName.toLowerCase();
+  switch (i) {
     case "b":
     case "em":
     case "strong": {
-      t.bl = C.TRUE;
+      n.bl = C.TRUE;
       break;
     }
     case "s": {
-      t.st = {
+      n.st = {
         s: C.TRUE
       };
       break;
     }
     case "u": {
-      t.ul = {
+      n.ul = {
         s: C.TRUE
       };
       break;
     }
     case "i": {
-      t.it = C.TRUE;
+      n.it = C.TRUE;
       break;
     }
     case "sub":
     case "sup": {
-      t.va = n === "sup" ? K.SUPERSCRIPT : K.SUBSCRIPT;
+      n.va = i === "sup" ? k.SUPERSCRIPT : k.SUBSCRIPT;
       break;
     }
   }
@@ -836,63 +836,63 @@ function it(i) {
     const o = e[r], s = e.getPropertyValue(o);
     switch (o) {
       case "font-family": {
-        t.ff = s;
+        n.ff = s;
         break;
       }
       case "font-size": {
         const a = Number.parseInt(s);
-        Number.isNaN(a) || (s.endsWith("pt") ? t.fs = a : s.endsWith("px") && (t.fs = Wn(a)));
+        Number.isNaN(a) || (s.endsWith("pt") ? n.fs = a : s.endsWith("px") && (n.fs = Sn(a)));
         break;
       }
       case "font-style": {
-        s === "italic" && (t.it = C.TRUE);
+        s === "italic" && (n.it = C.TRUE);
         break;
       }
       case "font-weight": {
-        Number(s) > 400 && (t.bl = C.TRUE);
+        (Number(s) > 400 || String(s) === "bold") && (n.bl = C.TRUE);
         break;
       }
       case "text-decoration": {
-        /underline/.test(s) ? t.ul = {
+        /underline/.test(s) ? n.ul = {
           s: C.TRUE
-        } : /overline/.test(s) ? t.ol = {
+        } : /overline/.test(s) ? n.ol = {
           s: C.TRUE
-        } : /line-through/.test(s) && (t.st = {
+        } : /line-through/.test(s) && (n.st = {
           s: C.TRUE
         });
         break;
       }
       case "color": {
-        const a = new st(s);
-        a.isValid && (t.cl = {
+        const a = new it(s);
+        a.isValid && (n.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new st(s);
-        a.isValid && (t.bg = {
+        const a = new it(s);
+        a.isValid && (n.bg = {
           rgb: a.toRgbString()
         });
         break;
       }
     }
   }
-  return t;
+  return n;
 }
-function nr(i) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</x-univer>`;
-  return e.parseFromString(t, "text/html").querySelector("#univer-root");
+function er(t) {
+  const e = new DOMParser(), n = `<x-univer id="univer-root">${t}</x-univer>`;
+  return e.parseFromString(n, "text/html").querySelector("#univer-root");
 }
-function vt(i, e) {
-  const t = i.tagName.toLowerCase();
-  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(i);
+function ft(t, e) {
+  const n = t.tagName.toLowerCase();
+  return typeof e == "string" ? n === e : Array.isArray(e) ? e.some((i) => i === n) : e(t);
 }
-const Ee = class Ee {
+const me = class me {
   constructor() {
-    g(this, "_styleCache", /* @__PURE__ */ new Map());
-    g(this, "_styleRules", []);
-    g(this, "_afterProcessRules", []);
+    v(this, "_styleCache", /* @__PURE__ */ new Map());
+    v(this, "_styleRules", []);
+    v(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -900,48 +900,54 @@ const Ee = class Ee {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = Ee._pluginList.find((o) => o.checkPasteType(e)), n = nr(e), r = {
+    const n = me._pluginList.find((o) => o.checkPasteType(e)), i = er(e), r = {
       dataStream: "",
       textRuns: []
     };
-    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, n == null ? void 0 : n.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
-  }
-  _process(e, t, n) {
-    var r;
-    for (const o of t)
-      if (o.nodeType === Node.TEXT_NODE) {
-        const s = (r = o.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
-        let a;
-        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += s, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
-          st: n.dataStream.length - s.length,
-          ed: n.dataStream.length,
-          ts: a
+    return n && (this._styleRules = [...n.stylesRules], this._afterProcessRules = [...n.afterProcessRules]), this._styleCache.clear(), this._process(null, i == null ? void 0 : i.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
+  }
+  _process(e, n, i) {
+    var r, o;
+    for (const s of n)
+      if (s.nodeType === Node.TEXT_NODE) {
+        if (((r = s.nodeValue) == null ? void 0 : r.trim()) === "")
+          continue;
+        const a = (o = s.nodeValue) == null ? void 0 : o.replace(/[\r\n]/g, "");
+        let c;
+        e && this._styleCache.has(e) && (c = this._styleCache.get(e)), i.dataStream += a, c && Object.getOwnPropertyNames(c).length && i.textRuns.push({
+          st: i.dataStream.length - a.length,
+          ed: i.dataStream.length,
+          ts: c
         });
-      } else if (o.nodeType === Node.ELEMENT_NODE) {
-        const s = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => vt(o, h)), c = a ? a.getStyle(o) : it(o);
-        this._styleCache.set(o, { ...s, ...c });
-        const { childNodes: l } = o;
-        this._process(o, l, n);
-        const u = this._afterProcessRules.find(
-          ({ filter: h }) => vt(o, h)
-        );
-        u && u.handler(n, o);
+      } else {
+        if (Wt.includes(s.nodeName.toLowerCase()))
+          continue;
+        if (s.nodeType === Node.ELEMENT_NODE) {
+          const a = e ? this._styleCache.get(e) : {}, c = this._styleRules.find(({ filter: _ }) => ft(s, _)), l = c ? c.getStyle(s) : et(s);
+          this._styleCache.set(s, { ...a, ...l });
+          const { childNodes: u } = s;
+          this._process(s, u, i);
+          const h = this._afterProcessRules.find(
+            ({ filter: _ }) => ft(s, _)
+          );
+          h && h.handler(i, s);
+        }
       }
   }
 };
-g(Ee, "_pluginList", []);
-let Z = Ee;
-const ir = {
+v(me, "_pluginList", []);
+let Y = me;
+const tr = {
   name: "univer-doc-paste-plugin-lark",
-  checkPasteType(i) {
-    return /lark-record-clipboard/i.test(i);
+  checkPasteType(t) {
+    return /lark-record-clipboard/i.test(t);
   },
   // TODO: @JOCS, support inline code copy from lark.
   stylesRules: [
     {
       filter: ["s"],
-      getStyle(i) {
-        const e = it(i);
+      getStyle(t) {
+        const e = et(t);
         return {
           st: {
             s: C.TRUE
@@ -953,163 +959,163 @@ const ir = {
   ],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "DIV" && /ace-line/i.test(i.className);
+      filter(t) {
+        return t.tagName === "DIV" && /ace-line/i.test(t.className);
       },
-      handler(i) {
-        i.paragraphs == null && (i.paragraphs = []), i.paragraphs.push({
-          startIndex: i.dataStream.length
-        }), i.dataStream += "\r";
+      handler(t) {
+        t.paragraphs == null && (t.paragraphs = []), t.paragraphs.push({
+          startIndex: t.dataStream.length
+        }), t.dataStream += "\r";
       }
     }
   ]
-}, rr = ir;
-function Ft(i) {
-  const e = i.style, t = {};
-  for (let n = 0; n < e.length; n++) {
-    const r = e[n], o = e.getPropertyValue(r);
+}, nr = tr;
+function $t(t) {
+  const e = t.style, n = {};
+  for (let i = 0; i < e.length; i++) {
+    const r = e[i], o = e.getPropertyValue(r);
     switch (r) {
       case "margin-top": {
         const s = Number.parseInt(o);
-        t.spaceAbove = /pt/.test(o) ? ht(s) : s;
+        n.spaceAbove = /pt/.test(o) ? ot(s) : s;
         break;
       }
       case "margin-bottom": {
         const s = Number.parseInt(o);
-        t.spaceBelow = /pt/.test(o) ? ht(s) : s;
+        n.spaceBelow = /pt/.test(o) ? ot(s) : s;
         break;
       }
       case "line-height": {
         const s = Number.parseFloat(o);
-        t.lineSpacing = s;
+        n.lineSpacing = s;
         break;
       }
     }
   }
-  return Object.getOwnPropertyNames(t).length ? t : null;
+  return Object.getOwnPropertyNames(n).length ? n : null;
 }
-const or = {
+const ir = {
   name: "univer-doc-paste-plugin-word",
-  checkPasteType(i) {
-    return /word|mso/i.test(i);
+  checkPasteType(t) {
+    return /word|mso/i.test(t);
   },
   stylesRules: [
     {
       filter: ["b"],
-      getStyle(i) {
-        const e = it(i);
+      getStyle(t) {
+        const e = et(t);
         return { bl: C.TRUE, ...e };
       }
     }
   ],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "P" && /mso/i.test(i.className);
+      filter(t) {
+        return t.tagName === "P";
       },
-      handler(i, e) {
-        i.paragraphs == null && (i.paragraphs = []);
-        const t = {
-          startIndex: i.dataStream.length
-        }, n = Ft(e);
-        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
+      handler(t, e) {
+        t.paragraphs == null && (t.paragraphs = []);
+        const n = {
+          startIndex: t.dataStream.length
+        }, i = $t(e);
+        i && (n.paragraphStyle = i), t.paragraphs.push(n), t.dataStream += "\r";
       }
     }
   ]
-}, sr = or, ar = {
+}, rr = ir, or = {
   name: "univer-doc-paste-plugin-univer",
-  checkPasteType(i) {
-    return /UniverNormal/i.test(i);
+  checkPasteType(t) {
+    return /UniverNormal/i.test(t);
   },
   stylesRules: [],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "P" && /UniverNormal/i.test(i.className);
+      filter(t) {
+        return t.tagName === "P" && /UniverNormal/i.test(t.className);
       },
-      handler(i, e) {
-        i.paragraphs == null && (i.paragraphs = []);
-        const t = {
-          startIndex: i.dataStream.length
-        }, n = Ft(e);
-        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
+      handler(t, e) {
+        t.paragraphs == null && (t.paragraphs = []);
+        const n = {
+          startIndex: t.dataStream.length
+        }, i = $t(e);
+        i && (n.paragraphStyle = i), t.paragraphs.push(n), t.dataStream += "\r";
       }
     }
   ]
-}, cr = ar;
-function Ct(i, e) {
-  const { st: t, ed: n, ts: r = {} } = e, { ff: o, fs: s, it: a, bl: c, ul: l, st: u, ol: h, bg: m, cl: p, va: S } = r;
-  let d = i.slice(t, n);
-  const _ = [];
-  return a === C.TRUE && (d = `<i>${d}</i>`), S === K.SUPERSCRIPT ? d = `<sup>${d}</sup>` : S === K.SUBSCRIPT && (d = `<sub>${d}</sub>`), (l == null ? void 0 : l.s) === C.TRUE && (d = `<u>${d}</u>`), (u == null ? void 0 : u.s) === C.TRUE && (d = `<s>${d}</s>`), c === C.TRUE && (d = `<strong>${d}</strong>`), o && _.push(`font-family: ${o}`), p && _.push(`color: ${p.rgb}`), s && _.push(`font-size: ${s}pt`), h && _.push("text-decoration: overline"), m && _.push(`background: ${m.rgb}`), _.length ? `<span style="${_.join("; ")};">${d}</span>` : d;
+}, sr = or;
+function mt(t, e) {
+  const { st: n, ed: i, ts: r = {} } = e, { ff: o, fs: s, it: a, bl: c, ul: l, st: u, ol: h, bg: _, cl: p, va: m } = r;
+  let d = t.slice(n, i);
+  const f = [];
+  return a === C.TRUE && (d = `<i>${d}</i>`), m === k.SUPERSCRIPT ? d = `<sup>${d}</sup>` : m === k.SUBSCRIPT && (d = `<sub>${d}</sub>`), (l == null ? void 0 : l.s) === C.TRUE && (d = `<u>${d}</u>`), (u == null ? void 0 : u.s) === C.TRUE && (d = `<s>${d}</s>`), c === C.TRUE && (d = `<strong>${d}</strong>`), o && f.push(`font-family: ${o}`), p && f.push(`color: ${p.rgb}`), s && f.push(`font-size: ${s}pt`), h && f.push("text-decoration: overline"), _ && f.push(`background: ${_.rgb}`), f.length ? `<span style="${f.join("; ")};">${d}</span>` : d;
 }
-function ze(i, e, t) {
-  const { dataStream: n, textRuns: r = [] } = i;
+function Ae(t, e, n) {
+  const { dataStream: i, textRuns: r = [] } = t;
   let o = e;
   const s = [];
   for (const a of r) {
     const { st: c, ed: l } = a;
-    Je.hasIntersectionBetweenTwoRanges(e, t, c, l) && (c > o ? (s.push(n.slice(o, c)), s.push(Ct(n, {
+    Ke.hasIntersectionBetweenTwoRanges(e, n, c, l) && (c > o ? (s.push(i.slice(o, c)), s.push(mt(i, {
       ...a,
-      ed: Math.min(l, t)
-    }))) : s.push(Ct(n, {
+      ed: Math.min(l, n)
+    }))) : s.push(mt(i, {
       ...a,
       st: o,
-      ed: Math.min(l, t)
-    }))), o = Math.max(e, Math.min(l, t));
+      ed: Math.min(l, n)
+    }))), o = Math.max(e, Math.min(l, n));
   }
-  return o !== t && s.push(n.slice(o, t)), s.join("");
+  return o !== n && s.push(i.slice(o, n)), s.join("");
 }
-function Ot(i, e = !0) {
-  var t;
-  if (e && ((t = i.paragraphs) != null && t.length)) {
-    const { dataStream: n, paragraphs: r = [] } = i;
+function St(t, e = !0) {
+  var n;
+  if (e && ((n = t.paragraphs) != null && n.length)) {
+    const { dataStream: i, paragraphs: r = [] } = t;
     let o = "", s = -1;
     for (const a of r) {
-      const { startIndex: c, paragraphStyle: l = {} } = a, { spaceAbove: u, spaceBelow: h, lineSpacing: m } = l, p = [];
-      u != null && (typeof u == "number" ? p.push(`margin-top: ${u}px`) : p.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? p.push(`margin-bottom: ${h}px`) : p.push(`margin-bottom: ${h.v}px`)), m != null && p.push(`line-height: ${m}`), c > s + 1 ? o += `<p class="UniverNormal" ${p.length ? `style="${p.join("; ")};"` : ""}>${ze(i, s + 1, c)}</p>` : o += `<p class="UniverNormal" ${p.length ? `style="${p.join("; ")};"` : ""}></p>`, s = c;
+      const { startIndex: c, paragraphStyle: l = {} } = a, { spaceAbove: u, spaceBelow: h, lineSpacing: _ } = l, p = [];
+      u != null && (typeof u == "number" ? p.push(`margin-top: ${u}px`) : p.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? p.push(`margin-bottom: ${h}px`) : p.push(`margin-bottom: ${h.v}px`)), _ != null && p.push(`line-height: ${_}`), c > s + 1 ? o += `<p class="UniverNormal" ${p.length ? `style="${p.join("; ")};"` : ""}>${Ae(t, s + 1, c)}</p>` : o += `<p class="UniverNormal" ${p.length ? `style="${p.join("; ")};"` : ""}></p>`, s = c;
     }
-    return s !== n.length && (o += ze(i, s, n.length)), o;
+    return s !== i.length && (o += Ae(t, s, i.length)), o;
   } else
-    return ze(i, 0, i.dataStream.length);
+    return Ae(t, 0, t.dataStream.length);
 }
-class lr {
+class ar {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return Ot(e[0]);
-    let t = "";
-    for (const n of e)
-      t += '<p className="UniverNormal">', t += Ot(n, !1), t += "</p>";
-    return t;
+      return St(e[0]);
+    let n = "";
+    for (const i of e)
+      n += '<p className="UniverNormal">', n += St(i, !1), n += "</p>";
+    return n;
   }
 }
-var dr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, hr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ur(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && dr(e, t, r), r;
-}, re = (i, e) => (t, n) => e(t, n, i);
-Z.use(sr);
-Z.use(rr);
-Z.use(cr);
-function pr(i) {
-  const e = i.replace(/\n/g, "\r"), t = [];
-  for (let n = 0; n < e.length; n++)
-    e[n] === "\r" && t.push({ startIndex: n });
+var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? lr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && cr(e, n, r), r;
+}, J = (t, e) => (n, i) => e(n, i, t);
+Y.use(rr);
+Y.use(nr);
+Y.use(sr);
+function ur(t) {
+  const e = t.replace(/\n/g, "\r"), n = [];
+  for (let i = 0; i < e.length; i++)
+    e[i] === "\r" && n.push({ startIndex: i });
   return {
     dataStream: e,
-    paragraphs: t
+    paragraphs: n
   };
 }
-const pe = tn("doc.clipboard-service");
-let Xe = class extends k {
-  constructor(e, t, n, r, o) {
+const ae = en("doc.clipboard-service");
+let je = class extends F {
+  constructor(e, n, i, r, o) {
     super();
-    g(this, "_clipboardHooks", []);
-    g(this, "_htmlToUDM", new Z());
-    g(this, "_umdToHtml", new lr());
-    this._univerInstanceService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = r, this._textSelectionManagerService = o;
+    v(this, "_clipboardHooks", []);
+    v(this, "_htmlToUDM", new Y());
+    v(this, "_umdToHtml", new ar());
+    this._univerInstanceService = e, this._logService = n, this._commandService = i, this._clipboardInterfaceService = r, this._textSelectionManagerService = o;
   }
   async copy() {
     const e = this._getDocumentBodyInRanges();
@@ -1117,8 +1123,8 @@ let Xe = class extends k {
       return !1;
     try {
       this._setClipboardData(e);
-    } catch (t) {
-      return this._logService.error("[DocClipboardService] copy failed", t), !1;
+    } catch (n) {
+      return this._logService.error("[DocClipboardService] copy failed", n), !1;
     }
     return !0;
   }
@@ -1126,51 +1132,51 @@ let Xe = class extends k {
     return this._cut();
   }
   async paste(e) {
-    const t = await this._generateBodyFromClipboardItems(e);
-    return this._paste(t);
-  }
-  async legacyPaste(e, t) {
-    const n = this._generateBodyFromHtmlAndText(e, t);
+    const n = await this._generateBodyFromClipboardItems(e);
     return this._paste(n);
   }
+  async legacyPaste(e, n) {
+    const i = this._generateBodyFromHtmlAndText(e, n);
+    return this._paste(i);
+  }
   async _cut() {
     var o;
     const {
       segmentId: e,
-      endOffset: t,
-      style: n
+      endOffset: n,
+      style: i
     } = (o = this._textSelectionManagerService.getActiveRange()) != null ? o : {}, r = this._textSelectionManagerService.getSelections();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t == null || r == null)
+    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), n == null || r == null)
       return !1;
     this.copy();
     try {
-      let s = t;
+      let s = n;
       for (const c of r) {
         const { startOffset: l, endOffset: u } = c;
-        l == null || u == null || u <= t && (s -= u - l);
+        l == null || u == null || u <= n && (s -= u - l);
       }
       const a = [
         {
           startOffset: s,
           endOffset: s,
-          style: n
+          style: i
         }
       ];
-      return this._commandService.executeCommand(Dt.id, { segmentId: e, textRanges: a });
+      return this._commandService.executeCommand(xt.id, { segmentId: e, textRanges: a });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
   }
   async _paste(e) {
     var s;
-    const { segmentId: t, endOffset: n, style: r } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, o = this._textSelectionManagerService.getSelections();
-    if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || o == null)
+    const { segmentId: n, endOffset: i, style: r } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, o = this._textSelectionManagerService.getSelections();
+    if (n == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), i == null || o == null)
       return !1;
     try {
-      let a = n;
+      let a = i;
       for (const l of o) {
         const { startOffset: u, endOffset: h } = l;
-        u == null || h == null || h <= n && (a += e.dataStream.length - (h - u));
+        u == null || h == null || h <= i && (a += e.dataStream.length - (h - u));
       }
       const c = [
         {
@@ -1179,142 +1185,142 @@ let Xe = class extends k {
           style: r
         }
       ];
-      return this._commandService.executeCommand(Pt.id, { body: e, segmentId: t, textRanges: c });
+      return this._commandService.executeCommand(Pt.id, { body: e, segmentId: n, textRanges: c });
     } catch {
       return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
     }
   }
   async _setClipboardData(e) {
-    const t = Qi(), n = e.length > 1 ? e.map((o) => o.dataStream).join(`
+    const n = qi(), i = e.length > 1 ? e.map((o) => o.dataStream).join(`
 `) : e[0].dataStream;
     let r = this._umdToHtml.convert(e);
-    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (o, s) => `${s} data-copy-id="${t}"`), St.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
+    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (o, s) => `${s} data-copy-id="${n}"`), gt.set(n, e[0])), this._clipboardInterfaceService.write(i, r);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), B(() => {
-      const t = this._clipboardHooks.indexOf(e);
-      t > -1 && this._clipboardHooks.splice(t, 1);
+    return this._clipboardHooks.push(e), zt(() => {
+      const n = this._clipboardHooks.indexOf(e);
+      n > -1 && this._clipboardHooks.splice(n, 1);
     });
   }
   _getDocumentBodyInRanges() {
-    const e = this._textSelectionManagerService.getSelections(), t = this._univerInstanceService.getCurrentUniverDocInstance(), n = [];
-    if (e == null || !t)
-      return n;
+    const e = this._textSelectionManagerService.getSelections(), n = this._univerInstanceService.getCurrentUniverDocInstance(), i = [];
+    if (e == null || !n)
+      return i;
     for (const r of e) {
       const { startOffset: o, endOffset: s, collapsed: a } = r;
       if (a || o == null || s == null)
         continue;
-      const c = t.sliceBody(o, s);
-      c != null && n.push(c);
+      const c = n.sliceBody(o, s);
+      c != null && i.push(c);
     }
-    return n;
+    return i;
   }
   async _generateBodyFromClipboardItems(e) {
     try {
-      let t = "", n = "";
+      let n = "", i = "";
       for (const r of e)
         for (const o of r.types)
-          o === un ? n = await r.getType(o).then((s) => s && s.text()) : o === hn && (t = await r.getType(o).then((s) => s && s.text()));
-      return this._generateBodyFromHtmlAndText(t, n);
-    } catch (t) {
-      return Promise.reject(t);
+          o === dn ? i = await r.getType(o).then((s) => s && s.text()) : o === un && (n = await r.getType(o).then((s) => s && s.text()));
+      return this._generateBodyFromHtmlAndText(n, i);
+    } catch (n) {
+      return Promise.reject(n);
     }
   }
-  _generateBodyFromHtmlAndText(e, t) {
+  _generateBodyFromHtmlAndText(e, n) {
     if (!e) {
-      if (t)
-        return pr(t);
+      if (n)
+        return ur(n);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const n = er(e);
-    if (n) {
-      const r = St.get(n);
+    const i = Ji(e);
+    if (i) {
+      const r = gt.get(i);
       if (r)
         return r;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-Xe = hr([
-  re(0, P),
-  re(1, Et),
-  re(2, v),
-  re(3, et),
-  re(4, O(J))
-], Xe);
-function Fe(i) {
-  return i.getContextValue(xe) || i.getContextValue(Mt);
+je = dr([
+  J(0, P),
+  J(1, yt),
+  J(2, S),
+  J(3, qe),
+  J(4, O(X))
+], je);
+function De(t) {
+  return t.getContextValue(Se) || t.getContextValue(It);
 }
-const rt = 999, _r = {
-  id: pn.id,
+const tt = 999, hr = {
+  id: hn.id,
   name: "doc.command.copy",
-  type: Qe.COMMAND,
+  type: Ze.COMMAND,
   multi: !0,
-  priority: rt,
-  preconditions: Fe,
-  handler: async (i) => i.get(pe).copy()
-}, gr = {
-  id: _n.id,
+  priority: tt,
+  preconditions: De,
+  handler: async (t) => t.get(ae).copy()
+}, pr = {
+  id: pn.id,
   name: "doc.command.cut",
-  type: Qe.COMMAND,
+  type: Ze.COMMAND,
   multi: !0,
-  priority: rt,
-  preconditions: Fe,
-  handler: async (i) => i.get(pe).cut()
-}, fr = {
-  id: gn.id,
+  priority: tt,
+  preconditions: De,
+  handler: async (t) => t.get(ae).cut()
+}, _r = {
+  id: _n.id,
   name: "doc.command.paste",
-  type: Qe.COMMAND,
+  type: Ze.COMMAND,
   multi: !0,
-  priority: rt,
-  preconditions: Fe,
-  handler: async (i) => {
-    const e = i.get(pe), n = await i.get(et).read();
-    return n.length === 0 ? !1 : e.paste(n);
+  priority: tt,
+  preconditions: De,
+  handler: async (t) => {
+    const e = t.get(ae), i = await t.get(qe).read();
+    return i.length === 0 ? !1 : e.paste(i);
   }
 };
-var mr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, vr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Sr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && mr(e, t, r), r;
-}, oe = (i, e) => (t, n) => e(t, n, i);
-let Ce = class extends de {
-  constructor(i, e, t, n, r) {
-    super(), this._commandService = i, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = r, this._init();
+var gr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, mr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? fr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && gr(e, n, r), r;
+}, Q = (t, e) => (n, i) => e(n, i, t);
+let pe = class extends re {
+  constructor(t, e, n, i, r) {
+    super(), this._commandService = t, this._clipboardInterfaceService = e, this._docClipboardService = n, this._textSelectionRenderManager = i, this._contextService = r, this._init();
   }
   _init() {
-    [_r, gr, fr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [Pt, Dt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
+    [hr, pr, _r].forEach((t) => this.disposeWithMe(this._commandService.registerMultipleCommand(t))), [Pt, xt].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
-    var i;
-    (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(le(this.dispose$)).subscribe((e) => {
+    var t;
+    (t = this._textSelectionRenderManager) == null || t.onPaste$.pipe(H(this.dispose$)).subscribe((e) => {
       var o, s;
-      if (!Fe(this._contextService))
+      if (!De(this._contextService))
         return;
       e.event.preventDefault();
-      const t = e.event, n = (o = t.clipboardData) == null ? void 0 : o.getData("text/html"), r = (s = t.clipboardData) == null ? void 0 : s.getData("text/plain");
-      this._docClipboardService.legacyPaste(n, r);
+      const n = e.event, i = (o = n.clipboardData) == null ? void 0 : o.getData("text/html"), r = (s = n.clipboardData) == null ? void 0 : s.getData("text/plain");
+      this._docClipboardService.legacyPaste(i, r);
     });
   }
 };
-Ce = vr([
-  U(A.Rendered, Ce),
-  oe(0, v),
-  oe(1, et),
-  oe(2, pe),
-  oe(3, he),
-  oe(4, Ht)
-], Ce);
-var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, Rr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Or(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Cr(e, t, r), r;
-}, Y = (i, e) => (t, n) => e(t, n, i);
-let Oe = class extends k {
-  constructor(e, t, n, r, o, s) {
+pe = mr([
+  Ce(Oe.Rendered, pe),
+  Q(0, S),
+  Q(1, qe),
+  Q(2, ae),
+  Q(3, se),
+  Q(4, Ht)
+], pe);
+var Sr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Cr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? vr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && Sr(e, n, r), r;
+}, ee = (t, e) => (n, i) => e(n, i, t);
+let _e = class extends F {
+  constructor(e, n, i, r, o) {
     super();
-    g(this, "_initialEditors", /* @__PURE__ */ new Set());
-    this._univerInstanceService = e, this._docSkeletonManagerService = t, this._editorService = n, this._commandService = r, this._textSelectionRenderManager = o, this._renderManagerService = s, this._initialize();
+    v(this, "_initialEditors", /* @__PURE__ */ new Set());
+    this._univerInstanceService = e, this._editorService = n, this._commandService = i, this._textSelectionRenderManager = r, this._renderManagerService = o, this._initialize();
   }
   _initialize() {
     this.disposeWithMe(
@@ -1322,36 +1328,39 @@ let Oe = class extends k {
         this._resize(e);
       })
     ), this._editorService.getAllEditor().forEach((e) => {
-      const t = e.editorUnitId;
-      this._initialEditors.has(t) || (this._initialEditors.add(t), this._resize(t));
+      const n = e.editorUnitId;
+      this._initialEditors.has(n) || (this._initialEditors.add(n), this._resize(n));
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var $, H, j;
+    var j, $, w;
     if (e == null)
       return;
-    const t = this._editorService.getEditor(e);
-    if ((t == null ? void 0 : t.cancelDefaultResizeListener) === !0)
+    const n = this._editorService.getEditor(e);
+    if ((n == null ? void 0 : n.cancelDefaultResizeListener) === !0)
       return;
-    const n = ($ = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : $.skeleton, r = this._univerInstanceService.getUniverDocInstance(e);
-    if (t == null || t.render == null || n == null || r == null)
+    const i = this._univerInstanceService.getUniverDocInstance(e);
+    if (!i)
       return;
-    n.calculate();
-    const { marginTop: o = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = r.getSnapshot().documentStyle, { scene: l, mainComponent: u } = t.render;
-    let { actualHeight: h, actualWidth: m } = n.getActualSize();
-    h += o + s, m += a + c;
-    const { width: p, height: S } = t.getBoundingClientRect(), d = l.getViewport(Q.VIEW_MAIN);
-    let _ = d == null ? void 0 : d.getScrollBar();
-    const R = Math.max(m, p), D = Math.max(h, S);
+    const r = (j = this._renderManagerService.getRenderById(i.getUnitId())) == null ? void 0 : j.with(V).getSkeleton();
+    if (n == null || n.render == null || r == null || i == null)
+      return;
+    r.calculate();
+    const { marginTop: o = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = i.getSnapshot().documentStyle, { scene: l, mainComponent: u } = n.render;
+    let { actualHeight: h, actualWidth: _ } = r.getActualSize();
+    h += o + s, _ += a + c;
+    const { width: p, height: m } = n.getBoundingClientRect(), d = l.getViewport(K.VIEW_MAIN);
+    let f = d == null ? void 0 : d.getScrollBar();
+    const x = Math.max(_, p), N = Math.max(h, m);
     l.transformByState({
-      width: R,
-      height: D
-    }), u == null || u.resize(R, D), t.isSingle() ? m > p ? _ == null ? d && new Ye(d, { barSize: 8, enableVertical: !1 }) : d == null || d.resetCanvasSizeAndUpdateScrollBar() : (_ = null, d == null || d.scrollTo({ x: 0, y: 0 }), (j = d == null ? void 0 : d.getScrollBar()) == null || j.dispose()) : h > S ? _ == null ? d && new Ye(d, { enableHorizontal: !1, barSize: 8 }) : d == null || d.resetCanvasSizeAndUpdateScrollBar() : (_ = null, d == null || d.scrollTo({ x: 0, y: 0 }), (H = d == null ? void 0 : d.getScrollBar()) == null || H.dispose());
+      width: x,
+      height: N
+    }), u == null || u.resize(x, N), n.isSingle() ? _ > p ? f == null ? d && new Be(d, { barSize: 8, enableVertical: !1 }) : d == null || d.resetCanvasSizeAndUpdateScrollBar() : (f = null, d == null || d.scrollTo({ x: 0, y: 0 }), (w = d == null ? void 0 : d.getScrollBar()) == null || w.dispose()) : h > m ? f == null ? d && new Be(d, { enableHorizontal: !1, barSize: 8 }) : d == null || d.resetCanvasSizeAndUpdateScrollBar() : (f = null, d == null || d.scrollTo({ x: 0, y: 0 }), ($ = d == null ? void 0 : d.getScrollBar()) == null || $.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
       this._editorService.setValue$.subscribe((e) => {
-        this._commandService.executeCommand($n.id, {
+        this._commandService.executeCommand(Wn.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -1370,15 +1379,15 @@ let Oe = class extends k {
         const e = (r = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : r.getUnitId();
         if (e == null)
           return;
-        const t = this._editorService.getEditor(e), n = this._editorService.getFocusEditor();
-        t == null || t.isSheetEditor() || n && n.editorUnitId === e || this._editorService.blur();
+        const n = this._editorService.getEditor(e), i = this._editorService.getFocusEditor();
+        n == null || n.isSheetEditor() || i && i.editorUnitId === e || this._editorService.blur();
       })
     );
   }
   _initialFocus() {
     this.disposeWithMe(
-      this._editorService.focus$.subscribe((n) => {
-        this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([n]);
+      this._editorService.focus$.subscribe((i) => {
+        this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([i]);
       })
     );
     const e = [
@@ -1388,17 +1397,17 @@ let Oe = class extends k {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      ft(window, "mousedown").subscribe((n) => {
-        const o = n.target.classList[0] || "";
-        if (Yt(o, e)) {
-          this._editorService.changeSpreadsheetFocusState(!0), n.stopPropagation();
+      pt(window, "mousedown").subscribe((i) => {
+        const o = i.target.classList[0] || "";
+        if (kt(o, e)) {
+          this._editorService.changeSpreadsheetFocusState(!0), i.stopPropagation();
           return;
         }
         this._editorService.changeSpreadsheetFocusState(!1);
       })
-    ), this._univerInstanceService.getAllUnitsForType(f.UNIVER_SHEET).forEach((n) => {
-      const r = n.getUnitId(), o = this._renderManagerService.getRenderById(r), s = o == null ? void 0 : o.engine.getCanvas().getCanvasEle();
-      s != null && ft(s, "mousedown").subscribe((a) => {
+    ), this._univerInstanceService.getAllUnitsForType(g.UNIVER_SHEET).forEach((i) => {
+      const r = i.getUnitId(), o = this._renderManagerService.getRenderById(r), s = o == null ? void 0 : o.engine.getCanvas().getCanvasEle();
+      s != null && pt(s, "mousedown").subscribe((a) => {
         this._editorService.changeSpreadsheetFocusState(!0), a.stopPropagation();
       });
     });
@@ -1415,22 +1424,22 @@ let Oe = class extends k {
     );
   }
   _valueChange() {
-    var n;
-    const e = (n = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : n.getUnitId();
+    var i;
+    const e = (i = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : i.getUnitId();
     if (e == null)
       return;
-    const t = this._editorService.getEditor(e);
-    t == null || t.isSheetEditor() || this._editorService.refreshValueChange(e);
+    const n = this._editorService.getEditor(e);
+    n == null || n.isSheetEditor() || this._editorService.refreshValueChange(e);
   }
   /**
    * Listen to document edits to refresh the size of the formula editor.
    */
   _commandExecutedListener() {
-    const e = [tt.id, fn.id];
+    const e = [Je.id, gn.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        if (e.includes(t.id)) {
-          const n = t.params, { unitId: r } = n;
+      this._commandService.onCommandExecuted((n) => {
+        if (e.includes(n.id)) {
+          const i = n.params, { unitId: r } = i;
           if (this._editorService.isSheetEditor(r))
             return;
           this._resize(r), this._valueChange();
@@ -1439,122 +1448,25 @@ let Oe = class extends k {
     );
   }
 };
-Oe = Rr([
-  U(A.Rendered, Oe),
-  Y(0, P),
-  Y(1, O(ee)),
-  Y(2, L),
-  Y(3, v),
-  Y(4, he),
-  Y(5, F)
-], Oe);
-var Tr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, br = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ir(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Tr(e, t, r), r;
-}, ge = (i, e) => (t, n) => e(t, n, i);
-let Re = class extends de {
-  constructor(e, t, n, r) {
-    super();
-    g(this, "_docRenderMap", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialRenderRefresh(), this._commandExecutedListener();
-  }
-  _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(le(this.dispose$)).subscribe((e) => {
-      this._create(e);
-    });
-  }
-  _create(e) {
-    if (e == null)
-      return;
-    const { skeleton: t, unitId: n } = e;
-    let r = this._renderManagerService.getRenderById(n);
-    r == null && (this._renderManagerService.create(n), r = this._renderManagerService.getRenderById(n));
-    const { mainComponent: o, components: s } = r, a = o, c = s.get(X.BACKGROUND);
-    a.changeSkeleton(t), c.changeSkeleton(t), this._recalculateSizeBySkeleton(r, t);
-  }
-  _recalculateSizeBySkeleton(e, t) {
-    var m;
-    const { mainComponent: n, scene: r, unitId: o, components: s } = e, a = n, c = s.get(X.BACKGROUND), l = (m = t.getSkeletonData()) == null ? void 0 : m.pages;
-    if (l == null)
-      return;
-    let u = 0, h = 0;
-    for (let p = 0, S = l.length; p < S; p++) {
-      const d = l[p], { pageWidth: _, pageHeight: R } = d;
-      a.pageLayoutType === pt.VERTICAL ? (h += R, h += a.pageMarginTop, p === S - 1 && (h += a.pageMarginTop), u = Math.max(u, _)) : a.pageLayoutType === pt.HORIZONTAL && (u += _, p !== S - 1 && (u += a.pageMarginLeft), h = Math.max(h, R));
-    }
-    a.resize(u, h), c.resize(u, h), this._editorService.isEditor(o) || r.resize(u, h);
-  }
-  _commandExecutedListener() {
-    const e = [tt.id];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var n;
-        if (e.includes(t.id)) {
-          const r = t.params, { unitId: o } = r, s = this._docSkeletonManagerService.getSkeletonByUnitId(o);
-          if (s == null)
-            return;
-          const { skeleton: a } = s, c = this._renderManagerService.getRenderById(o);
-          if (c == null || !!a.getViewModel().getDataModel().getSnapshot().disabled)
-            return;
-          if (a.calculate(), this._editorService.isEditor(o)) {
-            (n = c.mainComponent) == null || n.makeDirty();
-            return;
-          }
-          this._recalculateSizeBySkeleton(c, a);
-        }
-      })
-    );
-  }
-};
-Re = br([
-  U(A.Rendered, Re),
-  ge(0, O(ee)),
-  ge(1, F),
-  ge(2, v),
-  ge(3, L)
-], Re);
-var Mr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, Er = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? yr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Mr(e, t, r), r;
-}, fe = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends de {
-  constructor(e, t, n, r) {
-    super();
-    g(this, "_scene");
-    g(this, "_currentDocumentModel");
-    g(this, "_fps$", new Ut(""));
-    g(this, "fps$", this._fps$.asObservable());
-    this._renderManagerService = e, this._configService = t, this._univerInstanceService = n, this._editorService = r, this._initialize();
-  }
-  _initialize() {
-    this._renderManagerService.createRender$.pipe(le(this.dispose$)).subscribe((e) => {
-      this._create(e);
-    }), this._univerInstanceService.getCurrentTypeOfUnit$(f.UNIVER_DOC).pipe(le(this.dispose$)).subscribe((e) => {
-      this._create(e == null ? void 0 : e.getUnitId());
-    }), this._univerInstanceService.getAllUnitsForType(f.UNIVER_DOC).forEach((e) => {
-      this._create(e.getUnitId());
-    });
-  }
-  dispose() {
-    this._fps$.complete();
-  }
-  _create(e) {
-    if (e == null)
-      return;
-    const t = this._univerInstanceService.getUniverDocInstance(e);
-    t != null && (this._currentDocumentModel = t, this._renderManagerService.has(e) || this._addNewRender());
+_e = Cr([
+  Ce(Oe.Rendered, _e),
+  ee(0, P),
+  ee(1, A),
+  ee(2, S),
+  ee(3, se),
+  ee(4, Te)
+], _e);
+var Or = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Tr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Rr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && Or(e, n, r), r;
+}, de = (t, e) => (n, i) => e(n, i, t);
+let We = class extends re {
+  constructor(t, e, n, i, r) {
+    super(), this._context = t, this._commandService = e, this._docSkeletonManagerService = n, this._configService = i, this._editorService = r, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
   }
   _addNewRender() {
-    const t = this._currentDocumentModel.getUnitId();
-    this._renderManagerService.createRender(t);
-    const n = this._renderManagerService.getRenderById(t);
-    if (n == null)
-      return;
-    const { scene: r, engine: o } = n;
-    this._scene = r;
-    const s = new zn(Q.VIEW_MAIN, r, {
+    const { scene: t, engine: e, unit: n } = this._context, i = new vn(K.VIEW_MAIN, t, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -1563,335 +1475,289 @@ let Te = class extends de {
       isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    r.attachControl(), r.on(kn.wheel, (l, u) => {
-      const h = l;
-      if (h.ctrlKey) {
-        const m = Math.abs(h.deltaX);
-        let p = m < 40 ? 0.2 : m < 80 ? 0.4 : 0.2;
-        p *= h.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (p /= 2), r.scaleX + p > 4 ? r.scale(4, 4) : r.scaleX + p < 0.1 ? r.scale(0.1, 0.1) : h.preventDefault();
+    t.attachControl(), t.onMouseWheel$.subscribeEvent((s, a) => {
+      const c = s;
+      if (c.ctrlKey) {
+        const l = Math.abs(c.deltaX);
+        let u = l < 40 ? 0.2 : l < 80 ? 0.4 : 0.2;
+        u *= c.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (u /= 2), t.scaleX + u > 4 ? t.scale(4, 4) : t.scaleX + u < 0.1 ? t.scale(0.1, 0.1) : c.preventDefault();
       } else
-        s.onMouseWheel(h, u);
-    }), this._configService.getConfig("hasScroll") !== !1 && new Ye(s), r.addLayer(
-      new _t(r, [], We),
-      new _t(r, [], Bn)
-    ), this._addComponent(n), this._currentDocumentModel.getShouldRenderLoopImmediately() && o.runRenderLoop(() => {
-      r.render(), this._fps$.next(Math.round(o.getFps()).toString());
-    }), this._renderManagerService.setCurrent(t);
-  }
-  _addComponent(e) {
-    const t = this._scene, n = this._currentDocumentModel, r = {
-      pageMarginLeft: n.documentStyle.marginLeft || 0,
-      pageMarginTop: n.documentStyle.marginTop || 0
-    }, o = new Hn(X.MAIN, void 0, r), s = new Yn(X.BACKGROUND, void 0, r);
-    o.zIndex = ut, s.zIndex = ut, e.mainComponent = o, e.components.set(X.MAIN, o), e.components.set(X.BACKGROUND, s), t.addObjects([o], We), t.addObjects([s], wn), this._editorService.getEditor(n.getUnitId()) == null && t.enableLayerCache(We);
+        i.onMouseWheel(c, a);
+    }), this._configService.getConfig("hasScroll") !== !1 && new Be(i), t.addLayer(
+      new st(t, [], Ue),
+      new st(t, [], zn)
+    ), this._addComponent(), n.getShouldRenderLoopImmediately() && e.runRenderLoop(() => {
+      t.render();
+    });
+  }
+  _addComponent() {
+    const { scene: t, unit: e, components: n } = this._context, i = {
+      pageMarginLeft: e.documentStyle.marginLeft || 0,
+      pageMarginTop: e.documentStyle.marginTop || 0
+    }, r = new Cn(W.MAIN, void 0, i);
+    r.zIndex = ht;
+    const o = new On(W.BACKGROUND, void 0, i);
+    o.zIndex = ht, this._context.mainComponent = r, n.set(W.MAIN, r), n.set(W.BACKGROUND, o), t.addObjects([r], Ue), t.addObjects([o], Hn), this._editorService.getEditor(e.getUnitId()) == null && t.enableLayerCache(Ue);
+  }
+  _initRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(H(this.dispose$)).subscribe((t) => {
+      this._create(t);
+    });
+  }
+  _create(t) {
+    if (!t)
+      return;
+    const { mainComponent: e, components: n } = this._context, i = e, r = n.get(W.BACKGROUND);
+    i.changeSkeleton(t), r.changeSkeleton(t), this._recalculateSizeBySkeleton(t);
+  }
+  _initCommandListener() {
+    const t = [Je.id];
+    this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
+      var n;
+      if (t.includes(e.id)) {
+        const i = e.params, { unitId: r } = i, o = this._docSkeletonManagerService.getSkeleton();
+        if (!o || !!o.getViewModel().getDataModel().getSnapshot().disabled)
+          return;
+        if (o.calculate(), this._editorService.isEditor(r)) {
+          (n = this._context.mainComponent) == null || n.makeDirty();
+          return;
+        }
+        this._recalculateSizeBySkeleton(o);
+      }
+    }));
+  }
+  _recalculateSizeBySkeleton(t) {
+    var u;
+    const { mainComponent: e, scene: n, unitId: i, components: r } = this._context, o = e, s = r.get(W.BACKGROUND), a = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
+    if (a == null)
+      return;
+    let c = 0, l = 0;
+    for (let h = 0, _ = a.length; h < _; h++) {
+      const p = a[h], { pageWidth: m, pageHeight: d } = p;
+      o.pageLayoutType === at.VERTICAL ? (l += d, l += o.pageMarginTop, h === _ - 1 && (l += o.pageMarginTop), c = Math.max(c, m)) : o.pageLayoutType === at.HORIZONTAL && (c += m, h !== _ - 1 && (c += o.pageMarginLeft), l = Math.max(l, d));
+    }
+    o.resize(c, l), s.resize(c, l), this._editorService.isEditor(i) || n.resize(c, l);
   }
 };
-Te = Er([
-  U(A.Starting, Te),
-  fe(0, F),
-  fe(1, Gt),
-  fe(2, P),
-  fe(3, L)
-], Te);
-var xr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Pr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Dr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && xr(e, t, r), r;
-}, me = (i, e) => (t, n) => e(t, n, i);
-let Ie = class extends k {
-  constructor(e, t, n, r) {
+We = Tr([
+  de(1, S),
+  de(2, O(V)),
+  de(3, Yt),
+  de(4, A)
+], We);
+var Ir = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Er = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? br(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && Ir(e, n, r), r;
+}, Le = (t, e) => (n, i) => e(n, i, t);
+let ze = class extends F {
+  constructor(e, n, i, r) {
     super();
-    g(this, "_liquid", new Gn());
-    g(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialize(), this._commandExecutedListener();
+    v(this, "_liquid", new Rn());
+    v(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._context = e, this._docSkeletonManagerService = n, this._commandService = i, this._editorService = r, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
-    this._initialRenderRefresh(), this._updateOnPluginChange();
-  }
-  _updateOnPluginChange() {
-  }
-  _initialRenderRefresh() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-      if (e == null)
-        return;
-      const { skeleton: t, unitId: n } = e, r = this._renderManagerService.getRenderById(n);
-      if (r == null)
-        return;
-      const { mainComponent: o } = r;
-      o.changeSkeleton(t), this._refreshDrawing(n, t, r);
+      e != null && this._refreshDrawing(e);
     });
   }
   _commandExecutedListener() {
-    const e = [tt.id, Le.id];
+    const e = [Je.id, ye.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var n;
-        if (e.includes(t.id)) {
-          const r = t.params, { unitId: o } = r, s = this._docSkeletonManagerService.getCurrent();
-          if (s == null)
-            return;
-          const { unitId: a, skeleton: c } = s;
-          if (o !== a)
-            return;
-          const l = this._renderManagerService.getRenderById(a);
-          if (l == null)
+      this._commandService.onCommandExecuted((n) => {
+        var i;
+        if (e.includes(n.id)) {
+          const r = n.params, { unitId: o } = r, s = this._docSkeletonManagerService.getSkeleton();
+          if (!s)
             return;
-          if (this._editorService.isEditor(a)) {
-            (n = l.mainComponent) == null || n.makeDirty();
+          if (this._editorService.isEditor(o)) {
+            (i = this._context.mainComponent) == null || i.makeDirty();
             return;
           }
-          this._refreshDrawing(a, c, l);
+          this._refreshDrawing(s);
         }
       })
     );
   }
-  _refreshDrawing(e, t, n) {
-    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: o, scene: s } = n, a = o;
-    if (!r)
+  _refreshDrawing(e) {
+    const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: i, scene: r, unitId: o } = this._context, s = i;
+    if (!n)
       return;
-    const { left: c, top: l, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: m } = a, { pages: p } = r, S = [];
-    s.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let d = 0, _ = p.length; d < _; d++) {
-      const R = p[d], { skeDrawings: D, marginLeft: $, marginTop: H } = R;
-      this._liquid.translatePagePadding(R), D.forEach((j) => {
-        const { aLeft: te, aTop: ne, height: Ve, width: je, drawingId: ie, drawingOrigin: ot } = j, Vt = ot.layoutType === Xt.WRAP_NONE && ot.behindDoc === C.TRUE;
-        S.push({
-          unitId: e,
-          subUnitId: Kt,
-          floatingObjectId: ie,
-          behindText: Vt,
+    const { left: a, top: c, pageLayoutType: l, pageMarginLeft: u, pageMarginTop: h } = s, { pages: _ } = n, p = [];
+    r.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
+    for (let m = 0, d = _.length; m < d; m++) {
+      const f = _[m], { skeDrawings: x, marginLeft: N, marginTop: j } = f;
+      this._liquid.translatePagePadding(f), x.forEach(($) => {
+        const { aLeft: w, aTop: Z, height: q, width: Ne, drawingId: ce, drawingOrigin: nt } = $, wt = nt.layoutType === Gt.WRAP_NONE && nt.behindDoc === C.TRUE;
+        p.push({
+          unitId: o,
+          subUnitId: Xt,
+          floatingObjectId: ce,
+          behindText: wt,
           floatingObject: {
-            left: te + c + this._liquid.x,
-            top: ne + l + this._liquid.y,
-            width: je,
-            height: Ve
+            left: w + a + this._liquid.x,
+            top: Z + c + this._liquid.y,
+            width: Ne,
+            height: q
           }
-        }), this._pageMarginCache.set(ie, {
+        }), this._pageMarginCache.set(ce, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.restorePagePadding(R), this._liquid.translatePage(R, u, h, m);
+      }), this._liquid.restorePagePadding(f), this._liquid.translatePage(f, l, u, h);
     }
   }
 };
-Ie = Pr([
-  U(A.Steady, Ie),
-  me(0, O(ee)),
-  me(1, F),
-  me(2, v),
-  me(3, L)
-], Ie);
-var Nr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Ar = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ur(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Nr(e, t, r), r;
-}, G = (i, e) => (t, n) => e(t, n, i);
-let be = class extends k {
-  constructor(e, t, n, r, o, s) {
-    super();
-    g(this, "_initializedRender", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = o, this._editorService = s, this._initialize();
-  }
-  dispose() {
-    super.dispose();
+ze = Er([
+  Le(1, O(V)),
+  Le(2, S),
+  Le(3, A)
+], ze);
+var yr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, xr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Mr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && yr(e, n, r), r;
+}, te = (t, e) => (n, i) => e(n, i, t);
+let He = class extends F {
+  constructor(t, e, n, i, r, o) {
+    super(), this._context = t, this._docSkeletonManagerService = e, this._univerInstanceService = n, this._commandService = i, this._textSelectionManagerService = r, this._editorService = o, this._init();
   }
-  _initialize() {
-    this._skeletonListener(), this._commandExecutedListener(), this._initialRenderRefresh();
+  _init() {
+    this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), setTimeout(() => this._updateViewZoom(1, !0), 20);
   }
-  _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-      if (e == null)
+  _initRenderRefresher() {
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((t) => {
+      if (t == null)
         return;
-      const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
-      if (n == null || this._initializedRender.has(t) || this._editorService.isEditor(t))
-        return;
-      this._initializedRender.add(t);
-      const { scene: r } = n;
-      this.disposeWithMe(
-        B(
-          r.onMouseWheelObserver.add((o) => {
-            if (!o.ctrlKey)
-              return;
-            const s = this._univerInstanceService.getCurrentUniverDocInstance();
-            if (!s)
-              return;
-            const a = Math.abs(o.deltaX);
-            let c = a < 40 ? 0.2 : a < 80 ? 0.4 : 0.2;
-            c *= o.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (c /= 2);
-            const l = s.zoomRatio;
-            let u = +Number.parseFloat(`${l + c}`).toFixed(1);
-            u = u >= 4 ? 4 : u <= 0.1 ? 0.1 : u, this._commandService.executeCommand(Fn.id, {
-              zoomRatio: u,
-              unitId: s.getUnitId()
-            }), o.preventDefault();
-          })
-        )
-      );
+      const { unitId: e, scene: n } = this._context;
+      this._editorService.isEditor(e) || this.disposeWithMe(n.onMouseWheel$.subscribeEvent((i) => {
+        if (!i.ctrlKey)
+          return;
+        const r = this._univerInstanceService.getCurrentUniverDocInstance();
+        if (!r)
+          return;
+        const o = Math.abs(i.deltaX);
+        let s = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
+        s *= i.deltaY > 0 ? -1 : 1, n.scaleX < 1 && (s /= 2);
+        const a = r.zoomRatio;
+        let c = +Number.parseFloat(`${a + s}`).toFixed(1);
+        c = c >= 4 ? 4 : c <= 0.1 ? 0.1 : c, this._commandService.executeCommand(kn.id, {
+          zoomRatio: c,
+          unitId: r.getUnitId()
+        }), i.preventDefault();
+      }));
     });
   }
-  // private _zoomEventBinding() {
-  //     const scene = this._getDocObject()?.scene;
-  //     if (scene == null) {
-  //         return;
-  //     }
-  //     const viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
-  // }
-  _skeletonListener() {
-    this.disposeWithMe(
-      B(
-        this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-          if (e == null)
-            return;
-          const t = this._univerInstanceService.getCurrentUniverDocInstance();
-          if (!t) return;
-          const n = t.zoomRatio || 1;
-          this._updateViewZoom(n, !1);
-        })
-      )
-    );
+  _initSkeletonListener() {
+    this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((t) => {
+      if (t == null)
+        return;
+      const e = this._univerInstanceService.getCurrentUniverDocInstance();
+      if (!e) return;
+      const n = e.zoomRatio || 1;
+      this._updateViewZoom(n, !1);
+    }));
   }
-  _commandExecutedListener() {
-    const e = [Le.id];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        if (e.includes(t.id)) {
-          const n = this._univerInstanceService.getCurrentUniverDocInstance();
-          if (!n) return;
-          const r = t.params, { unitId: o } = r;
-          if (o !== n.getUnitId())
-            return;
-          const s = n.zoomRatio || 1;
-          this._updateViewZoom(s);
-        }
-      })
-    );
+  _initCommandExecutedListener() {
+    const t = [ye.id];
+    this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
+      if (t.includes(e.id)) {
+        const n = this._univerInstanceService.getCurrentUniverDocInstance();
+        if (!n) return;
+        const i = e.params, { unitId: r } = i;
+        if (r !== n.getUnitId())
+          return;
+        const o = n.zoomRatio || 1;
+        this._updateViewZoom(o);
+      }
+    }));
   }
-  _updateViewZoom(e, t = !0) {
-    var r;
-    const n = this._getDocObject();
-    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.scene.getTransformer()) == null || r.clearSelectedObjects());
+  _updateViewZoom(t, e = !0) {
+    var i;
+    const n = fe(this._context);
+    n.scene.scale(t, t), this._calculatePagePosition(n, t), e && this._textSelectionManagerService.refreshSelection(), (i = n.scene.getTransformer()) == null || i.clearSelectedObjects();
   }
-  _calculatePagePosition(e, t) {
-    const { document: n, scene: r, docBackground: o } = e, s = r == null ? void 0 : r.getParent(), { width: a, height: c, pageMarginLeft: l, pageMarginTop: u } = n;
-    if (s == null || a === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
+  _calculatePagePosition(t, e) {
+    const { document: n, scene: i, docBackground: r } = t, o = i == null ? void 0 : i.getParent(), { width: s, height: a, pageMarginLeft: c, pageMarginTop: l } = n;
+    if (o == null || s === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
       return;
-    const { width: h, height: m } = s;
-    let p = 0, S = 0, d = 0, _ = 0, R = Number.POSITIVE_INFINITY;
-    h > (a + l * 2) * t ? (p = h / 2 - a * t / 2, p /= t, d = (h - l * 2) / t, R = 0) : (p = l, d = a + l * 2, R = (d - h / t) / 2), m > c ? (S = m / 2 - c / 2, _ = (m - u * 2) / t) : (S = u, _ = c + u * 2), r.resize(d, _ + 200), n.translate(p, S), o.translate(p, S);
-    const D = r.getViewport(Q.VIEW_MAIN);
-    if (R !== Number.POSITIVE_INFINITY && D != null) {
-      const $ = D.transViewportScroll2ScrollValue(R, 0).x;
-      D.scrollTo({
-        x: $
+    const { width: u, height: h } = o;
+    let _ = 0, p = 0, m = 0, d = 0, f = Number.POSITIVE_INFINITY;
+    u > (s + c * 2) * e ? (_ = u / 2 - s * e / 2, _ /= e, m = (u - c * 2) / e, f = 0) : (_ = c, m = s + c * 2, f = (m - u / e) / 2), h > a ? (p = h / 2 - a / 2, d = (h - l * 2) / e) : (p = l, d = a + l * 2), i.resize(m, d + 200), n.translate(_, p), r.translate(_, p);
+    const x = i.getViewport(K.VIEW_MAIN);
+    if (f !== Number.POSITIVE_INFINITY && x != null) {
+      const N = x.transViewportScroll2ScrollValue(f, 0).x;
+      x.scrollTo({
+        x: N
       });
     }
     return this;
   }
-  _getDocObject() {
-    return Nt(this._univerInstanceService, this._renderManagerService);
-  }
 };
-be = Ar([
-  U(A.Rendered, be),
-  G(0, O(ee)),
-  G(1, P),
-  G(2, v),
-  G(3, F),
-  G(4, O(J)),
-  G(5, L)
-], be);
-var Lr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, Br = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? $r(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Lr(e, t, r), r;
-}, z = (i, e) => (t, n) => e(t, n, i);
-let Me = class extends k {
-  constructor(e, t, n, r, o, s, a) {
+He = xr([
+  te(1, O(V)),
+  te(2, P),
+  te(3, S),
+  te(4, O(X)),
+  te(5, A)
+], He);
+var Pr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Nr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Dr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && Pr(e, n, r), r;
+}, z = (t, e) => (n, i) => e(n, i, t);
+let ke = class extends F {
+  constructor(e, n, i, r, o, s, a) {
     super();
-    g(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionRenderManager = o, this._textSelectionManagerService = s, this._editorService = a, this._initialize();
+    v(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    this._context = e, this._commandService = n, this._editorService = i, this._instanceSrv = r, this._textSelectionRenderManager = o, this._docSkeletonManagerService = s, this._textSelectionManagerService = a, this._initialize();
   }
   _initialize() {
     this._init(), this._skeletonListener(), this._commandExecutedListener();
   }
   _init() {
-    this.disposeWithMe(
-      this._renderManagerService.currentRender$.subscribe((e) => {
-        this._create(e);
-      })
-    ), this._renderManagerService.getRenderAll().forEach((e, t) => {
-      this._create(t);
-    });
+    const { unitId: e } = this._context, n = fe(this._context);
+    n == null || n.document == null || this._loadedMap.has(n.document) || (this._initialMain(e), this._loadedMap.add(n.document));
   }
-  _create(e) {
-    if (e == null || this._univerInstanceService.getUniverDocInstance(e) == null)
-      return;
-    const t = this._getDocObjectById(e);
-    t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
-  }
-  // eslint-disable-next-line max-lines-per-function
   _initialMain(e) {
-    const t = this._getDocObjectById(e);
-    if (t == null)
-      return;
-    const { document: n, scene: r } = t;
-    this.disposeWithMe(
-      B(
-        n.onPointerEnterObserver.add(() => {
-          this._isEditorReadOnly(e) || (n.cursor = gt.TEXT);
-        })
-      )
-    ), this.disposeWithMe(
-      B(
-        n.onPointerLeaveObserver.add(() => {
-          n.cursor = gt.DEFAULT, r.resetCursor();
-        })
-      )
-    ), this.disposeWithMe(
-      B(
-        n == null ? void 0 : n.onPointerDownObserver.add((o, s) => {
-          if (this._isEditorReadOnly(e))
-            return;
-          const a = this._univerInstanceService.getCurrentUniverDocInstance();
-          (a == null ? void 0 : a.getUnitId()) !== e && this._univerInstanceService.setCurrentUnitForType(e), this._textSelectionRenderManager.eventTrigger(o);
-          const { offsetX: c, offsetY: l } = o;
-          this._editorService.getEditor(e) && (this._setEditorFocus(e), setTimeout(() => {
-            this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(c, l);
-          }, 0)), o.button !== 2 && s.stopPropagation();
-        })
-      )
-    ), this.disposeWithMe(
-      B(
-        n == null ? void 0 : n.onDblclickObserver.add((o) => {
-          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(o);
-        })
-      )
-    ), this.disposeWithMe(
-      B(
-        n == null ? void 0 : n.onTripleClickObserver.add((o) => {
-          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(o);
-        })
-      )
-    );
+    const n = fe(this._context), { document: i, scene: r } = n;
+    this.disposeWithMe(i.onPointerEnter$.subscribeEvent(() => {
+      this._isEditorReadOnly(e) || (i.cursor = ct.TEXT);
+    })), this.disposeWithMe(i.onPointerLeave$.subscribeEvent(() => {
+      i.cursor = ct.DEFAULT, r.resetCursor();
+    })), this.disposeWithMe(i.onPointerDown$.subscribeEvent((o, s) => {
+      if (this._isEditorReadOnly(e))
+        return;
+      const a = this._instanceSrv.getCurrentUnitForType(g.UNIVER_DOC);
+      if ((a == null ? void 0 : a.getUnitId()) !== e && this._instanceSrv.setCurrentUnitForType(e), this._textSelectionRenderManager.eventTrigger(o), this._editorService.getEditor(e)) {
+        this._setEditorFocus(e);
+        const { offsetX: c, offsetY: l } = o;
+        setTimeout(() => {
+          this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(c, l);
+        }, 0);
+      }
+      o.button !== 2 && s.stopPropagation();
+    })), this.disposeWithMe(i.onDblclick$.subscribeEvent((o) => {
+      this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(o);
+    })), this.disposeWithMe(i.onTripleClick$.subscribeEvent((o) => {
+      this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(o);
+    }));
   }
   _isEditorReadOnly(e) {
-    const t = this._editorService.getEditor(e);
-    return t ? t.isReadOnly() : !1;
+    const n = this._editorService.getEditor(e);
+    return n ? n.isReadOnly() : !1;
   }
   _setEditorFocus(e) {
-    if (this._univerInstanceService.getAllUnitsForType(f.UNIVER_SHEET).length > 0) {
-      const n = this._univerInstanceService.getCurrentUnitForType(f.UNIVER_SHEET);
-      this._editorService.setOperationSheetUnitId(n.getUnitId());
-    }
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [Le.id];
+    const e = [ye.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var n;
-        if (e.includes(t.id)) {
-          const r = t.params, { unitId: o } = r, s = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+      this._commandService.onCommandExecuted((n) => {
+        var i;
+        if (e.includes(n.id)) {
+          const r = n.params, { unitId: o } = r, s = (i = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : i.unitId;
           if (o !== s)
             return;
           this._textSelectionManagerService.refreshSelection();
@@ -1904,14 +1770,11 @@ let Me = class extends k {
       this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
         if (e == null)
           return;
-        const { unitId: t, skeleton: n } = e, r = this._renderManagerService.getRenderById(t);
-        if (r == null)
-          return;
-        const { scene: o, mainComponent: s } = r;
-        this._textSelectionRenderManager.changeRuntime(n, o, s), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
-          unitId: t,
+        const { scene: n, mainComponent: i, unitId: r } = this._context;
+        this._textSelectionRenderManager.changeRuntime(e, n, i), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+          unitId: r,
           subUnitId: ""
-        }), this._editorService.isEditor(t) || this._textSelectionManagerService.replaceTextRanges([
+        }), this._editorService.isEditor(r) || this._textSelectionManagerService.replaceTextRanges([
           {
             startOffset: 0,
             endOffset: 0
@@ -1920,129 +1783,117 @@ let Me = class extends k {
       })
     );
   }
-  _getDocObjectById(e) {
-    return this._univerInstanceService.getUnitType(e) !== f.UNIVER_DOC ? null : Vn(e, this._renderManagerService);
-  }
 };
-Me = Br([
-  U(A.Rendered, Me),
-  z(0, O(ee)),
-  z(1, P),
-  z(2, v),
-  z(3, F),
-  z(4, he),
-  z(5, O(J)),
-  z(6, L)
-], Me);
-var wr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Vr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Fr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && wr(e, t, r), r;
-}, se = (i, e) => (t, n) => e(t, n, i);
-const Rt = 1.5;
-let ye = class extends de {
-  constructor(i, e, t, n, r) {
-    super(), this._docSkeletonManagerService = i, this._textSelectionManagerService = e, this._editorService = t, this._univerInstanceService = n, this._renderManagerService = r, this._init();
+ke = Nr([
+  z(1, S),
+  z(2, A),
+  z(3, P),
+  z(4, se),
+  z(5, O(V)),
+  z(6, O(X))
+], ke);
+var Ur = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Lr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ar(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && Ur(e, n, r), r;
+}, $e = (t, e) => (n, i) => e(n, i, t);
+const vt = 1.5;
+let Ye = class extends re {
+  constructor(t, e, n, i) {
+    super(), this._context = t, this._docSkeletonManagerService = e, this._textSelectionManagerService = n, this._editorService = i, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(le(this.dispose$)).subscribe((i) => {
-      if (i == null)
+    this._textSelectionManagerService.textSelection$.pipe(H(this.dispose$)).subscribe((t) => {
+      if (t == null)
         return;
-      const { isEditing: e, unitId: t } = i;
-      e && this._scrollToSelection(t);
+      const { isEditing: e, unitId: n } = t;
+      e && this._scrollToSelection(n);
     });
   }
   // Let the selection show on the current screen.
-  _scrollToSelection(i) {
-    var ie;
-    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (ie = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : ie.skeleton;
-    if (e == null || t == null || n == null)
+  _scrollToSelection(t) {
+    const e = this._textSelectionManagerService.getActiveRange(), n = fe(this._context), i = this._docSkeletonManagerService.getSkeleton();
+    if (e == null || n == null)
       return;
     const { collapsed: r, startNodePosition: o } = e;
     if (!r)
       return;
-    const s = t.document.getOffsetConfig(), { docsLeft: a, docsTop: c } = s, l = new Xn(s, n), { contentBoxPointGroup: u } = l.getRangePointData(o, o), { left: h, top: m, height: p } = Kn(u), S = h + a, d = m + c, _ = t.scene.getViewport(Q.VIEW_MAIN), R = !!this._editorService.getEditor(i);
-    if (_ == null)
+    const s = n.document.getOffsetConfig(), { docsLeft: a, docsTop: c } = s, l = new Tn(s, i), { contentBoxPointGroup: u } = l.getRangePointData(o, o), { left: h, top: _, height: p } = In(u), m = h + a, d = _ + c, f = n.scene.getViewport(K.VIEW_MAIN), x = !!this._editorService.getEditor(t);
+    if (f == null)
       return;
     const {
-      left: D,
-      top: $,
-      right: H,
-      bottom: j
-    } = _.getBounding().viewBound;
-    let te = 0, ne = 0;
-    const Ve = R ? 0 : 100;
-    d < $ ? te = d - $ : d > j - p && (te = d - j + p + Ve), S < D ? ne = S - D : S > H - Rt && (ne = S - H + Rt);
-    const je = _.transViewportScroll2ScrollValue(ne, te);
-    _.scrollBy(je);
-  }
-  _getDocObject() {
-    return Nt(this._univerInstanceService, this._renderManagerService);
+      left: N,
+      top: j,
+      right: $,
+      bottom: w
+    } = f.getBounding().viewBound;
+    let Z = 0, q = 0;
+    const Ne = x ? 0 : 100;
+    d < j ? Z = d - j : d > w - p && (Z = d - w + p + Ne), m < N ? q = m - N : m > $ - vt && (q = m - $ + vt);
+    const ce = f.transViewportScroll2ScrollValue(q, Z);
+    f.scrollBy(ce);
   }
 };
-ye = Vr([
-  U(A.Rendered, ye),
-  se(0, O(ee)),
-  se(1, O(J)),
-  se(2, L),
-  se(3, P),
-  se(4, F)
-], ye);
-var jr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, zr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && jr(e, t, r), r;
-}, Se = (i, e) => (t, n) => e(t, n, i);
-function kr(i, e) {
-  const t = Tt(i.left, i.top, e), n = Tt(i.right, i.bottom, e);
+Ye = Lr([
+  $e(1, O(V)),
+  $e(2, O(X)),
+  $e(3, A)
+], Ye);
+var $r = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, Br = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? wr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && $r(e, n, r), r;
+}, ue = (t, e) => (n, i) => e(n, i, t);
+function Fr(t, e) {
+  const n = Ct(t.left, t.top, e), i = Ct(t.right, t.bottom, e);
   return {
-    left: t.x,
-    top: t.y,
-    right: n.x,
-    bottom: n.y
+    left: n.x,
+    top: n.y,
+    right: i.x,
+    bottom: i.y
   };
 }
-function Tt(i, e, t) {
-  const { scaleX: n, scaleY: r } = t.getAncestorScale(), o = t.getViewport(Q.VIEW_MAIN);
+function Ct(t, e, n) {
+  const { scaleX: i, scaleY: r } = n.getAncestorScale(), o = n.getViewport(K.VIEW_MAIN);
   if (!o)
     return {
-      x: i,
+      x: t,
       y: e
     };
-  const { viewportScrollX: s, viewportScrollY: a } = o, c = (i - s) * n, l = (e - a) * r;
+  const { viewportScrollX: s, viewportScrollY: a } = o, c = (t - s) * i, l = (e - a) * r;
   return {
     x: c,
     y: l
   };
 }
-let Ke = class extends k {
-  constructor(i, e, t, n) {
-    super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
+let Ge = class extends F {
+  constructor(t, e, n, i) {
+    super(), this._globalPopupManagerService = t, this._renderManagerService = e, this._univerInstanceService = n, this._commandService = i;
   }
   // #region attach to object
-  _createObjectPositionObserver(i, e) {
-    const t = () => {
-      const { scene: a } = e, { left: c, top: l, width: u, height: h } = i, m = {
+  _createObjectPositionObserver(t, e) {
+    const n = () => {
+      const { scene: a } = e, { left: c, top: l, width: u, height: h } = t, _ = {
         left: c,
         right: c + u,
         top: l,
         bottom: l + h
-      }, p = kr(m, a);
+      }, p = Fr(_, a);
       return {
         left: p.left,
         right: p.right,
         top: p.top,
         bottom: p.bottom
       };
-    }, n = t(), r = new Ut(n), o = new Zt();
+    }, i = n(), r = new Xn(i), o = new Kt();
     o.add(this._commandService.onCommandExecuted((a) => {
-      a.id === Le.id && r.next(t());
+      a.id === ye.id && r.next(n());
     }));
-    const s = e.scene.getViewport(Q.VIEW_MAIN);
-    return o.add(s == null ? void 0 : s.onScrollAfterObserver.add(() => {
-      r.next(t());
+    const s = e.scene.getViewport(K.VIEW_MAIN);
+    return s && o.add(s.onScrollAfter$.subscribeEvent(() => {
+      r.next(n());
     })), {
-      position: n,
+      position: i,
       position$: r,
       disposable: o
     };
@@ -2053,16 +1904,16 @@ let Ke = class extends k {
    * @param popup popup item
    * @returns disposable
    */
-  attachPopupToObject(i, e) {
-    const n = this._univerInstanceService.getCurrentUnitForType(f.UNIVER_DOC).getUnitId(), r = this._renderManagerService.getRenderById(n);
+  attachPopupToObject(t, e) {
+    const i = this._univerInstanceService.getCurrentUnitForType(g.UNIVER_DOC).getUnitId(), r = this._renderManagerService.getRenderById(i);
     if (!r)
       return {
         dispose: () => {
         }
       };
-    const { position: o, position$: s, disposable: a } = this._createObjectPositionObserver(i, r), c = this._globalPopupManagerService.addPopup({
+    const { position: o, position$: s, disposable: a } = this._createObjectPositionObserver(t, r), c = this._globalPopupManagerService.addPopup({
       ...e,
-      unitId: n,
+      unitId: i,
       subUnitId: "default",
       anchorRect: o,
       anchorRect$: s
@@ -2074,134 +1925,160 @@ let Ke = class extends k {
     };
   }
 };
-Ke = zr([
-  Se(0, O(mn)),
-  Se(1, F),
-  Se(2, P),
-  Se(3, v)
-], Ke);
-var Hr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Hr(e, t, r), r;
-}, ke = (i, e) => (t, n) => e(t, n, i), ve;
-let It = (ve = class extends qt {
-  constructor(i, e, t, n) {
-    super(), this._config = i, this._injector = e, this._localeService = t, this._logService = n, this._config = Je.deepMerge({}, ei, this._config), this._initDependencies(e), this._initializeCommands();
+Ge = Br([
+  ue(0, O(fn)),
+  ue(1, Te),
+  ue(2, P),
+  ue(3, S)
+], Ge);
+var Vr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Wr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? jr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && Vr(e, n, r), r;
+}, Ot = (t, e) => (n, i) => e(n, i, t);
+let ge = class extends re {
+  constructor(t, e) {
+    super(), this._instanceSrv = t, this._renderManagerService = e, this._init();
+  }
+  _init() {
+    this._renderManagerService.createRender$.pipe(H(this.dispose$)).subscribe((t) => this._createRenderWithId(t)), this._instanceSrv.getTypeOfUnitAdded$(g.UNIVER_DOC).pipe(H(this.dispose$)).subscribe((t) => this._createRenderer(t)), this._instanceSrv.getAllUnitsForType(g.UNIVER_DOC).forEach((t) => this._createRenderer(t)), this._instanceSrv.getTypeOfUnitDisposed$(g.UNIVER_DOC).pipe(H(this.dispose$)).subscribe((t) => this._disposeRenderer(t));
+  }
+  _createRenderer(t) {
+    const e = t.getUnitId();
+    this._renderManagerService.has(e) || (this._createRenderWithId(e), this._renderManagerService.setCurrent(e));
+  }
+  _createRenderWithId(t) {
+    this._renderManagerService.createRender(t);
+  }
+  _disposeRenderer(t) {
+    const e = t.getUnitId();
+    this._renderManagerService.removeRender(e);
+  }
+};
+ge = Wr([
+  Ce(Oe.Ready, ge),
+  Ot(0, P),
+  Ot(1, Te)
+], ge);
+var zr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, kr = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Hr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (i ? s(e, n, r) : s(r)) || r);
+  return i && r && zr(e, n, r), r;
+}, we = (t, e) => (n, i) => e(n, i, t), he;
+let Rt = (he = class extends Zt {
+  constructor(t, e, n, i) {
+    super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._logService = i, this._config = Ke.deepMerge({}, Jn, this._config), this._initDependencies(e), this._initializeCommands();
+  }
+  onReady() {
+    this._initRenderBasics();
   }
   onRendered() {
-    this._initModules(), this._markDocAsFocused();
+    this._initUI(), this._initRenderModules(), this._markDocAsFocused();
   }
   _initializeCommands() {
     [
-      ii,
+      ti,
+      ni,
       ri,
-      si,
+      ii,
       oi,
+      si,
       ai,
       ci,
       li,
-      di,
-      ui,
-      Ki,
-      Zi,
-      Xi
-    ].forEach((i) => {
-      this._injector.get(Sn).registerShortcut(i);
+      Gi,
+      Xi,
+      Yi
+    ].forEach((t) => {
+      this._injector.get(mn).registerShortcut(t);
     });
   }
-  _initDependencies(i) {
+  _initDependencies(t) {
     [
-      // Controller
-      [
-        ce,
-        {
-          useFactory: () => this._injector.createInstance(ce, this._config)
-        }
-      ],
-      [Ce],
-      [Oe],
-      [Re],
-      [Ie],
-      [be],
-      [Me],
-      [ye],
-      [
-        // controllers
-        ae,
-        {
-          useFactory: () => this._injector.createInstance(ae, this._config)
-        }
-      ],
-      [
-        pe,
-        {
-          useClass: Xe
-        }
-      ],
-      [Ke],
-      // Render views
-      [Te]
-    ].forEach((t) => {
-      i.add(t);
-    });
+      [ie, { useFactory: () => this._injector.createInstance(ie, this._config) }],
+      [pe],
+      [_e],
+      [ge],
+      [ne, { useFactory: () => this._injector.createInstance(ne, this._config) }],
+      [ae, { useClass: je }],
+      [Ge]
+    ].forEach((n) => t.add(n));
   }
   _markDocAsFocused() {
-    const i = this._injector.get(P), e = this._injector.get(L);
+    const t = this._injector.get(P), e = this._injector.get(A);
     try {
-      const t = i.getCurrentUniverDocInstance();
-      if (!t) return;
-      const n = t.getUnitId();
-      e.isEditor(n) || i.focusUnit(t.getUnitId());
-    } catch (t) {
-      this._logService.warn(t);
+      const n = t.getCurrentUnitForType(g.UNIVER_DOC);
+      if (!n) return;
+      const i = n.getUnitId();
+      e.isEditor(i) || t.focusUnit(n.getUnitId());
+    } catch (n) {
+      this._logService.warn(n);
     }
   }
-  _initModules() {
-    this._injector.get(ae);
+  _initUI() {
+    this._injector.get(ne);
+  }
+  _initRenderBasics() {
+    [
+      V,
+      We,
+      He
+    ].forEach((t) => {
+      this._renderManagerSrv.registerRenderModule(g.UNIVER_DOC, t);
+    });
+  }
+  _initRenderModules() {
+    [
+      Ye,
+      ze,
+      ke
+    ].forEach((t) => {
+      this._renderManagerSrv.registerRenderModule(g.UNIVER_DOC, t);
+    });
   }
-}, g(ve, "pluginName", ti), g(ve, "type", f.UNIVER_DOC), ve);
-It = Gr([
-  ke(1, O(Pe)),
-  ke(2, O(qe)),
-  ke(3, Et)
-], It);
-function ro(i) {
+}, v(he, "pluginName", Qn), v(he, "type", g.UNIVER_DOC), he);
+Rt = kr([
+  we(1, O(Re)),
+  we(2, Te),
+  we(3, yt)
+], Rt);
+function no(t) {
   return {
-    left: i.positionH.posOffset,
-    top: i.positionV.posOffset,
-    width: i.size.width,
-    height: i.size.height
+    left: t.positionH.posOffset,
+    top: t.positionV.posOffset,
+    width: t.size.width,
+    height: t.size.height
   };
 }
-function oo(i, e = 0, t = 0) {
+function io(t, e = 0, n = 0) {
   return {
     size: {
-      width: i.width,
-      height: i.height
+      width: t.width,
+      height: t.height
     },
     positionH: {
-      relativeFrom: Jt.MARGIN,
-      posOffset: (i.left || 0) - e
+      relativeFrom: qt.MARGIN,
+      posOffset: (t.left || 0) - e
     },
     positionV: {
-      relativeFrom: Qt.PAGE,
-      posOffset: (i.top || 0) - t
+      relativeFrom: Jt.PAGE,
+      posOffset: (t.top || 0) - n
     },
-    angle: i.angle || 0
+    angle: t.angle || 0
   };
 }
 export {
-  ti as DOC_UI_PLUGIN_NAME,
-  Qn as DefaultDocContainerConfig,
-  ei as DefaultDocUiConfig,
-  Jn as DefaultToolbarConfig,
-  Ke as DocCanvasPopManagerService,
-  Te as DocCanvasView,
-  rr as PastePluginLark,
-  cr as PastePluginUniver,
-  sr as PastePluginWord,
-  It as UniverDocsUIPlugin,
-  ro as docDrawingPositionToTransform,
-  oo as transformToDocDrawingPosition
+  Qn as DOC_UI_PLUGIN_NAME,
+  qn as DefaultDocContainerConfig,
+  Jn as DefaultDocUiConfig,
+  Zn as DefaultToolbarConfig,
+  Ge as DocCanvasPopManagerService,
+  We as DocRenderController,
+  ge as DocsRenderService,
+  nr as PastePluginLark,
+  sr as PastePluginUniver,
+  rr as PastePluginWord,
+  Rt as UniverDocsUIPlugin,
+  no as docDrawingPositionToTransform,
+  io as transformToDocDrawingPosition
 };