@univerjs/docs-ui 0.1.11 → 0.1.13

package/lib/es/index.js

@@ -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 le, ICommandService as v, BooleanNumber as C, UniverInstanceType as m, BaselineOffset as J, ThemeService as It, HorizontalAlign as Pe, IUniverInstanceService as U, Disposable as ee, OnLifecycle as L, LifecycleStages as B, Tools as qe, LRUMap as wt, ColorKit as ot, toDisposable as j, ILogService as bt, CommandType as Je, IContextService as jt, checkForSubstrings as Vt, IConfigService as Wt, PositionedObjectLayoutType as kt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as zt, IFloatingObjectManagerService as Ht, Plugin as Yt } from "@univerjs/core";
-import { Inject as R, Injector as Ue, Optional as Gt, createIdentifier as Xt } from "@wendellhu/redi";
-import { KeyCode as D, MetaKeys as de, ILayoutService as yt, MenuGroup as I, MenuItemType as T, MenuPosition as b, getMenuHiddenObservable as y, FONT_FAMILY_LIST as st, FONT_SIZE_LIST as Kt, FontFamily as Zt, FontFamilyItem as qt, FontSize as Jt, DesktopUIPart as Qt, ComponentManager as en, IEditorService as $, IMenuService as tn, IUIController as nn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as rn, HTML_CLIPBOARD_MIME_TYPE as on, IClipboardInterfaceService as Qe, CopyCommand as sn, CutCommand as an, PasteCommand as cn, SetEditorResizeOperation as ln, IShortcutService as dn } from "@univerjs/ui";
-import { MoveCursorOperation as Ne, MoveSelectionOperation as Ae, SelectAllOperation as un, SetInlineFormatBoldCommand as hn, SetTextSelectionsOperation as P, SetInlineFormatCommand as te, SetInlineFormatItalicCommand as gn, SetInlineFormatUnderlineCommand as _n, SetInlineFormatStrikethroughCommand as pn, SetInlineFormatSubscriptCommand as fn, SetInlineFormatSuperscriptCommand as mn, SetInlineFormatFontFamilyCommand as at, SetInlineFormatFontSizeCommand as ct, SetInlineFormatTextColorCommand as lt, AlignLeftCommand as Sn, AlignOperationCommand as Le, AlignCenterCommand as vn, AlignRightCommand as Cn, AlignJustifyCommand as On, OrderListCommand as Rn, BulletListCommand as Tn, ResetInlineFormatTextBackgroundColorCommand as In, SetInlineFormatTextBackgroundColorCommand as He, TextSelectionManagerService as ne, BreakLineCommand as bn, DeleteLeftCommand as yn, DeleteRightCommand as Mn, CutContentCommand as Mt, InnerPasteCommand as Et, VIEWPORT_KEY as Be, CoverContentCommand as En, RichTextEditingMutation as et, DocSkeletonManagerService as ie, DOCS_VIEW_KEY as q, DOCS_COMPONENT_MAIN_LAYER_INDEX as We, DOCS_COMPONENT_HEADER_LAYER_INDEX as xn, DOCS_COMPONENT_DEFAULT_Z_INDEX as dt, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as Dn, SetDocZoomRatioOperation as tt, SetDocZoomRatioCommand as Pn, getDocObject as xt, getDocObjectById as Un } from "@univerjs/docs";
-import { connectInjector as Nn } from "@wendellhu/redi/react-bindings";
-import { ITextSelectionRenderManager as ue, pixelToPt as An, ptToPixel as ut, ScrollBar as Ye, IRenderManagerService as H, PageLayoutType as ht, Viewport as Ln, EVENT_TYPE as Bn, Layer as gt, Documents as $n, DocBackground as Fn, Liquid as wn, CURSOR_TYPE as _t, NodePositionConvertToCursor as jn, getAnchorBounding as Vn } from "@univerjs/engine-render";
-import Wn from "react";
-import { Observable as M, takeUntil as ce, fromEvent as pt, BehaviorSubject as kn } from "rxjs";
-import { ColorPicker as zn } from "@univerjs/design";
-const Hn = {
+var Vt = Object.defineProperty;
+var Wt = (i, e, t) => e in i ? Vt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var g = (i, e, t) => (Wt(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { FOCUSING_DOC as xe, FOCUSING_UNIVER_EDITOR as Ze, FOCUSING_COMMON_DRAWINGS as bt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as zt, Direction as w, EDITOR_ACTIVATED as Mt, LocaleService as qe, RxDisposable as de, ICommandService as v, BooleanNumber as C, UniverInstanceType as f, BaselineOffset as K, ThemeService as yt, HorizontalAlign as De, IUniverInstanceService as P, Disposable as k, OnLifecycle as U, LifecycleStages as A, Tools as Je, LRUMap as kt, ColorKit as st, toDisposable as B, ILogService as Et, CommandType as Qe, IContextService as Ht, checkForSubstrings as Yt, IConfigService as Gt, PositionedObjectLayoutType as Xt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Kt, DisposableCollection as Zt, Plugin as qt, ObjectRelativeFromH as Jt, ObjectRelativeFromV as Qt } from "@univerjs/core";
+import { Inject as O, Injector as Pe, Optional as en, createIdentifier as tn } from "@wendellhu/redi";
+import { KeyCode as E, MetaKeys as ue, ILayoutService as xt, MenuGroup as I, MenuItemType as T, MenuPosition as b, getMenuHiddenObservable as M, FONT_FAMILY_LIST as at, FONT_SIZE_LIST as nn, FontFamily as rn, FontFamilyItem as on, FontSize as sn, BuiltInUIPart as an, ComponentManager as cn, IEditorService as L, IMenuService as ln, IUIPartsService as dn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as un, HTML_CLIPBOARD_MIME_TYPE as hn, IClipboardInterfaceService as et, CopyCommand as pn, CutCommand as _n, PasteCommand as gn, SetEditorResizeOperation as fn, ICanvasPopupService as mn, IShortcutService as Sn } from "@univerjs/ui";
+import { MoveCursorOperation as Ne, MoveSelectionOperation as Ue, SelectAllOperation as vn, SetInlineFormatBoldCommand as Cn, SetTextSelectionsOperation as x, SetInlineFormatCommand as q, SetInlineFormatItalicCommand as On, SetInlineFormatUnderlineCommand as Rn, SetInlineFormatStrikethroughCommand as Tn, SetInlineFormatSubscriptCommand as In, SetInlineFormatSuperscriptCommand as bn, SetInlineFormatFontFamilyCommand as ct, SetInlineFormatFontSizeCommand as lt, SetInlineFormatTextColorCommand as dt, AlignLeftCommand as Mn, AlignOperationCommand as Ae, AlignCenterCommand as yn, AlignRightCommand as En, AlignJustifyCommand as xn, OrderListCommand as Dn, BulletListCommand as Pn, ResetInlineFormatTextBackgroundColorCommand as Nn, SetInlineFormatTextBackgroundColorCommand as He, TextSelectionManagerService as J, BreakLineCommand as Un, DeleteLeftCommand as An, DeleteRightCommand as Ln, CutContentCommand as Dt, InnerPasteCommand as Pt, VIEWPORT_KEY as Q, CoverContentCommand as $n, RichTextEditingMutation as tt, DocSkeletonManagerService as ee, DOCS_VIEW_KEY as X, DOCS_COMPONENT_MAIN_LAYER_INDEX as We, DOCS_COMPONENT_HEADER_LAYER_INDEX as Bn, DOCS_COMPONENT_DEFAULT_Z_INDEX as ut, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as wn, SetDocZoomRatioOperation as Le, SetDocZoomRatioCommand as Fn, getDocObject as Nt, getDocObjectById as jn } 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 F, PageLayoutType as pt, Viewport as zn, EVENT_TYPE as kn, Layer as _t, Documents as Hn, DocBackground as Yn, Liquid as Gn, CURSOR_TYPE as gt, NodePositionConvertToCursor as Xn, getAnchorBounding as Kn } from "@univerjs/engine-render";
+import Zn from "react";
+import { Observable as y, takeUntil as le, fromEvent as ft, BehaviorSubject as Ut } from "rxjs";
+import { ColorPicker as qn } from "@univerjs/design";
+const Jn = {
   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,89 +51,89 @@ 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 N(i) {
+  return i.getContextValue(xe) && i.getContextValue(Ze) && !i.getContextValue(bt);
 }
-function Kn(i) {
-  return i.getContextValue(De) && i.getContextValue(Ke) && !i.getContextValue(Ft);
+function ni(i) {
+  return i.getContextValue(xe) && i.getContextValue(Ze) && !i.getContextValue(zt) && !i.getContextValue(bt);
 }
-const Zn = {
+const ii = {
   id: Ne.id,
-  binding: D.ARROW_UP,
-  preconditions: A,
+  binding: E.ARROW_UP,
+  preconditions: N,
   staticParameters: {
-    direction: V.UP
+    direction: w.UP
   }
-}, qn = {
+}, ri = {
   id: Ne.id,
-  binding: D.ARROW_DOWN,
-  preconditions: A,
+  binding: E.ARROW_DOWN,
+  preconditions: N,
   staticParameters: {
-    direction: V.DOWN
+    direction: w.DOWN
   }
-}, Jn = {
+}, oi = {
   id: Ne.id,
-  binding: D.ARROW_LEFT,
-  preconditions: A,
+  binding: E.ARROW_LEFT,
+  preconditions: N,
   staticParameters: {
-    direction: V.LEFT
+    direction: w.LEFT
   }
-}, Qn = {
+}, si = {
   id: Ne.id,
-  binding: D.ARROW_RIGHT,
-  preconditions: A,
+  binding: E.ARROW_RIGHT,
+  preconditions: N,
   staticParameters: {
-    direction: V.RIGHT
+    direction: w.RIGHT
   }
-}, ei = {
-  id: Ae.id,
-  binding: D.ARROW_UP | de.SHIFT,
-  preconditions: A,
+}, ai = {
+  id: Ue.id,
+  binding: E.ARROW_UP | ue.SHIFT,
+  preconditions: N,
   staticParameters: {
-    direction: V.UP
+    direction: w.UP
   }
-}, ti = {
-  id: Ae.id,
-  binding: D.ARROW_DOWN | de.SHIFT,
-  preconditions: A,
+}, ci = {
+  id: Ue.id,
+  binding: E.ARROW_DOWN | ue.SHIFT,
+  preconditions: N,
   staticParameters: {
-    direction: V.DOWN
+    direction: w.DOWN
   }
-}, ni = {
-  id: Ae.id,
-  binding: D.ARROW_LEFT | de.SHIFT,
-  preconditions: A,
+}, li = {
+  id: Ue.id,
+  binding: E.ARROW_LEFT | ue.SHIFT,
+  preconditions: N,
   staticParameters: {
-    direction: V.LEFT
+    direction: w.LEFT
   }
-}, ii = {
-  id: Ae.id,
-  binding: D.ARROW_RIGHT | de.SHIFT,
-  preconditions: A,
+}, di = {
+  id: Ue.id,
+  binding: E.ARROW_RIGHT | ue.SHIFT,
+  preconditions: N,
   staticParameters: {
-    direction: V.RIGHT
+    direction: w.RIGHT
   }
-}, ri = {
-  id: un.id,
-  binding: D.A | de.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(Ke) && (i.getContextValue(De) || i.getContextValue(Tt))
+}, ui = {
+  id: vn.id,
+  binding: E.A | ue.CTRL_COMMAND,
+  preconditions: (i) => i.getContextValue(Ze) && (i.getContextValue(xe) || i.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--)
+var hi = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, _i = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? pi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && oi(e, t, r), r;
-}, ft = (i, e) => (t, n) => e(t, n, i);
+  return n && r && hi(e, t, r), r;
+}, mt = (i, e) => (t, n) => e(t, n, i);
 let Ge = class {
   constructor(i, e, t) {
-    p(this, "_docContainer");
+    g(this, "_docContainer");
     // 获取SheetContainer组件
-    p(this, "getComponent", (i) => {
+    g(this, "getComponent", (i) => {
       if (this._docContainer = i, !i.getContentRef().current)
         throw new Error("container is not ready");
     });
@@ -144,7 +144,7 @@ let Ge = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    p(this, "changeLocale", (i) => {
+    g(this, "changeLocale", (i) => {
       this._localeService.setLocale(i);
     });
     this._config = i, this._localeService = e, this._injector = t;
@@ -168,19 +168,19 @@ let Ge = class {
     return this._docContainer;
   }
 };
-Ge = ai([
-  ft(1, R(Ze)),
-  ft(2, R(Ue))
+Ge = _i([
+  mt(1, O(qe)),
+  mt(2, O(Pe))
 ], 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--)
+var gi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, mi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? fi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && ci(e, t, r), r;
-}, fe = (i, e) => (t, n) => e(t, n, i);
-let ae = class extends le {
+  return n && r && gi(e, t, r), r;
+}, _e = (i, e) => (t, n) => e(t, n, i);
+let ae = class extends de {
   constructor(e, t, n, r, o) {
     super();
-    p(this, "_docContainerController");
+    g(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -188,7 +188,7 @@ let ae = class extends le {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    p(this, "changeLocale", (e) => {
+    g(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();
@@ -203,14 +203,14 @@ let ae = class extends le {
     return this._docContainerController;
   }
 };
-ae = di([
-  fe(1, R(Ze)),
-  fe(2, R(Ue)),
-  fe(3, ue),
-  fe(4, Gt(yt))
+ae = mi([
+  _e(1, O(qe)),
+  _e(2, O(Pe)),
+  _e(3, he),
+  _e(4, en(xt))
 ], ae);
-const $e = "UI_PLUGIN_DOCS", nt = `${$e}_COLOR_PICKER_COMPONENT`, Dt = `${$e}_FONT_FAMILY_COMPONENT`, Pt = `${$e}_FONT_FAMILY_ITEM_COMPONENT`, Ut = `${$e}_FONT_SIZE_COMPONENT`;
-var Nt = { exports: {} }, Fe = {};
+const $e = "UI_PLUGIN_DOCS", nt = `${$e}_COLOR_PICKER_COMPONENT`, At = `${$e}_FONT_FAMILY_COMPONENT`, Lt = `${$e}_FONT_FAMILY_ITEM_COMPONENT`, $t = `${$e}_FONT_SIZE_COMPONENT`;
+var Bt = { exports: {} }, Be = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -220,41 +220,41 @@ 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 Si = Zn, vi = Symbol.for("react.element"), Ci = Symbol.for("react.fragment"), Oi = Object.prototype.hasOwnProperty, Ri = Si.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Ti = { key: !0, ref: !0, __self: !0, __source: !0 };
+function wt(i, e, t) {
   var n, r = {}, o = null, s = null;
   t !== void 0 && (o = "" + t), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
   for (n in e)
-    _i.call(e, n) && !fi.hasOwnProperty(n) && (r[n] = e[n]);
+    Oi.call(e, n) && !Ti.hasOwnProperty(n) && (r[n] = e[n]);
   if (i && i.defaultProps)
     for (n in e = i.defaultProps, e)
       r[n] === void 0 && (r[n] = e[n]);
-  return { $$typeof: hi, type: i, key: o, ref: s, props: r, _owner: pi.current };
+  return { $$typeof: vi, type: i, key: o, ref: s, props: r, _owner: Ri.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) {
+Be.Fragment = Ci;
+Be.jsx = wt;
+Be.jsxs = wt;
+Bt.exports = Be;
+var Ii = Bt.exports;
+const bi = "univer-docs-ui-canvas-background", Mi = {
+  docsUiCanvasBackground: bi
+}, yi = () => /* @__PURE__ */ Ii.jsx("div", { className: Mi.docsUiCanvasBackground });
+function Ei(i) {
   const e = i.get(v);
   return {
-    id: hn.id,
+    id: Cn.id,
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = 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 = j(i);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.bl;
@@ -263,25 +263,25 @@ function Oi(i) {
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ri(i) {
+function xi(i) {
   const e = i.get(v);
   return {
-    id: gn.id,
+    id: On.id,
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = 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 = j(i);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.it;
@@ -290,25 +290,25 @@ function Ri(i) {
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ti(i) {
+function Di(i) {
   const e = i.get(v);
   return {
-    id: _n.id,
+    id: Rn.id,
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = 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 = j(i);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.ul;
@@ -317,25 +317,25 @@ function Ti(i) {
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ii(i) {
+function Pi(i) {
   const e = i.get(v);
   return {
-    id: pn.id,
+    id: Tn.id,
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = 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 = j(i);
           if (a == null)
             return;
           const c = (s = a.ts) == null ? void 0 : s.st;
@@ -344,84 +344,84 @@ function Ii(i) {
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function bi(i) {
+function Ni(i) {
   const e = i.get(v);
   return {
-    id: fn.id,
+    id: In.id,
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = 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 = j(i);
           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;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function yi(i) {
+function Ui(i) {
   const e = i.get(v);
   return {
-    id: mn.id,
+    id: bn.id,
     group: I.TOOLBAR_FORMAT,
     type: T.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = 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 = j(i);
           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;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Mi(i) {
+function Ai(i) {
   const e = i.get(v);
   return {
-    id: at.id,
+    id: ct.id,
     tooltip: "toolbar.font",
     group: I.TOOLBAR_FORMAT,
     type: T.SELECTOR,
-    label: Dt,
+    label: At,
     positions: [b.TOOLBAR_START],
-    selections: st.map((t) => ({
+    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 y((t) => {
+      const n = 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 = j(i);
           if (c == null)
             return;
           const l = (a = c.ts) == null ? void 0 : a.ff;
@@ -430,18 +430,18 @@ function Mi(i) {
       });
       return t.next(n), r.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ei(i) {
+function Li(i) {
   const e = i.get(v);
   return {
-    id: ct.id,
+    id: lt.id,
     group: I.TOOLBAR_FORMAT,
     type: T.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: Ut,
+      name: $t,
       props: {
         min: 1,
         max: 400
@@ -449,14 +449,14 @@ function Ei(i) {
       }
     },
     positions: [b.TOOLBAR_START],
-    selections: Kt,
+    selections: nn,
     // disabled$,
-    value$: new M((t) => {
+    value$: new y((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 = j(i);
           if (c == null)
             return;
           const l = (a = c.ts) == null ? void 0 : a.fs;
@@ -465,13 +465,13 @@ function Ei(i) {
       });
       return t.next(14), r.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function xi(i) {
-  const e = i.get(v), t = i.get(It);
+function $i(i) {
+  const e = i.get(v), t = i.get(yt);
   return {
-    id: lt.id,
+    id: dt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
     group: I.TOOLBAR_FORMAT,
@@ -485,156 +485,156 @@ function xi(i) {
         }
       }
     ],
-    value$: new M((n) => {
+    value$: new y((n) => {
       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);
         }
       });
       return n.next(r), o.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function Di(i) {
+function Bi(i) {
   const e = i.get(v);
   return {
-    id: Sn.id,
+    id: Mn.id,
     group: I.TOOLBAR_LAYOUT,
     type: T.BUTTON,
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
+        if (o === x.id || o === Ae.id) {
           const a = we(i);
           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;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Pi(i) {
+function wi(i) {
   const e = i.get(v);
   return {
-    id: vn.id,
+    id: yn.id,
     group: I.TOOLBAR_LAYOUT,
     type: T.BUTTON,
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
+        if (o === x.id || o === Ae.id) {
           const a = we(i);
           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;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ui(i) {
+function Fi(i) {
   const e = i.get(v);
   return {
-    id: Cn.id,
+    id: En.id,
     group: I.TOOLBAR_LAYOUT,
     type: T.BUTTON,
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
+        if (o === x.id || o === Ae.id) {
           const a = we(i);
           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;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ni(i) {
+function ji(i) {
   const e = i.get(v);
   return {
-    id: On.id,
+    id: xn.id,
     group: I.TOOLBAR_LAYOUT,
     type: T.BUTTON,
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
     positions: [b.TOOLBAR_START],
-    activated$: new M((t) => {
+    activated$: new y((t) => {
       const n = e.onCommandExecuted((r) => {
         var s;
         const o = r.id;
-        if (o === P.id || o === Le.id) {
+        if (o === x.id || o === Ae.id) {
           const a = we(i);
           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;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Ai(i) {
+function Vi(i) {
   return {
-    id: Rn.id,
+    id: Dn.id,
     group: I.TOOLBAR_LAYOUT,
     type: T.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
     positions: [b.TOOLBAR_START],
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Li(i) {
+function Wi(i) {
   return {
-    id: Tn.id,
+    id: Pn.id,
     group: I.TOOLBAR_LAYOUT,
     type: T.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
     positions: [b.TOOLBAR_START],
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function Bi(i) {
+function zi(i) {
   return {
-    id: In.id,
+    id: Nn.id,
     type: T.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor",
     positions: He.id
   };
 }
-function $i(i) {
-  const e = i.get(v), t = i.get(It);
+function ki(i) {
+  const e = i.get(v), t = i.get(yt);
   return {
     id: He.id,
     tooltip: "toolbar.fillColor.main",
@@ -650,7 +650,7 @@ function $i(i) {
         }
       }
     ],
-    value$: new M((n) => {
+    value$: new y((n) => {
       const r = t.getCurrentTheme().primaryColor, o = e.onCommandExecuted((s) => {
         if (s.id === He.id) {
           const a = s.params.value;
@@ -659,23 +659,35 @@ function $i(i) {
       });
       return n.next(r), o.dispose;
     }),
-    hidden$: y(i, m.UNIVER_DOC)
+    hidden$: M(i, f.UNIVER_DOC)
   };
 }
-function W(i) {
+function j(i) {
   var c;
-  const e = i.get(U), t = i.get(ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
+  const e = i.get(P), t = i.get(J), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
   if (n == null || r == null)
     return;
   const o = (c = n.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) {
   var c;
-  const e = i.get(U), t = i.get(ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
+  const e = i.get(P), t = i.get(J), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
   if (n == null || r == null)
     return;
   const o = (c = n.getBody()) == null ? void 0 : c.paragraphs;
@@ -691,178 +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--)
+var Hi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Gi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && 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) {
-    super(), this._injector = i, this._componentManager = e, this._layoutService = t, this._editorService = n, this._menuService = r, this._uiController = o, this._univerInstanceService = s, this._init();
+  return n && r && Hi(e, t, r), r;
+}, W = (i, e) => (t, n) => e(t, n, i);
+let ce = class extends k {
+  constructor(i, e, t, n, r, o, s, a) {
+    super(), this._config = i, this._injector = e, this._componentManager = t, this._layoutService = n, this._editorService = r, this._menuService = o, this._uiPartsService = s, this._univerInstanceService = a, this._init();
   }
   _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));
+    this.disposeWithMe(i.register(nt, qn)), this.disposeWithMe(i.register(At, rn)), this.disposeWithMe(i.register(Lt, on)), this.disposeWithMe(i.register($t, sn));
   }
   _initMenus() {
+    const { menu: i = {} } = this._config;
     [
-      Oi,
-      Ri,
-      Ti,
-      Ii,
-      bi,
-      yi,
       Ei,
-      Mi,
       xi,
       Di,
       Pi,
-      Ui,
       Ni,
-      Ai,
+      Ui,
       Li,
+      Ai,
+      $i,
       Bi,
-      $i
-    ].forEach((i) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
+      wi,
+      Fi,
+      ji,
+      Vi,
+      Wi,
+      zi,
+      ki
+    ].forEach((e) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), i));
     });
   }
   _init() {
     this._initCustomComponents(), this._initMenus(), this._initDocBackground(), this._initFocusHandler();
   }
   _initDocBackground() {
-    const i = this._univerInstanceService.getAllUnitsForType(m.UNIVER_DOC)[0].getUnitId();
+    const i = this._univerInstanceService.getAllUnitsForType(f.UNIVER_DOC)[0].getUnitId();
     if (i == null)
       return;
     this._editorService.isEditor(i) || this.disposeWithMe(
-      this._uiController.registerComponent(Qt.CONTENT, () => Nn(Ci, this._injector))
+      this._uiPartsService.registerComponent(an.CONTENT, () => Vn(yi, this._injector))
     );
   }
   _initFocusHandler() {
     this.disposeWithMe(
-      this._layoutService.registerFocusHandler(m.UNIVER_DOC, () => {
-        this._injector.get(ue).focus();
+      this._layoutService.registerFocusHandler(f.UNIVER_DOC, () => {
+        this._injector.get(he).focus();
       })
     );
   }
 };
-Ce = ji([
-  L(B.Rendered, Ce),
-  k(0, R(Ue)),
-  k(1, R(en)),
-  k(2, yt),
-  k(3, $),
-  k(4, tn),
-  k(5, nn),
-  k(6, U)
-], 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);
+ce = Gi([
+  U(A.Rendered, ce),
+  W(1, O(Pe)),
+  W(2, O(cn)),
+  W(3, xt),
+  W(4, L),
+  W(5, ln),
+  W(6, dn),
+  W(7, P)
+], ce);
+const Xi = {
+  id: Un.id,
+  preconditions: ni,
+  binding: E.ENTER
+}, Ki = {
+  id: An.id,
+  preconditions: N,
+  binding: E.BACKSPACE
+}, Zi = {
+  id: Ln.id,
+  preconditions: N,
+  binding: E.DELETE
+}, qi = 10, Ji = 6;
+function Qi() {
+  return Je.generateRandomId(Ji);
 }
-function qi(i) {
+function er(i) {
   const e = i.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class Ji {
+class tr {
   constructor() {
-    p(this, "_cache", new wt(Xi));
+    g(this, "_cache", new kt(qi));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -874,7 +803,7 @@ class Ji {
     this._cache.clear();
   }
 }
-const mt = new Ji();
+const St = new tr();
 function it(i) {
   const e = i.style, t = {}, n = i.tagName.toLowerCase();
   switch (n) {
@@ -902,7 +831,7 @@ function it(i) {
     }
     case "sub":
     case "sup": {
-      t.va = n === "sup" ? J.SUPERSCRIPT : J.SUBSCRIPT;
+      t.va = n === "sup" ? K.SUPERSCRIPT : K.SUBSCRIPT;
       break;
     }
   }
@@ -915,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": {
@@ -937,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()
         });
@@ -954,19 +883,19 @@ function it(i) {
   }
   return t;
 }
-function Qi(i) {
+function nr(i) {
   const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function St(i, e) {
+function vt(i, e) {
   const t = i.tagName.toLowerCase();
   return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(i);
 }
-const xe = class xe {
+const Ee = class Ee {
   constructor() {
-    p(this, "_styleCache", /* @__PURE__ */ new Map());
-    p(this, "_styleRules", []);
-    p(this, "_afterProcessRules", []);
+    g(this, "_styleCache", /* @__PURE__ */ new Map());
+    g(this, "_styleRules", []);
+    g(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -974,7 +903,7 @@ 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)), n = nr(e), r = {
       dataStream: "",
       textRuns: []
     };
@@ -992,20 +921,20 @@ const xe = class xe {
           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);
         const u = this._afterProcessRules.find(
-          ({ filter: h }) => St(o, h)
+          ({ filter: h }) => vt(o, h)
         );
         u && u.handler(n, o);
       }
   }
 };
-p(xe, "_pluginList", []);
-let Q = xe;
-const er = {
+g(Ee, "_pluginList", []);
+let Z = Ee;
+const ir = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(i) {
     return /lark-record-clipboard/i.test(i);
@@ -1037,20 +966,20 @@ const er = {
       }
     }
   ]
-}, tr = er;
-function Lt(i) {
+}, rr = ir;
+function Ft(i) {
   const e = i.style, t = {};
   for (let n = 0; n < e.length; n++) {
     const r = e[n], o = e.getPropertyValue(r);
     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": {
@@ -1062,7 +991,7 @@ function Lt(i) {
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-const nr = {
+const or = {
   name: "univer-doc-paste-plugin-word",
   checkPasteType(i) {
     return /word|mso/i.test(i);
@@ -1085,12 +1014,12 @@ const nr = {
         i.paragraphs == null && (i.paragraphs = []);
         const t = {
           startIndex: i.dataStream.length
-        }, n = Lt(e);
+        }, n = Ft(e);
         n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
       }
     }
   ]
-}, ir = nr, rr = {
+}, sr = or, ar = {
   name: "univer-doc-paste-plugin-univer",
   checkPasteType(i) {
     return /UniverNormal/i.test(i);
@@ -1105,28 +1034,28 @@ const nr = {
         i.paragraphs == null && (i.paragraphs = []);
         const t = {
           startIndex: i.dataStream.length
-        }, n = Lt(e);
+        }, n = Ft(e);
         n && (t.paragraphStyle = n), i.paragraphs.push(t), i.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;
+}, cr = ar;
+function Ct(i, e) {
+  const { st: t, ed: n, ts: r = {} } = e, { ff: o, fs: s, it: a, bl: c, ul: l, st: u, ol: h, bg: m, cl: p, va: S } = r;
   let d = i.slice(t, n);
   const _ = [];
-  return a === C.TRUE && (d = `<i>${d}</i>`), S === 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}`), p && _.push(`color: ${p.rgb}`), s && _.push(`font-size: ${s}pt`), h && _.push("text-decoration: overline"), m && _.push(`background: ${m.rgb}`), _.length ? `<span style="${_.join("; ")};">${d}</span>` : d;
 }
-function ke(i, e, t) {
+function ze(i, e, t) {
   const { dataStream: n, textRuns: r = [] } = i;
   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(n.slice(o, c)), s.push(Ct(n, {
       ...a,
       ed: Math.min(l, t)
-    }))) : s.push(vt(n, {
+    }))) : s.push(Ct(n, {
       ...a,
       st: o,
       ed: Math.min(l, t)
@@ -1134,40 +1063,40 @@ function ke(i, e, t) {
   }
   return o !== t && s.push(n.slice(o, t)), s.join("");
 }
-function Ct(i, e = !0) {
+function Ot(i, e = !0) {
   var t;
   if (e && ((t = i.paragraphs) != null && t.length)) {
     const { dataStream: n, paragraphs: r = [] } = i;
     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, p = [];
+      u != null && (typeof u == "number" ? p.push(`margin-top: ${u}px`) : p.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? p.push(`margin-bottom: ${h}px`) : p.push(`margin-bottom: ${h.v}px`)), m != null && p.push(`line-height: ${m}`), c > s + 1 ? o += `<p class="UniverNormal" ${p.length ? `style="${p.join("; ")};"` : ""}>${ze(i, s + 1, c)}</p>` : o += `<p class="UniverNormal" ${p.length ? `style="${p.join("; ")};"` : ""}></p>`, s = c;
     }
-    return s !== n.length && (o += ke(i, s, n.length)), o;
+    return s !== n.length && (o += ze(i, s, n.length)), o;
   } else
-    return ke(i, 0, i.dataStream.length);
+    return ze(i, 0, i.dataStream.length);
 }
-class sr {
+class lr {
   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 Ot(e[0]);
     let t = "";
     for (const n of e)
-      t += '<p className="UniverNormal">', t += Ct(n, !1), t += "</p>";
+      t += '<p className="UniverNormal">', t += Ot(n, !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--)
+var dr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, hr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ur(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && ar(e, t, r), r;
+  return n && r && dr(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) {
+Z.use(sr);
+Z.use(rr);
+Z.use(cr);
+function pr(i) {
   const e = i.replace(/\n/g, "\r"), t = [];
   for (let n = 0; n < e.length; n++)
     e[n] === "\r" && t.push({ startIndex: n });
@@ -1176,13 +1105,13 @@ function dr(i) {
     paragraphs: t
   };
 }
-const he = Xt("doc.clipboard-service");
-let Xe = class extends ee {
+const pe = tn("doc.clipboard-service");
+let Xe = class extends k {
   constructor(e, t, n, r, o) {
     super();
-    p(this, "_clipboardHooks", []);
-    p(this, "_htmlToUDM", new Q());
-    p(this, "_umdToHtml", new sr());
+    g(this, "_clipboardHooks", []);
+    g(this, "_htmlToUDM", new Z());
+    g(this, "_umdToHtml", new lr());
     this._univerInstanceService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = r, this._textSelectionManagerService = o;
   }
   async copy() {
@@ -1230,7 +1159,7 @@ let Xe = class extends ee {
           style: n
         }
       ];
-      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;
     }
@@ -1253,19 +1182,19 @@ let Xe = class extends ee {
           style: r
         }
       ];
-      return this._commandService.executeCommand(Et.id, { body: e, segmentId: t, textRanges: c });
+      return this._commandService.executeCommand(Pt.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 = Qi(), n = e.length > 1 ? e.map((o) => o.dataStream).join(`
 `) : e[0].dataStream;
     let r = this._umdToHtml.convert(e);
-    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (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(n, 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);
     });
@@ -1288,7 +1217,7 @@ let Xe = class extends ee {
       let t = "", n = "";
       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()));
+          o === un ? n = await r.getType(o).then((s) => s && s.text()) : o === hn && (t = await r.getType(o).then((s) => s && s.text()));
       return this._generateBodyFromHtmlAndText(t, n);
     } catch (t) {
       return Promise.reject(t);
@@ -1297,73 +1226,73 @@ let Xe = class extends ee {
   _generateBodyFromHtmlAndText(e, t) {
     if (!e) {
       if (t)
-        return dr(t);
+        return pr(t);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const n = qi(e);
+    const n = er(e);
     if (n) {
-      const r = mt.get(n);
+      const r = St.get(n);
       if (r)
         return r;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-Xe = lr([
-  re(0, U),
-  re(1, bt),
+Xe = hr([
+  re(0, P),
+  re(1, Et),
   re(2, v),
-  re(3, Qe),
-  re(4, R(ne))
+  re(3, et),
+  re(4, O(J))
 ], Xe);
-function je(i) {
-  return i.getContextValue(De) || i.getContextValue(Tt);
+function Fe(i) {
+  return i.getContextValue(xe) || i.getContextValue(Mt);
 }
-const rt = 999, ur = {
-  id: sn.id,
+const rt = 999, _r = {
+  id: pn.id,
   name: "doc.command.copy",
-  type: Je.COMMAND,
+  type: Qe.COMMAND,
   multi: !0,
   priority: rt,
-  preconditions: je,
-  handler: async (i) => i.get(he).copy()
-}, hr = {
-  id: an.id,
+  preconditions: Fe,
+  handler: async (i) => i.get(pe).copy()
+}, gr = {
+  id: _n.id,
   name: "doc.command.cut",
-  type: Je.COMMAND,
+  type: Qe.COMMAND,
   multi: !0,
   priority: rt,
-  preconditions: je,
-  handler: async (i) => i.get(he).cut()
-}, gr = {
-  id: cn.id,
+  preconditions: Fe,
+  handler: async (i) => i.get(pe).cut()
+}, fr = {
+  id: gn.id,
   name: "doc.command.paste",
-  type: Je.COMMAND,
+  type: Qe.COMMAND,
   multi: !0,
   priority: rt,
-  preconditions: je,
+  preconditions: Fe,
   handler: async (i) => {
-    const e = i.get(he), n = await i.get(Qe).read();
+    const e = i.get(pe), n = await i.get(et).read();
     return n.length === 0 ? !1 : e.paste(n);
   }
 };
-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--)
+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 && _r(e, t, r), r;
+  return n && r && mr(e, t, r), r;
 }, oe = (i, e) => (t, n) => e(t, n, i);
-let Oe = class extends le {
+let Ce = class extends de {
   constructor(i, e, t, n, r) {
     super(), this._commandService = i, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = r, this._init();
   }
   _init() {
-    [ur, hr, gr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [Et, Mt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
+    [_r, gr, fr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [Pt, Dt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
     var i;
-    (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(ce(this.dispose$)).subscribe((e) => {
+    (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(le(this.dispose$)).subscribe((e) => {
       var o, s;
-      if (!je(this._contextService))
+      if (!Fe(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");
@@ -1371,23 +1300,23 @@ let Oe = class extends le {
     });
   }
 };
-Oe = fr([
-  L(B.Rendered, Oe),
+Ce = vr([
+  U(A.Rendered, Ce),
   oe(0, v),
-  oe(1, Qe),
-  oe(2, he),
-  oe(3, ue),
-  oe(4, jt)
-], Oe);
-var mr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, vr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Sr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+  oe(1, et),
+  oe(2, pe),
+  oe(3, he),
+  oe(4, Ht)
+], Ce);
+var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, Rr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Or(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && mr(e, t, r), r;
-}, X = (i, e) => (t, n) => e(t, n, i);
-let Re = class extends ee {
+  return n && r && Cr(e, t, r), r;
+}, Y = (i, e) => (t, n) => e(t, n, i);
+let Oe = class extends k {
   constructor(e, t, n, r, o, s) {
     super();
-    p(this, "_initialEditors", /* @__PURE__ */ new Set());
+    g(this, "_initialEditors", /* @__PURE__ */ new Set());
     this._univerInstanceService = e, this._docSkeletonManagerService = t, this._editorService = n, this._commandService = r, this._textSelectionRenderManager = o, this._renderManagerService = s, this._initialize();
   }
   _initialize() {
@@ -1401,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 $, 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);
+    const n = ($ = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : $.skeleton, r = this._univerInstanceService.getUniverDocInstance(e);
     if (t == null || t.render == null || n == null || r == null)
       return;
     n.calculate();
     const { marginTop: o = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = r.getSnapshot().documentStyle, { scene: l, mainComponent: u } = t.render;
-    let { actualHeight: h, actualWidth: 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 } = n.getActualSize();
+    h += o + s, m += a + c;
+    const { width: p, height: S } = t.getBoundingClientRect(), d = l.getViewport(Q.VIEW_MAIN);
     let _ = d == null ? void 0 : d.getScrollBar();
-    const O = Math.max(f, g), E = Math.max(h, S);
+    const R = Math.max(m, p), 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: R,
+      height: D
+    }), u == null || u.resize(R, D), t.isSingle() ? m > p ? _ == null ? d && new Ye(d, { barSize: 8, enableVertical: !1 }) : d == null || d.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($n.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -1462,17 +1391,17 @@ let Re = class extends ee {
       "univer-formula-help-param"
     ];
     this.disposeWithMe(
-      pt(window, "mousedown").subscribe((n) => {
+      ft(window, "mousedown").subscribe((n) => {
         const o = n.target.classList[0] || "";
-        if (Vt(o, e)) {
+        if (Yt(o, e)) {
           this._editorService.changeSpreadsheetFocusState(!0), n.stopPropagation();
           return;
         }
         this._editorService.changeSpreadsheetFocusState(!1);
       })
-    ), this._univerInstanceService.getAllUnitsForType(m.UNIVER_SHEET).forEach((n) => {
+    ), this._univerInstanceService.getAllUnitsForType(f.UNIVER_SHEET).forEach((n) => {
       const r = n.getUnitId(), o = this._renderManagerService.getRenderById(r), s = o == null ? void 0 : o.engine.getCanvas().getCanvasEle();
-      s != null && pt(s, "mousedown").subscribe((a) => {
+      s != null && ft(s, "mousedown").subscribe((a) => {
         this._editorService.changeSpreadsheetFocusState(!0), a.stopPropagation();
       });
     });
@@ -1497,10 +1426,10 @@ let Re = class extends ee {
     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)) {
@@ -1513,28 +1442,28 @@ 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, ue),
-  X(5, H)
-], Re);
-var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, Rr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Or(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+Oe = Rr([
+  U(A.Rendered, Oe),
+  Y(0, P),
+  Y(1, O(ee)),
+  Y(2, L),
+  Y(3, v),
+  Y(4, he),
+  Y(5, F)
+], Oe);
+var Tr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, br = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ir(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Cr(e, t, r), r;
-}, me = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends le {
+  return n && r && Tr(e, t, r), r;
+}, ge = (i, e) => (t, n) => e(t, n, i);
+let Re = class extends de {
   constructor(e, t, n, r) {
     super();
-    p(this, "_docRenderMap", /* @__PURE__ */ new Set());
+    g(this, "_docRenderMap", /* @__PURE__ */ new Set());
     this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ce(this.dispose$)).subscribe((e) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(le(this.dispose$)).subscribe((e) => {
       this._create(e);
     });
   }
@@ -1544,23 +1473,23 @@ let Te = class extends le {
     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 { 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: n, scene: r, unitId: o, components: s } = e, a = n, c = s.get(X.BACKGROUND), l = (m = t.getSkeletonData()) == null ? void 0 : m.pages;
     if (l == null)
       return;
     let u = 0, h = 0;
-    for (let 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));
+    for (let p = 0, S = l.length; p < S; p++) {
+      const d = l[p], { pageWidth: _, pageHeight: R } = d;
+      a.pageLayoutType === pt.VERTICAL ? (h += R, h += a.pageMarginTop, p === S - 1 && (h += a.pageMarginTop), u = Math.max(u, _)) : a.pageLayoutType === pt.HORIZONTAL && (u += _, p !== S - 1 && (u += a.pageMarginLeft), h = Math.max(h, R));
     }
     a.resize(u, h), c.resize(u, h), this._editorService.isEditor(o) || r.resize(u, h);
   }
   _commandExecutedListener() {
-    const e = [et.id];
+    const e = [tt.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -1581,33 +1510,33 @@ let Te = class extends le {
     );
   }
 };
-Te = Rr([
-  L(B.Rendered, Te),
-  me(0, R(ie)),
-  me(1, H),
-  me(2, v),
-  me(3, $)
-], Te);
-var Tr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, br = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ir(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+Re = br([
+  U(A.Rendered, Re),
+  ge(0, O(ee)),
+  ge(1, F),
+  ge(2, v),
+  ge(3, L)
+], Re);
+var Mr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, Er = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? yr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Tr(e, t, r), r;
-}, Se = (i, e) => (t, n) => e(t, n, i);
-let Ie = class extends le {
+  return n && r && Mr(e, t, r), r;
+}, fe = (i, e) => (t, n) => e(t, n, i);
+let Te = class extends de {
   constructor(e, t, n, r) {
     super();
-    p(this, "_scene");
-    p(this, "_currentDocumentModel");
-    p(this, "_fps$", new kn(""));
-    p(this, "fps$", this._fps$.asObservable());
+    g(this, "_scene");
+    g(this, "_currentDocumentModel");
+    g(this, "_fps$", new Ut(""));
+    g(this, "fps$", this._fps$.asObservable());
     this._renderManagerService = e, this._configService = t, this._univerInstanceService = n, this._editorService = r, this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(ce(this.dispose$)).subscribe((e) => {
+    this._renderManagerService.createRender$.pipe(le(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._univerInstanceService.getCurrentTypeOfUnit$(m.UNIVER_DOC).pipe(ce(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());
     });
   }
@@ -1627,25 +1556,27 @@ let Ie = class extends le {
     if (n == null)
       return;
     const { scene: r, engine: o } = n;
-    r.openTransformer(), this._scene = r;
-    const s = new Ln(Be.VIEW_MAIN, r, {
+    this._scene = r;
+    const s = new zn(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(kn.wheel, (l, u) => {
       const h = l;
       if (h.ctrlKey) {
-        const f = Math.abs(h.deltaX);
-        let g = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
-        g *= h.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (g /= 2), r.scaleX + g > 4 ? r.scale(4, 4) : r.scaleX + g < 0.1 ? r.scale(0.1, 0.1) : h.preventDefault();
+        const m = Math.abs(h.deltaX);
+        let p = m < 40 ? 0.2 : m < 80 ? 0.4 : 0.2;
+        p *= h.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (p /= 2), r.scaleX + p > 4 ? r.scale(4, 4) : r.scaleX + p < 0.1 ? r.scale(0.1, 0.1) : h.preventDefault();
       } else
         s.onMouseWheel(h, u);
     }), this._configService.getConfig("hasScroll") !== !1 && new Ye(s), r.addLayer(
-      new gt(r, [], We),
-      new gt(r, [], xn)
+      new _t(r, [], We),
+      new _t(r, [], Bn)
     ), this._addComponent(n), this._currentDocumentModel.getShouldRenderLoopImmediately() && o.runRenderLoop(() => {
       r.render(), this._fps$.next(Math.round(o.getFps()).toString());
     }), this._renderManagerService.setCurrent(t);
@@ -1654,51 +1585,33 @@ let Ie = class extends le {
     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);
+    }, o = new Hn(X.MAIN, void 0, r), s = new Yn(X.BACKGROUND, void 0, r);
+    o.zIndex = ut, s.zIndex = ut, e.mainComponent = o, e.components.set(X.MAIN, o), e.components.set(X.BACKGROUND, s), t.addObjects([o], We), t.addObjects([s], wn), this._editorService.getEditor(n.getUnitId()) == null && t.enableLayerCache(We);
   }
 };
-Ie = br([
-  L(B.Starting, Ie),
-  Se(0, H),
-  Se(1, Wt),
-  Se(2, U),
-  Se(3, $)
-], Ie);
-var yr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Er = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Mr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+Te = Er([
+  U(A.Starting, Te),
+  fe(0, F),
+  fe(1, Gt),
+  fe(2, P),
+  fe(3, L)
+], Te);
+var xr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Pr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Dr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && 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) {
+  return n && r && xr(e, t, r), r;
+}, me = (i, e) => (t, n) => e(t, n, i);
+let Ie = class extends k {
+  constructor(e, t, n, r) {
     super();
-    p(this, "_liquid", new wn());
-    p(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = o, this._editorService = s, this._initialize(), this._commandExecutedListener();
+    g(this, "_liquid", new Gn());
+    g(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialize(), this._commandExecutedListener();
   }
   _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: ge, skewY: _e } = _, x = this._pageMarginCache.get(d), pe = (x == null ? void 0 : x.marginLeft) || 0, Ve = (x == null ? void 0 : x.marginTop) || 0;
-        r == null || r.getViewModel().getDataModel().updateDrawing(d, {
-          left: O - u - pe,
-          top: E - h - Ve,
-          height: F,
-          width: N
-        });
-      }), r == null || r.calculate(), s == null || s.makeDirty();
-    });
   }
   _initialRenderRefresh() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
@@ -1708,11 +1621,11 @@ let be = class extends ee {
       if (r == null)
         return;
       const { mainComponent: o } = r;
-      o.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
+      o.changeSkeleton(t), this._refreshDrawing(n, t, r);
     });
   }
   _commandExecutedListener() {
-    const e = [et.id, tt.id];
+    const e = [tt.id, Le.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -1730,59 +1643,56 @@ let be = class extends ee {
             (n = l.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._refreshFloatingObject(a, c, l);
+          this._refreshDrawing(a, c, l);
         }
       })
     );
   }
-  _refreshFloatingObject(e, t, n) {
+  _refreshDrawing(e, t, n) {
     const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: o, scene: s } = n, 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: p } = r, S = [];
     s.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let d = 0, _ = g.length; d < _; d++) {
-      const O = g[d], { skeDrawings: E, marginLeft: N, marginTop: F } = O;
-      this._liquid.translatePagePadding(O), E.forEach((w) => {
-        const { aLeft: Y, aTop: G, height: ge, width: _e, objectId: x, drawingOrigin: pe } = w, Ve = pe.layoutType === kt.WRAP_NONE && pe.behindDoc === C.TRUE;
+    for (let d = 0, _ = p.length; d < _; d++) {
+      const R = p[d], { skeDrawings: D, marginLeft: $, marginTop: H } = R;
+      this._liquid.translatePagePadding(R), D.forEach((V) => {
+        const { aLeft: te, aTop: ne, height: je, width: Ve, drawingId: ie, drawingOrigin: ot } = V, jt = ot.layoutType === Xt.WRAP_NONE && ot.behindDoc === C.TRUE;
         S.push({
           unitId: e,
-          subUnitId: zt,
-          floatingObjectId: x,
-          behindText: Ve,
+          subUnitId: Kt,
+          floatingObjectId: ie,
+          behindText: jt,
           floatingObject: {
-            left: Y + c + this._liquid.x,
-            top: G + l + this._liquid.y,
-            width: _e,
-            height: ge
+            left: te + c + this._liquid.x,
+            top: ne + l + this._liquid.y,
+            width: Ve,
+            height: je
           }
-        }), 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(R), this._liquid.translatePage(R, 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--)
+Ie = Pr([
+  U(A.Steady, Ie),
+  me(0, O(ee)),
+  me(1, F),
+  me(2, v),
+  me(3, L)
+], Ie);
+var Nr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Ar = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ur(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && xr(e, t, r), r;
-}, Z = (i, e) => (t, n) => e(t, n, i);
-let ye = class extends ee {
+  return n && r && Nr(e, t, r), r;
+}, G = (i, e) => (t, n) => e(t, n, i);
+let be = class extends k {
   constructor(e, t, n, r, o, s) {
     super();
-    p(this, "_initializedRender", /* @__PURE__ */ new Set());
+    g(this, "_initializedRender", /* @__PURE__ */ new Set());
     this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = o, this._editorService = s, this._initialize();
   }
   dispose() {
@@ -1801,7 +1711,7 @@ let ye = class extends ee {
       this._initializedRender.add(t);
       const { scene: r } = n;
       this.disposeWithMe(
-        j(
+        B(
           r.onMouseWheelObserver.add((o) => {
             if (!o.ctrlKey)
               return;
@@ -1813,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(Fn.id, {
               zoomRatio: u,
               unitId: s.getUnitId()
             }), o.preventDefault();
@@ -1831,7 +1741,7 @@ let ye = class extends ee {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      j(
+      B(
         this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
           if (e == null)
             return;
@@ -1845,7 +1755,7 @@ let ye = class extends ee {
     );
   }
   _commandExecutedListener() {
-    const e = [tt.id];
+    const e = [Le.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
@@ -1864,46 +1774,46 @@ 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());
+    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.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;
     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 p = 0, S = 0, d = 0, _ = 0, R = Number.POSITIVE_INFINITY;
+    h > (a + l * 2) * t ? (p = h / 2 - a * t / 2, p /= t, d = (h - l * 2) / t, R = 0) : (p = l, d = a + l * 2, R = (d - h / t) / 2), m > c ? (S = m / 2 - c / 2, _ = (m - u * 2) / t) : (S = u, _ = c + u * 2), r.resize(d, _ + 200), n.translate(p, S), o.translate(p, S);
+    const D = r.getViewport(Q.VIEW_MAIN);
+    if (R !== Number.POSITIVE_INFINITY && D != null) {
+      const $ = D.getBarScroll(R, 0).x;
+      D.scrollTo({
+        x: $
       });
     }
     return this;
   }
   _getDocObject() {
-    return xt(this._univerInstanceService, this._renderManagerService);
+    return Nt(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);
-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--)
+be = Ar([
+  U(A.Rendered, be),
+  G(0, O(ee)),
+  G(1, P),
+  G(2, v),
+  G(3, F),
+  G(4, O(J)),
+  G(5, L)
+], be);
+var Lr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, Br = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? $r(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Ur(e, t, r), r;
+  return n && r && Lr(e, t, r), r;
 }, z = (i, e) => (t, n) => e(t, n, i);
-let Me = class extends ee {
+let Me = class extends k {
   constructor(e, t, n, r, o, s, a) {
     super();
-    p(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    g(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
     this._docSkeletonManagerService = e, this._univerInstanceService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionRenderManager = o, this._textSelectionManagerService = s, this._editorService = a, this._initialize();
   }
   _initialize() {
@@ -1931,19 +1841,19 @@ let Me = class extends ee {
       return;
     const { document: n, scene: r } = t;
     this.disposeWithMe(
-      j(
+      B(
         n.onPointerEnterObserver.add(() => {
-          this._isEditorReadOnly(e) || (n.cursor = _t.TEXT);
+          this._isEditorReadOnly(e) || (n.cursor = gt.TEXT);
         })
       )
     ), this.disposeWithMe(
-      j(
+      B(
         n.onPointerLeaveObserver.add(() => {
-          n.cursor = _t.DEFAULT, r.resetCursor();
+          n.cursor = gt.DEFAULT, r.resetCursor();
         })
       )
     ), this.disposeWithMe(
-      j(
+      B(
         n == null ? void 0 : n.onPointerDownObserver.add((o, s) => {
           if (this._isEditorReadOnly(e))
             return;
@@ -1956,13 +1866,13 @@ let Me = class extends ee {
         })
       )
     ), this.disposeWithMe(
-      j(
+      B(
         n == null ? void 0 : n.onDblclickObserver.add((o) => {
           this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(o);
         })
       )
     ), this.disposeWithMe(
-      j(
+      B(
         n == null ? void 0 : n.onTripleClickObserver.add((o) => {
           this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(o);
         })
@@ -1974,14 +1884,14 @@ 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);
+    if (this._univerInstanceService.getAllUnitsForType(f.UNIVER_SHEET).length > 0) {
+      const n = this._univerInstanceService.getCurrentUnitForType(f.UNIVER_SHEET);
       this._editorService.setOperationSheetUnitId(n.getUnitId());
     }
     this._editorService.focusStyle(e);
   }
   _commandExecutedListener() {
-    const e = [tt.id];
+    const e = [Le.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -2011,31 +1921,31 @@ 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 : jn(e, this._renderManagerService);
   }
 };
-Me = Ar([
-  L(B.Rendered, Me),
-  z(0, R(ie)),
-  z(1, U),
+Me = Br([
+  U(A.Rendered, Me),
+  z(0, O(ee)),
+  z(1, P),
   z(2, v),
-  z(3, H),
-  z(4, ue),
-  z(5, R(ne)),
-  z(6, $)
+  z(3, F),
+  z(4, he),
+  z(5, O(J)),
+  z(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--)
+var wr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, jr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Fr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Lr(e, t, r), r;
+  return n && r && wr(e, t, r), r;
 }, se = (i, e) => (t, n) => e(t, n, i);
-const Ot = 1.5;
-let Ee = class extends le {
+const Rt = 1.5;
+let ye = class extends de {
   constructor(i, e, t, n, r) {
     super(), this._docSkeletonManagerService = i, this._textSelectionManagerService = e, this._editorService = t, this._univerInstanceService = n, this._renderManagerService = r, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(ce(this.dispose$)).subscribe((i) => {
+    this._textSelectionManagerService.textSelection$.pipe(le(this.dispose$)).subscribe((i) => {
       if (i == null)
         return;
       const { isEditing: e, unitId: t } = i;
@@ -2044,83 +1954,178 @@ let Ee = class extends le {
   }
   // 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;
+    var ie;
+    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (ie = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : ie.skeleton;
     if (e == null || t == null || n == null)
       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, n), { contentBoxPointGroup: u } = l.getRangePointData(o, o), { left: h, top: m, height: p } = Kn(u), S = h + a, d = m + c, _ = t.scene.getViewport(Q.VIEW_MAIN), R = !!this._editorService.getEditor(i);
     if (_ == null)
       return;
     const {
-      left: E,
-      top: N,
-      right: F,
-      bottom: w
+      left: D,
+      top: $,
+      right: H,
+      bottom: V
     } = _.getBounding().viewBound;
-    let Y = 0, G = 0;
-    const ge = O ? 0 : 100;
-    d < N ? Y = d - N : d > w - g && (Y = d - w + g + ge), S < E ? G = S - E : S > F - Ot && (G = S - F + Ot);
-    const _e = _.getBarScroll(G, Y);
-    _.scrollBy(_e);
+    let te = 0, ne = 0;
+    const je = R ? 0 : 100;
+    d < $ ? te = d - $ : d > V - p && (te = d - V + p + je), S < D ? ne = S - D : S > H - Rt && (ne = S - H + Rt);
+    const Ve = _.getBarScroll(ne, te);
+    _.scrollBy(Ve);
   }
   _getDocObject() {
-    return xt(this._univerInstanceService, this._renderManagerService);
+    return Nt(this._univerInstanceService, this._renderManagerService);
+  }
+};
+ye = jr([
+  U(A.Rendered, ye),
+  se(0, O(ee)),
+  se(1, O(J)),
+  se(2, L),
+  se(3, P),
+  se(4, F)
+], ye);
+var Vr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, zr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Wr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
+  return n && r && Vr(e, t, r), r;
+}, Se = (i, e) => (t, n) => e(t, n, i);
+function kr(i, e) {
+  const t = Tt(i.left, i.top, e), n = Tt(i.right, i.bottom, e);
+  return {
+    left: t.x,
+    top: t.y,
+    right: n.x,
+    bottom: n.y
+  };
+}
+function Tt(i, e, t) {
+  const { scaleX: n, scaleY: r } = t.getAncestorScale(), o = t.getViewport(Q.VIEW_MAIN);
+  if (!o)
+    return {
+      x: i,
+      y: e
+    };
+  const { viewportScrollX: s, viewportScrollY: a } = o, c = (i - s) * n, l = (e - a) * r;
+  return {
+    x: c,
+    y: l
+  };
+}
+let Ke = class extends k {
+  constructor(i, e, t, n) {
+    super(), this._globalPopupManagerService = i, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n;
+  }
+  // #region attach to object
+  _createObjectPositionObserver(i, e) {
+    const t = () => {
+      const { scene: a } = e, { left: c, top: l, width: u, height: h } = i, m = {
+        left: c,
+        right: c + u,
+        top: l,
+        bottom: l + h
+      }, p = kr(m, a);
+      return {
+        left: p.left,
+        right: p.right,
+        top: p.top,
+        bottom: p.bottom
+      };
+    }, n = t(), r = new Ut(n), 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: n,
+      position$: r,
+      disposable: o
+    };
+  }
+  /**
+   * attach a popup to canvas object
+   * @param targetObject target canvas object
+   * @param popup popup item
+   * @returns disposable
+   */
+  attachPopupToObject(i, e) {
+    const n = this._univerInstanceService.getCurrentUnitForType(f.UNIVER_DOC).getUnitId(), r = this._renderManagerService.getRenderById(n);
+    if (!r)
+      return {
+        dispose: () => {
+        }
+      };
+    const { position: o, position$: s, disposable: a } = this._createObjectPositionObserver(i, r), c = this._globalPopupManagerService.addPopup({
+      ...e,
+      unitId: n,
+      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--)
+Ke = zr([
+  Se(0, O(mn)),
+  Se(1, F),
+  Se(2, P),
+  Se(3, v)
+], Ke);
+var Hr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Yr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = (n ? s(e, t, r) : s(r)) || r);
-  return n && r && Fr(e, t, r), r;
-}, ze = (i, e) => (t, n) => e(t, n, i), ve;
-let Rt = (ve = class extends Yt {
+  return n && r && Hr(e, t, r), r;
+}, ke = (i, e) => (t, n) => e(t, n, i), ve;
+let It = (ve = class extends qt {
   constructor(i, e, t, n) {
-    super(), this._config = i, this._injector = e, this._localeService = t, this._logService = n, this._localeService.load({
-      zhCN: ki
-    }), this._config = qe.deepMerge({}, Gn, this._config), this._initDependencies(e), this._initializeCommands();
+    super(), this._config = i, this._injector = e, this._localeService = t, this._logService = n, this._config = Je.deepMerge({}, ei, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
   }
   _initializeCommands() {
     [
-      Zn,
-      qn,
-      Qn,
-      Jn,
-      ei,
-      ti,
-      ni,
       ii,
       ri,
-      Yi,
-      Gi,
-      Hi
+      si,
+      oi,
+      ai,
+      ci,
+      li,
+      di,
+      ui,
+      Ki,
+      Zi,
+      Xi
     ].forEach((i) => {
-      this._injector.get(dn).registerShortcut(i);
+      this._injector.get(Sn).registerShortcut(i);
     });
   }
   _initDependencies(i) {
     [
       // Controller
+      [
+        ce,
+        {
+          useFactory: () => this._injector.createInstance(ce, this._config)
+        }
+      ],
       [Ce],
       [Oe],
       [Re],
-      [Te],
+      [Ie],
       [be],
-      [ye],
       [Me],
-      [Ee],
+      [ye],
       [
         // controllers
         ae,
@@ -2129,19 +2134,20 @@ let Rt = (ve = class extends Yt {
         }
       ],
       [
-        he,
+        pe,
         {
           useClass: Xe
         }
       ],
+      [Ke],
       // Render views
-      [Ie]
+      [Te]
     ].forEach((t) => {
       i.add(t);
     });
   }
   _markDocAsFocused() {
-    const i = this._injector.get(U), e = this._injector.get($);
+    const i = this._injector.get(P), e = this._injector.get(L);
     try {
       const t = i.getCurrentUniverDocInstance();
       if (!t)
@@ -2155,23 +2161,48 @@ let Rt = (ve = class extends Yt {
   _initModules() {
     this._injector.get(ae);
   }
-}, p(ve, "pluginName", Xn), p(ve, "type", m.UNIVER_DOC), ve);
-Rt = jr([
-  ze(1, R(Ue)),
-  ze(2, R(Ze)),
-  ze(3, bt)
-], Rt);
+}, g(ve, "pluginName", ti), g(ve, "type", f.UNIVER_DOC), ve);
+It = Gr([
+  ke(1, O(Pe)),
+  ke(2, O(qe)),
+  ke(3, Et)
+], It);
+function ro(i) {
+  return {
+    left: i.positionH.posOffset,
+    top: i.positionV.posOffset,
+    width: i.size.width,
+    height: i.size.height
+  };
+}
+function oo(i, e = 0, t = 0) {
+  return {
+    size: {
+      width: i.width,
+      height: i.height
+    },
+    positionH: {
+      relativeFrom: Jt.MARGIN,
+      posOffset: (i.left || 0) - e
+    },
+    positionV: {
+      relativeFrom: Qt.PAGE,
+      posOffset: (i.top || 0) - t
+    },
+    angle: i.angle || 0
+  };
+}
 export {
-  Xn as DOC_UI_PLUGIN_NAME,
-  Yn as DefaultDocContainerConfig,
-  Gn as DefaultDocUiConfig,
-  Hn as DefaultToolbarConfig,
-  Ie as DocCanvasView,
-  tr as PastePluginLark,
-  or as PastePluginUniver,
-  ir as PastePluginWord,
-  Rt as UniverDocsUIPlugin,
-  qr as enUS,
-  Jr as ruRU,
-  ki as zhCN
+  ti as DOC_UI_PLUGIN_NAME,
+  Qn as DefaultDocContainerConfig,
+  ei as DefaultDocUiConfig,
+  Jn as DefaultToolbarConfig,
+  Ke as DocCanvasPopManagerService,
+  Te as DocCanvasView,
+  rr as PastePluginLark,
+  cr as PastePluginUniver,
+  sr as PastePluginWord,
+  It as UniverDocsUIPlugin,
+  ro as docDrawingPositionToTransform,
+  oo as transformToDocDrawingPosition
 };