@univerjs/docs-ui 0.1.5 → 0.1.7

package/lib/es/index.js

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