@univerjs/docs-ui 0.1.9 → 0.1.11

package/lib/es/index.js

@@ -1,15 +1,15 @@
 var Bt = Object.defineProperty;
-var Ft = (i, e, t) => e in i ? Bt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var m = (i, e, t) => (Ft(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { FOCUSING_DOC as xe, FOCUSING_UNIVER_EDITOR as Ge, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as wt, Direction as V, EDITOR_ACTIVATED as Rt, LocaleService as Ze, RxDisposable as ce, ICommandService as v, BooleanNumber as C, UniverInstanceType as S, BaselineOffset as J, ThemeService as Tt, HorizontalAlign as De, IUniverInstanceService as D, Disposable as Y, OnLifecycle as N, LifecycleStages as A, Tools as qe, LRUMap as jt, ColorKit as rt, toDisposable as F, ILogService as It, CommandType as Ke, IContextService as Vt, checkForSubstrings as Wt, IConfigService as zt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as kt, IFloatingObjectManagerService as Ht, Plugin as Yt } from "@univerjs/core";
-import { Inject as O, Injector as Pe, Optional as Xt, createIdentifier as Gt } from "@wendellhu/redi";
-import { KeyCode as P, MetaKeys as le, ILayoutService as bt, MenuGroup as I, MenuItemType as T, MenuPosition as b, getMenuHiddenObservable as M, FONT_FAMILY_LIST as ot, FONT_SIZE_LIST as Zt, FontFamily as qt, FontFamilyItem as Kt, FontSize as Jt, DesktopUIPart as Qt, ComponentManager as en, IEditorService as $, IMenuService as tn, IUIController as nn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as rn, HTML_CLIPBOARD_MIME_TYPE as on, IClipboardInterfaceService as Je, CopyCommand as sn, CutCommand as an, PasteCommand as cn, SetEditorResizeOperation as ln, IShortcutService as dn } from "@univerjs/ui";
-import { MoveCursorOperation as Ue, MoveSelectionOperation as Le, SelectAllOperation as un, SetInlineFormatBoldCommand as hn, SetTextSelectionsOperation as U, SetInlineFormatCommand as ee, SetInlineFormatItalicCommand as gn, SetInlineFormatUnderlineCommand as _n, SetInlineFormatStrikethroughCommand as pn, SetInlineFormatSubscriptCommand as fn, SetInlineFormatSuperscriptCommand as mn, SetInlineFormatFontFamilyCommand as st, SetInlineFormatFontSizeCommand as at, SetInlineFormatTextColorCommand as ct, AlignLeftCommand as Sn, AlignOperationCommand as Ne, AlignCenterCommand as vn, AlignRightCommand as Cn, AlignJustifyCommand as On, OrderListCommand as Rn, BulletListCommand as Tn, ResetInlineFormatTextBackgroundColorCommand as In, SetInlineFormatTextBackgroundColorCommand as ke, TextSelectionManagerService as te, BreakLineCommand as bn, DeleteLeftCommand as Mn, DeleteRightCommand as yn, CutContentCommand as Mt, InnerPasteCommand as yt, VIEWPORT_KEY as Ae, CoverContentCommand as En, RichTextEditingMutation as Qe, DocSkeletonManagerService as ne, DOCS_COMPONENT_MAIN_LAYER_INDEX as je, DOCS_COMPONENT_HEADER_LAYER_INDEX as xn, DOCS_VIEW_KEY as lt, DOCS_COMPONENT_DEFAULT_Z_INDEX as Dn, SetDocZoomRatioOperation as et, SetDocZoomRatioCommand as Pn, getDocObject as Et, getDocObjectById as Un } from "@univerjs/docs";
-import { connectInjector as Ln } from "@wendellhu/redi/react-bindings";
-import { ITextSelectionRenderManager as de, pixelToPt as Nn, ptToPixel as dt, ScrollBar as He, IRenderManagerService as W, PageLayoutType as ut, Viewport as An, EVENT_TYPE as $n, Layer as ht, Documents as Bn, Liquid as Fn, Rect as wn, CURSOR_TYPE as gt, NodePositionConvertToCursor as jn, getAnchorBounding as Vn } from "@univerjs/engine-render";
+var $t = (i, e, t) => e in i ? Bt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var p = (i, e, t) => ($t(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { FOCUSING_DOC as De, FOCUSING_UNIVER_EDITOR as Ke, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Ft, Direction as V, EDITOR_ACTIVATED as Tt, LocaleService as Ze, RxDisposable as le, ICommandService as v, BooleanNumber as C, UniverInstanceType as m, BaselineOffset as J, ThemeService as It, HorizontalAlign as Pe, IUniverInstanceService as U, Disposable as ee, OnLifecycle as L, LifecycleStages as B, Tools as qe, LRUMap as wt, ColorKit as ot, toDisposable as j, ILogService as bt, CommandType as Je, IContextService as jt, checkForSubstrings as Vt, IConfigService as Wt, PositionedObjectLayoutType as kt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as zt, IFloatingObjectManagerService as Ht, Plugin as Yt } from "@univerjs/core";
+import { Inject as R, Injector as Ue, Optional as Gt, createIdentifier as Xt } from "@wendellhu/redi";
+import { KeyCode as D, MetaKeys as de, ILayoutService as yt, MenuGroup as I, MenuItemType as T, MenuPosition as b, getMenuHiddenObservable as y, FONT_FAMILY_LIST as st, FONT_SIZE_LIST as Kt, FontFamily as Zt, FontFamilyItem as qt, FontSize as Jt, DesktopUIPart as Qt, ComponentManager as en, IEditorService as $, IMenuService as tn, IUIController as nn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as rn, HTML_CLIPBOARD_MIME_TYPE as on, IClipboardInterfaceService as Qe, CopyCommand as sn, CutCommand as an, PasteCommand as cn, SetEditorResizeOperation as ln, IShortcutService as dn } from "@univerjs/ui";
+import { MoveCursorOperation as Ne, MoveSelectionOperation as Ae, SelectAllOperation as un, SetInlineFormatBoldCommand as hn, SetTextSelectionsOperation as P, SetInlineFormatCommand as te, SetInlineFormatItalicCommand as gn, SetInlineFormatUnderlineCommand as _n, SetInlineFormatStrikethroughCommand as pn, SetInlineFormatSubscriptCommand as fn, SetInlineFormatSuperscriptCommand as mn, SetInlineFormatFontFamilyCommand as at, SetInlineFormatFontSizeCommand as ct, SetInlineFormatTextColorCommand as lt, AlignLeftCommand as Sn, AlignOperationCommand as Le, AlignCenterCommand as vn, AlignRightCommand as Cn, AlignJustifyCommand as On, OrderListCommand as Rn, BulletListCommand as Tn, ResetInlineFormatTextBackgroundColorCommand as In, SetInlineFormatTextBackgroundColorCommand as He, TextSelectionManagerService as ne, BreakLineCommand as bn, DeleteLeftCommand as yn, DeleteRightCommand as Mn, CutContentCommand as Mt, InnerPasteCommand as Et, VIEWPORT_KEY as Be, CoverContentCommand as En, RichTextEditingMutation as et, DocSkeletonManagerService as ie, DOCS_VIEW_KEY as q, DOCS_COMPONENT_MAIN_LAYER_INDEX as We, DOCS_COMPONENT_HEADER_LAYER_INDEX as xn, DOCS_COMPONENT_DEFAULT_Z_INDEX as dt, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as Dn, SetDocZoomRatioOperation as tt, SetDocZoomRatioCommand as Pn, getDocObject as xt, getDocObjectById as Un } from "@univerjs/docs";
+import { connectInjector as Nn } from "@wendellhu/redi/react-bindings";
+import { ITextSelectionRenderManager as ue, pixelToPt as An, ptToPixel as ut, ScrollBar as Ye, IRenderManagerService as H, PageLayoutType as ht, Viewport as Ln, EVENT_TYPE as Bn, Layer as gt, Documents as $n, DocBackground as Fn, Liquid as wn, CURSOR_TYPE as _t, NodePositionConvertToCursor as jn, getAnchorBounding as Vn } from "@univerjs/engine-render";
 import Wn from "react";
-import { Observable as E, takeUntil as ae, fromEvent as _t, BehaviorSubject as zn } from "rxjs";
-import { ColorPicker as kn } from "@univerjs/design";
+import { Observable as M, takeUntil as ce, fromEvent as pt, BehaviorSubject as kn } from "rxjs";
+import { ColorPicker as zn } from "@univerjs/design";
 const Hn = {
   undo: !0,
   redo: !0,
@@ -51,89 +51,89 @@ const Hn = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Xn = {
+}, Gn = {
   layout: {
     docContainerConfig: Yn,
     toolbarConfig: Hn
   }
-}, Gn = "DocUI";
-function B(i) {
-  return i.getContextValue(xe) && i.getContextValue(Ge);
+}, Xn = "DocUI";
+function A(i) {
+  return i.getContextValue(De) && i.getContextValue(Ke);
 }
-function Zn(i) {
-  return i.getContextValue(xe) && i.getContextValue(Ge) && !i.getContextValue(wt);
+function Kn(i) {
+  return i.getContextValue(De) && i.getContextValue(Ke) && !i.getContextValue(Ft);
 }
-const qn = {
-  id: Ue.id,
-  binding: P.ARROW_UP,
-  preconditions: B,
+const Zn = {
+  id: Ne.id,
+  binding: D.ARROW_UP,
+  preconditions: A,
   staticParameters: {
     direction: V.UP
   }
-}, Kn = {
-  id: Ue.id,
-  binding: P.ARROW_DOWN,
-  preconditions: B,
+}, qn = {
+  id: Ne.id,
+  binding: D.ARROW_DOWN,
+  preconditions: A,
   staticParameters: {
     direction: V.DOWN
   }
 }, Jn = {
-  id: Ue.id,
-  binding: P.ARROW_LEFT,
-  preconditions: B,
+  id: Ne.id,
+  binding: D.ARROW_LEFT,
+  preconditions: A,
   staticParameters: {
     direction: V.LEFT
   }
 }, Qn = {
-  id: Ue.id,
-  binding: P.ARROW_RIGHT,
-  preconditions: B,
+  id: Ne.id,
+  binding: D.ARROW_RIGHT,
+  preconditions: A,
   staticParameters: {
     direction: V.RIGHT
   }
 }, ei = {
-  id: Le.id,
-  binding: P.ARROW_UP | le.SHIFT,
-  preconditions: B,
+  id: Ae.id,
+  binding: D.ARROW_UP | de.SHIFT,
+  preconditions: A,
   staticParameters: {
     direction: V.UP
   }
 }, ti = {
-  id: Le.id,
-  binding: P.ARROW_DOWN | le.SHIFT,
-  preconditions: B,
+  id: Ae.id,
+  binding: D.ARROW_DOWN | de.SHIFT,
+  preconditions: A,
   staticParameters: {
     direction: V.DOWN
   }
 }, ni = {
-  id: Le.id,
-  binding: P.ARROW_LEFT | le.SHIFT,
-  preconditions: B,
+  id: Ae.id,
+  binding: D.ARROW_LEFT | de.SHIFT,
+  preconditions: A,
   staticParameters: {
     direction: V.LEFT
   }
 }, ii = {
-  id: Le.id,
-  binding: P.ARROW_RIGHT | le.SHIFT,
-  preconditions: B,
+  id: Ae.id,
+  binding: D.ARROW_RIGHT | de.SHIFT,
+  preconditions: A,
   staticParameters: {
     direction: V.RIGHT
   }
 }, ri = {
   id: un.id,
-  binding: P.A | le.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(Ge) && (i.getContextValue(xe) || i.getContextValue(Rt))
+  binding: D.A | de.CTRL_COMMAND,
+  preconditions: (i) => i.getContextValue(Ke) && (i.getContextValue(De) || i.getContextValue(Tt))
 };
 var oi = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ai = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? si(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  for (var r = n > 1 ? void 0 : n ? si(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 && oi(e, t, r), r;
-}, pt = (i, e) => (t, n) => e(t, n, i);
-let Ye = class {
+}, ft = (i, e) => (t, n) => e(t, n, i);
+let Ge = class {
   constructor(i, e, t) {
-    m(this, "_docContainer");
+    p(this, "_docContainer");
     // 获取SheetContainer组件
-    m(this, "getComponent", (i) => {
+    p(this, "getComponent", (i) => {
       if (this._docContainer = i, !i.getContentRef().current)
         throw new Error("container is not ready");
     });
@@ -144,7 +144,7 @@ let Ye = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    m(this, "changeLocale", (i) => {
+    p(this, "changeLocale", (i) => {
       this._localeService.setLocale(i);
     });
     this._config = i, this._localeService = e, this._injector = t;
@@ -168,19 +168,19 @@ let Ye = class {
     return this._docContainer;
   }
 };
-Ye = ai([
-  pt(1, O(Ze)),
-  pt(2, O(Pe))
-], Ye);
+Ge = ai([
+  ft(1, R(Ze)),
+  ft(2, R(Ue))
+], Ge);
 var ci = Object.defineProperty, li = Object.getOwnPropertyDescriptor, di = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? li(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  for (var r = n > 1 ? void 0 : n ? li(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 && ci(e, t, r), r;
-}, _e = (i, e) => (t, n) => e(t, n, i);
-let se = class extends ce {
-  constructor(e, t, n, r, s) {
+}, fe = (i, e) => (t, n) => e(t, n, i);
+let ae = class extends le {
+  constructor(e, t, n, r, o) {
     super();
-    m(this, "_docContainerController");
+    p(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -188,10 +188,10 @@ let se = class extends ce {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    m(this, "changeLocale", (e) => {
+    p(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = n, this._textSelectionRenderManager = r, this._layoutService = s, this._docContainerController = this._injector.createInstance(Ye, e), this._registerContainer();
+    this._localeService = t, this._injector = n, this._textSelectionRenderManager = r, this._layoutService = o, this._docContainerController = this._injector.createInstance(Ge, e), this._registerContainer();
   }
   _registerContainer() {
     this._layoutService && this.disposeWithMe(
@@ -203,14 +203,14 @@ let se = class extends ce {
     return this._docContainerController;
   }
 };
-se = di([
-  _e(1, O(Ze)),
-  _e(2, O(Pe)),
-  _e(3, de),
-  _e(4, Xt(bt))
-], se);
-const $e = "UI_PLUGIN_DOCS", tt = `${$e}_COLOR_PICKER_COMPONENT`, xt = `${$e}_FONT_FAMILY_COMPONENT`, Dt = `${$e}_FONT_FAMILY_ITEM_COMPONENT`, Pt = `${$e}_FONT_SIZE_COMPONENT`;
-var Ut = { exports: {} }, Be = {};
+ae = di([
+  fe(1, R(Ze)),
+  fe(2, R(Ue)),
+  fe(3, ue),
+  fe(4, Gt(yt))
+], ae);
+const $e = "UI_PLUGIN_DOCS", nt = `${$e}_COLOR_PICKER_COMPONENT`, Dt = `${$e}_FONT_FAMILY_COMPONENT`, Pt = `${$e}_FONT_FAMILY_ITEM_COMPONENT`, Ut = `${$e}_FONT_SIZE_COMPONENT`;
+var Nt = { exports: {} }, Fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -221,21 +221,21 @@ var Ut = { exports: {} }, Be = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ui = Wn, hi = Symbol.for("react.element"), gi = Symbol.for("react.fragment"), _i = Object.prototype.hasOwnProperty, pi = ui.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, fi = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Lt(i, e, t) {
-  var n, r = {}, s = null, o = null;
-  t !== void 0 && (s = "" + t), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
+function At(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)
     _i.call(e, n) && !fi.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: hi, type: i, key: s, ref: o, props: r, _owner: pi.current };
+  return { $$typeof: hi, type: i, key: o, ref: s, props: r, _owner: pi.current };
 }
-Be.Fragment = gi;
-Be.jsx = Lt;
-Be.jsxs = Lt;
-Ut.exports = Be;
-var mi = Ut.exports;
+Fe.Fragment = gi;
+Fe.jsx = At;
+Fe.jsxs = At;
+Nt.exports = Fe;
+var mi = Nt.exports;
 const Si = "univer-docs-ui-canvas-background", vi = {
   docsUiCanvasBackground: Si
 }, Ci = () => /* @__PURE__ */ mi.jsx("div", { className: vi.docsUiCanvasBackground });
@@ -249,21 +249,21 @@ function Oi(i) {
     title: "Set bold",
     tooltip: "toolbar.bold",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === ee.id) {
-          const a = z(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === te.id) {
+          const a = W(i);
           if (a == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.bl;
+          const c = (s = a.ts) == null ? void 0 : s.bl;
           t.next(c === C.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function Ri(i) {
@@ -276,21 +276,21 @@ function Ri(i) {
     title: "Set italic",
     tooltip: "toolbar.italic",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === ee.id) {
-          const a = z(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === te.id) {
+          const a = W(i);
           if (a == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.it;
+          const c = (s = a.ts) == null ? void 0 : s.it;
           t.next(c === C.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function Ti(i) {
@@ -303,21 +303,21 @@ function Ti(i) {
     title: "Set underline",
     tooltip: "toolbar.underline",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === ee.id) {
-          const a = z(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === te.id) {
+          const a = W(i);
           if (a == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.ul;
+          const c = (s = a.ts) == null ? void 0 : s.ul;
           t.next((c == null ? void 0 : c.s) === C.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function Ii(i) {
@@ -330,21 +330,21 @@ function Ii(i) {
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === ee.id) {
-          const a = z(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === te.id) {
+          const a = W(i);
           if (a == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.st;
+          const c = (s = a.ts) == null ? void 0 : s.st;
           t.next((c == null ? void 0 : c.s) === C.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function bi(i) {
@@ -356,24 +356,24 @@ function bi(i) {
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === ee.id) {
-          const a = z(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === te.id) {
+          const a = W(i);
           if (a == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.va;
+          const c = (s = a.ts) == null ? void 0 : s.va;
           t.next(c === J.SUBSCRIPT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function Mi(i) {
+function yi(i) {
   const e = i.get(v);
   return {
     id: mn.id,
@@ -382,66 +382,66 @@ function Mi(i) {
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === ee.id) {
-          const a = z(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === te.id) {
+          const a = W(i);
           if (a == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.va;
+          const c = (s = a.ts) == null ? void 0 : s.va;
           t.next(c === J.SUPERSCRIPT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function yi(i) {
+function Mi(i) {
   const e = i.get(v);
   return {
-    id: st.id,
+    id: at.id,
     tooltip: "toolbar.font",
     group: I.TOOLBAR_FORMAT,
     type: T.SELECTOR,
-    label: xt,
+    label: Dt,
     positions: [b.TOOLBAR_START],
-    selections: ot.map((t) => ({
+    selections: st.map((t) => ({
       label: {
-        name: Dt,
+        name: Pt,
         hoverable: !0
       },
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new E((t) => {
-      const n = ot[0].value, r = e.onCommandExecuted((s) => {
+    value$: new M((t) => {
+      const n = st[0].value, r = e.onCommandExecuted((o) => {
         var a;
-        const o = s.id;
-        if (o === U.id || o === st.id) {
-          const c = z(i);
+        const s = o.id;
+        if (s === P.id || s === at.id) {
+          const c = W(i);
           if (c == null)
             return;
-          const d = (a = c.ts) == null ? void 0 : a.ff;
-          t.next(d != null ? d : n);
+          const l = (a = c.ts) == null ? void 0 : a.ff;
+          t.next(l != null ? l : n);
         }
       });
       return t.next(n), r.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function Ei(i) {
   const e = i.get(v);
   return {
-    id: at.id,
+    id: ct.id,
     group: I.TOOLBAR_FORMAT,
     type: T.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: Pt,
+      name: Ut,
       props: {
         min: 1,
         max: 400
@@ -449,29 +449,29 @@ function Ei(i) {
       }
     },
     positions: [b.TOOLBAR_START],
-    selections: Zt,
+    selections: Kt,
     // disabled$,
-    value$: new E((t) => {
-      const r = e.onCommandExecuted((s) => {
+    value$: new M((t) => {
+      const r = e.onCommandExecuted((o) => {
         var a;
-        const o = s.id;
-        if (o === U.id || o === at.id) {
-          const c = z(i);
+        const s = o.id;
+        if (s === P.id || s === ct.id) {
+          const c = W(i);
           if (c == null)
             return;
-          const d = (a = c.ts) == null ? void 0 : a.fs;
-          t.next(d != null ? d : 14);
+          const l = (a = c.ts) == null ? void 0 : a.fs;
+          t.next(l != null ? l : 14);
         }
       });
       return t.next(14), r.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function xi(i) {
-  const e = i.get(v), t = i.get(Tt);
+  const e = i.get(v), t = i.get(It);
   return {
-    id: ct.id,
+    id: lt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
     group: I.TOOLBAR_FORMAT,
@@ -480,21 +480,21 @@ function xi(i) {
     selections: [
       {
         label: {
-          name: tt,
+          name: nt,
           hoverable: !1
         }
       }
     ],
-    value$: new E((n) => {
-      const r = t.getCurrentTheme().textColor, s = e.onCommandExecuted((o) => {
-        if (o.id === ct.id) {
-          const a = o.params.value;
+    value$: new M((n) => {
+      const r = t.getCurrentTheme().textColor, o = e.onCommandExecuted((s) => {
+        if (s.id === lt.id) {
+          const a = s.params.value;
           n.next(a != null ? a : r);
         }
       });
-      return n.next(r), s.dispose;
+      return n.next(r), o.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
@@ -507,21 +507,21 @@ function Di(i) {
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === Ne.id) {
-          const a = Fe(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === Le.id) {
+          const a = we(i);
           if (a == null)
             return;
-          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
-          t.next(c === De.LEFT);
+          const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
+          t.next(c === Pe.LEFT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function Pi(i) {
@@ -533,21 +533,21 @@ function Pi(i) {
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === Ne.id) {
-          const a = Fe(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === Le.id) {
+          const a = we(i);
           if (a == null)
             return;
-          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
-          t.next(c === De.CENTER);
+          const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
+          t.next(c === Pe.CENTER);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
 function Ui(i) {
@@ -559,24 +559,24 @@ function Ui(i) {
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === Ne.id) {
-          const a = Fe(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === Le.id) {
+          const a = we(i);
           if (a == null)
             return;
-          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
-          t.next(c === De.RIGHT);
+          const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
+          t.next(c === Pe.RIGHT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function Li(i) {
+function Ni(i) {
   const e = i.get(v);
   return {
     id: On.id,
@@ -585,24 +585,24 @@ function Li(i) {
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
     positions: [b.TOOLBAR_START],
-    activated$: new E((t) => {
+    activated$: new M((t) => {
       const n = e.onCommandExecuted((r) => {
-        var o;
-        const s = r.id;
-        if (s === U.id || s === Ne.id) {
-          const a = Fe(i);
+        var s;
+        const o = r.id;
+        if (o === P.id || o === Le.id) {
+          const a = we(i);
           if (a == null)
             return;
-          const c = (o = a.paragraphStyle) == null ? void 0 : o.horizontalAlign;
-          t.next(c === De.JUSTIFIED);
+          const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
+          t.next(c === Pe.JUSTIFIED);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function Ni(i) {
+function Ai(i) {
   return {
     id: Rn.id,
     group: I.TOOLBAR_LAYOUT,
@@ -610,10 +610,10 @@ function Ni(i) {
     icon: "OrderSingle",
     tooltip: "toolbar.order",
     positions: [b.TOOLBAR_START],
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function Ai(i) {
+function Li(i) {
   return {
     id: Tn.id,
     group: I.TOOLBAR_LAYOUT,
@@ -621,22 +621,22 @@ function Ai(i) {
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
     positions: [b.TOOLBAR_START],
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function $i(i) {
+function Bi(i) {
   return {
     id: In.id,
     type: T.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor",
-    positions: ke.id
+    positions: He.id
   };
 }
-function Bi(i) {
-  const e = i.get(v), t = i.get(Tt);
+function $i(i) {
+  const e = i.get(v), t = i.get(It);
   return {
-    id: ke.id,
+    id: He.id,
     tooltip: "toolbar.fillColor.main",
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON_SELECTOR,
@@ -645,64 +645,64 @@ function Bi(i) {
     selections: [
       {
         label: {
-          name: tt,
+          name: nt,
           hoverable: !1
         }
       }
     ],
-    value$: new E((n) => {
-      const r = t.getCurrentTheme().primaryColor, s = e.onCommandExecuted((o) => {
-        if (o.id === ke.id) {
-          const a = o.params.value;
+    value$: new M((n) => {
+      const r = t.getCurrentTheme().primaryColor, o = e.onCommandExecuted((s) => {
+        if (s.id === He.id) {
+          const a = s.params.value;
           n.next(a != null ? a : r);
         }
       });
-      return n.next(r), s.dispose;
+      return n.next(r), o.dispose;
     }),
-    hidden$: M(i, S.UNIVER_DOC)
+    hidden$: y(i, m.UNIVER_DOC)
   };
 }
-function z(i) {
+function W(i) {
   var c;
-  const e = i.get(D), t = i.get(te), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
+  const e = i.get(U), t = i.get(ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
   if (n == null || r == null)
     return;
-  const s = (c = n.getBody()) == null ? void 0 : c.textRuns;
-  if (s == null)
+  const o = (c = n.getBody()) == null ? void 0 : c.textRuns;
+  if (o == null)
     return;
-  const { startOffset: o } = r;
-  return s.find(({ st: d, ed: u }) => o >= d && o < u);
+  const { startOffset: s } = r;
+  return o.find(({ st: l, ed: u }) => s >= l && s < u);
 }
-function Fe(i) {
+function we(i) {
   var c;
-  const e = i.get(D), t = i.get(te), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
+  const e = i.get(U), t = i.get(ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
   if (n == null || r == null)
     return;
-  const s = (c = n.getBody()) == null ? void 0 : c.paragraphs;
-  if (s == null)
+  const o = (c = n.getBody()) == null ? void 0 : c.paragraphs;
+  if (o == null)
     return;
-  const { startOffset: o } = r;
+  const { startOffset: s } = r;
   let a = -1;
-  for (const d of s) {
-    const { startIndex: u } = d;
-    if (o > a && o <= u)
-      return d;
+  for (const l of o) {
+    const { startIndex: u } = l;
+    if (s > a && s <= u)
+      return l;
     a = u;
   }
   return null;
 }
 var Fi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, ji = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  for (var r = n > 1 ? void 0 : n ? wi(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 && Fi(e, t, r), r;
 }, k = (i, e) => (t, n) => e(t, n, i);
-let Se = class extends Y {
-  constructor(i, e, t, n, r, s, o) {
-    super(), this._injector = i, this._componentManager = e, this._layoutService = t, this._editorService = n, this._menuService = r, this._uiController = s, this._univerInstanceService = o, this._init();
+let Ce = class extends ee {
+  constructor(i, e, t, n, r, o, s) {
+    super(), this._injector = i, this._componentManager = e, this._layoutService = t, this._editorService = n, this._menuService = r, this._uiController = o, this._univerInstanceService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(tt, kn)), this.disposeWithMe(i.register(xt, qt)), this.disposeWithMe(i.register(Dt, Kt)), this.disposeWithMe(i.register(Pt, Jt));
+    this.disposeWithMe(i.register(nt, zn)), this.disposeWithMe(i.register(Dt, Zt)), this.disposeWithMe(i.register(Pt, qt)), this.disposeWithMe(i.register(Ut, Jt));
   }
   _initMenus() {
     [
@@ -711,18 +711,18 @@ let Se = class extends Y {
       Ti,
       Ii,
       bi,
-      Mi,
-      Ei,
       yi,
+      Ei,
+      Mi,
       xi,
       Di,
       Pi,
       Ui,
-      Li,
       Ni,
       Ai,
-      $i,
-      Bi
+      Li,
+      Bi,
+      $i
     ].forEach((i) => {
       this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
     });
@@ -731,31 +731,31 @@ let Se = class extends Y {
     this._initCustomComponents(), this._initMenus(), this._initDocBackground(), this._initFocusHandler();
   }
   _initDocBackground() {
-    const i = this._univerInstanceService.getAllUnitsForType(S.UNIVER_DOC)[0].getUnitId();
+    const i = this._univerInstanceService.getAllUnitsForType(m.UNIVER_DOC)[0].getUnitId();
     if (i == null)
       return;
     this._editorService.isEditor(i) || this.disposeWithMe(
-      this._uiController.registerComponent(Qt.CONTENT, () => Ln(Ci, this._injector))
+      this._uiController.registerComponent(Qt.CONTENT, () => Nn(Ci, this._injector))
     );
   }
   _initFocusHandler() {
     this.disposeWithMe(
-      this._layoutService.registerFocusHandler(S.UNIVER_DOC, () => {
-        this._injector.get(de).focus();
+      this._layoutService.registerFocusHandler(m.UNIVER_DOC, () => {
+        this._injector.get(ue).focus();
       })
     );
   }
 };
-Se = ji([
-  N(A.Rendered, Se),
-  k(0, O(Pe)),
-  k(1, O(en)),
-  k(2, bt),
+Ce = ji([
+  L(B.Rendered, Ce),
+  k(0, R(Ue)),
+  k(1, R(en)),
+  k(2, yt),
   k(3, $),
   k(4, tn),
   k(5, nn),
-  k(6, D)
-], Se);
+  k(6, U)
+], Ce);
 const Vi = {
   toolbar: {
     undo: "Undo",
@@ -784,7 +784,7 @@ const Vi = {
     alignRight: "Align Right",
     alignJustify: "Justify"
   }
-}, to = Vi, Wi = {
+}, qr = Vi, Wi = {
   toolbar: {
     undo: "撤销",
     redo: "重做",
@@ -812,29 +812,57 @@ const Vi = {
     alignRight: "右对齐",
     alignJustify: "两端对齐"
   }
-}, zi = Wi, ki = {
+}, ki = Wi, zi = {
+  toolbar: {
+    undo: "Отменить",
+    redo: "Повторить",
+    font: "Шрифт",
+    fontSize: "Размер шрифта",
+    bold: "Полужирный",
+    italic: "Курсив",
+    strikethrough: "Зачеркнутый",
+    subscript: "Нижний индекс",
+    superscript: "Верхний индекс",
+    underline: "Подчеркнутый",
+    textColor: {
+      main: "Цвет текста",
+      right: "Выбрать цвет"
+    },
+    fillColor: {
+      main: "Цвет фона текста",
+      right: "Выбрать цвет"
+    },
+    resetColor: "Сбросить",
+    order: "Упорядоченный список",
+    unorder: "Неупорядоченный список",
+    alignLeft: "Выровнять по левому краю",
+    alignCenter: "Выровнять по центру",
+    alignRight: "Выровнять по правому краю",
+    alignJustify: "Выровнять по ширине"
+  }
+}, Jr = zi, Hi = {
   id: bn.id,
-  preconditions: Zn,
-  binding: P.ENTER
-}, Hi = {
-  id: Mn.id,
-  preconditions: B,
-  binding: P.BACKSPACE
+  preconditions: Kn,
+  binding: D.ENTER
 }, Yi = {
   id: yn.id,
-  preconditions: B,
-  binding: P.DELETE
-}, Xi = 10, Gi = 6;
+  preconditions: A,
+  binding: D.BACKSPACE
+}, Gi = {
+  id: Mn.id,
+  preconditions: A,
+  binding: D.DELETE
+}, Xi = 10, Ki = 6;
 function Zi() {
-  return qe.generateRandomId(Gi);
+  return qe.generateRandomId(Ki);
 }
 function qi(i) {
   const e = i.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class Ki {
+class Ji {
   constructor() {
-    m(this, "_cache", new jt(Xi));
+    p(this, "_cache", new wt(Xi));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -846,8 +874,8 @@ class Ki {
     this._cache.clear();
   }
 }
-const ft = new Ki();
-function nt(i) {
+const mt = new Ji();
+function it(i) {
   const e = i.style, t = {}, n = i.tagName.toLowerCase();
   switch (n) {
     case "b":
@@ -879,44 +907,44 @@ function nt(i) {
     }
   }
   for (let r = 0; r < e.length; r++) {
-    const s = e[r], o = e.getPropertyValue(s);
-    switch (s) {
+    const o = e[r], s = e.getPropertyValue(o);
+    switch (o) {
       case "font-family": {
-        t.ff = o;
+        t.ff = s;
         break;
       }
       case "font-size": {
-        const a = Number.parseInt(o);
-        Number.isNaN(a) || (o.endsWith("pt") ? t.fs = a : o.endsWith("px") && (t.fs = Nn(a)));
+        const a = Number.parseInt(s);
+        Number.isNaN(a) || (s.endsWith("pt") ? t.fs = a : s.endsWith("px") && (t.fs = An(a)));
         break;
       }
       case "font-style": {
-        o === "italic" && (t.it = C.TRUE);
+        s === "italic" && (t.it = C.TRUE);
         break;
       }
       case "font-weight": {
-        Number(o) > 400 && (t.bl = C.TRUE);
+        Number(s) > 400 && (t.bl = C.TRUE);
         break;
       }
       case "text-decoration": {
-        /underline/.test(o) ? t.ul = {
+        /underline/.test(s) ? t.ul = {
           s: C.TRUE
-        } : /overline/.test(o) ? t.ol = {
+        } : /overline/.test(s) ? t.ol = {
           s: C.TRUE
-        } : /line-through/.test(o) && (t.st = {
+        } : /line-through/.test(s) && (t.st = {
           s: C.TRUE
         });
         break;
       }
       case "color": {
-        const a = new rt(o);
+        const a = new ot(s);
         a.isValid && (t.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new rt(o);
+        const a = new ot(s);
         a.isValid && (t.bg = {
           rgb: a.toRgbString()
         });
@@ -926,19 +954,19 @@ function nt(i) {
   }
   return t;
 }
-function Ji(i) {
+function Qi(i) {
   const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function mt(i, e) {
+function St(i, e) {
   const t = i.tagName.toLowerCase();
   return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(i);
 }
-const Ee = class Ee {
+const xe = class xe {
   constructor() {
-    m(this, "_styleCache", /* @__PURE__ */ new Map());
-    m(this, "_styleRules", []);
-    m(this, "_afterProcessRules", []);
+    p(this, "_styleCache", /* @__PURE__ */ new Map());
+    p(this, "_styleRules", []);
+    p(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -946,7 +974,7 @@ const Ee = class Ee {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = Ee._pluginList.find((s) => s.checkPasteType(e)), n = Ji(e), r = {
+    const t = xe._pluginList.find((o) => o.checkPasteType(e)), n = Qi(e), r = {
       dataStream: "",
       textRuns: []
     };
@@ -954,30 +982,30 @@ const Ee = class Ee {
   }
   _process(e, t, n) {
     var r;
-    for (const s of t)
-      if (s.nodeType === Node.TEXT_NODE) {
-        const o = (r = s.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
+    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 += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
-          st: n.dataStream.length - o.length,
+        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
         });
-      } else if (s.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => mt(s, h)), c = a ? a.getStyle(s) : nt(s);
-        this._styleCache.set(s, { ...o, ...c });
-        const { childNodes: d } = s;
-        this._process(s, d, n);
+      } else if (o.nodeType === Node.ELEMENT_NODE) {
+        const s = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => St(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 }) => mt(s, h)
+          ({ filter: h }) => St(o, h)
         );
-        u && u.handler(n, s);
+        u && u.handler(n, o);
       }
   }
 };
-m(Ee, "_pluginList", []);
-let Q = Ee;
-const Qi = {
+p(xe, "_pluginList", []);
+let Q = xe;
+const er = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(i) {
     return /lark-record-clipboard/i.test(i);
@@ -987,7 +1015,7 @@ const Qi = {
     {
       filter: ["s"],
       getStyle(i) {
-        const e = nt(i);
+        const e = it(i);
         return {
           st: {
             s: C.TRUE
@@ -1009,32 +1037,32 @@ const Qi = {
       }
     }
   ]
-}, er = Qi;
-function Nt(i) {
+}, tr = er;
+function Lt(i) {
   const e = i.style, t = {};
   for (let n = 0; n < e.length; n++) {
-    const r = e[n], s = e.getPropertyValue(r);
+    const r = e[n], o = e.getPropertyValue(r);
     switch (r) {
       case "margin-top": {
-        const o = Number.parseInt(s);
-        t.spaceAbove = /pt/.test(s) ? dt(o) : o;
+        const s = Number.parseInt(o);
+        t.spaceAbove = /pt/.test(o) ? ut(s) : s;
         break;
       }
       case "margin-bottom": {
-        const o = Number.parseInt(s);
-        t.spaceBelow = /pt/.test(s) ? dt(o) : o;
+        const s = Number.parseInt(o);
+        t.spaceBelow = /pt/.test(o) ? ut(s) : s;
         break;
       }
       case "line-height": {
-        const o = Number.parseFloat(s);
-        t.lineSpacing = o;
+        const s = Number.parseFloat(o);
+        t.lineSpacing = s;
         break;
       }
     }
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-const tr = {
+const nr = {
   name: "univer-doc-paste-plugin-word",
   checkPasteType(i) {
     return /word|mso/i.test(i);
@@ -1043,7 +1071,7 @@ const tr = {
     {
       filter: ["b"],
       getStyle(i) {
-        const e = nt(i);
+        const e = it(i);
         return { bl: C.TRUE, ...e };
       }
     }
@@ -1057,12 +1085,12 @@ const tr = {
         i.paragraphs == null && (i.paragraphs = []);
         const t = {
           startIndex: i.dataStream.length
-        }, n = Nt(e);
+        }, n = Lt(e);
         n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
       }
     }
   ]
-}, nr = tr, ir = {
+}, ir = nr, rr = {
   name: "univer-doc-paste-plugin-univer",
   checkPasteType(i) {
     return /UniverNormal/i.test(i);
@@ -1077,69 +1105,69 @@ const tr = {
         i.paragraphs == null && (i.paragraphs = []);
         const t = {
           startIndex: i.dataStream.length
-        }, n = Nt(e);
+        }, n = Lt(e);
         n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
       }
     }
   ]
-}, rr = ir;
-function St(i, e) {
-  const { st: t, ed: n, ts: r = {} } = e, { ff: s, fs: o, it: a, bl: c, ul: d, st: u, ol: h, bg: p, cl: g, va: f } = r;
-  let l = i.slice(t, n);
+}, or = rr;
+function vt(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: f, cl: g, va: S } = r;
+  let d = i.slice(t, n);
   const _ = [];
-  return a === C.TRUE && (l = `<i>${l}</i>`), f === J.SUPERSCRIPT ? l = `<sup>${l}</sup>` : f === J.SUBSCRIPT && (l = `<sub>${l}</sub>`), (d == null ? void 0 : d.s) === C.TRUE && (l = `<u>${l}</u>`), (u == null ? void 0 : u.s) === C.TRUE && (l = `<s>${l}</s>`), c === C.TRUE && (l = `<strong>${l}</strong>`), s && _.push(`font-family: ${s}`), g && _.push(`color: ${g.rgb}`), o && _.push(`font-size: ${o}pt`), h && _.push("text-decoration: overline"), p && _.push(`background: ${p.rgb}`), _.length ? `<span style="${_.join("; ")};">${l}</span>` : l;
+  return a === C.TRUE && (d = `<i>${d}</i>`), S === J.SUPERSCRIPT ? d = `<sup>${d}</sup>` : S === J.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}`), g && _.push(`color: ${g.rgb}`), s && _.push(`font-size: ${s}pt`), h && _.push("text-decoration: overline"), f && _.push(`background: ${f.rgb}`), _.length ? `<span style="${_.join("; ")};">${d}</span>` : d;
 }
-function Ve(i, e, t) {
+function ke(i, e, t) {
   const { dataStream: n, textRuns: r = [] } = i;
-  let s = e;
-  const o = [];
+  let o = e;
+  const s = [];
   for (const a of r) {
-    const { st: c, ed: d } = a;
-    qe.hasIntersectionBetweenTwoRanges(e, t, c, d) && (c > s ? (o.push(n.slice(s, c)), o.push(St(n, {
+    const { st: c, ed: l } = a;
+    qe.hasIntersectionBetweenTwoRanges(e, t, c, l) && (c > o ? (s.push(n.slice(o, c)), s.push(vt(n, {
       ...a,
-      ed: Math.min(d, t)
-    }))) : o.push(St(n, {
+      ed: Math.min(l, t)
+    }))) : s.push(vt(n, {
       ...a,
-      st: s,
-      ed: Math.min(d, t)
-    }))), s = Math.max(e, Math.min(d, t));
+      st: o,
+      ed: Math.min(l, t)
+    }))), o = Math.max(e, Math.min(l, t));
   }
-  return s !== t && o.push(n.slice(s, t)), o.join("");
+  return o !== t && s.push(n.slice(o, t)), s.join("");
 }
-function vt(i, e = !0) {
+function Ct(i, e = !0) {
   var t;
   if (e && ((t = i.paragraphs) != null && t.length)) {
     const { dataStream: n, paragraphs: r = [] } = i;
-    let s = "", o = -1;
+    let o = "", s = -1;
     for (const a of r) {
-      const { startIndex: c, paragraphStyle: d = {} } = a, { spaceAbove: u, spaceBelow: h, lineSpacing: p } = d, g = [];
-      u != null && (typeof u == "number" ? g.push(`margin-top: ${u}px`) : g.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? g.push(`margin-bottom: ${h}px`) : g.push(`margin-bottom: ${h.v}px`)), p != null && g.push(`line-height: ${p}`), c > o + 1 ? s += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}>${Ve(i, o + 1, c)}</p>` : s += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}></p>`, o = c;
+      const { startIndex: c, paragraphStyle: l = {} } = a, { spaceAbove: u, spaceBelow: h, lineSpacing: f } = l, g = [];
+      u != null && (typeof u == "number" ? g.push(`margin-top: ${u}px`) : g.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? g.push(`margin-bottom: ${h}px`) : g.push(`margin-bottom: ${h.v}px`)), f != null && g.push(`line-height: ${f}`), c > s + 1 ? o += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}>${ke(i, s + 1, c)}</p>` : o += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}></p>`, s = c;
     }
-    return o !== n.length && (s += Ve(i, o, n.length)), s;
+    return s !== n.length && (o += ke(i, s, n.length)), o;
   } else
-    return Ve(i, 0, i.dataStream.length);
+    return ke(i, 0, i.dataStream.length);
 }
-class or {
+class sr {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return vt(e[0]);
+      return Ct(e[0]);
     let t = "";
     for (const n of e)
-      t += '<p className="UniverNormal">', t += vt(n, !1), t += "</p>";
+      t += '<p className="UniverNormal">', t += Ct(n, !1), t += "</p>";
     return t;
   }
 }
-var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, cr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ar(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && sr(e, t, r), r;
-}, ie = (i, e) => (t, n) => e(t, n, i);
-Q.use(nr);
-Q.use(er);
-Q.use(rr);
-function lr(i) {
+var ar = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, lr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? cr(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 && ar(e, t, r), r;
+}, re = (i, e) => (t, n) => e(t, n, i);
+Q.use(ir);
+Q.use(tr);
+Q.use(or);
+function dr(i) {
   const e = i.replace(/\n/g, "\r"), t = [];
   for (let n = 0; n < e.length; n++)
     e[n] === "\r" && t.push({ startIndex: n });
@@ -1148,14 +1176,14 @@ function lr(i) {
     paragraphs: t
   };
 }
-const ue = Gt("doc.clipboard-service");
-let Xe = class extends Y {
-  constructor(e, t, n, r, s) {
+const he = Xt("doc.clipboard-service");
+let Xe = class extends ee {
+  constructor(e, t, n, r, o) {
     super();
-    m(this, "_clipboardHooks", []);
-    m(this, "_htmlToUDM", new Q());
-    m(this, "_umdToHtml", new or());
-    this._univerInstanceService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = r, this._textSelectionManagerService = s;
+    p(this, "_clipboardHooks", []);
+    p(this, "_htmlToUDM", new Q());
+    p(this, "_umdToHtml", new sr());
+    this._univerInstanceService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = r, this._textSelectionManagerService = o;
   }
   async copy() {
     const e = this._getDocumentBodyInRanges();
@@ -1180,25 +1208,25 @@ let Xe = class extends Y {
     return this._paste(n);
   }
   async _cut() {
-    var s;
+    var o;
     const {
       segmentId: e,
       endOffset: t,
       style: n
-    } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, r = this._textSelectionManagerService.getSelections();
+    } = (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)
       return !1;
     this.copy();
     try {
-      let o = t;
+      let s = t;
       for (const c of r) {
-        const { startOffset: d, endOffset: u } = c;
-        d == null || u == null || u <= t && (o -= u - d);
+        const { startOffset: l, endOffset: u } = c;
+        l == null || u == null || u <= t && (s -= u - l);
       }
       const a = [
         {
-          startOffset: o,
-          endOffset: o,
+          startOffset: s,
+          endOffset: s,
           style: n
         }
       ];
@@ -1208,14 +1236,14 @@ let Xe = class extends Y {
     }
   }
   async _paste(e) {
-    var o;
-    const { segmentId: t, endOffset: n, style: r } = (o = this._textSelectionManagerService.getActiveRange()) != null ? o : {}, s = this._textSelectionManagerService.getSelections();
-    if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || s == null)
+    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)
       return !1;
     try {
       let a = n;
-      for (const d of s) {
-        const { startOffset: u, endOffset: h } = d;
+      for (const l of o) {
+        const { startOffset: u, endOffset: h } = l;
         u == null || h == null || h <= n && (a += e.dataStream.length - (h - u));
       }
       const c = [
@@ -1225,19 +1253,19 @@ let Xe = class extends Y {
           style: r
         }
       ];
-      return this._commandService.executeCommand(yt.id, { body: e, segmentId: t, textRanges: c });
+      return this._commandService.executeCommand(Et.id, { body: e, segmentId: t, textRanges: c });
     } catch {
       return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
     }
   }
   async _setClipboardData(e) {
-    const t = Zi(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
+    const t = Zi(), n = 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]+)/, (s, o) => `${o} data-copy-id="${t}"`), ft.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
+    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (o, s) => `${s} data-copy-id="${t}"`), mt.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), F(() => {
+    return this._clipboardHooks.push(e), j(() => {
       const t = this._clipboardHooks.indexOf(e);
       t > -1 && this._clipboardHooks.splice(t, 1);
     });
@@ -1247,10 +1275,10 @@ let Xe = class extends Y {
     if (e == null || !t)
       return n;
     for (const r of e) {
-      const { startOffset: s, endOffset: o, collapsed: a } = r;
-      if (a || s == null || o == null)
+      const { startOffset: o, endOffset: s, collapsed: a } = r;
+      if (a || o == null || s == null)
         continue;
-      const c = t.sliceBody(s, o);
+      const c = t.sliceBody(o, s);
       c != null && n.push(c);
     }
     return n;
@@ -1259,8 +1287,8 @@ let Xe = class extends Y {
     try {
       let t = "", n = "";
       for (const r of e)
-        for (const s of r.types)
-          s === rn ? n = await r.getType(s).then((o) => o && o.text()) : s === on && (t = await r.getType(s).then((o) => o && o.text()));
+        for (const o of r.types)
+          o === rn ? n = await r.getType(o).then((s) => s && s.text()) : o === on && (t = await r.getType(o).then((s) => s && s.text()));
       return this._generateBodyFromHtmlAndText(t, n);
     } catch (t) {
       return Promise.reject(t);
@@ -1269,98 +1297,98 @@ let Xe = class extends Y {
   _generateBodyFromHtmlAndText(e, t) {
     if (!e) {
       if (t)
-        return lr(t);
+        return dr(t);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
     const n = qi(e);
     if (n) {
-      const r = ft.get(n);
+      const r = mt.get(n);
       if (r)
         return r;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-Xe = cr([
-  ie(0, D),
-  ie(1, It),
-  ie(2, v),
-  ie(3, Je),
-  ie(4, O(te))
+Xe = lr([
+  re(0, U),
+  re(1, bt),
+  re(2, v),
+  re(3, Qe),
+  re(4, R(ne))
 ], Xe);
-function we(i) {
-  return i.getContextValue(xe) || i.getContextValue(Rt);
+function je(i) {
+  return i.getContextValue(De) || i.getContextValue(Tt);
 }
-const it = 999, dr = {
+const rt = 999, ur = {
   id: sn.id,
   name: "doc.command.copy",
-  type: Ke.COMMAND,
+  type: Je.COMMAND,
   multi: !0,
-  priority: it,
-  preconditions: we,
-  handler: async (i) => i.get(ue).copy()
-}, ur = {
+  priority: rt,
+  preconditions: je,
+  handler: async (i) => i.get(he).copy()
+}, hr = {
   id: an.id,
   name: "doc.command.cut",
-  type: Ke.COMMAND,
+  type: Je.COMMAND,
   multi: !0,
-  priority: it,
-  preconditions: we,
-  handler: async (i) => i.get(ue).cut()
-}, hr = {
+  priority: rt,
+  preconditions: je,
+  handler: async (i) => i.get(he).cut()
+}, gr = {
   id: cn.id,
   name: "doc.command.paste",
-  type: Ke.COMMAND,
+  type: Je.COMMAND,
   multi: !0,
-  priority: it,
-  preconditions: we,
+  priority: rt,
+  preconditions: je,
   handler: async (i) => {
-    const e = i.get(ue), n = await i.get(Je).read();
+    const e = i.get(he), n = await i.get(Qe).read();
     return n.length === 0 ? !1 : e.paste(n);
   }
 };
-var gr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, pr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? _r(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && gr(e, t, r), r;
-}, re = (i, e) => (t, n) => e(t, n, i);
-let ve = class extends ce {
+var _r = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, fr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? pr(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 && _r(e, t, r), r;
+}, oe = (i, e) => (t, n) => e(t, n, i);
+let Oe = class extends le {
   constructor(i, e, t, n, r) {
     super(), this._commandService = i, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = r, this._init();
   }
   _init() {
-    [dr, ur, hr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [yt, Mt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
+    [ur, hr, gr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [Et, Mt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
     var i;
-    (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(ae(this.dispose$)).subscribe((e) => {
-      var s, o;
-      if (!we(this._contextService))
+    (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(ce(this.dispose$)).subscribe((e) => {
+      var o, s;
+      if (!je(this._contextService))
         return;
       e.event.preventDefault();
-      const t = e.event, n = (s = t.clipboardData) == null ? void 0 : s.getData("text/html"), r = (o = t.clipboardData) == null ? void 0 : o.getData("text/plain");
+      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);
     });
   }
 };
-ve = pr([
-  N(A.Rendered, ve),
-  re(0, v),
-  re(1, Je),
-  re(2, ue),
-  re(3, de),
-  re(4, Vt)
-], ve);
-var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Sr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? mr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && fr(e, t, r), r;
-}, Z = (i, e) => (t, n) => e(t, n, i);
-let Ce = class extends Y {
-  constructor(e, t, n, r, s, o) {
+Oe = fr([
+  L(B.Rendered, Oe),
+  oe(0, v),
+  oe(1, Qe),
+  oe(2, he),
+  oe(3, ue),
+  oe(4, jt)
+], Oe);
+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;
+}, X = (i, e) => (t, n) => e(t, n, i);
+let Re = class extends ee {
+  constructor(e, t, n, r, o, s) {
     super();
-    m(this, "_initialEditors", /* @__PURE__ */ new Set());
-    this._univerInstanceService = e, this._docSkeletonManagerService = t, this._editorService = n, this._commandService = r, this._textSelectionRenderManager = s, this._renderManagerService = o, this._initialize();
+    p(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();
   }
   _initialize() {
     this.disposeWithMe(
@@ -1373,26 +1401,26 @@ let Ce = class extends Y {
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var L, w, j;
+    var N, F, w;
     if (e == null)
       return;
     const t = this._editorService.getEditor(e);
     if ((t == null ? void 0 : t.cancelDefaultResizeListener) === !0)
       return;
-    const n = (L = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : L.skeleton, r = this._univerInstanceService.getUniverDocInstance(e);
+    const n = (N = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : N.skeleton, r = this._univerInstanceService.getUniverDocInstance(e);
     if (t == null || t.render == null || n == null || r == null)
       return;
     n.calculate();
-    const { marginTop: s = 0, marginBottom: o = 0, marginLeft: a = 0, marginRight: c = 0 } = r.getSnapshot().documentStyle, { scene: d, mainComponent: u } = t.render;
-    let { actualHeight: h, actualWidth: p } = n.getActualSize();
-    h += s + o, p += a + c;
-    const { width: g, height: f } = t.getBoundingClientRect(), l = d.getViewport(Ae.VIEW_MAIN);
-    let _ = l == null ? void 0 : l.getScrollBar();
-    const R = Math.max(p, g), y = Math.max(h, f);
-    d.transformByState({
-      width: R,
-      height: y
-    }), u == null || u.resize(R, y), t.isSingle() ? p > g ? _ == null ? l && new He(l, { barSize: 8, enableVertical: !1 }) : l == null || l.resetSizeAndScrollBar() : (_ = null, l == null || l.scrollTo({ x: 0, y: 0 }), (j = l == null ? void 0 : l.getScrollBar()) == null || j.dispose()) : h > f ? _ == null ? l && new He(l, { enableHorizontal: !1, barSize: 8 }) : l == null || l.resetSizeAndScrollBar() : (_ = null, l == null || l.scrollTo({ x: 0, y: 0 }), (w = l == null ? void 0 : l.getScrollBar()) == null || w.dispose());
+    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: f } = n.getActualSize();
+    h += o + s, f += a + c;
+    const { width: g, height: S } = t.getBoundingClientRect(), d = l.getViewport(Be.VIEW_MAIN);
+    let _ = d == null ? void 0 : d.getScrollBar();
+    const O = Math.max(f, g), E = Math.max(h, S);
+    l.transformByState({
+      width: O,
+      height: E
+    }), u == null || u.resize(O, E), t.isSingle() ? f > g ? _ == null ? d && new Ye(d, { barSize: 8, enableVertical: !1 }) : d == null || d.resetSizeAndScrollBar() : (_ = null, d == null || d.scrollTo({ x: 0, y: 0 }), (w = d == null ? void 0 : d.getScrollBar()) == null || w.dispose()) : h > S ? _ == null ? d && new Ye(d, { enableHorizontal: !1, barSize: 8 }) : d == null || d.resetSizeAndScrollBar() : (_ = null, d == null || d.scrollTo({ x: 0, y: 0 }), (F = d == null ? void 0 : d.getScrollBar()) == null || F.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
@@ -1434,17 +1462,17 @@ let Ce = class extends Y {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      _t(window, "mousedown").subscribe((n) => {
-        const s = n.target.classList[0] || "";
-        if (Wt(s, e)) {
+      pt(window, "mousedown").subscribe((n) => {
+        const o = n.target.classList[0] || "";
+        if (Vt(o, e)) {
           this._editorService.changeSpreadsheetFocusState(!0), n.stopPropagation();
           return;
         }
         this._editorService.changeSpreadsheetFocusState(!1);
       })
-    ), this._univerInstanceService.getAllUnitsForType(S.UNIVER_SHEET).forEach((n) => {
-      const r = n.getUnitId(), s = this._renderManagerService.getRenderById(r), o = s == null ? void 0 : s.engine.getCanvas().getCanvasEle();
-      o != null && _t(o, "mousedown").subscribe((a) => {
+    ), this._univerInstanceService.getAllUnitsForType(m.UNIVER_SHEET).forEach((n) => {
+      const r = n.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();
       });
     });
@@ -1472,7 +1500,7 @@ let Ce = class extends Y {
    * Listen to document edits to refresh the size of the normula editor.
    */
   _commandExecutedListener() {
-    const e = [Qe.id, ln.id];
+    const e = [et.id, ln.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
@@ -1485,28 +1513,28 @@ let Ce = class extends Y {
     );
   }
 };
-Ce = Sr([
-  N(A.Rendered, Ce),
-  Z(0, D),
-  Z(1, O(ne)),
-  Z(2, $),
-  Z(3, v),
-  Z(4, de),
-  Z(5, W)
-], Ce);
-var vr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Or = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Cr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && vr(e, t, r), r;
-}, pe = (i, e) => (t, n) => e(t, n, i);
-let Oe = class extends ce {
+Re = vr([
+  L(B.Rendered, Re),
+  X(0, U),
+  X(1, R(ie)),
+  X(2, $),
+  X(3, v),
+  X(4, ue),
+  X(5, H)
+], Re);
+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;
+}, me = (i, e) => (t, n) => e(t, n, i);
+let Te = class extends le {
   constructor(e, t, n, r) {
     super();
-    m(this, "_docRenderMap", /* @__PURE__ */ new Set());
+    p(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(ae(this.dispose$)).subscribe((e) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ce(this.dispose$)).subscribe((e) => {
       this._create(e);
     });
   }
@@ -1516,34 +1544,34 @@ let Oe = class extends ce {
     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: s } = r;
-    s.changeSkeleton(t), this._recalculateSizeBySkeleton(r, t);
+    const { mainComponent: o, components: s } = r, a = o, c = s.get(q.BACKGROUND);
+    a.changeSkeleton(t), c.changeSkeleton(t), this._recalculateSizeBySkeleton(r, t);
   }
   _recalculateSizeBySkeleton(e, t) {
-    var u;
-    const { mainComponent: n, scene: r, unitId: s } = e, o = n, a = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
-    if (a == null)
+    var f;
+    const { mainComponent: n, scene: r, unitId: o, components: s } = e, a = n, c = s.get(q.BACKGROUND), l = (f = t.getSkeletonData()) == null ? void 0 : f.pages;
+    if (l == null)
       return;
-    let c = 0, d = 0;
-    for (let h = 0, p = a.length; h < p; h++) {
-      const g = a[h], { pageWidth: f, pageHeight: l } = g;
-      o.pageLayoutType === ut.VERTICAL ? (d += l, d += o.pageMarginTop, h === p - 1 && (d += o.pageMarginTop), c = Math.max(c, f)) : o.pageLayoutType === ut.HORIZONTAL && (c += f, h !== p - 1 && (c += o.pageMarginLeft), d = Math.max(d, l));
+    let u = 0, h = 0;
+    for (let g = 0, S = l.length; g < S; g++) {
+      const d = l[g], { pageWidth: _, pageHeight: O } = d;
+      a.pageLayoutType === ht.VERTICAL ? (h += O, h += a.pageMarginTop, g === S - 1 && (h += a.pageMarginTop), u = Math.max(u, _)) : a.pageLayoutType === ht.HORIZONTAL && (u += _, g !== S - 1 && (u += a.pageMarginLeft), h = Math.max(h, O));
     }
-    o.resize(c, d), this._editorService.isEditor(s) || r.resize(c, d);
+    a.resize(u, h), c.resize(u, h), this._editorService.isEditor(o) || r.resize(u, h);
   }
   _commandExecutedListener() {
-    const e = [Qe.id];
+    const e = [et.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getSkeletonByUnitId(s);
-          if (o == null)
+          const r = t.params, { unitId: o } = r, s = this._docSkeletonManagerService.getSkeletonByUnitId(o);
+          if (s == null)
             return;
-          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(s);
+          const { skeleton: a } = s, c = this._renderManagerService.getRenderById(o);
           if (c == null || !!a.getViewModel().getDataModel().getSnapshot().disabled)
             return;
-          if (a.calculate(), this._editorService.isEditor(s)) {
+          if (a.calculate(), this._editorService.isEditor(o)) {
             (n = c.mainComponent) == null || n.makeDirty();
             return;
           }
@@ -1553,33 +1581,33 @@ let Oe = class extends ce {
     );
   }
 };
-Oe = Or([
-  N(A.Rendered, Oe),
-  pe(0, O(ne)),
-  pe(1, W),
-  pe(2, v),
-  pe(3, $)
-], Oe);
-var Rr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Ir = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Tr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Rr(e, t, r), r;
-}, fe = (i, e) => (t, n) => e(t, n, i);
-let Re = class extends ce {
+Te = Rr([
+  L(B.Rendered, Te),
+  me(0, R(ie)),
+  me(1, H),
+  me(2, v),
+  me(3, $)
+], Te);
+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;
+}, Se = (i, e) => (t, n) => e(t, n, i);
+let Ie = class extends le {
   constructor(e, t, n, r) {
     super();
-    m(this, "_scene");
-    m(this, "_currentDocumentModel");
-    m(this, "_fps$", new zn(""));
-    m(this, "fps$", this._fps$.asObservable());
+    p(this, "_scene");
+    p(this, "_currentDocumentModel");
+    p(this, "_fps$", new kn(""));
+    p(this, "fps$", this._fps$.asObservable());
     this._renderManagerService = e, this._configService = t, this._univerInstanceService = n, this._editorService = r, this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(ae(this.dispose$)).subscribe((e) => {
+    this._renderManagerService.createRender$.pipe(ce(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._univerInstanceService.getCurrentTypeOfUnit$(S.UNIVER_DOC).pipe(ae(this.dispose$)).subscribe((e) => {
+    }), this._univerInstanceService.getCurrentTypeOfUnit$(m.UNIVER_DOC).pipe(ce(this.dispose$)).subscribe((e) => {
       this._create(e == null ? void 0 : e.getUnitId());
-    }), this._univerInstanceService.getAllUnitsForType(S.UNIVER_DOC).forEach((e) => {
+    }), this._univerInstanceService.getAllUnitsForType(m.UNIVER_DOC).forEach((e) => {
       this._create(e.getUnitId());
     });
   }
@@ -1592,65 +1620,62 @@ let Re = class extends ce {
     const t = this._univerInstanceService.getUniverDocInstance(e);
     t != null && (this._currentDocumentModel = t, this._renderManagerService.has(e) || this._addNewRender());
   }
-  // eslint-disable-next-line max-lines-per-function
   _addNewRender() {
-    const e = this._currentDocumentModel, t = e.getUnitId(), n = e.getContainer(), r = e.getParentRenderUnitId();
-    if (n != null && r != null)
-      throw new Error("container or parentRenderUnitId can only exist one");
-    n == null && r != null ? this._renderManagerService.createRenderWithParent(t, r) : this._renderManagerService.createRender(t);
-    const s = this._renderManagerService.getRenderById(t);
-    if (s == null)
+    const t = this._currentDocumentModel.getUnitId();
+    this._renderManagerService.createRender(t);
+    const n = this._renderManagerService.getRenderById(t);
+    if (n == null)
       return;
-    const { scene: o, engine: a } = s;
-    o.openTransformer(), this._scene = o;
-    const c = new An(Ae.VIEW_MAIN, o, {
+    const { scene: r, engine: o } = n;
+    r.openTransformer(), this._scene = r;
+    const s = new Ln(Be.VIEW_MAIN, r, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    o.attachControl(), o.on($n.wheel, (h, p) => {
-      const g = h;
-      if (g.ctrlKey) {
-        const f = Math.abs(g.deltaX);
-        let l = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
-        l *= g.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (l /= 2), o.scaleX + l > 4 ? o.scale(4, 4) : o.scaleX + l < 0.1 ? o.scale(0.1, 0.1) : g.preventDefault();
+    r.attachControl(), r.on(Bn.wheel, (l, u) => {
+      const h = l;
+      if (h.ctrlKey) {
+        const f = Math.abs(h.deltaX);
+        let g = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
+        g *= h.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (g /= 2), r.scaleX + g > 4 ? r.scale(4, 4) : r.scaleX + g < 0.1 ? r.scale(0.1, 0.1) : h.preventDefault();
       } else
-        c.onMouseWheel(g, p);
-    }), this._configService.getConfig("hasScroll") !== !1 && new He(c), o.addLayer(
-      new ht(o, [], je),
-      new ht(o, [], xn)
-    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && a.runRenderLoop(() => {
-      o.render(), this._fps$.next(Math.round(a.getFps()).toString());
+        s.onMouseWheel(h, u);
+    }), this._configService.getConfig("hasScroll") !== !1 && new Ye(s), r.addLayer(
+      new gt(r, [], We),
+      new gt(r, [], xn)
+    ), 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 = new Bn(lt.MAIN, void 0, {
+    const t = this._scene, n = this._currentDocumentModel, r = {
       pageMarginLeft: n.documentStyle.marginLeft || 0,
       pageMarginTop: n.documentStyle.marginTop || 0
-    });
-    r.zIndex = Dn, e.mainComponent = r, e.components.set(lt.MAIN, r), t.addObjects([r], je), this._editorService.getEditor(n.getUnitId()) == null && t.enableLayerCache(je);
+    }, o = new $n(q.MAIN, void 0, r), s = new Fn(q.BACKGROUND, void 0, r);
+    o.zIndex = dt, s.zIndex = dt, e.mainComponent = o, e.components.set(q.MAIN, o), e.components.set(q.BACKGROUND, s), t.addObjects([o], We), t.addObjects([s], Dn), this._editorService.getEditor(n.getUnitId()) == null && t.enableLayerCache(We);
   }
 };
-Re = Ir([
-  N(A.Starting, Re),
-  fe(0, W),
-  fe(1, zt),
-  fe(2, D),
-  fe(3, $)
-], Re);
-var br = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, yr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Mr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && br(e, t, r), r;
-}, q = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends Y {
-  constructor(e, t, n, r, s, o) {
+Ie = br([
+  L(B.Starting, Ie),
+  Se(0, H),
+  Se(1, Wt),
+  Se(2, U),
+  Se(3, $)
+], Ie);
+var yr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Er = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Mr(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 && yr(e, t, r), r;
+}, K = (i, e) => (t, n) => e(t, n, i);
+let be = class extends ee {
+  constructor(e, t, n, r, o, s) {
     super();
-    m(this, "_liquid", new Fn());
-    m(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = s, this._editorService = o, this._initialize(), this._commandExecutedListener();
+    p(this, "_liquid", new wn());
+    p(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = o, this._editorService = s, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._updateOnPluginChange();
@@ -1660,19 +1685,19 @@ let Te = class extends Y {
       const t = this._docSkeletonManagerService.getCurrent();
       if (t == null)
         return;
-      const { unitId: n, skeleton: r } = t, s = this._renderManagerService.getRenderById(n);
-      if (s == null)
+      const { unitId: n, skeleton: r } = t, o = this._renderManagerService.getRenderById(n);
+      if (o == null)
         return;
-      const { mainComponent: o, components: a, scene: c } = s, d = o, { left: u, top: h } = d;
-      e.forEach((p) => {
-        const { unitId: g, subUnitId: f, floatingObjectId: l, floatingObject: _ } = p, { left: R = 0, top: y = 0, width: L = 0, height: w = 0, angle: j, flipX: X, flipY: G, skewX: he, skewY: ge } = _, x = this._pageMarginCache.get(l), At = (x == null ? void 0 : x.marginLeft) || 0, $t = (x == null ? void 0 : x.marginTop) || 0;
-        r == null || r.getViewModel().getDataModel().updateDrawing(l, {
-          left: R - u - At,
-          top: y - h - $t,
-          height: w,
-          width: L
+      const { mainComponent: s, components: a, scene: c } = o, l = s, { left: u, top: h } = l;
+      e.forEach((f) => {
+        const { unitId: g, subUnitId: S, floatingObjectId: d, floatingObject: _ } = f, { left: O = 0, top: E = 0, width: N = 0, height: F = 0, angle: w, flipX: Y, flipY: G, skewX: ge, skewY: _e } = _, x = this._pageMarginCache.get(d), pe = (x == null ? void 0 : x.marginLeft) || 0, Ve = (x == null ? void 0 : x.marginTop) || 0;
+        r == null || r.getViewModel().getDataModel().updateDrawing(d, {
+          left: O - u - pe,
+          top: E - h - Ve,
+          height: F,
+          width: N
         });
-      }), r == null || r.calculate(), o == null || o.makeDirty();
+      }), r == null || r.calculate(), s == null || s.makeDirty();
     });
   }
   _initialRenderRefresh() {
@@ -1682,135 +1707,83 @@ let Te = class extends Y {
       const { skeleton: t, unitId: n } = e, r = this._renderManagerService.getRenderById(n);
       if (r == null)
         return;
-      const { mainComponent: s } = r;
-      s.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
+      const { mainComponent: o } = r;
+      o.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
     });
   }
   _commandExecutedListener() {
-    const e = [Qe.id, et.id];
+    const e = [et.id, tt.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getCurrent();
-          if (o == null)
+          const r = t.params, { unitId: o } = r, s = this._docSkeletonManagerService.getCurrent();
+          if (s == null)
             return;
-          const { unitId: a, skeleton: c } = o;
-          if (s !== a)
+          const { unitId: a, skeleton: c } = s;
+          if (o !== a)
             return;
-          const d = this._renderManagerService.getRenderById(a);
-          if (d == null)
+          const l = this._renderManagerService.getRenderById(a);
+          if (l == null)
             return;
           if (this._editorService.isEditor(a)) {
-            (n = d.mainComponent) == null || n.makeDirty();
+            (n = l.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._refreshFloatingObject(a, c, d);
+          this._refreshFloatingObject(a, c, l);
         }
       })
     );
   }
   _refreshFloatingObject(e, t, n) {
-    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, a = s;
+    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: o, scene: s } = n, a = o;
     if (!r)
       return;
-    const { left: c, top: d, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: p } = a, { pages: g } = r, f = [];
-    o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let l = 0, _ = g.length; l < _; l++) {
-      const R = g[l], { skeDrawings: y, marginLeft: L, marginTop: w } = R;
-      this._liquid.translatePagePadding(R), y.forEach((j) => {
-        const { aLeft: X, aTop: G, height: he, width: ge, objectId: x } = j;
-        f.push({
+    const { left: c, top: l, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: f } = a, { pages: g } = r, S = [];
+    s.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
+    for (let d = 0, _ = g.length; d < _; d++) {
+      const O = g[d], { skeDrawings: E, marginLeft: N, marginTop: F } = O;
+      this._liquid.translatePagePadding(O), E.forEach((w) => {
+        const { aLeft: Y, aTop: G, height: ge, width: _e, objectId: x, drawingOrigin: pe } = w, Ve = pe.layoutType === kt.WRAP_NONE && pe.behindDoc === C.TRUE;
+        S.push({
           unitId: e,
-          subUnitId: kt,
+          subUnitId: zt,
           floatingObjectId: x,
+          behindText: Ve,
           floatingObject: {
-            left: X + c + this._liquid.x,
-            top: G + d + this._liquid.y,
-            width: ge,
-            height: he
+            left: Y + c + this._liquid.x,
+            top: G + l + this._liquid.y,
+            width: _e,
+            height: ge
           }
         }), this._pageMarginCache.set(x, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.translatePage(R, u, h, p);
+      }), this._liquid.restorePagePadding(O), this._liquid.translatePage(O, u, h, f);
     }
-    this._floatingObjectManagerService.BatchAddOrUpdate(f);
+    this._floatingObjectManagerService.batchAddOrUpdate(S);
   }
 };
-Te = yr([
-  N(A.Steady, Te),
-  q(0, O(ne)),
-  q(1, D),
-  q(2, W),
-  q(3, v),
-  q(4, Ht),
-  q(5, $)
-], Te);
-var Er = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Dr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? xr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Er(e, t, r), r;
-}, We = (i, e) => (t, n) => e(t, n, i);
-const Pr = "rgba(198, 198, 198, 1)", Ur = "rgba(255, 255, 255, 1)";
-let Ie = class extends Y {
-  constructor(i, e, t) {
-    super(), this._renderManagerService = i, this._editorService = e, this._univerInstanceService = t, this._initialize(), this._commandExecutedListener();
-  }
-  _initialize() {
-    this._initialRenderRefresh();
-  }
-  _initialRenderRefresh() {
-    this._renderManagerService.currentRender$.subscribe((i) => {
-      var s;
-      if (i == null)
-        return;
-      const e = this._renderManagerService.getRenderById(i);
-      if (this._editorService.isEditor(i) || this._univerInstanceService.getUniverDocInstance(i) == null || e == null)
-        return;
-      const { mainComponent: t } = e, n = t, r = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
-      this.disposeWithMe(
-        F(
-          n.onPageRenderObservable.add((o) => {
-            var _, R, y, L;
-            if (this._editorService.isEditor(i))
-              return;
-            const { page: a, pageLeft: c, pageTop: d, ctx: u } = o, { width: h, pageWidth: p, height: g, pageHeight: f } = a;
-            u.save(), u.translate(c - 0.5, d - 0.5);
-            const l = {
-              width: (R = (_ = r == null ? void 0 : r.width) != null ? _ : p) != null ? R : h,
-              height: (L = (y = r == null ? void 0 : r.height) != null ? y : f) != null ? L : g,
-              strokeWidth: 1,
-              stroke: Pr,
-              fill: Ur,
-              zIndex: 3
-            };
-            wn.drawWith(u, l), u.restore();
-          })
-        )
-      );
-    });
-  }
-  _commandExecutedListener() {
-  }
-};
-Ie = Dr([
-  N(A.Rendered, Ie),
-  We(0, W),
-  We(1, $),
-  We(2, D)
-], Ie);
-var Lr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ar = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Nr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Lr(e, t, r), r;
-}, K = (i, e) => (t, n) => e(t, n, i);
-let be = class extends Y {
-  constructor(e, t, n, r, s, o) {
+be = Er([
+  L(B.Steady, be),
+  K(0, R(ie)),
+  K(1, U),
+  K(2, H),
+  K(3, v),
+  K(4, Ht),
+  K(5, $)
+], be);
+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;
+}, Z = (i, e) => (t, n) => e(t, n, i);
+let ye = class extends ee {
+  constructor(e, t, n, r, o, s) {
     super();
-    m(this, "_initializedRender", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = s, this._editorService = o, this._initialize();
+    p(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();
@@ -1828,22 +1801,22 @@ let be = class extends Y {
       this._initializedRender.add(t);
       const { scene: r } = n;
       this.disposeWithMe(
-        F(
-          r.onMouseWheelObserver.add((s) => {
-            if (!s.ctrlKey)
+        j(
+          r.onMouseWheelObserver.add((o) => {
+            if (!o.ctrlKey)
               return;
-            const o = this._univerInstanceService.getCurrentUniverDocInstance();
-            if (!o)
+            const s = this._univerInstanceService.getCurrentUniverDocInstance();
+            if (!s)
               return;
-            const a = Math.abs(s.deltaX);
+            const a = Math.abs(o.deltaX);
             let c = a < 40 ? 0.2 : a < 80 ? 0.4 : 0.2;
-            c *= s.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (c /= 2);
-            const d = o.zoomRatio;
-            let u = +Number.parseFloat(`${d + c}`).toFixed(1);
+            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(Pn.id, {
               zoomRatio: u,
-              unitId: o.getUnitId()
-            }), s.preventDefault();
+              unitId: s.getUnitId()
+            }), o.preventDefault();
           })
         )
       );
@@ -1858,7 +1831,7 @@ let be = class extends Y {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      F(
+      j(
         this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
           if (e == null)
             return;
@@ -1872,18 +1845,18 @@ let be = class extends Y {
     );
   }
   _commandExecutedListener() {
-    const e = [et.id];
+    const e = [tt.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: s } = r;
-          if (s !== n.getUnitId())
+          const r = t.params, { unitId: o } = r;
+          if (o !== n.getUnitId())
             return;
-          const o = n.zoomRatio || 1;
-          this._updateViewZoom(o);
+          const s = n.zoomRatio || 1;
+          this._updateViewZoom(s);
         }
       })
     );
@@ -1894,44 +1867,44 @@ let be = class extends Y {
     n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.scene.getTransformer()) == null || r.hideControl());
   }
   _calculatePagePosition(e, t) {
-    const { document: n, scene: r } = e, s = r == null ? void 0 : r.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
-    if (s == null || o === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
+    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)
       return;
-    const { width: u, height: h } = s;
-    let p = 0, g = 0, f = 0, l = 0, _ = Number.POSITIVE_INFINITY;
-    u > (o + c * 2) * t ? (p = u / 2 - o * t / 2, p /= t, f = (u - c * 2) / t, _ = 0) : (p = c, f = o + c * 2, _ = (f - u / t) / 2), h > a ? (g = h / 2 - a / 2, l = (h - d * 2) / t) : (g = d, l = a + d * 2), r.resize(f, l + 200), n.translate(p, g);
-    const R = r.getViewport(Ae.VIEW_MAIN);
-    if (_ !== Number.POSITIVE_INFINITY && R != null) {
-      const y = R.getBarScroll(_, 0).x;
-      R.scrollTo({
-        x: y
+    const { width: h, height: f } = s;
+    let g = 0, S = 0, d = 0, _ = 0, O = Number.POSITIVE_INFINITY;
+    h > (a + l * 2) * t ? (g = h / 2 - a * t / 2, g /= t, d = (h - l * 2) / t, O = 0) : (g = l, d = a + l * 2, O = (d - h / t) / 2), f > c ? (S = f / 2 - c / 2, _ = (f - u * 2) / t) : (S = u, _ = c + u * 2), r.resize(d, _ + 200), n.translate(g, S), o.translate(g, S);
+    const E = r.getViewport(Be.VIEW_MAIN);
+    if (O !== Number.POSITIVE_INFINITY && E != null) {
+      const N = E.getBarScroll(O, 0).x;
+      E.scrollTo({
+        x: N
       });
     }
     return this;
   }
   _getDocObject() {
-    return Et(this._univerInstanceService, this._renderManagerService);
+    return xt(this._univerInstanceService, this._renderManagerService);
   }
 };
-be = Ar([
-  N(A.Rendered, be),
-  K(0, O(ne)),
-  K(1, D),
-  K(2, v),
-  K(3, W),
-  K(4, O(te)),
-  K(5, $)
-], be);
-var $r = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, Fr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Br(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && $r(e, t, r), r;
-}, H = (i, e) => (t, n) => e(t, n, i);
-let Me = class extends Y {
-  constructor(e, t, n, r, s, o, a) {
+ye = Pr([
+  L(B.Rendered, ye),
+  Z(0, R(ie)),
+  Z(1, U),
+  Z(2, v),
+  Z(3, H),
+  Z(4, R(ne)),
+  Z(5, $)
+], ye);
+var Ur = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ar = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Nr(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 && Ur(e, t, r), r;
+}, z = (i, e) => (t, n) => e(t, n, i);
+let Me = class extends ee {
+  constructor(e, t, n, r, o, s, a) {
     super();
-    m(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionRenderManager = s, this._textSelectionManagerService = o, this._editorService = a, this._initialize();
+    p(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();
   }
   _initialize() {
     this._init(), this._skeletonListener(), this._commandExecutedListener();
@@ -1951,46 +1924,47 @@ let Me = class extends Y {
     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(
-      F(
+      j(
         n.onPointerEnterObserver.add(() => {
-          this._isEditorReadOnly(e) || (n.cursor = gt.TEXT);
+          this._isEditorReadOnly(e) || (n.cursor = _t.TEXT);
         })
       )
     ), this.disposeWithMe(
-      F(
+      j(
         n.onPointerLeaveObserver.add(() => {
-          n.cursor = gt.DEFAULT, r.resetCursor();
+          n.cursor = _t.DEFAULT, r.resetCursor();
         })
       )
     ), this.disposeWithMe(
-      F(
-        n == null ? void 0 : n.onPointerDownObserver.add((s, o) => {
+      j(
+        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(s);
-          const { offsetX: c, offsetY: d } = s;
-          this._editorService.getEditor(e) && setTimeout(() => {
-            this._setEditorFocus(e), this._textSelectionRenderManager.setCursorManually(c, d);
-          }, 0), s.button !== 2 && o.stopPropagation();
+          (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(
-      F(
-        n == null ? void 0 : n.onDblclickObserver.add((s) => {
-          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(s);
+      j(
+        n == null ? void 0 : n.onDblclickObserver.add((o) => {
+          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(o);
         })
       )
     ), this.disposeWithMe(
-      F(
-        n == null ? void 0 : n.onTripleClickObserver.add((s) => {
-          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(s);
+      j(
+        n == null ? void 0 : n.onTripleClickObserver.add((o) => {
+          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(o);
         })
       )
     );
@@ -2000,20 +1974,20 @@ let Me = class extends Y {
     return t ? t.isReadOnly() : !1;
   }
   _setEditorFocus(e) {
-    if (this._univerInstanceService.getAllUnitsForType(S.UNIVER_SHEET).length > 0) {
-      const n = this._univerInstanceService.getCurrentUnitForType(S.UNIVER_SHEET);
+    if (this._univerInstanceService.getAllUnitsForType(m.UNIVER_SHEET).length > 0) {
+      const n = this._univerInstanceService.getCurrentUnitForType(m.UNIVER_SHEET);
       this._editorService.setOperationSheetUnitId(n.getUnitId());
     }
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [et.id];
+    const e = [tt.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
-          if (s !== o)
+          const r = t.params, { unitId: o } = r, s = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          if (o !== s)
             return;
           this._textSelectionManagerService.refreshSelection();
         }
@@ -2028,8 +2002,8 @@ let Me = class extends Y {
         const { unitId: t, skeleton: n } = e, r = this._renderManagerService.getRenderById(t);
         if (r == null)
           return;
-        const { scene: s, mainComponent: o } = r;
-        this._textSelectionRenderManager.changeRuntime(n, s, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+        const { scene: o, mainComponent: s } = r;
+        this._textSelectionRenderManager.changeRuntime(n, o, s), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
           unitId: t,
           subUnitId: ""
         });
@@ -2037,31 +2011,31 @@ let Me = class extends Y {
     );
   }
   _getDocObjectById(e) {
-    return this._univerInstanceService.getUnitType(e) !== S.UNIVER_DOC ? null : Un(e, this._renderManagerService);
+    return this._univerInstanceService.getUnitType(e) !== m.UNIVER_DOC ? null : Un(e, this._renderManagerService);
   }
 };
-Me = Fr([
-  N(A.Rendered, Me),
-  H(0, O(ne)),
-  H(1, D),
-  H(2, v),
-  H(3, W),
-  H(4, de),
-  H(5, O(te)),
-  H(6, $)
+Me = Ar([
+  L(B.Rendered, Me),
+  z(0, R(ie)),
+  z(1, U),
+  z(2, v),
+  z(3, H),
+  z(4, ue),
+  z(5, R(ne)),
+  z(6, $)
 ], Me);
-var wr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Vr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? jr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && wr(e, t, r), r;
-}, oe = (i, e) => (t, n) => e(t, n, i);
-const Ct = 1.5;
-let ye = class extends ce {
+var Lr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, $r = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Br(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;
+}, se = (i, e) => (t, n) => e(t, n, i);
+const Ot = 1.5;
+let Ee = class extends le {
   constructor(i, e, t, n, r) {
     super(), this._docSkeletonManagerService = i, this._textSelectionManagerService = e, this._editorService = t, this._univerInstanceService = n, this._renderManagerService = r, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(ae(this.dispose$)).subscribe((i) => {
+    this._textSelectionManagerService.textSelection$.pipe(ce(this.dispose$)).subscribe((i) => {
       if (i == null)
         return;
       const { isEditing: e, unitId: t } = i;
@@ -2074,54 +2048,54 @@ let ye = class extends ce {
     const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (x = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : x.skeleton;
     if (e == null || t == null || n == null)
       return;
-    const { collapsed: r, startNodePosition: s } = e;
+    const { collapsed: r, startNodePosition: o } = e;
     if (!r)
       return;
-    const o = t.document.getOffsetConfig(), { docsLeft: a, docsTop: c } = o, d = new jn(o, n), { contentBoxPointGroup: u } = d.getRangePointData(s, s), { left: h, top: p, height: g } = Vn(u), f = h + a, l = p + c, _ = t.scene.getViewport(Ae.VIEW_MAIN), R = !!this._editorService.getEditor(i);
+    const s = t.document.getOffsetConfig(), { docsLeft: a, docsTop: c } = s, l = new jn(s, n), { contentBoxPointGroup: u } = l.getRangePointData(o, o), { left: h, top: f, height: g } = Vn(u), S = h + a, d = f + c, _ = t.scene.getViewport(Be.VIEW_MAIN), O = !!this._editorService.getEditor(i);
     if (_ == null)
       return;
     const {
-      left: y,
-      top: L,
-      right: w,
-      bottom: j
+      left: E,
+      top: N,
+      right: F,
+      bottom: w
     } = _.getBounding().viewBound;
-    let X = 0, G = 0;
-    const he = R ? 0 : 100;
-    l < L ? X = l - L : l > j - g && (X = l - j + g + he), f < y ? G = f - y : f > w - Ct && (G = f - w + Ct);
-    const ge = _.getBarScroll(G, X);
-    _.scrollBy(ge);
+    let Y = 0, G = 0;
+    const ge = O ? 0 : 100;
+    d < N ? Y = d - N : d > w - g && (Y = d - w + g + ge), S < E ? G = S - E : S > F - Ot && (G = S - F + Ot);
+    const _e = _.getBarScroll(G, Y);
+    _.scrollBy(_e);
   }
   _getDocObject() {
-    return Et(this._univerInstanceService, this._renderManagerService);
+    return xt(this._univerInstanceService, this._renderManagerService);
   }
 };
-ye = Vr([
-  N(A.Rendered, ye),
-  oe(0, O(ne)),
-  oe(1, O(te)),
-  oe(2, $),
-  oe(3, D),
-  oe(4, W)
-], ye);
-var Wr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, kr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? zr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Wr(e, t, r), r;
-}, ze = (i, e) => (t, n) => e(t, n, i), me;
-let Ot = (me = class extends Yt {
+Ee = $r([
+  L(B.Rendered, Ee),
+  se(0, R(ie)),
+  se(1, R(ne)),
+  se(2, $),
+  se(3, U),
+  se(4, H)
+], Ee);
+var Fr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, jr = (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 && Fr(e, t, r), r;
+}, ze = (i, e) => (t, n) => e(t, n, i), ve;
+let Rt = (ve = class extends Yt {
   constructor(i, e, t, n) {
     super(), this._config = i, this._injector = e, this._localeService = t, this._logService = n, this._localeService.load({
-      zhCN: zi
-    }), this._config = qe.deepMerge({}, Xn, this._config), this._initDependencies(e), this._initializeCommands();
+      zhCN: ki
+    }), this._config = qe.deepMerge({}, Gn, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
   }
   _initializeCommands() {
     [
+      Zn,
       qn,
-      Kn,
       Qn,
       Jn,
       ei,
@@ -2129,9 +2103,9 @@ let Ot = (me = class extends Yt {
       ni,
       ii,
       ri,
-      Hi,
       Yi,
-      ki
+      Gi,
+      Hi
     ].forEach((i) => {
       this._injector.get(dn).registerShortcut(i);
     });
@@ -2139,36 +2113,35 @@ let Ot = (me = class extends Yt {
   _initDependencies(i) {
     [
       // Controller
-      [Se],
-      [ve],
       [Ce],
       [Oe],
+      [Re],
       [Te],
-      [Ie],
       [be],
-      [Me],
       [ye],
+      [Me],
+      [Ee],
       [
         // controllers
-        se,
+        ae,
         {
-          useFactory: () => this._injector.createInstance(se, this._config)
+          useFactory: () => this._injector.createInstance(ae, this._config)
         }
       ],
       [
-        ue,
+        he,
         {
           useClass: Xe
         }
       ],
       // Render views
-      [Re]
+      [Ie]
     ].forEach((t) => {
       i.add(t);
     });
   }
   _markDocAsFocused() {
-    const i = this._injector.get(D), e = this._injector.get($);
+    const i = this._injector.get(U), e = this._injector.get($);
     try {
       const t = i.getCurrentUniverDocInstance();
       if (!t)
@@ -2180,24 +2153,25 @@ let Ot = (me = class extends Yt {
     }
   }
   _initModules() {
-    this._injector.get(se);
-  }
-}, m(me, "pluginName", Gn), m(me, "type", S.UNIVER_DOC), me);
-Ot = kr([
-  ze(1, O(Pe)),
-  ze(2, O(Ze)),
-  ze(3, It)
-], Ot);
+    this._injector.get(ae);
+  }
+}, p(ve, "pluginName", Xn), p(ve, "type", m.UNIVER_DOC), ve);
+Rt = jr([
+  ze(1, R(Ue)),
+  ze(2, R(Ze)),
+  ze(3, bt)
+], Rt);
 export {
-  Gn as DOC_UI_PLUGIN_NAME,
+  Xn as DOC_UI_PLUGIN_NAME,
   Yn as DefaultDocContainerConfig,
-  Xn as DefaultDocUiConfig,
+  Gn as DefaultDocUiConfig,
   Hn as DefaultToolbarConfig,
-  Re as DocCanvasView,
-  er as PastePluginLark,
-  rr as PastePluginUniver,
-  nr as PastePluginWord,
-  Ot as UniverDocsUIPlugin,
-  to as enUS,
-  zi as zhCN
+  Ie as DocCanvasView,
+  tr as PastePluginLark,
+  or as PastePluginUniver,
+  ir as PastePluginWord,
+  Rt as UniverDocsUIPlugin,
+  qr as enUS,
+  Jr as ruRU,
+  ki as zhCN
 };