npm - @univerjs/docs-ui - Versions diffs - 0.1.12 → 0.1.13-nightly.202406041140 - Mend

@univerjs/docs-ui 0.1.12 → 0.1.13-nightly.202406041140

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/lib/cjs/index.js +3 -3
package/lib/es/index.js +962 -935
package/lib/locale/en-US.json +29 -0
package/lib/locale/ru-RU.json +29 -0
package/lib/locale/zh-CN.json +29 -0
package/lib/types/basics/transform-position.d.ts +4 -0
package/lib/types/controllers/doc-editor-bridge.controller.d.ts +1 -1
package/lib/types/controllers/doc-floating-object.controller.d.ts +3 -5
package/lib/types/controllers/drawing.controller.d.ts +19 -0
package/lib/types/index.d.ts +2 -1
package/lib/types/services/doc-popup-manager.service.d.ts +29 -0
package/lib/umd/index.js +3 -3
package/package.json +16 -15
package/LICENSE +0 -176
package/lib/types/locale/index.d.ts +0 -18

package/lib/es/index.js CHANGED Viewed

@@ -1,16 +1,16 @@
-var Bt = Object.defineProperty;
-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 de, 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 ue, 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, BuiltInUIPart as Qt, ComponentManager as en, IEditorService as $, IMenuService as tn, IUIPartsService 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 he, 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 M, takeUntil as le, fromEvent as pt, BehaviorSubject as kn } from "rxjs";
-import { ColorPicker as zn } from "@univerjs/design";
-const Hn = {
+var Vt = Object.defineProperty;
+var Wt = (n, e, t) => e in n ? Vt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var p = (n, e, t) => (Wt(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { FOCUSING_DOC as xe, FOCUSING_UNIVER_EDITOR as Ze, FOCUSING_COMMON_DRAWINGS as yt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as jt, Direction as F, EDITOR_ACTIVATED as Mt, LocaleService as qe, RxDisposable as de, ICommandService as v, BooleanNumber as C, UniverInstanceType as f, BaselineOffset as K, ThemeService as bt, HorizontalAlign as De, IUniverInstanceService as N, Disposable as z, OnLifecycle as A, LifecycleStages as P, Tools as Je, LRUMap as zt, ColorKit as st, toDisposable as B, ILogService as Et, CommandType as Qe, IContextService as Ht, checkForSubstrings as Yt, IConfigService as Gt, PositionedObjectLayoutType as Xt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Kt, DisposableCollection as Zt, Plugin as qt, ObjectRelativeFromH as Jt, ObjectRelativeFromV as Qt } from "@univerjs/core";
+import { Inject as R, Injector as Ne, Optional as en, createIdentifier as tn } from "@wendellhu/redi";
+import { KeyCode as E, MetaKeys as ue, ILayoutService as xt, MenuGroup as O, MenuItemType as I, MenuPosition as y, getMenuHiddenObservable as M, FONT_FAMILY_LIST as at, FONT_SIZE_LIST as nn, FontFamily as rn, FontFamilyItem as on, FontSize as sn, BuiltInUIPart as an, ComponentManager as cn, IEditorService as L, IMenuService as ln, IUIPartsService as dn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as un, HTML_CLIPBOARD_MIME_TYPE as hn, IClipboardInterfaceService as et, CopyCommand as gn, CutCommand as _n, PasteCommand as pn, SetEditorResizeOperation as fn, ICanvasPopupService as mn, IShortcutService as Sn } from "@univerjs/ui";
+import { MoveCursorOperation as Ue, MoveSelectionOperation as Ae, SelectAllOperation as vn, SetInlineFormatBoldCommand as Cn, SetTextSelectionsOperation as x, SetInlineFormatCommand as q, SetInlineFormatItalicCommand as Rn, SetInlineFormatUnderlineCommand as Tn, SetInlineFormatStrikethroughCommand as In, SetInlineFormatSubscriptCommand as On, SetInlineFormatSuperscriptCommand as yn, SetInlineFormatFontFamilyCommand as ct, SetInlineFormatFontSizeCommand as lt, SetInlineFormatTextColorCommand as dt, AlignLeftCommand as Mn, AlignOperationCommand as Pe, AlignCenterCommand as bn, AlignRightCommand as En, AlignJustifyCommand as xn, OrderListCommand as Dn, BulletListCommand as Nn, ResetInlineFormatTextBackgroundColorCommand as Un, SetInlineFormatTextBackgroundColorCommand as He, TextSelectionManagerService as J, BreakLineCommand as An, DeleteLeftCommand as Pn, DeleteRightCommand as Ln, CutContentCommand as Dt, InnerPasteCommand as Nt, VIEWPORT_KEY as Q, CoverContentCommand as kn, RichTextEditingMutation as tt, DocSkeletonManagerService as ee, DOCS_VIEW_KEY as X, DOCS_COMPONENT_MAIN_LAYER_INDEX as We, DOCS_COMPONENT_HEADER_LAYER_INDEX as Bn, DOCS_COMPONENT_DEFAULT_Z_INDEX as ut, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as Fn, SetDocZoomRatioOperation as Le, SetDocZoomRatioCommand as $n, getDocObject as Ut, getDocObjectById as wn } from "@univerjs/docs";
+import { connectInjector as Vn } from "@wendellhu/redi/react-bindings";
+import { ITextSelectionRenderManager as he, pixelToPt as Wn, ptToPixel as ht, ScrollBar as Ye, IRenderManagerService as $, PageLayoutType as gt, Viewport as jn, EVENT_TYPE as zn, Layer as _t, Documents as Hn, DocBackground as Yn, Liquid as Gn, CURSOR_TYPE as pt, NodePositionConvertToCursor as Xn, getAnchorBounding as Kn } from "@univerjs/engine-render";
+import Zn from "react";
+import { Observable as b, takeUntil as le, fromEvent as ft, BehaviorSubject as At } from "rxjs";
+import { ColorPicker as qn } from "@univerjs/design";
+const Jn = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -38,7 +38,7 @@ const Hn = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, Yn = {
+}, Qn = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -51,90 +51,90 @@ const Hn = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Gn = {
+}, ei = {
   layout: {
-    docContainerConfig: Yn,
-    toolbarConfig: Hn
+    docContainerConfig: Qn,
+    toolbarConfig: Jn
   }
-}, Xn = "DocUI";
-function A(i) {
-  return i.getContextValue(De) && i.getContextValue(Ke);
+}, ti = "DocUI";
+function U(n) {
+  return n.getContextValue(xe) && n.getContextValue(Ze) && !n.getContextValue(yt);
 }
-function Kn(i) {
-  return i.getContextValue(De) && i.getContextValue(Ke) && !i.getContextValue(Ft);
+function ni(n) {
+  return n.getContextValue(xe) && n.getContextValue(Ze) && !n.getContextValue(jt) && !n.getContextValue(yt);
 }
-const Zn = {
-  id: Ne.id,
-  binding: D.ARROW_UP,
-  preconditions: A,
+const ii = {
+  id: Ue.id,
+  binding: E.ARROW_UP,
+  preconditions: U,
   staticParameters: {
-    direction: V.UP
+    direction: F.UP
   }
-}, qn = {
-  id: Ne.id,
-  binding: D.ARROW_DOWN,
-  preconditions: A,
+}, ri = {
+  id: Ue.id,
+  binding: E.ARROW_DOWN,
+  preconditions: U,
   staticParameters: {
-    direction: V.DOWN
+    direction: F.DOWN
   }
-}, Jn = {
-  id: Ne.id,
-  binding: D.ARROW_LEFT,
-  preconditions: A,
+}, oi = {
+  id: Ue.id,
+  binding: E.ARROW_LEFT,
+  preconditions: U,
   staticParameters: {
-    direction: V.LEFT
+    direction: F.LEFT
   }
-}, Qn = {
-  id: Ne.id,
-  binding: D.ARROW_RIGHT,
-  preconditions: A,
+}, si = {
+  id: Ue.id,
+  binding: E.ARROW_RIGHT,
+  preconditions: U,
   staticParameters: {
-    direction: V.RIGHT
+    direction: F.RIGHT
   }
-}, ei = {
+}, ai = {
   id: Ae.id,
-  binding: D.ARROW_UP | ue.SHIFT,
-  preconditions: A,
+  binding: E.ARROW_UP | ue.SHIFT,
+  preconditions: U,
   staticParameters: {
-    direction: V.UP
+    direction: F.UP
   }
-}, ti = {
+}, ci = {
   id: Ae.id,
-  binding: D.ARROW_DOWN | ue.SHIFT,
-  preconditions: A,
+  binding: E.ARROW_DOWN | ue.SHIFT,
+  preconditions: U,
   staticParameters: {
-    direction: V.DOWN
+    direction: F.DOWN
   }
-}, ni = {
+}, li = {
   id: Ae.id,
-  binding: D.ARROW_LEFT | ue.SHIFT,
-  preconditions: A,
+  binding: E.ARROW_LEFT | ue.SHIFT,
+  preconditions: U,
   staticParameters: {
-    direction: V.LEFT
+    direction: F.LEFT
   }
-}, ii = {
+}, di = {
   id: Ae.id,
-  binding: D.ARROW_RIGHT | ue.SHIFT,
-  preconditions: A,
+  binding: E.ARROW_RIGHT | ue.SHIFT,
+  preconditions: U,
   staticParameters: {
-    direction: V.RIGHT
+    direction: F.RIGHT
   }
-}, ri = {
-  id: un.id,
-  binding: D.A | ue.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(Ke) && (i.getContextValue(De) || i.getContextValue(Tt))
+}, ui = {
+  id: vn.id,
+  binding: E.A | ue.CTRL_COMMAND,
+  preconditions: (n) => n.getContextValue(Ze) && (n.getContextValue(xe) || n.getContextValue(Mt))
 };
-var oi = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ai = (i, e, t, n) => {
-  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;
-}, ft = (i, e) => (t, n) => e(t, n, i);
+var hi = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, mt = (n, e) => (t, i) => e(t, i, n);
 let Ge = class {
-  constructor(i, e, t) {
+  constructor(n, e, t) {
     p(this, "_docContainer");
     // 获取SheetContainer组件
-    p(this, "getComponent", (i) => {
-      if (this._docContainer = i, !i.getContentRef().current)
+    p(this, "getComponent", (n) => {
+      if (this._docContainer = n, !n.getContentRef().current)
         throw new Error("container is not ready");
     });
     /**
@@ -144,10 +144,10 @@ let Ge = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    p(this, "changeLocale", (i) => {
-      this._localeService.setLocale(i);
+    p(this, "changeLocale", (n) => {
+      this._localeService.setLocale(n);
     });
-    this._config = i, this._localeService = e, this._injector = t;
+    this._config = n, this._localeService = e, this._injector = t;
   }
   getUIConfig() {
     return {
@@ -160,25 +160,25 @@ let Ge = class {
   getContentRef() {
     return this._docContainer.getContentRef();
   }
-  UIDidMount(i) {
+  UIDidMount(n) {
     if (this._docContainer)
-      return i(this._docContainer);
+      return n(this._docContainer);
   }
   getDocContainer() {
     return this._docContainer;
   }
 };
-Ge = ai([
-  ft(1, R(Ze)),
-  ft(2, R(Ue))
+Ge = hi([
+  mt(1, R(qe)),
+  mt(2, R(Ne))
 ], 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, 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;
-}, me = (i, e) => (t, n) => e(t, n, i);
+var gi = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, _e = (n, e) => (t, i) => e(t, i, n);
 let ae = class extends de {
-  constructor(e, t, n, r, o) {
+  constructor(e, t, i, r, o) {
     super();
     p(this, "_docContainerController");
     /**
@@ -191,7 +191,7 @@ let ae = class extends de {
     p(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = n, this._textSelectionRenderManager = r, this._layoutService = o, this._docContainerController = this._injector.createInstance(Ge, e), this._registerContainer();
+    this._localeService = t, this._injector = i, 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 ae = class extends de {
     return this._docContainerController;
   }
 };
-ae = di([
-  me(1, R(Ze)),
-  me(2, R(Ue)),
-  me(3, he),
-  me(4, Gt(yt))
+ae = gi([
+  _e(1, R(qe)),
+  _e(2, R(Ne)),
+  _e(3, he),
+  _e(4, en(xt))
 ], 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 = {};
+const ke = "UI_PLUGIN_DOCS", nt = `${ke}_COLOR_PICKER_COMPONENT`, Pt = `${ke}_FONT_FAMILY_COMPONENT`, Lt = `${ke}_FONT_FAMILY_ITEM_COMPONENT`, kt = `${ke}_FONT_SIZE_COMPONENT`;
+var Bt = { exports: {} }, Be = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -220,243 +220,243 @@ var Nt = { exports: {} }, Fe = {};
  * This source code is licensed under the MIT license found in the
  * 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 At(i, e, t) {
-  var n, r = {}, o = null, s = null;
+var _i = Zn, pi = Symbol.for("react.element"), fi = Symbol.for("react.fragment"), mi = Object.prototype.hasOwnProperty, Si = _i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, vi = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Ft(n, e, t) {
+  var i, 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: o, ref: s, props: r, _owner: pi.current };
+  for (i in e)
+    mi.call(e, i) && !vi.hasOwnProperty(i) && (r[i] = e[i]);
+  if (n && n.defaultProps)
+    for (i in e = n.defaultProps, e)
+      r[i] === void 0 && (r[i] = e[i]);
+  return { $$typeof: pi, type: n, key: o, ref: s, props: r, _owner: Si.current };
 }
-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 });
-function Oi(i) {
-  const e = i.get(v);
+Be.Fragment = fi;
+Be.jsx = Ft;
+Be.jsxs = Ft;
+Bt.exports = Be;
+var Ci = Bt.exports;
+const Ri = "univer-docs-ui-canvas-background", Ti = {
+  docsUiCanvasBackground: Ri
+}, Ii = () => /* @__PURE__ */ Ci.jsx("div", { className: Ti.docsUiCanvasBackground });
+function Oi(n) {
+  const e = n.get(v);
   return {
-    id: hn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: Cn.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === te.id) {
-          const a = W(i);
+        if (o === x.id || o === q.id) {
+          const a = w(n);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.bl;
           t.next(c === C.TRUE);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ri(i) {
-  const e = i.get(v);
+function yi(n) {
+  const e = n.get(v);
   return {
-    id: gn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: Rn.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === te.id) {
-          const a = W(i);
+        if (o === x.id || o === q.id) {
+          const a = w(n);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.it;
           t.next(c === C.TRUE);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ti(i) {
-  const e = i.get(v);
+function Mi(n) {
+  const e = n.get(v);
   return {
-    id: _n.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: Tn.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === te.id) {
-          const a = W(i);
+        if (o === x.id || o === q.id) {
+          const a = w(n);
           if (a == null)
             return;
           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;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ii(i) {
-  const e = i.get(v);
+function bi(n) {
+  const e = n.get(v);
   return {
-    id: pn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: In.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === te.id) {
-          const a = W(i);
+        if (o === x.id || o === q.id) {
+          const a = w(n);
           if (a == null)
             return;
           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;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function bi(i) {
-  const e = i.get(v);
+function Ei(n) {
+  const e = n.get(v);
   return {
-    id: fn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: On.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === te.id) {
-          const a = W(i);
+        if (o === x.id || o === q.id) {
+          const a = w(n);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          t.next(c === J.SUBSCRIPT);
+          t.next(c === K.SUBSCRIPT);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function yi(i) {
-  const e = i.get(v);
+function xi(n) {
+  const e = n.get(v);
   return {
-    id: mn.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON,
+    id: yn.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === te.id) {
-          const a = W(i);
+        if (o === x.id || o === q.id) {
+          const a = w(n);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.va;
-          t.next(c === J.SUPERSCRIPT);
+          t.next(c === K.SUPERSCRIPT);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Mi(i) {
-  const e = i.get(v);
+function Di(n) {
+  const e = n.get(v);
   return {
-    id: at.id,
+    id: ct.id,
     tooltip: "toolbar.font",
-    group: I.TOOLBAR_FORMAT,
-    type: T.SELECTOR,
-    label: Dt,
-    positions: [b.TOOLBAR_START],
-    selections: st.map((t) => ({
+    group: O.TOOLBAR_FORMAT,
+    type: I.SELECTOR,
+    label: Pt,
+    positions: [y.TOOLBAR_START],
+    selections: at.map((t) => ({
       label: {
-        name: Pt,
+        name: Lt,
         hoverable: !0
       },
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new M((t) => {
-      const n = st[0].value, r = e.onCommandExecuted((o) => {
+    value$: new b((t) => {
+      const i = at[0].value, r = e.onCommandExecuted((o) => {
         var a;
         const s = o.id;
-        if (s === P.id || s === at.id) {
-          const c = W(i);
+        if (s === x.id || s === ct.id) {
+          const c = w(n);
           if (c == null)
             return;
           const l = (a = c.ts) == null ? void 0 : a.ff;
-          t.next(l != null ? l : n);
+          t.next(l != null ? l : i);
         }
       });
-      return t.next(n), r.dispose;
+      return t.next(i), r.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ei(i) {
-  const e = i.get(v);
+function Ni(n) {
+  const e = n.get(v);
   return {
-    id: ct.id,
-    group: I.TOOLBAR_FORMAT,
-    type: T.SELECTOR,
+    id: lt.id,
+    group: O.TOOLBAR_FORMAT,
+    type: I.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: Ut,
+      name: kt,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [b.TOOLBAR_START],
-    selections: Kt,
+    positions: [y.TOOLBAR_START],
+    selections: nn,
     // disabled$,
-    value$: new M((t) => {
+    value$: new b((t) => {
       const r = e.onCommandExecuted((o) => {
         var a;
         const s = o.id;
-        if (s === P.id || s === ct.id) {
-          const c = W(i);
+        if (s === x.id || s === lt.id) {
+          const c = w(n);
           if (c == null)
             return;
           const l = (a = c.ts) == null ? void 0 : a.fs;
@@ -465,18 +465,18 @@ function Ei(i) {
       });
       return t.next(14), r.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function xi(i) {
-  const e = i.get(v), t = i.get(It);
+function Ui(n) {
+  const e = n.get(v), t = n.get(bt);
   return {
-    id: lt.id,
+    id: dt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON_SELECTOR,
-    positions: [b.TOOLBAR_START],
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON_SELECTOR,
+    positions: [y.TOOLBAR_START],
     selections: [
       {
         label: {
@@ -485,162 +485,162 @@ function xi(i) {
         }
       }
     ],
-    value$: new M((n) => {
+    value$: new b((i) => {
       const r = t.getCurrentTheme().textColor, o = e.onCommandExecuted((s) => {
-        if (s.id === lt.id) {
+        if (s.id === dt.id) {
           const a = s.params.value;
-          n.next(a != null ? a : r);
+          i.next(a != null ? a : r);
         }
       });
-      return n.next(r), o.dispose;
+      return i.next(r), o.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function Di(i) {
-  const e = i.get(v);
+function Ai(n) {
+  const e = n.get(v);
   return {
-    id: Sn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: Mn.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: I.BUTTON,
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
-          const a = we(i);
+        if (o === x.id || o === Pe.id) {
+          const a = Fe(n);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Pe.LEFT);
+          t.next(c === De.LEFT);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Pi(i) {
-  const e = i.get(v);
+function Pi(n) {
+  const e = n.get(v);
   return {
-    id: vn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: bn.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: I.BUTTON,
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
-          const a = we(i);
+        if (o === x.id || o === Pe.id) {
+          const a = Fe(n);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Pe.CENTER);
+          t.next(c === De.CENTER);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ui(i) {
-  const e = i.get(v);
+function Li(n) {
+  const e = n.get(v);
   return {
-    id: Cn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: En.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: I.BUTTON,
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
-          const a = we(i);
+        if (o === x.id || o === Pe.id) {
+          const a = Fe(n);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Pe.RIGHT);
+          t.next(c === De.RIGHT);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ni(i) {
-  const e = i.get(v);
+function ki(n) {
+  const e = n.get(v);
   return {
-    id: On.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: xn.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: I.BUTTON,
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
-    positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [y.TOOLBAR_START],
+    activated$: new b((t) => {
+      const i = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
-          const a = we(i);
+        if (o === x.id || o === Pe.id) {
+          const a = Fe(n);
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          t.next(c === Pe.JUSTIFIED);
+          t.next(c === De.JUSTIFIED);
         }
       });
-      return t.next(!1), n.dispose;
+      return t.next(!1), i.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Ai(i) {
+function Bi(n) {
   return {
-    id: Rn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: Dn.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: I.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [b.TOOLBAR_START],
-    hidden$: y(i, m.UNIVER_DOC)
+    positions: [y.TOOLBAR_START],
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Li(i) {
+function Fi(n) {
   return {
-    id: Tn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: T.BUTTON,
+    id: Nn.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: I.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [b.TOOLBAR_START],
-    hidden$: y(i, m.UNIVER_DOC)
+    positions: [y.TOOLBAR_START],
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function Bi(i) {
+function $i(n) {
   return {
-    id: In.id,
-    type: T.BUTTON,
+    id: Un.id,
+    type: I.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor",
     positions: He.id
   };
 }
-function $i(i) {
-  const e = i.get(v), t = i.get(It);
+function wi(n) {
+  const e = n.get(v), t = n.get(bt);
   return {
     id: He.id,
     tooltip: "toolbar.fillColor.main",
-    group: I.TOOLBAR_FORMAT,
-    type: T.BUTTON_SELECTOR,
-    positions: [b.TOOLBAR_START],
+    group: O.TOOLBAR_FORMAT,
+    type: I.BUTTON_SELECTOR,
+    positions: [y.TOOLBAR_START],
     icon: "PaintBucket",
     selections: [
       {
@@ -650,35 +650,47 @@ function $i(i) {
         }
       }
     ],
-    value$: new M((n) => {
+    value$: new b((i) => {
       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);
+          i.next(a != null ? a : r);
         }
       });
-      return n.next(r), o.dispose;
+      return i.next(r), o.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(n, f.UNIVER_DOC)
   };
 }
-function W(i) {
+function w(n) {
   var c;
-  const e = i.get(U), t = i.get(ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
-  if (n == null || r == null)
+  const e = n.get(N), t = n.get(J), i = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
+  if (i == null || r == null)
     return;
-  const o = (c = n.getBody()) == null ? void 0 : c.textRuns;
+  const o = (c = i.getBody()) == null ? void 0 : c.textRuns;
   if (o == null)
     return;
   const { startOffset: s } = r;
-  return o.find(({ st: l, ed: u }) => s >= l && s < u);
+  let a;
+  for (let l = 0; l < o.length; l++) {
+    const u = o[l], h = o[l + 1];
+    if (h && h.st === h.ed && s === h.st) {
+      a = h;
+      break;
+    }
+    if (u.st <= s && s <= u.ed) {
+      a = u;
+      break;
+    }
+  }
+  return a;
 }
-function we(i) {
+function Fe(n) {
   var c;
-  const e = i.get(U), t = i.get(ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
-  if (n == null || r == null)
+  const e = n.get(N), t = n.get(J), i = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
+  if (i == null || r == null)
     return;
-  const o = (c = n.getBody()) == null ? void 0 : c.paragraphs;
+  const o = (c = i.getBody()) == null ? void 0 : c.paragraphs;
   if (o == null)
     return;
   const { startOffset: s } = r;
@@ -691,179 +703,95 @@ function we(i) {
   }
   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, 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 ce = class extends ee {
-  constructor(i, e, t, n, r, o, s, a) {
-    super(), this._config = i, this._injector = e, this._componentManager = t, this._layoutService = n, this._editorService = r, this._menuService = o, this._uiPartsService = s, this._univerInstanceService = a, this._init();
+var Vi = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, W = (n, e) => (t, i) => e(t, i, n);
+let ce = class extends z {
+  constructor(n, e, t, i, r, o, s, a) {
+    super(), this._config = n, this._injector = e, this._componentManager = t, this._layoutService = i, this._editorService = r, this._menuService = o, this._uiPartsService = s, this._univerInstanceService = a, this._init();
   }
   _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(nt, zn)), this.disposeWithMe(i.register(Dt, Zt)), this.disposeWithMe(i.register(Pt, qt)), this.disposeWithMe(i.register(Ut, Jt));
+    const n = this._componentManager;
+    this.disposeWithMe(n.register(nt, qn)), this.disposeWithMe(n.register(Pt, rn)), this.disposeWithMe(n.register(Lt, on)), this.disposeWithMe(n.register(kt, sn));
   }
   _initMenus() {
-    const { menu: i = {} } = this._config;
+    const { menu: n = {} } = this._config;
     [
       Oi,
-      Ri,
-      Ti,
-      Ii,
-      bi,
       yi,
-      Ei,
       Mi,
+      bi,
+      Ei,
       xi,
+      Ni,
       Di,
-      Pi,
       Ui,
-      Ni,
       Ai,
+      Pi,
       Li,
+      ki,
       Bi,
-      $i
+      Fi,
+      $i,
+      wi
     ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), i));
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), n));
     });
   }
   _init() {
     this._initCustomComponents(), this._initMenus(), this._initDocBackground(), this._initFocusHandler();
   }
   _initDocBackground() {
-    const i = this._univerInstanceService.getAllUnitsForType(m.UNIVER_DOC)[0].getUnitId();
-    if (i == null)
+    const n = this._univerInstanceService.getAllUnitsForType(f.UNIVER_DOC)[0].getUnitId();
+    if (n == null)
       return;
-    this._editorService.isEditor(i) || this.disposeWithMe(
-      this._uiPartsService.registerComponent(Qt.CONTENT, () => Nn(Ci, this._injector))
+    this._editorService.isEditor(n) || this.disposeWithMe(
+      this._uiPartsService.registerComponent(an.CONTENT, () => Vn(Ii, this._injector))
     );
   }
   _initFocusHandler() {
     this.disposeWithMe(
-      this._layoutService.registerFocusHandler(m.UNIVER_DOC, () => {
+      this._layoutService.registerFocusHandler(f.UNIVER_DOC, () => {
         this._injector.get(he).focus();
       })
     );
   }
 };
-ce = ji([
-  L(B.Rendered, ce),
-  k(1, R(Ue)),
-  k(2, R(en)),
-  k(3, yt),
-  k(4, $),
-  k(5, tn),
-  k(6, nn),
-  k(7, U)
+ce = Vi([
+  A(P.Rendered, ce),
+  W(1, R(Ne)),
+  W(2, R(cn)),
+  W(3, xt),
+  W(4, L),
+  W(5, ln),
+  W(6, dn),
+  W(7, N)
 ], ce);
-const Vi = {
-  toolbar: {
-    undo: "Undo",
-    redo: "Redo",
-    font: "Font",
-    fontSize: "Font size",
-    bold: "Bold",
-    italic: "Italic",
-    strikethrough: "Strikethrough",
-    subscript: "Subscript",
-    superscript: "Superscript",
-    underline: "Underline",
-    textColor: {
-      main: "Text color",
-      right: "Choose color"
-    },
-    fillColor: {
-      main: "Text Background color",
-      right: "Choose color"
-    },
-    resetColor: "Reset",
-    order: "Ordered list",
-    unorder: "Unordered list",
-    alignLeft: "Align Left",
-    alignCenter: "Align Center",
-    alignRight: "Align Right",
-    alignJustify: "Justify"
-  }
-}, qr = Vi, Wi = {
-  toolbar: {
-    undo: "撤销",
-    redo: "重做",
-    font: "字体",
-    fontSize: "字号",
-    bold: "粗体",
-    italic: "斜体",
-    strikethrough: "删除线",
-    subscript: "下标",
-    superscript: "上标",
-    underline: "下划线",
-    textColor: {
-      main: "文本颜色",
-      right: "颜色选择"
-    },
-    fillColor: {
-      main: "文本背景色",
-      right: "背景色选择"
-    },
-    resetColor: "重置颜色",
-    order: "有序列表",
-    unorder: "无序列表",
-    alignLeft: "左对齐",
-    alignCenter: "居中对齐",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐"
-  }
-}, 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: Kn,
-  binding: D.ENTER
-}, Yi = {
-  id: yn.id,
-  preconditions: A,
-  binding: D.BACKSPACE
-}, Gi = {
-  id: Mn.id,
-  preconditions: A,
-  binding: D.DELETE
-}, Xi = 10, Ki = 6;
-function Zi() {
-  return qe.generateRandomId(Ki);
+const Wi = {
+  id: An.id,
+  preconditions: ni,
+  binding: E.ENTER
+}, ji = {
+  id: Pn.id,
+  preconditions: U,
+  binding: E.BACKSPACE
+}, zi = {
+  id: Ln.id,
+  preconditions: U,
+  binding: E.DELETE
+}, Hi = 10, Yi = 6;
+function Gi() {
+  return Je.generateRandomId(Yi);
 }
-function qi(i) {
-  const e = i.match(/data-copy-id="([^\s]+)"/);
+function Xi(n) {
+  const e = n.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class Ji {
+class Ki {
   constructor() {
-    p(this, "_cache", new wt(Xi));
+    p(this, "_cache", new zt(Hi));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -875,10 +803,10 @@ class Ji {
     this._cache.clear();
   }
 }
-const mt = new Ji();
-function it(i) {
-  const e = i.style, t = {}, n = i.tagName.toLowerCase();
-  switch (n) {
+const St = new Ki();
+function it(n) {
+  const e = n.style, t = {}, i = n.tagName.toLowerCase();
+  switch (i) {
     case "b":
     case "em":
     case "strong": {
@@ -903,7 +831,7 @@ function it(i) {
     }
     case "sub":
     case "sup": {
-      t.va = n === "sup" ? J.SUPERSCRIPT : J.SUBSCRIPT;
+      t.va = i === "sup" ? K.SUPERSCRIPT : K.SUBSCRIPT;
       break;
     }
   }
@@ -916,7 +844,7 @@ function it(i) {
       }
       case "font-size": {
         const a = Number.parseInt(s);
-        Number.isNaN(a) || (s.endsWith("pt") ? t.fs = a : s.endsWith("px") && (t.fs = An(a)));
+        Number.isNaN(a) || (s.endsWith("pt") ? t.fs = a : s.endsWith("px") && (t.fs = Wn(a)));
         break;
       }
       case "font-style": {
@@ -938,14 +866,14 @@ function it(i) {
         break;
       }
       case "color": {
-        const a = new ot(s);
+        const a = new st(s);
         a.isValid && (t.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new ot(s);
+        const a = new st(s);
         a.isValid && (t.bg = {
           rgb: a.toRgbString()
         });
@@ -955,15 +883,15 @@ function it(i) {
   }
   return t;
 }
-function Qi(i) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</x-univer>`;
+function Zi(n) {
+  const e = new DOMParser(), t = `<x-univer id="univer-root">${n}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-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);
+function vt(n, e) {
+  const t = n.tagName.toLowerCase();
+  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((i) => i === t) : e(n);
 }
-const xe = class xe {
+const Ee = class Ee {
   constructor() {
     p(this, "_styleCache", /* @__PURE__ */ new Map());
     p(this, "_styleRules", []);
@@ -975,48 +903,48 @@ const xe = class xe {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = xe._pluginList.find((o) => o.checkPasteType(e)), n = Qi(e), r = {
+    const t = Ee._pluginList.find((o) => o.checkPasteType(e)), i = Zi(e), r = {
       dataStream: "",
       textRuns: []
     };
-    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, n == null ? void 0 : n.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
+    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, i == null ? void 0 : i.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
   }
-  _process(e, t, n) {
+  _process(e, t, i) {
     var r;
     for (const o of t)
       if (o.nodeType === Node.TEXT_NODE) {
         const s = (r = o.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
         let a;
-        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += s, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
-          st: n.dataStream.length - s.length,
-          ed: n.dataStream.length,
+        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), i.dataStream += s, a && Object.getOwnPropertyNames(a).length && i.textRuns.push({
+          st: i.dataStream.length - s.length,
+          ed: i.dataStream.length,
           ts: a
         });
       } 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);
+        const s = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => vt(o, h)), c = a ? a.getStyle(o) : it(o);
         this._styleCache.set(o, { ...s, ...c });
         const { childNodes: l } = o;
-        this._process(o, l, n);
+        this._process(o, l, i);
         const u = this._afterProcessRules.find(
-          ({ filter: h }) => St(o, h)
+          ({ filter: h }) => vt(o, h)
         );
-        u && u.handler(n, o);
+        u && u.handler(i, o);
       }
   }
 };
-p(xe, "_pluginList", []);
-let Q = xe;
-const er = {
+p(Ee, "_pluginList", []);
+let Z = Ee;
+const qi = {
   name: "univer-doc-paste-plugin-lark",
-  checkPasteType(i) {
-    return /lark-record-clipboard/i.test(i);
+  checkPasteType(n) {
+    return /lark-record-clipboard/i.test(n);
   },
   // TODO: @JOCS, support inline code copy from lark.
   stylesRules: [
     {
       filter: ["s"],
-      getStyle(i) {
-        const e = it(i);
+      getStyle(n) {
+        const e = it(n);
         return {
           st: {
             s: C.TRUE
@@ -1028,30 +956,30 @@ const er = {
   ],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "DIV" && /ace-line/i.test(i.className);
+      filter(n) {
+        return n.tagName === "DIV" && /ace-line/i.test(n.className);
       },
-      handler(i) {
-        i.paragraphs == null && (i.paragraphs = []), i.paragraphs.push({
-          startIndex: i.dataStream.length
-        }), i.dataStream += "\r";
+      handler(n) {
+        n.paragraphs == null && (n.paragraphs = []), n.paragraphs.push({
+          startIndex: n.dataStream.length
+        }), n.dataStream += "\r";
       }
     }
   ]
-}, tr = er;
-function Lt(i) {
-  const e = i.style, t = {};
-  for (let n = 0; n < e.length; n++) {
-    const r = e[n], o = e.getPropertyValue(r);
+}, Ji = qi;
+function $t(n) {
+  const e = n.style, t = {};
+  for (let i = 0; i < e.length; i++) {
+    const r = e[i], o = e.getPropertyValue(r);
     switch (r) {
       case "margin-top": {
         const s = Number.parseInt(o);
-        t.spaceAbove = /pt/.test(o) ? ut(s) : s;
+        t.spaceAbove = /pt/.test(o) ? ht(s) : s;
         break;
       }
       case "margin-bottom": {
         const s = Number.parseInt(o);
-        t.spaceBelow = /pt/.test(o) ? ut(s) : s;
+        t.spaceBelow = /pt/.test(o) ? ht(s) : s;
         break;
       }
       case "line-height": {
@@ -1063,128 +991,128 @@ function Lt(i) {
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-const nr = {
+const Qi = {
   name: "univer-doc-paste-plugin-word",
-  checkPasteType(i) {
-    return /word|mso/i.test(i);
+  checkPasteType(n) {
+    return /word|mso/i.test(n);
   },
   stylesRules: [
     {
       filter: ["b"],
-      getStyle(i) {
-        const e = it(i);
+      getStyle(n) {
+        const e = it(n);
         return { bl: C.TRUE, ...e };
       }
     }
   ],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "P" && /mso/i.test(i.className);
+      filter(n) {
+        return n.tagName === "P" && /mso/i.test(n.className);
       },
-      handler(i, e) {
-        i.paragraphs == null && (i.paragraphs = []);
+      handler(n, e) {
+        n.paragraphs == null && (n.paragraphs = []);
         const t = {
-          startIndex: i.dataStream.length
-        }, n = Lt(e);
-        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
+          startIndex: n.dataStream.length
+        }, i = $t(e);
+        i && (t.paragraphStyle = i), n.paragraphs.push(t), n.dataStream += "\r";
       }
     }
   ]
-}, ir = nr, rr = {
+}, er = Qi, tr = {
   name: "univer-doc-paste-plugin-univer",
-  checkPasteType(i) {
-    return /UniverNormal/i.test(i);
+  checkPasteType(n) {
+    return /UniverNormal/i.test(n);
   },
   stylesRules: [],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "P" && /UniverNormal/i.test(i.className);
+      filter(n) {
+        return n.tagName === "P" && /UniverNormal/i.test(n.className);
       },
-      handler(i, e) {
-        i.paragraphs == null && (i.paragraphs = []);
+      handler(n, e) {
+        n.paragraphs == null && (n.paragraphs = []);
         const t = {
-          startIndex: i.dataStream.length
-        }, n = Lt(e);
-        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
+          startIndex: n.dataStream.length
+        }, i = $t(e);
+        i && (t.paragraphStyle = i), n.paragraphs.push(t), n.dataStream += "\r";
       }
     }
   ]
-}, 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);
+}, nr = tr;
+function Ct(n, e) {
+  const { st: t, ed: i, ts: r = {} } = e, { ff: o, fs: s, it: a, bl: c, ul: l, st: u, ol: h, bg: m, cl: g, va: S } = r;
+  let d = n.slice(t, i);
   const _ = [];
-  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;
+  return a === C.TRUE && (d = `<i>${d}</i>`), S === K.SUPERSCRIPT ? d = `<sup>${d}</sup>` : S === K.SUBSCRIPT && (d = `<sub>${d}</sub>`), (l == null ? void 0 : l.s) === C.TRUE && (d = `<u>${d}</u>`), (u == null ? void 0 : u.s) === C.TRUE && (d = `<s>${d}</s>`), c === C.TRUE && (d = `<strong>${d}</strong>`), o && _.push(`font-family: ${o}`), g && _.push(`color: ${g.rgb}`), s && _.push(`font-size: ${s}pt`), h && _.push("text-decoration: overline"), m && _.push(`background: ${m.rgb}`), _.length ? `<span style="${_.join("; ")};">${d}</span>` : d;
 }
-function ke(i, e, t) {
-  const { dataStream: n, textRuns: r = [] } = i;
+function je(n, e, t) {
+  const { dataStream: i, textRuns: r = [] } = n;
   let o = e;
   const s = [];
   for (const a of r) {
     const { st: c, ed: l } = a;
-    qe.hasIntersectionBetweenTwoRanges(e, t, c, l) && (c > o ? (s.push(n.slice(o, c)), s.push(vt(n, {
+    Je.hasIntersectionBetweenTwoRanges(e, t, c, l) && (c > o ? (s.push(i.slice(o, c)), s.push(Ct(i, {
       ...a,
       ed: Math.min(l, t)
-    }))) : s.push(vt(n, {
+    }))) : s.push(Ct(i, {
       ...a,
       st: o,
       ed: Math.min(l, t)
     }))), o = Math.max(e, Math.min(l, t));
   }
-  return o !== t && s.push(n.slice(o, t)), s.join("");
+  return o !== t && s.push(i.slice(o, t)), s.join("");
 }
-function Ct(i, e = !0) {
+function Rt(n, e = !0) {
   var t;
-  if (e && ((t = i.paragraphs) != null && t.length)) {
-    const { dataStream: n, paragraphs: r = [] } = i;
+  if (e && ((t = n.paragraphs) != null && t.length)) {
+    const { dataStream: i, paragraphs: r = [] } = n;
     let o = "", s = -1;
     for (const a of r) {
-      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;
+      const { startIndex: c, paragraphStyle: l = {} } = a, { spaceAbove: u, spaceBelow: h, lineSpacing: m } = 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`)), m != null && g.push(`line-height: ${m}`), c > s + 1 ? o += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}>${je(n, s + 1, c)}</p>` : o += `<p class="UniverNormal" ${g.length ? `style="${g.join("; ")};"` : ""}></p>`, s = c;
     }
-    return s !== n.length && (o += ke(i, s, n.length)), o;
+    return s !== i.length && (o += je(n, s, i.length)), o;
   } else
-    return ke(i, 0, i.dataStream.length);
+    return je(n, 0, n.dataStream.length);
 }
-class sr {
+class ir {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return Ct(e[0]);
+      return Rt(e[0]);
     let t = "";
-    for (const n of e)
-      t += '<p className="UniverNormal">', t += Ct(n, !1), t += "</p>";
+    for (const i of e)
+      t += '<p className="UniverNormal">', t += Rt(i, !1), t += "</p>";
     return t;
   }
 }
-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 });
+var rr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, re = (n, e) => (t, i) => e(t, i, n);
+Z.use(er);
+Z.use(Ji);
+Z.use(nr);
+function or(n) {
+  const e = n.replace(/\n/g, "\r"), t = [];
+  for (let i = 0; i < e.length; i++)
+    e[i] === "\r" && t.push({ startIndex: i });
   return {
     dataStream: e,
     paragraphs: t
   };
 }
-const ge = Xt("doc.clipboard-service");
-let Xe = class extends ee {
-  constructor(e, t, n, r, o) {
+const ge = tn("doc.clipboard-service");
+let Xe = class extends z {
+  constructor(e, t, i, r, o) {
     super();
     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;
+    p(this, "_htmlToUDM", new Z());
+    p(this, "_umdToHtml", new ir());
+    this._univerInstanceService = e, this._logService = t, this._commandService = i, this._clipboardInterfaceService = r, this._textSelectionManagerService = o;
   }
   async copy() {
     const e = this._getDocumentBodyInRanges();
@@ -1205,15 +1133,15 @@ let Xe = class extends ee {
     return this._paste(t);
   }
   async legacyPaste(e, t) {
-    const n = this._generateBodyFromHtmlAndText(e, t);
-    return this._paste(n);
+    const i = this._generateBodyFromHtmlAndText(e, t);
+    return this._paste(i);
   }
   async _cut() {
     var o;
     const {
       segmentId: e,
       endOffset: t,
-      style: n
+      style: i
     } = (o = this._textSelectionManagerService.getActiveRange()) != null ? o : {}, r = this._textSelectionManagerService.getSelections();
     if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t == null || r == null)
       return !1;
@@ -1228,24 +1156,24 @@ let Xe = class extends ee {
         {
           startOffset: s,
           endOffset: s,
-          style: n
+          style: i
         }
       ];
-      return this._commandService.executeCommand(Mt.id, { segmentId: e, textRanges: a });
+      return this._commandService.executeCommand(Dt.id, { segmentId: e, textRanges: a });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
   }
   async _paste(e) {
     var s;
-    const { segmentId: t, endOffset: n, style: r } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, o = this._textSelectionManagerService.getSelections();
-    if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || o == null)
+    const { segmentId: t, endOffset: i, style: r } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, o = this._textSelectionManagerService.getSelections();
+    if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), i == null || o == null)
       return !1;
     try {
-      let a = n;
+      let a = i;
       for (const l of o) {
         const { startOffset: u, endOffset: h } = l;
-        u == null || h == null || h <= n && (a += e.dataStream.length - (h - u));
+        u == null || h == null || h <= i && (a += e.dataStream.length - (h - u));
       }
       const c = [
         {
@@ -1254,43 +1182,43 @@ let Xe = class extends ee {
           style: r
         }
       ];
-      return this._commandService.executeCommand(Et.id, { body: e, segmentId: t, textRanges: c });
+      return this._commandService.executeCommand(Nt.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((o) => o.dataStream).join(`
+    const t = Gi(), i = e.length > 1 ? e.map((o) => o.dataStream).join(`
 `) : e[0].dataStream;
     let r = this._umdToHtml.convert(e);
-    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (o, s) => `${s} data-copy-id="${t}"`), mt.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}"`), St.set(t, e[0])), this._clipboardInterfaceService.write(i, r);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), j(() => {
+    return this._clipboardHooks.push(e), B(() => {
       const t = this._clipboardHooks.indexOf(e);
       t > -1 && this._clipboardHooks.splice(t, 1);
     });
   }
   _getDocumentBodyInRanges() {
-    const e = this._textSelectionManagerService.getSelections(), t = this._univerInstanceService.getCurrentUniverDocInstance(), n = [];
+    const e = this._textSelectionManagerService.getSelections(), t = this._univerInstanceService.getCurrentUniverDocInstance(), i = [];
     if (e == null || !t)
-      return n;
+      return i;
     for (const r of e) {
       const { startOffset: o, endOffset: s, collapsed: a } = r;
       if (a || o == null || s == null)
         continue;
       const c = t.sliceBody(o, s);
-      c != null && n.push(c);
+      c != null && i.push(c);
     }
-    return n;
+    return i;
   }
   async _generateBodyFromClipboardItems(e) {
     try {
-      let t = "", n = "";
+      let t = "", i = "";
       for (const r of e)
         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);
+          o === un ? i = await r.getType(o).then((s) => s && s.text()) : o === hn && (t = await r.getType(o).then((s) => s && s.text()));
+      return this._generateBodyFromHtmlAndText(t, i);
     } catch (t) {
       return Promise.reject(t);
     }
@@ -1298,98 +1226,98 @@ let Xe = class extends ee {
   _generateBodyFromHtmlAndText(e, t) {
     if (!e) {
       if (t)
-        return dr(t);
+        return or(t);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const n = qi(e);
-    if (n) {
-      const r = mt.get(n);
+    const i = Xi(e);
+    if (i) {
+      const r = St.get(i);
       if (r)
         return r;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-Xe = lr([
-  re(0, U),
-  re(1, bt),
+Xe = rr([
+  re(0, N),
+  re(1, Et),
   re(2, v),
-  re(3, Qe),
-  re(4, R(ne))
+  re(3, et),
+  re(4, R(J))
 ], Xe);
-function je(i) {
-  return i.getContextValue(De) || i.getContextValue(Tt);
+function $e(n) {
+  return n.getContextValue(xe) || n.getContextValue(Mt);
 }
-const rt = 999, ur = {
-  id: sn.id,
+const rt = 999, sr = {
+  id: gn.id,
   name: "doc.command.copy",
-  type: Je.COMMAND,
+  type: Qe.COMMAND,
   multi: !0,
   priority: rt,
-  preconditions: je,
-  handler: async (i) => i.get(ge).copy()
-}, hr = {
-  id: an.id,
+  preconditions: $e,
+  handler: async (n) => n.get(ge).copy()
+}, ar = {
+  id: _n.id,
   name: "doc.command.cut",
-  type: Je.COMMAND,
+  type: Qe.COMMAND,
   multi: !0,
   priority: rt,
-  preconditions: je,
-  handler: async (i) => i.get(ge).cut()
-}, gr = {
-  id: cn.id,
+  preconditions: $e,
+  handler: async (n) => n.get(ge).cut()
+}, cr = {
+  id: pn.id,
   name: "doc.command.paste",
-  type: Je.COMMAND,
+  type: Qe.COMMAND,
   multi: !0,
   priority: rt,
-  preconditions: je,
-  handler: async (i) => {
-    const e = i.get(ge), n = await i.get(Qe).read();
-    return n.length === 0 ? !1 : e.paste(n);
+  preconditions: $e,
+  handler: async (n) => {
+    const e = n.get(ge), i = await n.get(et).read();
+    return i.length === 0 ? !1 : e.paste(i);
   }
 };
-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 de {
-  constructor(i, e, t, n, r) {
-    super(), this._commandService = i, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = r, this._init();
+var lr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, oe = (n, e) => (t, i) => e(t, i, n);
+let Ce = class extends de {
+  constructor(n, e, t, i, r) {
+    super(), this._commandService = n, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = i, this._contextService = r, this._init();
   }
   _init() {
-    [ur, hr, gr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [Et, Mt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
+    [sr, ar, cr].forEach((n) => this.disposeWithMe(this._commandService.registerMultipleCommand(n))), [Nt, Dt].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
-    var i;
-    (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(le(this.dispose$)).subscribe((e) => {
+    var n;
+    (n = this._textSelectionRenderManager) == null || n.onPaste$.pipe(le(this.dispose$)).subscribe((e) => {
       var o, s;
-      if (!je(this._contextService))
+      if (!$e(this._contextService))
         return;
       e.event.preventDefault();
-      const t = e.event, n = (o = t.clipboardData) == null ? void 0 : o.getData("text/html"), r = (s = t.clipboardData) == null ? void 0 : s.getData("text/plain");
-      this._docClipboardService.legacyPaste(n, r);
+      const t = e.event, i = (o = t.clipboardData) == null ? void 0 : o.getData("text/html"), r = (s = t.clipboardData) == null ? void 0 : s.getData("text/plain");
+      this._docClipboardService.legacyPaste(i, r);
     });
   }
 };
-Oe = fr([
-  L(B.Rendered, Oe),
+Ce = lr([
+  A(P.Rendered, Ce),
   oe(0, v),
-  oe(1, Qe),
+  oe(1, et),
   oe(2, ge),
   oe(3, he),
-  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) {
+  oe(4, Ht)
+], Ce);
+var dr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, Y = (n, e) => (t, i) => e(t, i, n);
+let Re = class extends z {
+  constructor(e, t, i, r, o, s) {
     super();
     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();
+    this._univerInstanceService = e, this._docSkeletonManagerService = t, this._editorService = i, this._commandService = r, this._textSelectionRenderManager = o, this._renderManagerService = s, this._initialize();
   }
   _initialize() {
     this.disposeWithMe(
@@ -1402,31 +1330,31 @@ let Re = class extends ee {
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var N, F, w;
+    var k, H, V;
     if (e == null)
       return;
     const t = this._editorService.getEditor(e);
     if ((t == null ? void 0 : t.cancelDefaultResizeListener) === !0)
       return;
-    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)
+    const i = (k = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : k.skeleton, r = this._univerInstanceService.getUniverDocInstance(e);
+    if (t == null || t.render == null || i == null || r == null)
       return;
-    n.calculate();
+    i.calculate();
     const { marginTop: o = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = r.getSnapshot().documentStyle, { scene: l, mainComponent: u } = t.render;
-    let { actualHeight: h, actualWidth: f } = n.getActualSize();
-    h += o + s, f += a + c;
-    const { width: g, height: S } = t.getBoundingClientRect(), d = l.getViewport(Be.VIEW_MAIN);
+    let { actualHeight: h, actualWidth: m } = i.getActualSize();
+    h += o + s, m += a + c;
+    const { width: g, height: S } = t.getBoundingClientRect(), d = l.getViewport(Q.VIEW_MAIN);
     let _ = d == null ? void 0 : d.getScrollBar();
-    const O = Math.max(f, g), E = Math.max(h, S);
+    const T = Math.max(m, g), D = 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());
+      width: T,
+      height: D
+    }), u == null || u.resize(T, D), t.isSingle() ? m > g ? _ == null ? d && new Ye(d, { barSize: 8, enableVertical: !1 }) : d == null || d.resetSizeAndScrollBar() : (_ = null, d == null || d.scrollTo({ x: 0, y: 0 }), (V = d == null ? void 0 : d.getScrollBar()) == null || V.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 }), (H = d == null ? void 0 : d.getScrollBar()) == null || H.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
       this._editorService.setValue$.subscribe((e) => {
-        this._commandService.executeCommand(En.id, {
+        this._commandService.executeCommand(kn.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -1445,15 +1373,15 @@ let Re = class extends ee {
         const e = (r = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : r.getUnitId();
         if (e == null)
           return;
-        const t = this._editorService.getEditor(e), n = this._editorService.getFocusEditor();
-        t == null || t.isSheetEditor() || n && n.editorUnitId === e || this._editorService.blur();
+        const t = this._editorService.getEditor(e), i = this._editorService.getFocusEditor();
+        t == null || t.isSheetEditor() || i && i.editorUnitId === e || this._editorService.blur();
       })
     );
   }
   _initialFocus() {
     this.disposeWithMe(
-      this._editorService.focus$.subscribe((n) => {
-        this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([n]);
+      this._editorService.focus$.subscribe((i) => {
+        this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([i]);
       })
     );
     const e = [
@@ -1463,17 +1391,17 @@ let Re = class extends ee {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      pt(window, "mousedown").subscribe((n) => {
-        const o = n.target.classList[0] || "";
-        if (Vt(o, e)) {
-          this._editorService.changeSpreadsheetFocusState(!0), n.stopPropagation();
+      ft(window, "mousedown").subscribe((i) => {
+        const o = i.target.classList[0] || "";
+        if (Yt(o, e)) {
+          this._editorService.changeSpreadsheetFocusState(!0), i.stopPropagation();
           return;
         }
         this._editorService.changeSpreadsheetFocusState(!1);
       })
-    ), 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._univerInstanceService.getAllUnitsForType(f.UNIVER_SHEET).forEach((i) => {
+      const r = i.getUnitId(), o = this._renderManagerService.getRenderById(r), s = o == null ? void 0 : o.engine.getCanvas().getCanvasEle();
+      s != null && ft(s, "mousedown").subscribe((a) => {
         this._editorService.changeSpreadsheetFocusState(!0), a.stopPropagation();
       });
     });
@@ -1490,22 +1418,22 @@ let Re = class extends ee {
     );
   }
   _valueChange() {
-    var n;
-    const e = (n = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : n.getUnitId();
+    var i;
+    const e = (i = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : i.getUnitId();
     if (e == null)
       return;
     const t = this._editorService.getEditor(e);
     t == null || t.isSheetEditor() || this._editorService.refreshValueChange(e);
   }
   /**
-   * Listen to document edits to refresh the size of the normula editor.
+   * Listen to document edits to refresh the size of the formula editor.
    */
   _commandExecutedListener() {
-    const e = [et.id, ln.id];
+    const e = [tt.id, fn.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = t.params, { unitId: r } = n;
+          const i = t.params, { unitId: r } = i;
           if (this._editorService.isSheetEditor(r))
             return;
           this._resize(r), this._valueChange();
@@ -1514,25 +1442,25 @@ let Re = class extends ee {
     );
   }
 };
-Re = vr([
-  L(B.Rendered, Re),
-  X(0, U),
-  X(1, R(ie)),
-  X(2, $),
-  X(3, v),
-  X(4, he),
-  X(5, H)
+Re = dr([
+  A(P.Rendered, Re),
+  Y(0, N),
+  Y(1, R(ee)),
+  Y(2, L),
+  Y(3, v),
+  Y(4, he),
+  Y(5, $)
 ], 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;
-}, Se = (i, e) => (t, n) => e(t, n, i);
+var ur = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, pe = (n, e) => (t, i) => e(t, i, n);
 let Te = class extends de {
-  constructor(e, t, n, r) {
+  constructor(e, t, i, r) {
     super();
     p(this, "_docRenderMap", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialRenderRefresh(), this._commandExecutedListener();
+    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = i, this._editorService = r, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
     this._docSkeletonManagerService.currentSkeletonBefore$.pipe(le(this.dispose$)).subscribe((e) => {
@@ -1542,29 +1470,29 @@ let Te = class extends de {
   _create(e) {
     if (e == null)
       return;
-    const { skeleton: t, unitId: n } = e;
-    let r = this._renderManagerService.getRenderById(n);
-    r == null && (this._renderManagerService.create(n), r = this._renderManagerService.getRenderById(n));
-    const { mainComponent: o, components: s } = r, a = o, c = s.get(q.BACKGROUND);
+    const { skeleton: t, unitId: i } = e;
+    let r = this._renderManagerService.getRenderById(i);
+    r == null && (this._renderManagerService.create(i), r = this._renderManagerService.getRenderById(i));
+    const { mainComponent: o, components: s } = r, a = o, c = s.get(X.BACKGROUND);
     a.changeSkeleton(t), c.changeSkeleton(t), this._recalculateSizeBySkeleton(r, t);
   }
   _recalculateSizeBySkeleton(e, t) {
-    var 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;
+    var m;
+    const { mainComponent: i, scene: r, unitId: o, components: s } = e, a = i, c = s.get(X.BACKGROUND), l = (m = t.getSkeletonData()) == null ? void 0 : m.pages;
     if (l == null)
       return;
     let u = 0, h = 0;
     for (let 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));
+      const d = l[g], { pageWidth: _, pageHeight: T } = d;
+      a.pageLayoutType === gt.VERTICAL ? (h += T, h += a.pageMarginTop, g === S - 1 && (h += a.pageMarginTop), u = Math.max(u, _)) : a.pageLayoutType === gt.HORIZONTAL && (u += _, g !== S - 1 && (u += a.pageMarginLeft), h = Math.max(h, T));
     }
     a.resize(u, h), c.resize(u, h), this._editorService.isEditor(o) || r.resize(u, h);
   }
   _commandExecutedListener() {
-    const e = [et.id];
+    const e = [tt.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        var n;
+        var i;
         if (e.includes(t.id)) {
           const r = t.params, { unitId: o } = r, s = this._docSkeletonManagerService.getSkeletonByUnitId(o);
           if (s == null)
@@ -1573,7 +1501,7 @@ let Te = class extends de {
           if (c == null || !!a.getViewModel().getDataModel().getSnapshot().disabled)
             return;
           if (a.calculate(), this._editorService.isEditor(o)) {
-            (n = c.mainComponent) == null || n.makeDirty();
+            (i = c.mainComponent) == null || i.makeDirty();
             return;
           }
           this._recalculateSizeBySkeleton(c, a);
@@ -1582,33 +1510,33 @@ let Te = class extends de {
     );
   }
 };
-Te = Rr([
-  L(B.Rendered, Te),
-  Se(0, R(ie)),
-  Se(1, H),
-  Se(2, v),
-  Se(3, $)
+Te = ur([
+  A(P.Rendered, Te),
+  pe(0, R(ee)),
+  pe(1, $),
+  pe(2, v),
+  pe(3, L)
 ], 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;
-}, ve = (i, e) => (t, n) => e(t, n, i);
+var hr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, fe = (n, e) => (t, i) => e(t, i, n);
 let Ie = class extends de {
-  constructor(e, t, n, r) {
+  constructor(e, t, i, r) {
     super();
     p(this, "_scene");
     p(this, "_currentDocumentModel");
-    p(this, "_fps$", new kn(""));
+    p(this, "_fps$", new At(""));
     p(this, "fps$", this._fps$.asObservable());
-    this._renderManagerService = e, this._configService = t, this._univerInstanceService = n, this._editorService = r, this._initialize();
+    this._renderManagerService = e, this._configService = t, this._univerInstanceService = i, this._editorService = r, this._initialize();
   }
   _initialize() {
     this._renderManagerService.createRender$.pipe(le(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._univerInstanceService.getCurrentTypeOfUnit$(m.UNIVER_DOC).pipe(le(this.dispose$)).subscribe((e) => {
+    }), this._univerInstanceService.getCurrentTypeOfUnit$(f.UNIVER_DOC).pipe(le(this.dispose$)).subscribe((e) => {
       this._create(e == null ? void 0 : e.getUnitId());
-    }), this._univerInstanceService.getAllUnitsForType(m.UNIVER_DOC).forEach((e) => {
+    }), this._univerInstanceService.getAllUnitsForType(f.UNIVER_DOC).forEach((e) => {
       this._create(e.getUnitId());
     });
   }
@@ -1624,99 +1552,83 @@ let Ie = class extends de {
   _addNewRender() {
     const t = this._currentDocumentModel.getUnitId();
     this._renderManagerService.createRender(t);
-    const n = this._renderManagerService.getRenderById(t);
-    if (n == null)
+    const i = this._renderManagerService.getRenderById(t);
+    if (i == null)
       return;
-    const { scene: r, engine: o } = n;
-    r.openTransformer(), this._scene = r;
-    const s = new Ln(Be.VIEW_MAIN, r, {
+    const { scene: r, engine: o } = i;
+    this._scene = r;
+    const s = new jn(Q.VIEW_MAIN, r, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
+      isRelativeX: !0,
+      isRelativeY: !0,
       isWheelPreventDefaultX: !0
     });
-    r.attachControl(), r.on(Bn.wheel, (l, u) => {
+    r.attachControl(), r.on(zn.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;
+        const m = Math.abs(h.deltaX);
+        let g = m < 40 ? 0.2 : m < 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
         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(() => {
+      new _t(r, [], We),
+      new _t(r, [], Bn)
+    ), this._addComponent(i), this._currentDocumentModel.getShouldRenderLoopImmediately() && o.runRenderLoop(() => {
       r.render(), this._fps$.next(Math.round(o.getFps()).toString());
     }), this._renderManagerService.setCurrent(t);
   }
   _addComponent(e) {
-    const t = this._scene, n = this._currentDocumentModel, r = {
-      pageMarginLeft: n.documentStyle.marginLeft || 0,
-      pageMarginTop: n.documentStyle.marginTop || 0
-    }, o = new $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);
+    const t = this._scene, i = this._currentDocumentModel, r = {
+      pageMarginLeft: i.documentStyle.marginLeft || 0,
+      pageMarginTop: i.documentStyle.marginTop || 0
+    }, o = new Hn(X.MAIN, void 0, r), s = new Yn(X.BACKGROUND, void 0, r);
+    o.zIndex = ut, s.zIndex = ut, e.mainComponent = o, e.components.set(X.MAIN, o), e.components.set(X.BACKGROUND, s), t.addObjects([o], We), t.addObjects([s], Fn), this._editorService.getEditor(i.getUnitId()) == null && t.enableLayerCache(We);
   }
 };
-Ie = br([
-  L(B.Starting, Ie),
-  ve(0, H),
-  ve(1, Wt),
-  ve(2, U),
-  ve(3, $)
+Ie = hr([
+  A(P.Starting, Ie),
+  fe(0, $),
+  fe(1, Gt),
+  fe(2, N),
+  fe(3, L)
 ], 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) {
+var gr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, me = (n, e) => (t, i) => e(t, i, n);
+let Oe = class extends z {
+  constructor(e, t, i, r) {
     super();
-    p(this, "_liquid", new wn());
+    p(this, "_liquid", new Gn());
     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();
+    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = i, this._editorService = r, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._updateOnPluginChange();
   }
   _updateOnPluginChange() {
-    this._floatingObjectManagerService.pluginUpdate$.subscribe((e) => {
-      const t = this._docSkeletonManagerService.getCurrent();
-      if (t == null)
-        return;
-      const { unitId: n, skeleton: r } = t, o = this._renderManagerService.getRenderById(n);
-      if (o == null)
-        return;
-      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: _e, skewY: pe } = _, x = this._pageMarginCache.get(d), fe = (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 - fe,
-          top: E - h - Ve,
-          height: F,
-          width: N
-        });
-      }), r == null || r.calculate(), s == null || s.makeDirty();
-    });
   }
   _initialRenderRefresh() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (e == null)
         return;
-      const { skeleton: t, unitId: n } = e, r = this._renderManagerService.getRenderById(n);
+      const { skeleton: t, unitId: i } = e, r = this._renderManagerService.getRenderById(i);
       if (r == null)
         return;
       const { mainComponent: o } = r;
-      o.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
+      o.changeSkeleton(t), this._refreshDrawing(i, t, r);
     });
   }
   _commandExecutedListener() {
-    const e = [et.id, tt.id];
+    const e = [tt.id, Le.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        var n;
+        var i;
         if (e.includes(t.id)) {
           const r = t.params, { unitId: o } = r, s = this._docSkeletonManagerService.getCurrent();
           if (s == null)
@@ -1728,63 +1640,60 @@ let be = class extends ee {
           if (l == null)
             return;
           if (this._editorService.isEditor(a)) {
-            (n = l.mainComponent) == null || n.makeDirty();
+            (i = l.mainComponent) == null || i.makeDirty();
             return;
           }
-          this._refreshFloatingObject(a, c, l);
+          this._refreshDrawing(a, c, l);
         }
       })
     );
   }
-  _refreshFloatingObject(e, t, n) {
-    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: o, scene: s } = n, a = o;
+  _refreshDrawing(e, t, i) {
+    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: o, scene: s } = i, a = o;
     if (!r)
       return;
-    const { left: c, top: l, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: f } = a, { pages: g } = r, S = [];
+    const { left: c, top: l, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: m } = 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: _e, width: pe, objectId: x, drawingOrigin: fe } = w, Ve = fe.layoutType === kt.WRAP_NONE && fe.behindDoc === C.TRUE;
+      const T = g[d], { skeDrawings: D, marginLeft: k, marginTop: H } = T;
+      this._liquid.translatePagePadding(T), D.forEach((V) => {
+        const { aLeft: te, aTop: ne, height: we, width: Ve, drawingId: ie, drawingOrigin: ot } = V, wt = ot.layoutType === Xt.WRAP_NONE && ot.behindDoc === C.TRUE;
         S.push({
           unitId: e,
-          subUnitId: zt,
-          floatingObjectId: x,
-          behindText: Ve,
+          subUnitId: Kt,
+          floatingObjectId: ie,
+          behindText: wt,
           floatingObject: {
-            left: Y + c + this._liquid.x,
-            top: G + l + this._liquid.y,
-            width: pe,
-            height: _e
+            left: te + c + this._liquid.x,
+            top: ne + l + this._liquid.y,
+            width: Ve,
+            height: we
           }
-        }), this._pageMarginCache.set(x, {
+        }), this._pageMarginCache.set(ie, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.restorePagePadding(O), this._liquid.translatePage(O, u, h, f);
+      }), this._liquid.restorePagePadding(T), this._liquid.translatePage(T, u, h, m);
     }
-    this._floatingObjectManagerService.batchAddOrUpdate(S);
   }
 };
-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) {
+Oe = gr([
+  A(P.Steady, Oe),
+  me(0, R(ee)),
+  me(1, $),
+  me(2, v),
+  me(3, L)
+], Oe);
+var _r = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, G = (n, e) => (t, i) => e(t, i, n);
+let ye = class extends z {
+  constructor(e, t, i, r, o, s) {
     super();
     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();
+    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = i, this._renderManagerService = r, this._textSelectionManagerService = o, this._editorService = s, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -1796,13 +1705,13 @@ let ye = class extends ee {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (e == null)
         return;
-      const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
-      if (n == null || this._initializedRender.has(t) || this._editorService.isEditor(t))
+      const { unitId: t } = e, i = this._renderManagerService.getRenderById(t);
+      if (i == null || this._initializedRender.has(t) || this._editorService.isEditor(t))
         return;
       this._initializedRender.add(t);
-      const { scene: r } = n;
+      const { scene: r } = i;
       this.disposeWithMe(
-        j(
+        B(
           r.onMouseWheelObserver.add((o) => {
             if (!o.ctrlKey)
               return;
@@ -1814,7 +1723,7 @@ let ye = class extends ee {
             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, {
+            u = u >= 4 ? 4 : u <= 0.1 ? 0.1 : u, this._commandService.executeCommand($n.id, {
               zoomRatio: u,
               unitId: s.getUnitId()
             }), o.preventDefault();
@@ -1832,31 +1741,31 @@ let ye = class extends ee {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      j(
+      B(
         this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
           if (e == null)
             return;
           const t = this._univerInstanceService.getCurrentUniverDocInstance();
           if (!t)
             return;
-          const n = t.zoomRatio || 1;
-          this._updateViewZoom(n, !1);
+          const i = t.zoomRatio || 1;
+          this._updateViewZoom(i, !1);
         })
       )
     );
   }
   _commandExecutedListener() {
-    const e = [tt.id];
+    const e = [Le.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = this._univerInstanceService.getCurrentUniverDocInstance();
-          if (!n)
+          const i = this._univerInstanceService.getCurrentUniverDocInstance();
+          if (!i)
             return;
           const r = t.params, { unitId: o } = r;
-          if (o !== n.getUnitId())
+          if (o !== i.getUnitId())
             return;
-          const s = n.zoomRatio || 1;
+          const s = i.zoomRatio || 1;
           this._updateViewZoom(s);
         }
       })
@@ -1864,48 +1773,48 @@ let ye = class extends ee {
   }
   _updateViewZoom(e, t = !0) {
     var r;
-    const n = this._getDocObject();
-    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.scene.getTransformer()) == null || r.hideControl());
+    const i = this._getDocObject();
+    i != null && (i.scene.scale(e, e), this._calculatePagePosition(i, e), t && this._textSelectionManagerService.refreshSelection(), (r = i.scene.getTransformer()) == null || r.clearSelectedObjects());
   }
   _calculatePagePosition(e, t) {
-    const { document: n, scene: r, docBackground: o } = e, s = r == null ? void 0 : r.getParent(), { width: a, height: c, pageMarginLeft: l, pageMarginTop: u } = n;
+    const { document: i, scene: r, docBackground: o } = e, s = r == null ? void 0 : r.getParent(), { width: a, height: c, pageMarginLeft: l, pageMarginTop: u } = i;
     if (s == null || a === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
       return;
-    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
+    const { width: h, height: m } = s;
+    let g = 0, S = 0, d = 0, _ = 0, T = Number.POSITIVE_INFINITY;
+    h > (a + l * 2) * t ? (g = h / 2 - a * t / 2, g /= t, d = (h - l * 2) / t, T = 0) : (g = l, d = a + l * 2, T = (d - h / t) / 2), m > c ? (S = m / 2 - c / 2, _ = (m - u * 2) / t) : (S = u, _ = c + u * 2), r.resize(d, _ + 200), i.translate(g, S), o.translate(g, S);
+    const D = r.getViewport(Q.VIEW_MAIN);
+    if (T !== Number.POSITIVE_INFINITY && D != null) {
+      const k = D.getBarScroll(T, 0).x;
+      D.scrollTo({
+        x: k
       });
     }
     return this;
   }
   _getDocObject() {
-    return xt(this._univerInstanceService, this._renderManagerService);
+    return Ut(this._univerInstanceService, this._renderManagerService);
   }
 };
-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 = _r([
+  A(P.Rendered, ye),
+  G(0, R(ee)),
+  G(1, N),
+  G(2, v),
+  G(3, $),
+  G(4, R(J)),
+  G(5, L)
 ], 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) {
+var pr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, j = (n, e) => (t, i) => e(t, i, n);
+let Me = class extends z {
+  constructor(e, t, i, r, o, s, a) {
     super();
     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();
+    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = i, this._renderManagerService = r, this._textSelectionRenderManager = o, this._textSelectionManagerService = s, this._editorService = a, this._initialize();
   }
   _initialize() {
     this._init(), this._skeletonListener(), this._commandExecutedListener();
@@ -1930,22 +1839,22 @@ let Me = class extends ee {
     const t = this._getDocObjectById(e);
     if (t == null)
       return;
-    const { document: n, scene: r } = t;
+    const { document: i, scene: r } = t;
     this.disposeWithMe(
-      j(
-        n.onPointerEnterObserver.add(() => {
-          this._isEditorReadOnly(e) || (n.cursor = _t.TEXT);
+      B(
+        i.onPointerEnterObserver.add(() => {
+          this._isEditorReadOnly(e) || (i.cursor = pt.TEXT);
         })
       )
     ), this.disposeWithMe(
-      j(
-        n.onPointerLeaveObserver.add(() => {
-          n.cursor = _t.DEFAULT, r.resetCursor();
+      B(
+        i.onPointerLeaveObserver.add(() => {
+          i.cursor = pt.DEFAULT, r.resetCursor();
         })
       )
     ), this.disposeWithMe(
-      j(
-        n == null ? void 0 : n.onPointerDownObserver.add((o, s) => {
+      B(
+        i == null ? void 0 : i.onPointerDownObserver.add((o, s) => {
           if (this._isEditorReadOnly(e))
             return;
           const a = this._univerInstanceService.getCurrentUniverDocInstance();
@@ -1957,14 +1866,14 @@ let Me = class extends ee {
         })
       )
     ), this.disposeWithMe(
-      j(
-        n == null ? void 0 : n.onDblclickObserver.add((o) => {
+      B(
+        i == null ? void 0 : i.onDblclickObserver.add((o) => {
           this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(o);
         })
       )
     ), this.disposeWithMe(
-      j(
-        n == null ? void 0 : n.onTripleClickObserver.add((o) => {
+      B(
+        i == null ? void 0 : i.onTripleClickObserver.add((o) => {
           this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(o);
         })
       )
@@ -1975,19 +1884,19 @@ let Me = class extends ee {
     return t ? t.isReadOnly() : !1;
   }
   _setEditorFocus(e) {
-    if (this._univerInstanceService.getAllUnitsForType(m.UNIVER_SHEET).length > 0) {
-      const n = this._univerInstanceService.getCurrentUnitForType(m.UNIVER_SHEET);
-      this._editorService.setOperationSheetUnitId(n.getUnitId());
+    if (this._univerInstanceService.getAllUnitsForType(f.UNIVER_SHEET).length > 0) {
+      const i = this._univerInstanceService.getCurrentUnitForType(f.UNIVER_SHEET);
+      this._editorService.setOperationSheetUnitId(i.getUnitId());
     }
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [tt.id];
+    const e = [Le.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        var n;
+        var i;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: o } = r, s = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          const r = t.params, { unitId: o } = r, s = (i = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : i.unitId;
           if (o !== s)
             return;
           this._textSelectionManagerService.refreshSelection();
@@ -2000,11 +1909,11 @@ let Me = class extends ee {
       this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
         if (e == null)
           return;
-        const { unitId: t, skeleton: n } = e, r = this._renderManagerService.getRenderById(t);
+        const { unitId: t, skeleton: i } = e, r = this._renderManagerService.getRenderById(t);
         if (r == null)
           return;
         const { scene: o, mainComponent: s } = r;
-        this._textSelectionRenderManager.changeRuntime(n, o, s), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+        this._textSelectionRenderManager.changeRuntime(i, o, s), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
           unitId: t,
           subUnitId: ""
         });
@@ -2012,104 +1921,196 @@ let Me = class extends ee {
     );
   }
   _getDocObjectById(e) {
-    return this._univerInstanceService.getUnitType(e) !== m.UNIVER_DOC ? null : Un(e, this._renderManagerService);
+    return this._univerInstanceService.getUnitType(e) !== f.UNIVER_DOC ? null : wn(e, this._renderManagerService);
   }
 };
-Me = Ar([
-  L(B.Rendered, Me),
-  z(0, R(ie)),
-  z(1, U),
-  z(2, v),
-  z(3, H),
-  z(4, he),
-  z(5, R(ne)),
-  z(6, $)
+Me = pr([
+  A(P.Rendered, Me),
+  j(0, R(ee)),
+  j(1, N),
+  j(2, v),
+  j(3, $),
+  j(4, he),
+  j(5, R(J)),
+  j(6, L)
 ], Me);
-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 de {
-  constructor(i, e, t, n, r) {
-    super(), this._docSkeletonManagerService = i, this._textSelectionManagerService = e, this._editorService = t, this._univerInstanceService = n, this._renderManagerService = r, this._init();
+var fr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, se = (n, e) => (t, i) => e(t, i, n);
+const Tt = 1.5;
+let be = class extends de {
+  constructor(n, e, t, i, r) {
+    super(), this._docSkeletonManagerService = n, this._textSelectionManagerService = e, this._editorService = t, this._univerInstanceService = i, this._renderManagerService = r, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(le(this.dispose$)).subscribe((i) => {
-      if (i == null)
+    this._textSelectionManagerService.textSelection$.pipe(le(this.dispose$)).subscribe((n) => {
+      if (n == null)
         return;
-      const { isEditing: e, unitId: t } = i;
+      const { isEditing: e, unitId: t } = n;
       e && this._scrollToSelection(t);
     });
   }
   // Let the selection show on the current screen.
-  _scrollToSelection(i) {
-    var x;
-    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (x = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : x.skeleton;
-    if (e == null || t == null || n == null)
+  _scrollToSelection(n) {
+    var ie;
+    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), i = (ie = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : ie.skeleton;
+    if (e == null || t == null || i == null)
       return;
     const { collapsed: r, startNodePosition: o } = e;
     if (!r)
       return;
-    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);
+    const s = t.document.getOffsetConfig(), { docsLeft: a, docsTop: c } = s, l = new Xn(s, i), { contentBoxPointGroup: u } = l.getRangePointData(o, o), { left: h, top: m, height: g } = Kn(u), S = h + a, d = m + c, _ = t.scene.getViewport(Q.VIEW_MAIN), T = !!this._editorService.getEditor(n);
     if (_ == null)
       return;
     const {
-      left: E,
-      top: N,
-      right: F,
-      bottom: w
+      left: D,
+      top: k,
+      right: H,
+      bottom: V
     } = _.getBounding().viewBound;
-    let Y = 0, G = 0;
-    const _e = O ? 0 : 100;
-    d < N ? Y = d - N : d > w - g && (Y = d - w + g + _e), S < E ? G = S - E : S > F - Ot && (G = S - F + Ot);
-    const pe = _.getBarScroll(G, Y);
-    _.scrollBy(pe);
+    let te = 0, ne = 0;
+    const we = T ? 0 : 100;
+    d < k ? te = d - k : d > V - g && (te = d - V + g + we), S < D ? ne = S - D : S > H - Tt && (ne = S - H + Tt);
+    const Ve = _.getBarScroll(ne, te);
+    _.scrollBy(Ve);
   }
   _getDocObject() {
-    return xt(this._univerInstanceService, this._renderManagerService);
+    return Ut(this._univerInstanceService, this._renderManagerService);
+  }
+};
+be = fr([
+  A(P.Rendered, be),
+  se(0, R(ee)),
+  se(1, R(J)),
+  se(2, L),
+  se(3, N),
+  se(4, $)
+], be);
+var mr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, Se = (n, e) => (t, i) => e(t, i, n);
+function Sr(n, e) {
+  const t = It(n.left, n.top, e), i = It(n.right, n.bottom, e);
+  return {
+    left: t.x,
+    top: t.y,
+    right: i.x,
+    bottom: i.y
+  };
+}
+function It(n, e, t) {
+  const { scaleX: i, scaleY: r } = t.getAncestorScale(), o = t.getViewport(Q.VIEW_MAIN);
+  if (!o)
+    return {
+      x: n,
+      y: e
+    };
+  const { viewportScrollX: s, viewportScrollY: a } = o, c = (n - s) * i, l = (e - a) * r;
+  return {
+    x: c,
+    y: l
+  };
+}
+let Ke = class extends z {
+  constructor(n, e, t, i) {
+    super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = i;
+  }
+  // #region attach to object
+  _createObjectPositionObserver(n, e) {
+    const t = () => {
+      const { scene: a } = e, { left: c, top: l, width: u, height: h } = n, m = {
+        left: c,
+        right: c + u,
+        top: l,
+        bottom: l + h
+      }, g = Sr(m, a);
+      return {
+        left: g.left,
+        right: g.right,
+        top: g.top,
+        bottom: g.bottom
+      };
+    }, i = t(), r = new At(i), o = new Zt();
+    o.add(this._commandService.onCommandExecuted((a) => {
+      a.id === Le.id && r.next(t());
+    }));
+    const s = e.scene.getViewport(Q.VIEW_MAIN);
+    return o.add(s == null ? void 0 : s.onScrollAfterObserver.add(() => {
+      r.next(t());
+    })), {
+      position: i,
+      position$: r,
+      disposable: o
+    };
+  }
+  /**
+   * attach a popup to canvas object
+   * @param targetObject target canvas object
+   * @param popup popup item
+   * @returns disposable
+   */
+  attachPopupToObject(n, e) {
+    const i = this._univerInstanceService.getCurrentUnitForType(f.UNIVER_DOC).getUnitId(), r = this._renderManagerService.getRenderById(i);
+    if (!r)
+      return {
+        dispose: () => {
+        }
+      };
+    const { position: o, position$: s, disposable: a } = this._createObjectPositionObserver(n, r), c = this._globalPopupManagerService.addPopup({
+      ...e,
+      unitId: i,
+      subUnitId: "default",
+      anchorRect: o,
+      anchorRect$: s
+    });
+    return {
+      dispose: () => {
+        this._globalPopupManagerService.removePopup(c), s.complete(), a.dispose();
+      }
+    };
   }
 };
-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), Ce;
-let Rt = (Ce = 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: ki }), this._config = qe.deepMerge({}, Gn, this._config), this._initDependencies(e), this._initializeCommands();
+Ke = mr([
+  Se(0, R(mn)),
+  Se(1, $),
+  Se(2, N),
+  Se(3, v)
+], Ke);
+var vr = (n, e, t, i) => {
+  for (var r = e, o = n.length - 1, s; o >= 0; o--)
+    (s = n[o]) && (r = s(r) || r);
+  return r;
+}, ze = (n, e) => (t, i) => e(t, i, n), ve;
+let Ot = (ve = class extends qt {
+  constructor(n, e, t, i) {
+    super(), this._config = n, this._injector = e, this._localeService = t, this._logService = i, this._config = Je.deepMerge({}, ei, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
   }
   _initializeCommands() {
     [
-      Zn,
-      qn,
-      Qn,
-      Jn,
-      ei,
-      ti,
-      ni,
       ii,
       ri,
-      Yi,
-      Gi,
-      Hi
-    ].forEach((i) => {
-      this._injector.get(dn).registerShortcut(i);
+      si,
+      oi,
+      ai,
+      ci,
+      li,
+      di,
+      ui,
+      ji,
+      zi,
+      Wi
+    ].forEach((n) => {
+      this._injector.get(Sn).registerShortcut(n);
     });
   }
-  _initDependencies(i) {
+  _initDependencies(n) {
     [
       // Controller
       [
@@ -2118,13 +2119,13 @@ let Rt = (Ce = class extends Yt {
           useFactory: () => this._injector.createInstance(ce, this._config)
         }
       ],
-      [Oe],
+      [Ce],
       [Re],
       [Te],
-      [be],
+      [Oe],
       [ye],
       [Me],
-      [Ee],
+      [be],
       [
         // controllers
         ae,
@@ -2138,20 +2139,21 @@ let Rt = (Ce = class extends Yt {
           useClass: Xe
         }
       ],
+      [Ke],
       // Render views
       [Ie]
     ].forEach((t) => {
-      i.add(t);
+      n.add(t);
     });
   }
   _markDocAsFocused() {
-    const i = this._injector.get(U), e = this._injector.get($);
+    const n = this._injector.get(N), e = this._injector.get(L);
     try {
-      const t = i.getCurrentUniverDocInstance();
+      const t = n.getCurrentUniverDocInstance();
       if (!t)
         return;
-      const n = t.getUnitId();
-      e.isEditor(n) || i.focusUnit(t.getUnitId());
+      const i = t.getUnitId();
+      e.isEditor(i) || n.focusUnit(t.getUnitId());
     } catch (t) {
       this._logService.warn(t);
     }
@@ -2159,23 +2161,48 @@ let Rt = (Ce = class extends Yt {
   _initModules() {
     this._injector.get(ae);
   }
-}, p(Ce, "pluginName", Xn), p(Ce, "type", m.UNIVER_DOC), Ce);
-Rt = jr([
-  ze(1, R(Ue)),
-  ze(2, R(Ze)),
-  ze(3, bt)
-], Rt);
+}, p(ve, "pluginName", ti), p(ve, "type", f.UNIVER_DOC), ve);
+Ot = vr([
+  ze(1, R(Ne)),
+  ze(2, R(qe)),
+  ze(3, Et)
+], Ot);
+function Dr(n) {
+  return {
+    left: n.positionH.posOffset,
+    top: n.positionV.posOffset,
+    width: n.size.width,
+    height: n.size.height
+  };
+}
+function Nr(n, e = 0, t = 0) {
+  return {
+    size: {
+      width: n.width,
+      height: n.height
+    },
+    positionH: {
+      relativeFrom: Jt.MARGIN,
+      posOffset: (n.left || 0) - e
+    },
+    positionV: {
+      relativeFrom: Qt.PAGE,
+      posOffset: (n.top || 0) - t
+    },
+    angle: n.angle || 0
+  };
+}
 export {
-  Xn as DOC_UI_PLUGIN_NAME,
-  Yn as DefaultDocContainerConfig,
-  Gn as DefaultDocUiConfig,
-  Hn as DefaultToolbarConfig,
+  ti as DOC_UI_PLUGIN_NAME,
+  Qn as DefaultDocContainerConfig,
+  ei as DefaultDocUiConfig,
+  Jn as DefaultToolbarConfig,
+  Ke as DocCanvasPopManagerService,
   Ie as DocCanvasView,
-  tr as PastePluginLark,
-  or as PastePluginUniver,
-  ir as PastePluginWord,
-  Rt as UniverDocsUIPlugin,
-  qr as enUS,
-  Jr as ruRU,
-  ki as zhCN
+  Ji as PastePluginLark,
+  nr as PastePluginUniver,
+  er as PastePluginWord,
+  Ot as UniverDocsUIPlugin,
+  Dr as docDrawingPositionToTransform,
+  Nr as transformToDocDrawingPosition
 };