npm - @univerjs/docs-ui - Versions diffs - 0.1.1 → 0.1.3 - Mend

@univerjs/docs-ui 0.1.1 → 0.1.3

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 (12) hide show

package/README.md +10 -2
package/lib/cjs/index.js +3 -3
package/lib/es/index.js +1124 -836
package/lib/types/controllers/back-scroll.controller.d.ts +30 -0
package/lib/types/controllers/doc-editor-bridge.controller.d.ts +5 -2
package/lib/types/controllers/doc-ui.controller.d.ts +4 -2
package/lib/types/controllers/text-selection.controller.d.ts +39 -0
package/lib/types/services/clipboard/html-to-udm/paste-plugins/plugin-univer.d.ts +18 -0
package/lib/types/services/clipboard/udm-to-html/convertor.d.ts +4 -1
package/lib/types/shortcuts/utils.d.ts +1 -0
package/lib/umd/index.js +3 -3
package/package.json +18 -16

package/lib/es/index.js CHANGED Viewed

@@ -1,16 +1,16 @@
-var Ct = Object.defineProperty;
-var Ot = (i, e, t) => e in i ? Ct(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var m = (i, e, t) => (Ot(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { FOCUSING_DOC as xe, FOCUSING_UNIVER_EDITOR as ot, Direction as U, EDITOR_ACTIVATED as st, LocaleService as Pe, RxDisposable as ge, ICommandService as C, BooleanNumber as S, UniverInstanceType as b, BaselineOffset as W, ThemeService as Rt, IUniverInstanceService as P, OnLifecycle as N, LifecycleStages as A, Disposable as V, Tools as at, LRUMap as Tt, ColorKit as He, ILogService as ct, toDisposable as he, CommandType as Le, IContextService as bt, IConfigService as It, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as yt, IFloatingObjectManagerService as Mt, Plugin as Et, PluginType as Dt } from "@univerjs/core";
-import { Inject as O, Injector as fe, Optional as xt, createIdentifier as Pt } from "@wendellhu/redi";
-import { KeyCode as R, MetaKeys as Q, ILayoutService as Lt, MenuGroup as I, MenuItemType as y, MenuPosition as M, getMenuHiddenObservable as E, FONT_FAMILY_LIST as ke, FONT_SIZE_LIST as Ut, ComponentManager as Nt, FontFamily as At, FontFamilyItem as $t, FontSize as wt, IEditorService as F, IMenuService as Ft, IUIController as Bt, IClipboardInterfaceService as Ue, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as jt, HTML_CLIPBOARD_MIME_TYPE as zt, CopyCommand as Wt, CutCommand as Vt, PasteCommand as Ht, SetEditorResizeOperation as kt, IShortcutService as Yt } from "@univerjs/ui";
-import { MoveCursorOperation as me, MoveSelectionOperation as Se, SelectAllOperation as Xt, SetInlineFormatBoldCommand as Gt, SetTextSelectionsOperation as $, SetInlineFormatCommand as H, SetInlineFormatItalicCommand as Zt, SetInlineFormatUnderlineCommand as qt, SetInlineFormatStrikethroughCommand as Kt, SetInlineFormatSubscriptCommand as Jt, SetInlineFormatSuperscriptCommand as Qt, SetInlineFormatFontFamilyCommand as Ye, SetInlineFormatFontSizeCommand as Xe, SetInlineFormatTextColorCommand as Ge, OrderListCommand as en, BulletListCommand as tn, TextSelectionManagerService as Ne, BreakLineCommand as nn, DeleteLeftCommand as rn, DeleteRightCommand as on, CutContentCommand as lt, InnerPasteCommand as dt, DocSkeletonManagerService as ve, VIEWPORT_KEY as Ae, CoverContentCommand as sn, RichTextEditingMutation as $e, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ze, DOCS_COMPONENT_HEADER_LAYER_INDEX as an, DOCS_VIEW_KEY as qe, DOCS_COMPONENT_DEFAULT_Z_INDEX as cn, SetDocZoomRatioOperation as ut, SetDocZoomRatioCommand as ln, getDocObject as dn } from "@univerjs/docs";
-import { ITextSelectionRenderManager as we, ptToPixel as Ke, ScrollBar as Me, PageLayoutType as Je, IRenderManagerService as ee, Viewport as un, EVENT_TYPE as hn, Layer as Qe, Documents as _n, Liquid as pn, Rect as gn } from "@univerjs/engine-render";
-import { connectInjector as fn } from "@wendellhu/redi/react-bindings";
-import { ColorPicker as mn } from "@univerjs/design";
-import Sn from "react";
-import { Observable as L, takeUntil as _e, BehaviorSubject as vn } from "rxjs";
-const Cn = {
+var Ut = Object.defineProperty;
+var Lt = (r, e, t) => e in r ? Ut(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var S = (r, e, t) => (Lt(r, typeof e != "symbol" ? e + "" : e, t), t);
+import { FOCUSING_DOC as ye, FOCUSING_UNIVER_EDITOR as Ve, FOCUSING_UNIVER_EDITOR_SINGLE_MODE as Nt, Direction as j, EDITOR_ACTIVATED as St, LocaleService as ke, RxDisposable as ce, ICommandService as O, BooleanNumber as m, UniverInstanceType as T, BaselineOffset as J, ThemeService as $t, IUniverInstanceService as M, OnLifecycle as P, LifecycleStages as U, Disposable as Y, Tools as He, LRUMap as At, ColorKit as Je, ILogService as mt, toDisposable as N, CommandType as Ye, IContextService as wt, checkForSubstrings as Ft, IConfigService as Bt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as jt, IFloatingObjectManagerService as Wt, Plugin as zt, PluginType as Vt } from "@univerjs/core";
+import { Inject as v, Injector as Ee, Optional as kt, createIdentifier as Ht } from "@wendellhu/redi";
+import { KeyCode as I, MetaKeys as ae, ILayoutService as vt, MenuGroup as y, MenuItemType as E, MenuPosition as D, getMenuHiddenObservable as x, FONT_FAMILY_LIST as Qe, FONT_SIZE_LIST as Yt, ComponentManager as Xt, FontFamily as Gt, FontFamilyItem as Zt, FontSize as qt, IEditorService as $, IMenuService as Kt, IUIController as Jt, IClipboardInterfaceService as Xe, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Qt, HTML_CLIPBOARD_MIME_TYPE as en, CopyCommand as tn, CutCommand as nn, PasteCommand as rn, SetEditorResizeOperation as on, IShortcutService as sn } from "@univerjs/ui";
+import { MoveCursorOperation as De, MoveSelectionOperation as xe, SelectAllOperation as cn, SetInlineFormatBoldCommand as an, SetTextSelectionsOperation as W, SetInlineFormatCommand as ee, SetInlineFormatItalicCommand as ln, SetInlineFormatUnderlineCommand as dn, SetInlineFormatStrikethroughCommand as un, SetInlineFormatSubscriptCommand as hn, SetInlineFormatSuperscriptCommand as _n, SetInlineFormatFontFamilyCommand as et, SetInlineFormatFontSizeCommand as tt, SetInlineFormatTextColorCommand as nt, OrderListCommand as gn, BulletListCommand as pn, TextSelectionManagerService as le, BreakLineCommand as fn, DeleteLeftCommand as Sn, DeleteRightCommand as mn, CutContentCommand as Ct, InnerPasteCommand as Ot, DocSkeletonManagerService as te, VIEWPORT_KEY as Pe, CoverContentCommand as vn, RichTextEditingMutation as Ge, DOCS_COMPONENT_MAIN_LAYER_INDEX as rt, DOCS_COMPONENT_HEADER_LAYER_INDEX as Cn, DOCS_VIEW_KEY as it, DOCS_COMPONENT_DEFAULT_Z_INDEX as On, SetDocZoomRatioOperation as Ze, SetDocZoomRatioCommand as Rn, getDocObject as Rt, getDocObjectById as bn } from "@univerjs/docs";
+import { ITextSelectionRenderManager as de, pixelToPt as Tn, ptToPixel as ot, ScrollBar as je, IRenderManagerService as z, PageLayoutType as st, Viewport as In, EVENT_TYPE as Mn, Layer as ct, Documents as yn, Liquid as En, Rect as Dn, CURSOR_TYPE as at, NodePositionConvertToCursor as xn, getAnchorBounding as Pn } from "@univerjs/engine-render";
+import { connectInjector as Un } from "@wendellhu/redi/react-bindings";
+import { ColorPicker as Ln } from "@univerjs/design";
+import Nn from "react";
+import { Observable as A, takeUntil as se, fromEvent as lt, BehaviorSubject as $n } from "rxjs";
+const An = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -38,7 +38,7 @@ const Cn = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, On = {
+}, wn = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -51,87 +51,90 @@ const Cn = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Rn = {
+}, Fn = {
   layout: {
-    docContainerConfig: On,
-    toolbarConfig: Cn
+    docContainerConfig: wn,
+    toolbarConfig: An
   }
-}, Tn = "DocUI";
-function D(i) {
-  return i.getContextValue(xe) && i.getContextValue(ot);
+}, Bn = "DocUI";
+function L(r) {
+  return r.getContextValue(ye) && r.getContextValue(Ve);
 }
-const bn = {
-  id: me.id,
-  binding: R.ARROW_UP,
-  preconditions: D,
+function jn(r) {
+  return r.getContextValue(ye) && r.getContextValue(Ve) && !r.getContextValue(Nt);
+}
+const Wn = {
+  id: De.id,
+  binding: I.ARROW_UP,
+  preconditions: L,
   staticParameters: {
-    direction: U.UP
+    direction: j.UP
   }
-}, In = {
-  id: me.id,
-  binding: R.ARROW_DOWN,
-  preconditions: D,
+}, zn = {
+  id: De.id,
+  binding: I.ARROW_DOWN,
+  preconditions: L,
   staticParameters: {
-    direction: U.DOWN
+    direction: j.DOWN
   }
-}, yn = {
-  id: me.id,
-  binding: R.ARROW_LEFT,
-  preconditions: D,
+}, Vn = {
+  id: De.id,
+  binding: I.ARROW_LEFT,
+  preconditions: L,
   staticParameters: {
-    direction: U.LEFT
+    direction: j.LEFT
   }
-}, Mn = {
-  id: me.id,
-  binding: R.ARROW_RIGHT,
-  preconditions: D,
+}, kn = {
+  id: De.id,
+  binding: I.ARROW_RIGHT,
+  preconditions: L,
   staticParameters: {
-    direction: U.RIGHT
+    direction: j.RIGHT
   }
-}, En = {
-  id: Se.id,
-  binding: R.ARROW_UP | Q.SHIFT,
-  preconditions: D,
+}, Hn = {
+  id: xe.id,
+  binding: I.ARROW_UP | ae.SHIFT,
+  preconditions: L,
   staticParameters: {
-    direction: U.UP
+    direction: j.UP
   }
-}, Dn = {
-  id: Se.id,
-  binding: R.ARROW_DOWN | Q.SHIFT,
-  preconditions: D,
+}, Yn = {
+  id: xe.id,
+  binding: I.ARROW_DOWN | ae.SHIFT,
+  preconditions: L,
   staticParameters: {
-    direction: U.DOWN
+    direction: j.DOWN
   }
-}, xn = {
-  id: Se.id,
-  binding: R.ARROW_LEFT | Q.SHIFT,
-  preconditions: D,
+}, Xn = {
+  id: xe.id,
+  binding: I.ARROW_LEFT | ae.SHIFT,
+  preconditions: L,
   staticParameters: {
-    direction: U.LEFT
+    direction: j.LEFT
   }
-}, Pn = {
-  id: Se.id,
-  binding: R.ARROW_RIGHT | Q.SHIFT,
-  preconditions: D,
+}, Gn = {
+  id: xe.id,
+  binding: I.ARROW_RIGHT | ae.SHIFT,
+  preconditions: L,
   staticParameters: {
-    direction: U.RIGHT
+    direction: j.RIGHT
   }
-}, Ln = {
-  id: Xt.id,
-  binding: R.A | Q.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(ot) && (i.getContextValue(xe) || i.getContextValue(st))
+}, Zn = {
+  id: cn.id,
+  binding: I.A | ae.CTRL_COMMAND,
+  preconditions: (r) => r.getContextValue(Ve) && (r.getContextValue(ye) || r.getContextValue(St))
 };
-var Un = Object.defineProperty, Nn = Object.getOwnPropertyDescriptor, An = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Nn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Un(e, t, r), r;
-}, et = (i, e) => (t, n) => e(t, n, i);
-let Ee = class {
-  constructor(i, e, t) {
-    m(this, "_docContainer");
+var qn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Jn = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Kn(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && qn(e, t, i), i;
+}, dt = (r, e) => (t, n) => e(t, n, r);
+let We = class {
+  constructor(r, e, t) {
+    S(this, "_docContainer");
     // 获取SheetContainer组件
-    m(this, "getComponent", (i) => {
-      if (this._docContainer = i, !i.getContentRef().current)
+    S(this, "getComponent", (r) => {
+      if (this._docContainer = r, !r.getContentRef().current)
         throw new Error("container is not ready");
     });
     /**
@@ -141,10 +144,10 @@ let Ee = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    m(this, "changeLocale", (i) => {
-      this._localeService.setLocale(i);
+    S(this, "changeLocale", (r) => {
+      this._localeService.setLocale(r);
     });
-    this._config = i, this._localeService = e, this._injector = t;
+    this._config = r, this._localeService = e, this._injector = t;
   }
   getUIConfig() {
     return {
@@ -157,27 +160,27 @@ let Ee = class {
   getContentRef() {
     return this._docContainer.getContentRef();
   }
-  UIDidMount(i) {
+  UIDidMount(r) {
     if (this._docContainer)
-      return i(this._docContainer);
+      return r(this._docContainer);
   }
   getDocContainer() {
     return this._docContainer;
   }
 };
-Ee = An([
-  et(1, O(Pe)),
-  et(2, O(fe))
-], Ee);
-var $n = Object.defineProperty, wn = Object.getOwnPropertyDescriptor, Fn = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? wn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && $n(e, t, r), r;
-}, ne = (i, e) => (t, n) => e(t, n, i);
-let K = class extends ge {
-  constructor(e, t, n, r, s) {
+We = Jn([
+  dt(1, v(ke)),
+  dt(2, v(Ee))
+], We);
+var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? er(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && Qn(e, t, i), i;
+}, ge = (r, e) => (t, n) => e(t, n, r);
+let oe = class extends ce {
+  constructor(e, t, n, i, s) {
     super();
-    m(this, "_docContainerController");
+    S(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -185,10 +188,10 @@ let K = class extends ge {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    m(this, "changeLocale", (e) => {
+    S(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = n, this._textSelectionRenderManager = r, this._layoutService = s, this._docContainerController = this._injector.createInstance(Ee, e), this._registerContainer();
+    this._localeService = t, this._injector = n, this._textSelectionRenderManager = i, this._layoutService = s, this._docContainerController = this._injector.createInstance(We, e), this._registerContainer();
   }
   _registerContainer() {
     this._layoutService && this.disposeWithMe(
@@ -200,14 +203,14 @@ let K = class extends ge {
     return this._docContainerController;
   }
 };
-K = Fn([
-  ne(1, O(Pe)),
-  ne(2, O(fe)),
-  ne(3, we),
-  ne(4, xt(Lt))
-], K);
-const Ce = "UI_PLUGIN_DOCS", ht = `${Ce}_COLOR_PICKER_COMPONENT`, _t = `${Ce}_FONT_FAMILY_COMPONENT`, pt = `${Ce}_FONT_FAMILY_ITEM_COMPONENT`, gt = `${Ce}_FONT_SIZE_COMPONENT`;
-var ft = { exports: {} }, Oe = {};
+oe = tr([
+  ge(1, v(ke)),
+  ge(2, v(Ee)),
+  ge(3, de),
+  ge(4, kt(vt))
+], oe);
+const Ue = "UI_PLUGIN_DOCS", bt = `${Ue}_COLOR_PICKER_COMPONENT`, Tt = `${Ue}_FONT_FAMILY_COMPONENT`, It = `${Ue}_FONT_FAMILY_ITEM_COMPONENT`, Mt = `${Ue}_FONT_SIZE_COMPONENT`;
+var yt = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -217,369 +220,377 @@ var ft = { exports: {} }, Oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Bn = Sn, jn = Symbol.for("react.element"), zn = Symbol.for("react.fragment"), Wn = Object.prototype.hasOwnProperty, Vn = Bn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Hn = { key: !0, ref: !0, __self: !0, __source: !0 };
-function mt(i, e, t) {
-  var n, r = {}, s = null, o = null;
+var nr = Nn, rr = Symbol.for("react.element"), ir = Symbol.for("react.fragment"), or = Object.prototype.hasOwnProperty, sr = nr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, cr = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Et(r, e, t) {
+  var n, i = {}, s = null, o = null;
   t !== void 0 && (s = "" + t), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
   for (n in e)
-    Wn.call(e, n) && !Hn.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: jn, type: i, key: s, ref: o, props: r, _owner: Vn.current };
+    or.call(e, n) && !cr.hasOwnProperty(n) && (i[n] = e[n]);
+  if (r && r.defaultProps)
+    for (n in e = r.defaultProps, e)
+      i[n] === void 0 && (i[n] = e[n]);
+  return { $$typeof: rr, type: r, key: s, ref: o, props: i, _owner: sr.current };
 }
-Oe.Fragment = zn;
-Oe.jsx = mt;
-Oe.jsxs = mt;
-ft.exports = Oe;
-var kn = ft.exports;
-const Yn = "univer-docs-ui-canvas-background", Xn = {
-  docsUiCanvasBackground: Yn
-}, Gn = () => /* @__PURE__ */ kn.jsx("div", { className: Xn.docsUiCanvasBackground });
-function Zn(i) {
-  const e = i.get(C);
+Le.Fragment = ir;
+Le.jsx = Et;
+Le.jsxs = Et;
+yt.exports = Le;
+var ar = yt.exports;
+const lr = "univer-docs-ui-canvas-background", dr = {
+  docsUiCanvasBackground: lr
+}, ur = () => /* @__PURE__ */ ar.jsx("div", { className: dr.docsUiCanvasBackground });
+function hr(r) {
+  const e = r.get(O);
   return {
-    id: Gt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON,
+    id: an.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [M.TOOLBAR_START],
-    activated$: new L((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [D.TOOLBAR_START],
+    activated$: new A((t) => {
+      const n = e.onCommandExecuted((i) => {
         var o;
-        const s = r.id;
-        if (s === $.id || s === H.id) {
-          const a = w(i);
-          if (a == null)
+        const s = i.id;
+        if (s === W.id || s === ee.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.bl;
-          t.next(c === S.TRUE);
+          const a = (o = c.ts) == null ? void 0 : o.bl;
+          t.next(a === m.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function qn(i) {
-  const e = i.get(C);
+function _r(r) {
+  const e = r.get(O);
   return {
-    id: Zt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON,
+    id: ln.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [M.TOOLBAR_START],
-    activated$: new L((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [D.TOOLBAR_START],
+    activated$: new A((t) => {
+      const n = e.onCommandExecuted((i) => {
         var o;
-        const s = r.id;
-        if (s === $.id || s === H.id) {
-          const a = w(i);
-          if (a == null)
+        const s = i.id;
+        if (s === W.id || s === ee.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.it;
-          t.next(c === S.TRUE);
+          const a = (o = c.ts) == null ? void 0 : o.it;
+          t.next(a === m.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function Kn(i) {
-  const e = i.get(C);
+function gr(r) {
+  const e = r.get(O);
   return {
-    id: qt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON,
+    id: dn.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [M.TOOLBAR_START],
-    activated$: new L((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [D.TOOLBAR_START],
+    activated$: new A((t) => {
+      const n = e.onCommandExecuted((i) => {
         var o;
-        const s = r.id;
-        if (s === $.id || s === H.id) {
-          const a = w(i);
-          if (a == null)
+        const s = i.id;
+        if (s === W.id || s === ee.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.ul;
-          t.next((c == null ? void 0 : c.s) === S.TRUE);
+          const a = (o = c.ts) == null ? void 0 : o.ul;
+          t.next((a == null ? void 0 : a.s) === m.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function Jn(i) {
-  const e = i.get(C);
+function pr(r) {
+  const e = r.get(O);
   return {
-    id: Kt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON,
+    id: un.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [M.TOOLBAR_START],
-    activated$: new L((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [D.TOOLBAR_START],
+    activated$: new A((t) => {
+      const n = e.onCommandExecuted((i) => {
         var o;
-        const s = r.id;
-        if (s === $.id || s === H.id) {
-          const a = w(i);
-          if (a == null)
+        const s = i.id;
+        if (s === W.id || s === ee.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.st;
-          t.next((c == null ? void 0 : c.s) === S.TRUE);
+          const a = (o = c.ts) == null ? void 0 : o.st;
+          t.next((a == null ? void 0 : a.s) === m.TRUE);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function Qn(i) {
-  const e = i.get(C);
+function fr(r) {
+  const e = r.get(O);
   return {
-    id: Jt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON,
+    id: hn.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    positions: [M.TOOLBAR_START],
-    activated$: new L((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [D.TOOLBAR_START],
+    activated$: new A((t) => {
+      const n = e.onCommandExecuted((i) => {
         var o;
-        const s = r.id;
-        if (s === $.id || s === H.id) {
-          const a = w(i);
-          if (a == null)
+        const s = i.id;
+        if (s === W.id || s === ee.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.va;
-          t.next(c === W.SUBSCRIPT);
+          const a = (o = c.ts) == null ? void 0 : o.va;
+          t.next(a === J.SUBSCRIPT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function er(i) {
-  const e = i.get(C);
+function Sr(r) {
+  const e = r.get(O);
   return {
-    id: Qt.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON,
+    id: _n.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    positions: [M.TOOLBAR_START],
-    activated$: new L((t) => {
-      const n = e.onCommandExecuted((r) => {
+    positions: [D.TOOLBAR_START],
+    activated$: new A((t) => {
+      const n = e.onCommandExecuted((i) => {
         var o;
-        const s = r.id;
-        if (s === $.id || s === H.id) {
-          const a = w(i);
-          if (a == null)
+        const s = i.id;
+        if (s === W.id || s === ee.id) {
+          const c = V(r);
+          if (c == null)
             return;
-          const c = (o = a.ts) == null ? void 0 : o.va;
-          t.next(c === W.SUPERSCRIPT);
+          const a = (o = c.ts) == null ? void 0 : o.va;
+          t.next(a === J.SUPERSCRIPT);
         }
       });
       return t.next(!1), n.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function tr(i) {
-  const e = i.get(C);
+function mr(r) {
+  const e = r.get(O);
   return {
-    id: Ye.id,
+    id: et.id,
     tooltip: "toolbar.font",
-    group: I.TOOLBAR_FORMAT,
-    type: y.SELECTOR,
-    label: _t,
-    positions: [M.TOOLBAR_START],
-    selections: ke.map((t) => ({
+    group: y.TOOLBAR_FORMAT,
+    type: E.SELECTOR,
+    label: Tt,
+    positions: [D.TOOLBAR_START],
+    selections: Qe.map((t) => ({
       label: {
-        name: pt,
+        name: It,
         hoverable: !0
       },
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new L((t) => {
-      const n = ke[0].value, r = e.onCommandExecuted((s) => {
-        var a;
+    value$: new A((t) => {
+      const n = Qe[0].value, i = e.onCommandExecuted((s) => {
+        var c;
         const o = s.id;
-        if (o === $.id || o === Ye.id) {
-          const c = w(i);
-          if (c == null)
+        if (o === W.id || o === et.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const d = (a = c.ts) == null ? void 0 : a.ff;
+          const d = (c = a.ts) == null ? void 0 : c.ff;
           t.next(d != null ? d : n);
         }
       });
-      return t.next(n), r.dispose;
+      return t.next(n), i.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function nr(i) {
-  const e = i.get(C);
+function vr(r) {
+  const e = r.get(O);
   return {
-    id: Xe.id,
-    group: I.TOOLBAR_FORMAT,
-    type: y.SELECTOR,
+    id: tt.id,
+    group: y.TOOLBAR_FORMAT,
+    type: E.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: gt,
+      name: Mt,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [M.TOOLBAR_START],
-    selections: Ut,
+    positions: [D.TOOLBAR_START],
+    selections: Yt,
     // disabled$,
-    value$: new L((t) => {
-      const r = e.onCommandExecuted((s) => {
-        var a;
+    value$: new A((t) => {
+      const i = e.onCommandExecuted((s) => {
+        var c;
         const o = s.id;
-        if (o === $.id || o === Xe.id) {
-          const c = w(i);
-          if (c == null)
+        if (o === W.id || o === tt.id) {
+          const a = V(r);
+          if (a == null)
             return;
-          const d = (a = c.ts) == null ? void 0 : a.fs;
+          const d = (c = a.ts) == null ? void 0 : c.fs;
           t.next(d != null ? d : 14);
         }
       });
-      return t.next(14), r.dispose;
+      return t.next(14), i.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
   };
 }
-function rr(i) {
-  const e = i.get(C), t = i.get(Rt);
+function Cr(r) {
+  const e = r.get(O), t = r.get($t);
   return {
-    id: Ge.id,
+    id: nt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: I.TOOLBAR_FORMAT,
-    type: y.BUTTON_SELECTOR,
-    positions: [M.TOOLBAR_START],
+    group: y.TOOLBAR_FORMAT,
+    type: E.BUTTON_SELECTOR,
+    positions: [D.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: ht,
+          name: bt,
           hoverable: !1
         }
       }
     ],
-    value$: new L((n) => {
-      const r = t.getCurrentTheme().textColor, s = e.onCommandExecuted((o) => {
-        if (o.id === Ge.id) {
-          const a = o.params.value;
-          n.next(a != null ? a : r);
+    value$: new A((n) => {
+      const i = t.getCurrentTheme().textColor, s = e.onCommandExecuted((o) => {
+        if (o.id === nt.id) {
+          const c = o.params.value;
+          n.next(c != null ? c : i);
         }
       });
-      return n.next(r), s.dispose;
+      return n.next(i), s.dispose;
     }),
-    hidden$: E(i, b.DOC)
+    hidden$: x(r, T.DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function ir(i) {
+function Or(r) {
   return {
-    id: en.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: y.BUTTON,
+    id: gn.id,
+    group: y.TOOLBAR_LAYOUT,
+    type: E.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [M.TOOLBAR_START],
-    hidden$: E(i, b.DOC)
+    positions: [D.TOOLBAR_START],
+    hidden$: x(r, T.DOC)
   };
 }
-function or(i) {
+function Rr(r) {
   return {
-    id: tn.id,
-    group: I.TOOLBAR_LAYOUT,
-    type: y.BUTTON,
+    id: pn.id,
+    group: y.TOOLBAR_LAYOUT,
+    type: E.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [M.TOOLBAR_START],
-    hidden$: E(i, b.DOC)
+    positions: [D.TOOLBAR_START],
+    hidden$: x(r, T.DOC)
   };
 }
-function w(i) {
-  var c;
-  const e = i.get(P), t = i.get(Ne), n = e.getCurrentUniverDocInstance(), r = t.getActiveRange();
-  if (n == null || r == null)
+function V(r) {
+  var a;
+  const e = r.get(M), t = r.get(le), n = e.getCurrentUniverDocInstance(), i = t.getActiveRange();
+  if (n == null || i == null)
     return;
-  const s = (c = n.getBody()) == null ? void 0 : c.textRuns;
+  const s = (a = n.getBody()) == null ? void 0 : a.textRuns;
   if (s == null)
     return;
-  const { startOffset: o } = r;
+  const { startOffset: o } = i;
   return s.find(({ st: d, ed: u }) => o >= d && o < u);
 }
-var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, cr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ar(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && sr(e, t, r), r;
-}, B = (i, e) => (t, n) => e(t, n, i);
-let ie = class extends V {
-  constructor(i, e, t, n, r, s) {
-    super(), this._injector = i, this._componentManager = e, this._editorService = t, this._menuService = n, this._uiController = r, this._currentUniverService = s, this._init();
+var br = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Ir = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Tr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && br(e, t, i), i;
+}, k = (r, e) => (t, n) => e(t, n, r);
+let fe = class extends Y {
+  constructor(r, e, t, n, i, s, o) {
+    super(), this._injector = r, this._componentManager = e, this._layoutService = t, this._editorService = n, this._menuService = i, this._uiController = s, this._currentUniverService = o, this._init();
   }
   _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(ht, mn)), this.disposeWithMe(i.register(_t, At)), this.disposeWithMe(i.register(pt, $t)), this.disposeWithMe(i.register(gt, wt));
+    const r = this._componentManager;
+    this.disposeWithMe(r.register(bt, Ln)), this.disposeWithMe(r.register(Tt, Gt)), this.disposeWithMe(r.register(It, Zt)), this.disposeWithMe(r.register(Mt, qt));
   }
   _initMenus() {
     [
-      Zn,
-      qn,
-      Kn,
-      Jn,
-      Qn,
-      er,
-      nr,
-      tr,
-      rr,
-      ir,
-      or
-    ].forEach((i) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
+      hr,
+      _r,
+      gr,
+      pr,
+      fr,
+      Sr,
+      vr,
+      mr,
+      Cr,
+      Or,
+      Rr
+    ].forEach((r) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(r)));
     });
   }
   _init() {
-    this._initCustomComponents(), this._initMenus(), this._initDocBackground();
+    this._initCustomComponents(), this._initMenus(), this._initDocBackground(), this._initFocusHandler();
   }
   _initDocBackground() {
-    const i = this._currentUniverService.getAllUniverDocsInstance()[0].getUnitId();
-    if (i == null)
+    const r = this._currentUniverService.getAllUniverDocsInstance()[0].getUnitId();
+    if (r == null)
       return;
-    this._editorService.isEditor(i) || this.disposeWithMe(
-      this._uiController.registerContentComponent(() => fn(Gn, this._injector))
+    this._editorService.isEditor(r) || this.disposeWithMe(
+      this._uiController.registerContentComponent(() => Un(ur, this._injector))
+    );
+  }
+  _initFocusHandler() {
+    this.disposeWithMe(
+      this._layoutService.registerFocusHandler(T.DOC, () => {
+        this._injector.get(de).focus();
+      })
     );
   }
 };
-ie = cr([
-  N(A.Rendered, ie),
-  B(0, O(fe)),
-  B(1, O(Nt)),
-  B(2, F),
-  B(3, Ft),
-  B(4, Bt),
-  B(5, P)
-], ie);
-const _i = {
+fe = Ir([
+  P(U.Rendered, fe),
+  k(0, v(Ee)),
+  k(1, v(Xt)),
+  k(2, vt),
+  k(3, $),
+  k(4, Kt),
+  k(5, Jt),
+  k(6, M)
+], fe);
+const $i = {
   toolbar: {
     undo: "Undo",
     redo: "Redo",
@@ -599,7 +610,7 @@ const _i = {
     order: "Ordered list",
     unorder: "Unordered list"
   }
-}, lr = {
+}, Mr = {
   toolbar: {
     undo: "撤销",
     redo: "重做",
@@ -619,29 +630,29 @@ const _i = {
     order: "有序列表",
     unorder: "无序列表"
   }
-}, dr = {
-  id: nn.id,
-  preconditions: D,
-  binding: R.ENTER
-}, ur = {
-  id: rn.id,
-  preconditions: D,
-  binding: R.BACKSPACE
-}, hr = {
-  id: on.id,
-  preconditions: D,
-  binding: R.DELETE
-}, _r = 10, pr = 6;
-function gr() {
-  return at.generateRandomId(pr);
+}, yr = {
+  id: fn.id,
+  preconditions: jn,
+  binding: I.ENTER
+}, Er = {
+  id: Sn.id,
+  preconditions: L,
+  binding: I.BACKSPACE
+}, Dr = {
+  id: mn.id,
+  preconditions: L,
+  binding: I.DELETE
+}, xr = 10, Pr = 6;
+function Ur() {
+  return He.generateRandomId(Pr);
 }
-function fr(i) {
-  const e = i.match(/data-copy-id="([^\s]+)"/);
+function Lr(r) {
+  const e = r.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class mr {
+class Nr {
   constructor() {
-    m(this, "_cache", new Tt(_r));
+    S(this, "_cache", new At(xr));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -653,79 +664,79 @@ class mr {
     this._cache.clear();
   }
 }
-const tt = new mr();
-function Fe(i) {
-  const e = i.style, t = {}, n = i.tagName.toLowerCase();
+const ut = new Nr();
+function qe(r) {
+  const e = r.style, t = {}, n = r.tagName.toLowerCase();
   switch (n) {
     case "b":
     case "em":
     case "strong": {
-      t.bl = S.TRUE;
+      t.bl = m.TRUE;
       break;
     }
     case "s": {
       t.st = {
-        s: S.TRUE
+        s: m.TRUE
       };
       break;
     }
     case "u": {
       t.ul = {
-        s: S.TRUE
+        s: m.TRUE
       };
       break;
     }
     case "i": {
-      t.it = S.TRUE;
+      t.it = m.TRUE;
       break;
     }
     case "sub":
     case "sup": {
-      t.va = n === "sup" ? W.SUPERSCRIPT : W.SUBSCRIPT;
+      t.va = n === "sup" ? J.SUPERSCRIPT : J.SUBSCRIPT;
       break;
     }
   }
-  for (let r = 0; r < e.length; r++) {
-    const s = e[r], o = e.getPropertyValue(s);
+  for (let i = 0; i < e.length; i++) {
+    const s = e[i], o = e.getPropertyValue(s);
     switch (s) {
       case "font-family": {
         t.ff = o;
         break;
       }
       case "font-size": {
-        const a = Number.parseInt(o);
-        Number.isNaN(a) || o.endsWith("pt") && (t.fs = a);
+        const c = Number.parseInt(o);
+        Number.isNaN(c) || (o.endsWith("pt") ? t.fs = c : o.endsWith("px") && (t.fs = Tn(c)));
         break;
       }
       case "font-style": {
-        o === "italic" && (t.it = S.TRUE);
+        o === "italic" && (t.it = m.TRUE);
         break;
       }
       case "font-weight": {
-        Number(o) > 400 && (t.bl = S.TRUE);
+        Number(o) > 400 && (t.bl = m.TRUE);
         break;
       }
       case "text-decoration": {
         /underline/.test(o) ? t.ul = {
-          s: S.TRUE
+          s: m.TRUE
         } : /overline/.test(o) ? t.ol = {
-          s: S.TRUE
+          s: m.TRUE
         } : /line-through/.test(o) && (t.st = {
-          s: S.TRUE
+          s: m.TRUE
         });
         break;
       }
       case "color": {
-        const a = new He(o);
-        a.isValid && (t.cl = {
-          rgb: a.toRgbString()
+        const c = new Je(o);
+        c.isValid && (t.cl = {
+          rgb: c.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new He(o);
-        a.isValid && (t.bg = {
-          rgb: a.toRgbString()
+        const c = new Je(o);
+        c.isValid && (t.bg = {
+          rgb: c.toRgbString()
         });
         break;
       }
@@ -733,19 +744,19 @@ function Fe(i) {
   }
   return t;
 }
-function Sr(i) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</x-univer>`;
+function $r(r) {
+  const e = new DOMParser(), t = `<x-univer id="univer-root">${r}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function nt(i, e) {
-  const t = i.tagName.toLowerCase();
-  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(i);
+function ht(r, e) {
+  const t = r.tagName.toLowerCase();
+  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(r);
 }
-const pe = class pe {
+const Me = class Me {
   constructor() {
-    m(this, "_styleCache", /* @__PURE__ */ new Map());
-    m(this, "_styleRules", []);
-    m(this, "_afterProcessRules", []);
+    S(this, "_styleCache", /* @__PURE__ */ new Map());
+    S(this, "_styleRules", []);
+    S(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -753,51 +764,51 @@ const pe = class pe {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = pe._pluginList.find((s) => s.checkPasteType(e)), n = Sr(e), r = {
+    const t = Me._pluginList.find((s) => s.checkPasteType(e)), n = $r(e), i = {
       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, n == null ? void 0 : n.childNodes, i), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], i;
   }
   _process(e, t, n) {
-    var r;
+    var i;
     for (const s of t)
       if (s.nodeType === Node.TEXT_NODE) {
-        const o = (r = s.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
-        let a;
-        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
+        const o = (i = s.nodeValue) == null ? void 0 : i.replace(/[\r\n]/g, "");
+        let c;
+        e && this._styleCache.has(e) && (c = this._styleCache.get(e)), n.dataStream += o, c && Object.getOwnPropertyNames(c).length && n.textRuns.push({
           st: n.dataStream.length - o.length,
           ed: n.dataStream.length,
-          ts: a
+          ts: c
         });
       } else if (s.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => nt(s, h)), c = a ? a.getStyle(s) : Fe(s);
-        this._styleCache.set(s, { ...o, ...c });
+        const o = e ? this._styleCache.get(e) : {}, c = this._styleRules.find(({ filter: h }) => ht(s, h)), a = c ? c.getStyle(s) : qe(s);
+        this._styleCache.set(s, { ...o, ...a });
         const { childNodes: d } = s;
         this._process(s, d, n);
         const u = this._afterProcessRules.find(
-          ({ filter: h }) => nt(s, h)
+          ({ filter: h }) => ht(s, h)
         );
         u && u.handler(n, s);
       }
   }
 };
-m(pe, "_pluginList", []);
-let J = pe;
-const vr = {
+S(Me, "_pluginList", []);
+let Q = Me;
+const Ar = {
   name: "univer-doc-paste-plugin-lark",
-  checkPasteType(i) {
-    return /lark-record-clipboard/i.test(i);
+  checkPasteType(r) {
+    return /lark-record-clipboard/i.test(r);
   },
   // TODO: @JOCS, support inline code copy from lark.
   stylesRules: [
     {
       filter: ["s"],
-      getStyle(i) {
-        const e = Fe(i);
+      getStyle(r) {
+        const e = qe(r);
         return {
           st: {
-            s: S.TRUE
+            s: m.TRUE
           },
           ...e
         };
@@ -806,111 +817,148 @@ const vr = {
   ],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "DIV" && /ace-line/i.test(i.className);
+      filter(r) {
+        return r.tagName === "DIV" && /ace-line/i.test(r.className);
       },
-      handler(i) {
-        i.paragraphs == null && (i.paragraphs = []), i.paragraphs.push({
-          startIndex: i.dataStream.length
-        }), i.dataStream += "\r";
+      handler(r) {
+        r.paragraphs == null && (r.paragraphs = []), r.paragraphs.push({
+          startIndex: r.dataStream.length
+        }), r.dataStream += "\r";
       }
     }
   ]
 };
-function Cr(i) {
-  const e = i.style, t = {};
+function Dt(r) {
+  const e = r.style, t = {};
   for (let n = 0; n < e.length; n++) {
-    const r = e[n], s = e.getPropertyValue(r);
-    switch (r) {
+    const i = e[n], s = e.getPropertyValue(i);
+    switch (i) {
       case "margin-top": {
         const o = Number.parseInt(s);
-        t.spaceAbove = /pt/.test(s) ? Ke(o) : o;
+        t.spaceAbove = /pt/.test(s) ? ot(o) : o;
         break;
       }
       case "margin-bottom": {
         const o = Number.parseInt(s);
-        t.spaceBelow = /pt/.test(s) ? Ke(o) : o;
+        t.spaceBelow = /pt/.test(s) ? ot(o) : o;
+        break;
+      }
+      case "line-height": {
+        const o = Number.parseFloat(s);
+        t.lineSpacing = o;
         break;
       }
     }
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-const Or = {
+const wr = {
   name: "univer-doc-paste-plugin-word",
-  checkPasteType(i) {
-    return /word|mso/i.test(i);
+  checkPasteType(r) {
+    return /word|mso/i.test(r);
   },
   stylesRules: [
     {
       filter: ["b"],
-      getStyle(i) {
-        const e = Fe(i);
-        return { bl: S.TRUE, ...e };
+      getStyle(r) {
+        const e = qe(r);
+        return { bl: m.TRUE, ...e };
       }
     }
   ],
   afterProcessRules: [
     {
-      filter(i) {
-        return i.tagName === "P" && /mso/i.test(i.className);
+      filter(r) {
+        return r.tagName === "P" && /mso/i.test(r.className);
+      },
+      handler(r, e) {
+        r.paragraphs == null && (r.paragraphs = []);
+        const t = {
+          startIndex: r.dataStream.length
+        }, n = Dt(e);
+        n && (t.paragraphStyle = n), r.paragraphs.push(t), r.dataStream += "\r";
+      }
+    }
+  ]
+}, Fr = {
+  name: "univer-doc-paste-plugin-univer",
+  checkPasteType(r) {
+    return /UniverNormal/i.test(r);
+  },
+  stylesRules: [],
+  afterProcessRules: [
+    {
+      filter(r) {
+        return r.tagName === "P" && /UniverNormal/i.test(r.className);
       },
-      handler(i, e) {
-        i.paragraphs == null && (i.paragraphs = []);
+      handler(r, e) {
+        r.paragraphs == null && (r.paragraphs = []);
         const t = {
-          startIndex: i.dataStream.length
-        }, n = Cr(e);
-        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
+          startIndex: r.dataStream.length
+        }, n = Dt(e);
+        n && (t.paragraphStyle = n), r.paragraphs.push(t), r.dataStream += "\r";
       }
     }
   ]
 };
-function Rr(i, e) {
-  const { st: t, ed: n, ts: r = {} } = e, { ff: s, fs: o, it: a, bl: c, ul: d, st: u, ol: h, bg: g, cl: f, va: p } = r;
-  let l = i.slice(t, n);
-  const _ = [];
-  return a === S.TRUE && (l = `<i>${l}</i>`), p === W.SUPERSCRIPT ? l = `<sup>${l}</sup>` : p === W.SUBSCRIPT && (l = `<sub>${l}</sub>`), (d == null ? void 0 : d.s) === S.TRUE && (l = `<u>${l}</u>`), (u == null ? void 0 : u.s) === S.TRUE && (l = `<s>${l}</s>`), c === S.TRUE && (l = `<strong>${l}</strong>`), s && _.push(`font-family: ${s}`), f && _.push(`color: ${f.rgb}`), o && _.push(`font-size: ${o}px`), h && _.push("text-decoration: overline"), g && _.push(`background: ${g.rgb}`), _.length ? `<span style="${_.join(";")}">${l}</span>` : l;
+function _t(r, e) {
+  const { st: t, ed: n, ts: i = {} } = e, { ff: s, fs: o, it: c, bl: a, ul: d, st: u, ol: h, bg: p, cl: _, va: f } = i;
+  let l = r.slice(t, n);
+  const g = [];
+  return c === m.TRUE && (l = `<i>${l}</i>`), f === J.SUPERSCRIPT ? l = `<sup>${l}</sup>` : f === J.SUBSCRIPT && (l = `<sub>${l}</sub>`), (d == null ? void 0 : d.s) === m.TRUE && (l = `<u>${l}</u>`), (u == null ? void 0 : u.s) === m.TRUE && (l = `<s>${l}</s>`), a === m.TRUE && (l = `<strong>${l}</strong>`), s && g.push(`font-family: ${s}`), _ && g.push(`color: ${_.rgb}`), o && g.push(`font-size: ${o}pt`), h && g.push("text-decoration: overline"), p && g.push(`background: ${p.rgb}`), g.length ? `<span style="${g.join("; ")};">${l}</span>` : l;
 }
-function rt(i, e = !0) {
-  const { dataStream: t, textRuns: n = [], paragraphs: r = [] } = i;
-  let s = 0;
-  const o = [], a = [];
-  for (const c of n) {
-    const { st: d, ed: u } = c;
-    if (d !== s && o.push(t.slice(s, d)), o.push(Rr(t, c)), s = u, e)
-      for (const h of r) {
-        const { startIndex: g, paragraphStyle: f = {} } = h;
-        if (g >= d && g <= u) {
-          const { spaceAbove: p, spaceBelow: l } = f, _ = [];
-          p != null && (typeof p == "number" ? _.push(`margin-top: ${p}px`) : _.push(`margin-top: ${p.v}px`)), l != null && (typeof l == "number" ? _.push(`margin-bottom: ${l}px`) : _.push(`margin-bottom: ${l.v}px`)), a.push(
-            `<p className="UniverNormal" ${_.length ? `style="${_.join(";")}"` : ""}>${o.join("")}</p>`
-          ), o.length = 0;
-        }
-      }
-  }
-  return s < t.length && o.push(t.slice(s, t.length)), a.join("") + o.join("");
+function $e(r, e, t) {
+  const { dataStream: n, textRuns: i = [] } = r;
+  let s = e;
+  const o = [];
+  for (const c of i) {
+    const { st: a, ed: d } = c;
+    He.hasIntersectionBetweenTwoRanges(e, t, a, d) && (a > s ? (o.push(n.slice(s, a)), o.push(_t(n, {
+      ...c,
+      ed: Math.min(d, t)
+    }))) : o.push(_t(n, {
+      ...c,
+      st: s,
+      ed: Math.min(d, t)
+    }))), s = Math.max(e, Math.min(d, t));
+  }
+  return s !== t && o.push(n.slice(s, t)), o.join("");
+}
+function gt(r, e = !0) {
+  var t;
+  if (e && ((t = r.paragraphs) != null && t.length)) {
+    const { dataStream: n, paragraphs: i = [] } = r;
+    let s = "", o = -1;
+    for (const c of i) {
+      const { startIndex: a, paragraphStyle: d = {} } = c, { spaceAbove: u, spaceBelow: h, lineSpacing: p } = d, _ = [];
+      u != null && (typeof u == "number" ? _.push(`margin-top: ${u}px`) : _.push(`margin-top: ${u.v}px`)), h != null && (typeof h == "number" ? _.push(`margin-bottom: ${h}px`) : _.push(`margin-bottom: ${h.v}px`)), p != null && _.push(`line-height: ${p}`), a > o + 1 ? s += `<p class="UniverNormal" ${_.length ? `style="${_.join("; ")};"` : ""}>${$e(r, o + 1, a)}</p>` : s += `<p class="UniverNormal" ${_.length ? `style="${_.join("; ")};"` : ""}></p>`, o = a;
+    }
+    return o !== n.length && (s += $e(r, o, n.length)), s;
+  } else
+    return $e(r, 0, r.dataStream.length);
 }
-class Tr {
+class Br {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return rt(e[0]);
+      return gt(e[0]);
     let t = "";
     for (const n of e)
-      t += '<p className="UniverNormal">', t += rt(n, !1), t += "</p>";
+      t += '<p className="UniverNormal">', t += gt(n, !1), t += "</p>";
     return t;
   }
 }
-var br = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, yr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ir(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && br(e, t, r), r;
-}, G = (i, e) => (t, n) => e(t, n, i);
-J.use(Or);
-J.use(vr);
-function Mr(i) {
-  const e = i.replace(/\n/g, "\r"), t = [];
+var jr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, zr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Wr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && jr(e, t, i), i;
+}, ne = (r, e) => (t, n) => e(t, n, r);
+Q.use(wr);
+Q.use(Ar);
+Q.use(Fr);
+function Vr(r) {
+  const e = r.replace(/\n/g, "\r"), t = [];
   for (let n = 0; n < e.length; n++)
     e[n] === "\r" && t.push({ startIndex: n });
   return {
@@ -918,17 +966,19 @@ function Mr(i) {
     paragraphs: t
   };
 }
-const te = Pt("doc.clipboard-service");
-let De = class extends V {
-  constructor(e, t, n, r, s) {
+const ue = Ht("doc.clipboard-service");
+let ze = class extends Y {
+  constructor(e, t, n, i, s) {
     super();
-    m(this, "_clipboardHooks", []);
-    m(this, "_htmlToUDM", new J());
-    m(this, "_umdToHtml", new Tr());
-    this._currentUniverService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = r, this._textSelectionManagerService = s;
+    S(this, "_clipboardHooks", []);
+    S(this, "_htmlToUDM", new Q());
+    S(this, "_umdToHtml", new Br());
+    this._currentUniverService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = i, this._textSelectionManagerService = s;
   }
   async copy() {
     const e = this._getDocumentBodyInRanges();
+    if (e.length === 0)
+      return !1;
     try {
       this._setClipboardData(e);
     } catch (t) {
@@ -953,59 +1003,59 @@ let De = class extends V {
       segmentId: e,
       endOffset: t,
       style: n
-    } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, r = this._textSelectionManagerService.getSelections();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t == null || r == null)
+    } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, i = this._textSelectionManagerService.getSelections();
+    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t == null || i == null)
       return !1;
     this.copy();
     try {
       let o = t;
-      for (const c of r) {
-        const { startOffset: d, endOffset: u } = c;
+      for (const a of i) {
+        const { startOffset: d, endOffset: u } = a;
         d == null || u == null || u <= t && (o -= u - d);
       }
-      const a = [
+      const c = [
         {
           startOffset: o,
           endOffset: o,
           style: n
         }
       ];
-      return this._commandService.executeCommand(lt.id, { segmentId: e, textRanges: a });
+      return this._commandService.executeCommand(Ct.id, { segmentId: e, textRanges: c });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
   }
   async _paste(e) {
     var o;
-    const { segmentId: t, endOffset: n, style: r } = (o = this._textSelectionManagerService.getActiveRange()) != null ? o : {}, s = this._textSelectionManagerService.getSelections();
+    const { segmentId: t, endOffset: n, style: i } = (o = this._textSelectionManagerService.getActiveRange()) != null ? o : {}, s = this._textSelectionManagerService.getSelections();
     if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || s == null)
       return !1;
     try {
-      let a = n;
+      let c = n;
       for (const d of s) {
         const { startOffset: u, endOffset: h } = d;
-        u == null || h == null || h <= n && (a += e.dataStream.length - (h - u));
+        u == null || h == null || h <= n && (c += e.dataStream.length - (h - u));
       }
-      const c = [
+      const a = [
         {
-          startOffset: a,
-          endOffset: a,
-          style: r
+          startOffset: c,
+          endOffset: c,
+          style: i
         }
       ];
-      return this._commandService.executeCommand(dt.id, { body: e, segmentId: t, textRanges: c });
+      return this._commandService.executeCommand(Ot.id, { body: e, segmentId: t, textRanges: a });
     } catch {
       return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
     }
   }
   async _setClipboardData(e) {
-    const t = gr(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
+    const t = Ur(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
 `) : e[0].dataStream;
-    let r = this._umdToHtml.convert(e);
-    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (s, o) => `${o} data-copy-id="${t}"`), tt.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
+    let i = this._umdToHtml.convert(e);
+    return e.length === 1 && (i = i.replace(/(<[a-z]+)/, (s, o) => `${o} data-copy-id="${t}"`), ut.set(t, e[0])), this._clipboardInterfaceService.write(n, i);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), he(() => {
+    return this._clipboardHooks.push(e), N(() => {
       const t = this._clipboardHooks.indexOf(e);
       t > -1 && this._clipboardHooks.splice(t, 1);
     });
@@ -1014,21 +1064,21 @@ let De = class extends V {
     const e = this._textSelectionManagerService.getSelections(), t = this._currentUniverService.getCurrentUniverDocInstance(), n = [];
     if (e == null)
       return n;
-    for (const r of e) {
-      const { startOffset: s, endOffset: o, collapsed: a } = r;
-      if (a || s == null || o == null)
+    for (const i of e) {
+      const { startOffset: s, endOffset: o, collapsed: c } = i;
+      if (c || s == null || o == null)
         continue;
-      const c = t.sliceBody(s, o);
-      c != null && n.push(c);
+      const a = t.sliceBody(s, o);
+      a != null && n.push(a);
     }
     return n;
   }
   async _generateBodyFromClipboardItems(e) {
     try {
       let t = "", n = "";
-      for (const r of e)
-        for (const s of r.types)
-          s === jt ? n = await r.getType(s).then((o) => o && o.text()) : s === zt && (t = await r.getType(s).then((o) => o && o.text()));
+      for (const i of e)
+        for (const s of i.types)
+          s === Qt ? n = await i.getType(s).then((o) => o && o.text()) : s === en && (t = await i.getType(s).then((o) => o && o.text()));
       return this._generateBodyFromHtmlAndText(t, n);
     } catch (t) {
       return Promise.reject(t);
@@ -1037,185 +1087,242 @@ let De = class extends V {
   _generateBodyFromHtmlAndText(e, t) {
     if (!e) {
       if (t)
-        return Mr(t);
+        return Vr(t);
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
-    const n = fr(e);
+    const n = Lr(e);
     if (n) {
-      const r = tt.get(n);
-      if (r)
-        return r;
+      const i = ut.get(n);
+      if (i)
+        return i;
     }
     return this._htmlToUDM.convert(e);
   }
 };
-De = yr([
-  G(0, P),
-  G(1, ct),
-  G(2, C),
-  G(3, Ue),
-  G(4, O(Ne))
-], De);
-function Re(i) {
-  return i.getContextValue(xe) || i.getContextValue(st);
+ze = zr([
+  ne(0, M),
+  ne(1, mt),
+  ne(2, O),
+  ne(3, Xe),
+  ne(4, v(le))
+], ze);
+function Ne(r) {
+  return r.getContextValue(ye) || r.getContextValue(St);
 }
-const Be = 999, Er = {
-  id: Wt.id,
+const Ke = 999, kr = {
+  id: tn.id,
   name: "doc.command.copy",
-  type: Le.COMMAND,
+  type: Ye.COMMAND,
   multi: !0,
-  priority: Be,
-  preconditions: Re,
-  handler: async (i) => i.get(te).copy()
-}, Dr = {
-  id: Vt.id,
+  priority: Ke,
+  preconditions: Ne,
+  handler: async (r) => r.get(ue).copy()
+}, Hr = {
+  id: nn.id,
   name: "doc.command.cut",
-  type: Le.COMMAND,
+  type: Ye.COMMAND,
   multi: !0,
-  priority: Be,
-  preconditions: Re,
-  handler: async (i) => i.get(te).cut()
-}, xr = {
-  id: Ht.id,
+  priority: Ke,
+  preconditions: Ne,
+  handler: async (r) => r.get(ue).cut()
+}, Yr = {
+  id: rn.id,
   name: "doc.command.paste",
-  type: Le.COMMAND,
+  type: Ye.COMMAND,
   multi: !0,
-  priority: Be,
-  preconditions: Re,
-  handler: async (i) => {
-    const e = i.get(te), n = await i.get(Ue).read();
+  priority: Ke,
+  preconditions: Ne,
+  handler: async (r) => {
+    const e = r.get(ue), n = await r.get(Xe).read();
     return n.length === 0 ? !1 : e.paste(n);
   }
 };
-var Pr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, Ur = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Lr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Pr(e, t, r), r;
-}, Z = (i, e) => (t, n) => e(t, n, i);
-let oe = class extends ge {
-  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 Xr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, Zr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Gr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && Xr(e, t, i), i;
+}, re = (r, e) => (t, n) => e(t, n, r);
+let Se = class extends ce {
+  constructor(r, e, t, n, i) {
+    super(), this._commandService = r, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = i, this._init();
   }
   _init() {
-    [Er, Dr, xr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [dt, lt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
+    [kr, Hr, Yr].forEach((r) => this.disposeWithMe(this._commandService.registerMultipleCommand(r))), [Ot, Ct].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r))), this._initLegacyPasteCommand();
   }
   _initLegacyPasteCommand() {
-    var i;
-    this._clipboardInterfaceService.supportClipboard || (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(_e(this.dispose$)).subscribe((e) => {
+    var r;
+    (r = this._textSelectionRenderManager) == null || r.onPaste$.pipe(se(this.dispose$)).subscribe((e) => {
       var s, o;
-      if (!Re(this._contextService))
+      if (!Ne(this._contextService))
         return;
       e.event.preventDefault();
-      const t = e.event, n = (s = t.clipboardData) == null ? void 0 : s.getData("text/html"), r = (o = t.clipboardData) == null ? void 0 : o.getData("text/plain");
-      this._docClipboardService.legacyPaste(n, r);
+      const t = e.event, n = (s = t.clipboardData) == null ? void 0 : s.getData("text/html"), i = (o = t.clipboardData) == null ? void 0 : o.getData("text/plain");
+      this._docClipboardService.legacyPaste(n, i);
     });
   }
 };
-oe = Ur([
-  N(A.Steady, oe),
-  Z(0, C),
-  Z(1, Ue),
-  Z(2, te),
-  Z(3, we),
-  Z(4, bt)
-], oe);
-var Nr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, $r = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ar(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Nr(e, t, r), r;
-}, q = (i, e) => (t, n) => e(t, n, i);
-let se = class extends V {
-  constructor(e, t, n, r, s) {
+Se = Zr([
+  P(U.Steady, Se),
+  re(0, O),
+  re(1, Xe),
+  re(2, ue),
+  re(3, de),
+  re(4, wt)
+], Se);
+var qr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Jr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Kr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && qr(e, t, i), i;
+}, Z = (r, e) => (t, n) => e(t, n, r);
+let me = class extends Y {
+  constructor(e, t, n, i, s, o) {
     super();
-    m(this, "_initialEditors", /* @__PURE__ */ new Set());
-    this._currentUniverService = e, this._docSkeletonManagerService = t, this._editorService = n, this._commandService = r, this._textSelectionRenderManager = s, this._initialize();
+    S(this, "_initialEditors", /* @__PURE__ */ new Set());
+    this._currentUniverService = e, this._docSkeletonManagerService = t, this._editorService = n, this._commandService = i, this._textSelectionRenderManager = s, this._renderManagerService = o, this._initialize();
   }
   _initialize() {
-    this._editorService.resize$.subscribe((e) => {
-      this._resize(e);
-    }), this._editorService.getAllEditor().forEach((e) => {
+    this.disposeWithMe(
+      this._editorService.resize$.subscribe((e) => {
+        this._resize(e);
+      })
+    ), this._editorService.getAllEditor().forEach((e) => {
       const t = e.editorUnitId;
       this._initialEditors.has(t) || (this._initialEditors.add(t), this._resize(t));
-    }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus();
+    }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var k, Y, X;
+    var w, F, B;
     if (e == null)
       return;
     const t = this._editorService.getEditor(e);
     if ((t == null ? void 0 : t.cancelDefaultResizeListener) === !0)
       return;
-    const n = (k = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : k.skeleton, r = this._currentUniverService.getUniverDocInstance(e);
-    if (t == null || t.render == null || n == null || r == null)
+    const n = (w = this._docSkeletonManagerService.getSkeletonByUnitId(e)) == null ? void 0 : w.skeleton, i = this._currentUniverService.getUniverDocInstance(e);
+    if (t == null || t.render == null || n == null || i == null)
       return;
-    const { marginTop: s = 0, marginBottom: o = 0, marginLeft: a = 0, marginRight: c = 0 } = r.getSnapshot().documentStyle, { scene: d, mainComponent: u } = t.render;
-    let { actualHeight: h, actualWidth: g } = n.getActualSize();
-    h += s + o, g += a + c;
-    const { width: f, height: p } = t.getBoundingClientRect(), l = d.getViewport(Ae.VIEW_MAIN);
-    let _ = l == null ? void 0 : l.getScrollBar();
-    const v = Math.max(g, f), T = Math.max(h, p);
+    n.calculate();
+    const { marginTop: s = 0, marginBottom: o = 0, marginLeft: c = 0, marginRight: a = 0 } = i.getSnapshot().documentStyle, { scene: d, mainComponent: u } = t.render;
+    let { actualHeight: h, actualWidth: p } = n.getActualSize();
+    h += s + o, p += c + a;
+    const { width: _, height: f } = t.getBoundingClientRect(), l = d.getViewport(Pe.VIEW_MAIN);
+    let g = l == null ? void 0 : l.getScrollBar();
+    const C = Math.max(p, _), R = Math.max(h, f);
     d.transformByState({
-      width: v,
-      height: T
-    }), u == null || u.resize(v, T), t.isSingle === !1 ? h > p ? _ == null ? l && new Me(l, { enableHorizontal: !1, barSize: 8 }) : l == null || l.resetSizeAndScrollBar() : (_ = null, l == null || l.scrollTo({ x: 0, y: 0 }), (Y = l == null ? void 0 : l.getScrollBar()) == null || Y.dispose()) : g > f ? _ == null ? l && new Me(l, { barSize: 8, enableVertical: !1 }) : l == null || l.resetSizeAndScrollBar() : (_ = null, l == null || l.scrollTo({ x: 0, y: 0 }), (X = l == null ? void 0 : l.getScrollBar()) == null || X.dispose());
+      width: C,
+      height: R
+    }), u == null || u.resize(C, R), t.isSingle() ? p > _ ? g == null ? l && new je(l, { barSize: 8, enableVertical: !1 }) : l == null || l.resetSizeAndScrollBar() : (g = null, l == null || l.scrollTo({ x: 0, y: 0 }), (B = l == null ? void 0 : l.getScrollBar()) == null || B.dispose()) : h > f ? g == null ? l && new je(l, { enableHorizontal: !1, barSize: 8 }) : l == null || l.resetSizeAndScrollBar() : (g = null, l == null || l.scrollTo({ x: 0, y: 0 }), (F = l == null ? void 0 : l.getScrollBar()) == null || F.dispose());
   }
   _initialSetValue() {
-    this._editorService.setValue$.subscribe((e) => {
-      this._commandService.executeCommand(sn.id, {
-        unitId: e.editorUnitId,
-        body: e.body,
-        segmentId: null
-      });
-    });
+    this.disposeWithMe(
+      this._editorService.setValue$.subscribe((e) => {
+        this._commandService.executeCommand(vn.id, {
+          unitId: e.editorUnitId,
+          body: e.body,
+          segmentId: null
+        });
+      })
+    );
   }
   _initialBlur() {
-    this._editorService.blur$.subscribe(() => {
-      this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.blur();
-    });
+    this.disposeWithMe(
+      this._editorService.blur$.subscribe(() => {
+        this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.blur();
+      })
+    ), this.disposeWithMe(
+      this._textSelectionRenderManager.onBlur$.subscribe(() => {
+        const e = this._currentUniverService.getCurrentUniverDocInstance().getUnitId();
+        if (e == null)
+          return;
+        const t = this._editorService.getEditor(e);
+        t == null || t.isSheetEditor() || this._editorService.blur();
+      })
+    );
   }
   _initialFocus() {
-    this._editorService.focus$.subscribe((e) => {
-      this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([e]);
+    this.disposeWithMe(
+      this._editorService.focus$.subscribe((n) => {
+        this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([n]);
+      })
+    );
+    const e = [
+      "univer-formula-search",
+      "univer-formula-help",
+      "formula-help-decorator",
+      "univer-formula-help-param"
+    ];
+    this.disposeWithMe(
+      lt(window, "mousedown").subscribe((n) => {
+        const s = n.target.classList[0] || "";
+        if (Ft(s, e)) {
+          this._editorService.changeSpreadsheetFocusState(!0), n.stopPropagation();
+          return;
+        }
+        this._editorService.changeSpreadsheetFocusState(!1);
+      })
+    ), this._currentUniverService.getAllUniverSheetsInstance().forEach((n) => {
+      const i = n.getUnitId(), s = this._renderManagerService.getRenderById(i), o = s == null ? void 0 : s.engine.getCanvas().getCanvasEle();
+      o != null && lt(o, "mousedown").subscribe((c) => {
+        this._editorService.changeSpreadsheetFocusState(!0), c.stopPropagation();
+      });
     });
   }
+  _initialValueChange() {
+    this.disposeWithMe(
+      this._textSelectionRenderManager.onCompositionupdate$.subscribe(this._valueChange.bind(this))
+    ), this.disposeWithMe(
+      this._textSelectionRenderManager.onInput$.subscribe(this._valueChange.bind(this))
+    ), this.disposeWithMe(
+      this._textSelectionRenderManager.onKeydown$.subscribe(this._valueChange.bind(this))
+    ), this.disposeWithMe(
+      this._textSelectionRenderManager.onPaste$.subscribe(this._valueChange.bind(this))
+    );
+  }
+  _valueChange() {
+    const e = this._currentUniverService.getCurrentUniverDocInstance().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.
    */
   _commandExecutedListener() {
-    const e = [$e.id, kt.id];
+    const e = [Ge.id, on.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = t.params, { unitId: r } = n;
-          if (this._editorService.isSheetEditor(r))
+          const n = t.params, { unitId: i } = n;
+          if (this._editorService.isSheetEditor(i))
             return;
-          this._resize(r);
+          this._resize(i), this._valueChange();
         }
       })
     );
   }
 };
-se = $r([
-  N(A.Rendered, se),
-  q(0, P),
-  q(1, O(ve)),
-  q(2, F),
-  q(3, C),
-  q(4, we)
-], se);
-var wr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Br = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Fr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && wr(e, t, r), r;
-}, re = (i, e) => (t, n) => e(t, n, i);
-let ae = class extends ge {
-  constructor(e, t, n, r) {
+me = Jr([
+  P(U.Rendered, me),
+  Z(0, M),
+  Z(1, v(te)),
+  Z(2, $),
+  Z(3, O),
+  Z(4, de),
+  Z(5, z)
+], me);
+var Qr = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ei(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && Qr(e, t, i), i;
+}, pe = (r, e) => (t, n) => e(t, n, r);
+let ve = class extends ce {
+  constructor(e, t, n, i) {
     super();
-    m(this, "_docRenderMap", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialRenderRefresh(), this._commandExecutedListener();
+    S(this, "_docRenderMap", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = i, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(_e(this.dispose$)).subscribe((e) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(se(this.dispose$)).subscribe((e) => {
       this._create(e);
     });
   }
@@ -1223,70 +1330,70 @@ let ae = class extends ge {
     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: s } = r;
-    s.changeSkeleton(t), this._recalculateSizeBySkeleton(r, t);
+    let i = this._renderManagerService.getRenderById(n);
+    i == null && (this._renderManagerService.create(n), i = this._renderManagerService.getRenderById(n));
+    const { mainComponent: s } = i;
+    s.changeSkeleton(t), this._recalculateSizeBySkeleton(i, t);
   }
   _recalculateSizeBySkeleton(e, t) {
     var u;
-    const { mainComponent: n, scene: r, unitId: s } = e, o = n, a = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
-    if (a == null)
+    const { mainComponent: n, scene: i, unitId: s } = e, o = n, c = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
+    if (c == null)
       return;
-    let c = 0, d = 0;
-    for (let h = 0, g = a.length; h < g; h++) {
-      const f = a[h], { pageWidth: p, pageHeight: l } = f;
-      o.pageLayoutType === Je.VERTICAL ? (d += l, d += o.pageMarginTop, h === g - 1 && (d += o.pageMarginTop), c = Math.max(c, p)) : o.pageLayoutType === Je.HORIZONTAL && (c += p, h !== g - 1 && (c += o.pageMarginLeft), d = Math.max(d, l));
+    let a = 0, d = 0;
+    for (let h = 0, p = c.length; h < p; h++) {
+      const _ = c[h], { pageWidth: f, pageHeight: l } = _;
+      o.pageLayoutType === st.VERTICAL ? (d += l, d += o.pageMarginTop, h === p - 1 && (d += o.pageMarginTop), a = Math.max(a, f)) : o.pageLayoutType === st.HORIZONTAL && (a += f, h !== p - 1 && (a += o.pageMarginLeft), d = Math.max(d, l));
     }
-    o.resize(c, d), this._editorService.isEditor(s) || r.resize(c, d);
+    o.resize(a, d), this._editorService.isEditor(s) || i.resize(a, d);
   }
   _commandExecutedListener() {
-    const e = [$e.id];
+    const e = [Ge.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getSkeletonByUnitId(s);
+          const i = t.params, { unitId: s } = i, o = this._docSkeletonManagerService.getSkeletonByUnitId(s);
           if (o == null)
             return;
-          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(s);
-          if (c == null)
+          const { skeleton: c } = o, a = this._renderManagerService.getRenderById(s);
+          if (a == null)
             return;
-          if (a.calculate(), this._editorService.isEditor(s)) {
-            (n = c.mainComponent) == null || n.makeDirty();
+          if (c.calculate(), this._editorService.isEditor(s)) {
+            (n = a.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._recalculateSizeBySkeleton(c, a);
+          this._recalculateSizeBySkeleton(a, c);
         }
       })
     );
   }
 };
-ae = Br([
-  N(A.Rendered, ae),
-  re(0, O(ve)),
-  re(1, ee),
-  re(2, C),
-  re(3, F)
-], ae);
-var jr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Wr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? zr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && jr(e, t, r), r;
-}, Te = (i, e) => (t, n) => e(t, n, i);
-let ce = class extends ge {
+ve = ti([
+  P(U.Rendered, ve),
+  pe(0, v(te)),
+  pe(1, z),
+  pe(2, O),
+  pe(3, $)
+], ve);
+var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, ii = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ri(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && ni(e, t, i), i;
+}, Ae = (r, e) => (t, n) => e(t, n, r);
+let Ce = class extends ce {
   constructor(e, t, n) {
     super();
-    m(this, "_scene");
-    m(this, "_currentDocumentModel");
-    m(this, "_fps$", new vn(""));
-    m(this, "fps$", this._fps$.asObservable());
+    S(this, "_scene");
+    S(this, "_currentDocumentModel");
+    S(this, "_fps$", new $n(""));
+    S(this, "fps$", this._fps$.asObservable());
     this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(_e(this.dispose$)).subscribe((e) => {
+    this._renderManagerService.createRender$.pipe(se(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._currentUniverService.currentDoc$.pipe(_e(this.dispose$)).subscribe((e) => {
+    }), this._currentUniverService.currentDoc$.pipe(se(this.dispose$)).subscribe((e) => {
       this._create(e == null ? void 0 : e.getUnitId());
     }), this._currentUniverService.getAllUniverDocsInstance().forEach((e) => {
       this._create(e.getUnitId());
@@ -1302,62 +1409,62 @@ let ce = class extends ge {
     t != null && (this._currentDocumentModel = t, this._renderManagerService.has(e) || this._addNewRender());
   }
   _addNewRender() {
-    const e = this._currentDocumentModel, t = e.getUnitId(), n = e.getContainer(), r = e.getParentRenderUnitId();
-    if (n != null && r != null)
+    const e = this._currentDocumentModel, t = e.getUnitId(), n = e.getContainer(), i = e.getParentRenderUnitId();
+    if (n != null && i != null)
       throw new Error("container or parentRenderUnitId can only exist one");
-    n == null && r != null ? this._renderManagerService.createRenderWithParent(t, r) : this._renderManagerService.createRender(t);
+    n == null && i != null ? this._renderManagerService.createRenderWithParent(t, i) : this._renderManagerService.createRender(t);
     const s = this._renderManagerService.getRenderById(t);
     if (s == null)
       return;
-    const { scene: o, engine: a } = s;
+    const { scene: o, engine: c } = s;
     o.openTransformer(), this._scene = o;
-    const c = new un(Ae.VIEW_MAIN, o, {
+    const a = new In(Pe.VIEW_MAIN, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    o.attachControl(), o.on(hn.wheel, (h, g) => {
-      const f = h;
-      if (f.ctrlKey) {
-        const p = Math.abs(f.deltaX);
-        let l = p < 40 ? 0.2 : p < 80 ? 0.4 : 0.2;
-        l *= f.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (l /= 2), o.scaleX + l > 4 ? o.scale(4, 4) : o.scaleX + l < 0.1 ? o.scale(0.1, 0.1) : f.preventDefault();
+    o.attachControl(), o.on(Mn.wheel, (h, p) => {
+      const _ = h;
+      if (_.ctrlKey) {
+        const f = Math.abs(_.deltaX);
+        let l = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
+        l *= _.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (l /= 2), o.scaleX + l > 4 ? o.scale(4, 4) : o.scaleX + l < 0.1 ? o.scale(0.1, 0.1) : _.preventDefault();
       } else
-        c.onMouseWheel(f, g);
-    }), this._configService.getConfig("hasScroll") !== !1 && new Me(c), o.addLayer(
-      new Qe(o, [], Ze),
-      new Qe(o, [], an)
-    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && a.runRenderLoop(() => {
-      o.render(), this._fps$.next(Math.round(a.getFps()).toString());
+        a.onMouseWheel(_, p);
+    }), this._configService.getConfig("hasScroll") !== !1 && new je(a), o.addLayer(
+      new ct(o, [], rt),
+      new ct(o, [], Cn)
+    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && c.runRenderLoop(() => {
+      o.render(), this._fps$.next(Math.round(c.getFps()).toString());
     }), this._renderManagerService.setCurrent(t);
   }
   _addComponent(e) {
-    const t = this._scene, n = this._currentDocumentModel, r = new _n(qe.MAIN, void 0, {
+    const t = this._scene, n = this._currentDocumentModel, i = new yn(it.MAIN, void 0, {
       pageMarginLeft: n.documentStyle.marginLeft || 0,
       pageMarginTop: n.documentStyle.marginTop || 0
     });
-    r.zIndex = cn, e.mainComponent = r, e.components.set(qe.MAIN, r), t.addObjects([r], Ze);
+    i.zIndex = On, e.mainComponent = i, e.components.set(it.MAIN, i), t.addObjects([i], rt);
   }
 };
-ce = Wr([
-  N(A.Starting, ce),
-  Te(0, ee),
-  Te(1, It),
-  Te(2, P)
-], ce);
-var Vr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, kr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Hr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Vr(e, t, r), r;
-}, j = (i, e) => (t, n) => e(t, n, i);
-let le = class extends V {
-  constructor(e, t, n, r, s, o) {
+Ce = ii([
+  P(U.Starting, Ce),
+  Ae(0, z),
+  Ae(1, Bt),
+  Ae(2, M)
+], Ce);
+var oi = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ci = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? si(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && oi(e, t, i), i;
+}, q = (r, e) => (t, n) => e(t, n, r);
+let Oe = class extends Y {
+  constructor(e, t, n, i, s, o) {
     super();
-    m(this, "_liquid", new pn());
-    m(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = s, this._editorService = o, this._initialize(), this._commandExecutedListener();
+    S(this, "_liquid", new En());
+    S(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = i, this._floatingObjectManagerService = s, this._editorService = o, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._updateOnPluginChange();
@@ -1367,129 +1474,129 @@ let le = class extends V {
       const t = this._docSkeletonManagerService.getCurrent();
       if (t == null)
         return;
-      const { unitId: n, skeleton: r } = t, s = this._renderManagerService.getRenderById(n);
+      const { unitId: n, skeleton: i } = t, s = this._renderManagerService.getRenderById(n);
       if (s == null)
         return;
-      const { mainComponent: o, components: a, scene: c } = s, d = o, { left: u, top: h } = d;
-      e.forEach((g) => {
-        const { unitId: f, subUnitId: p, floatingObjectId: l, floatingObject: _ } = g, { left: v = 0, top: T = 0, width: k = 0, height: Y = 0, angle: X, flipX: je, flipY: ze, skewX: We, skewY: Ve } = _, x = this._pageMarginCache.get(l), St = (x == null ? void 0 : x.marginLeft) || 0, vt = (x == null ? void 0 : x.marginTop) || 0;
-        r == null || r.getViewModel().getDataModel().updateDrawing(l, {
-          left: v - u - St,
-          top: T - h - vt,
-          height: Y,
-          width: k
+      const { mainComponent: o, components: c, scene: a } = s, d = o, { left: u, top: h } = d;
+      e.forEach((p) => {
+        const { unitId: _, subUnitId: f, floatingObjectId: l, floatingObject: g } = p, { left: C = 0, top: R = 0, width: w = 0, height: F = 0, angle: B, flipX: X, flipY: G, skewX: he, skewY: _e } = g, b = this._pageMarginCache.get(l), xt = (b == null ? void 0 : b.marginLeft) || 0, Pt = (b == null ? void 0 : b.marginTop) || 0;
+        i == null || i.getViewModel().getDataModel().updateDrawing(l, {
+          left: C - u - xt,
+          top: R - h - Pt,
+          height: F,
+          width: w
         });
-      }), r == null || r.calculate(), o == null || o.makeDirty();
+      }), i == null || i.calculate(), o == null || o.makeDirty();
     });
   }
   _initialRenderRefresh() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (e == null)
         return;
-      const { skeleton: t, unitId: n } = e, r = this._renderManagerService.getRenderById(n);
-      if (r == null)
+      const { skeleton: t, unitId: n } = e, i = this._renderManagerService.getRenderById(n);
+      if (i == null)
         return;
-      const { mainComponent: s } = r;
-      s.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
+      const { mainComponent: s } = i;
+      s.changeSkeleton(t), this._refreshFloatingObject(n, t, i);
     });
   }
   _commandExecutedListener() {
-    const e = [$e.id, ut.id];
+    const e = [Ge.id, Ze.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getCurrent();
+          const i = t.params, { unitId: s } = i, o = this._docSkeletonManagerService.getCurrent();
           if (o == null)
             return;
-          const { unitId: a, skeleton: c } = o;
-          if (s !== a)
+          const { unitId: c, skeleton: a } = o;
+          if (s !== c)
             return;
-          const d = this._renderManagerService.getRenderById(a);
+          const d = this._renderManagerService.getRenderById(c);
           if (d == null)
             return;
-          if (this._editorService.isEditor(a)) {
+          if (this._editorService.isEditor(c)) {
             (n = d.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._refreshFloatingObject(a, c, d);
+          this._refreshFloatingObject(c, a, d);
         }
       })
     );
   }
   _refreshFloatingObject(e, t, n) {
-    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, a = s;
-    if (!r)
+    const i = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, c = s;
+    if (!i)
       return;
-    const { left: c, top: d, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: g } = a, { pages: f } = r, p = [];
+    const { left: a, top: d, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: p } = c, { pages: _ } = i, f = [];
     o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let l = 0, _ = f.length; l < _; l++) {
-      const v = f[l], { skeDrawings: T, marginLeft: k, marginTop: Y } = v;
-      this._liquid.translatePagePadding(v), T.forEach((X) => {
-        const { aLeft: je, aTop: ze, height: We, width: Ve, objectId: x } = X;
-        p.push({
+    for (let l = 0, g = _.length; l < g; l++) {
+      const C = _[l], { skeDrawings: R, marginLeft: w, marginTop: F } = C;
+      this._liquid.translatePagePadding(C), R.forEach((B) => {
+        const { aLeft: X, aTop: G, height: he, width: _e, objectId: b } = B;
+        f.push({
           unitId: e,
-          subUnitId: yt,
-          floatingObjectId: x,
+          subUnitId: jt,
+          floatingObjectId: b,
           floatingObject: {
-            left: je + c + this._liquid.x,
-            top: ze + d + this._liquid.y,
-            width: Ve,
-            height: We
+            left: X + a + this._liquid.x,
+            top: G + d + this._liquid.y,
+            width: _e,
+            height: he
           }
-        }), this._pageMarginCache.set(x, {
+        }), this._pageMarginCache.set(b, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.translatePage(v, u, h, g);
+      }), this._liquid.translatePage(C, u, h, p);
     }
-    this._floatingObjectManagerService.BatchAddOrUpdate(p);
+    this._floatingObjectManagerService.BatchAddOrUpdate(f);
   }
 };
-le = kr([
-  N(A.Steady, le),
-  j(0, O(ve)),
-  j(1, P),
-  j(2, ee),
-  j(3, C),
-  j(4, Mt),
-  j(5, F)
-], le);
-var Yr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Xr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Yr(e, t, r), r;
-}, be = (i, e) => (t, n) => e(t, n, i);
-const Zr = "rgba(198, 198, 198, 1)", qr = "rgba(255, 255, 255, 1)";
-let de = class extends V {
-  constructor(i, e, t) {
-    super(), this._renderManagerService = i, this._editorService = e, this._currentUniverService = t, this._initialize(), this._commandExecutedListener();
+Oe = ci([
+  P(U.Steady, Oe),
+  q(0, v(te)),
+  q(1, M),
+  q(2, z),
+  q(3, O),
+  q(4, Wt),
+  q(5, $)
+], Oe);
+var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, di = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? li(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && ai(e, t, i), i;
+}, we = (r, e) => (t, n) => e(t, n, r);
+const ui = "rgba(198, 198, 198, 1)", hi = "rgba(255, 255, 255, 1)";
+let Re = class extends Y {
+  constructor(r, e, t) {
+    super(), this._renderManagerService = r, this._editorService = e, this._currentUniverService = t, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh();
   }
   _initialRenderRefresh() {
-    this._renderManagerService.currentRender$.subscribe((i) => {
+    this._renderManagerService.currentRender$.subscribe((r) => {
       var s;
-      if (i == null)
+      if (r == null)
         return;
-      const e = this._renderManagerService.getRenderById(i);
-      if (this._editorService.isEditor(i) || this._currentUniverService.getUniverDocInstance(i) == null || e == null)
+      const e = this._renderManagerService.getRenderById(r);
+      if (this._editorService.isEditor(r) || this._currentUniverService.getUniverDocInstance(r) == null || e == null)
         return;
-      const { mainComponent: t } = e, n = t, r = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
+      const { mainComponent: t } = e, n = t, i = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
       this.disposeWithMe(
-        he(
+        N(
           n.onPageRenderObservable.add((o) => {
-            var l, _, v, T;
-            if (this._editorService.isEditor(i))
+            var l, g, C, R;
+            if (this._editorService.isEditor(r))
               return;
-            const { page: a, pageLeft: c, pageTop: d, ctx: u } = o, { width: h, pageWidth: g, height: f, pageHeight: p } = a;
-            u.save(), u.translate(c - 0.5, d - 0.5), gn.drawWith(u, {
-              width: (_ = (l = r == null ? void 0 : r.width) != null ? l : g) != null ? _ : h,
-              height: (T = (v = r == null ? void 0 : r.height) != null ? v : p) != null ? T : f,
+            const { page: c, pageLeft: a, pageTop: d, ctx: u } = o, { width: h, pageWidth: p, height: _, pageHeight: f } = c;
+            u.save(), u.translate(a - 0.5, d - 0.5), Dn.drawWith(u, {
+              width: (g = (l = i == null ? void 0 : i.width) != null ? l : p) != null ? g : h,
+              height: (R = (C = i == null ? void 0 : i.height) != null ? C : f) != null ? R : _,
               strokeWidth: 1,
-              stroke: Zr,
-              fill: qr,
+              stroke: ui,
+              fill: hi,
               zIndex: 3
             }), u.restore();
           })
@@ -1500,22 +1607,22 @@ let de = class extends V {
   _commandExecutedListener() {
   }
 };
-de = Gr([
-  N(A.Rendered, de),
-  be(0, ee),
-  be(1, F),
-  be(2, P)
-], de);
-var Kr = Object.defineProperty, Jr = Object.getOwnPropertyDescriptor, Qr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Jr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Kr(e, t, r), r;
-}, z = (i, e) => (t, n) => e(t, n, i);
-let ue = class extends V {
-  constructor(e, t, n, r, s, o) {
+Re = di([
+  P(U.Rendered, Re),
+  we(0, z),
+  we(1, $),
+  we(2, M)
+], Re);
+var _i = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, pi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? gi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && _i(e, t, i), i;
+}, K = (r, e) => (t, n) => e(t, n, r);
+let be = class extends Y {
+  constructor(e, t, n, i, s, o) {
     super();
-    m(this, "_initializedRender", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = s, this._editorService = o, this._initialize();
+    S(this, "_initializedRender", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = i, this._textSelectionManagerService = s, this._editorService = o, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -1531,20 +1638,20 @@ let ue = class extends V {
       if (n == null || this._initializedRender.has(t) || this._editorService.isEditor(t))
         return;
       this._initializedRender.add(t);
-      const { scene: r } = n;
+      const { scene: i } = n;
       this.disposeWithMe(
-        he(
-          r.onMouseWheelObserver.add((s) => {
+        N(
+          i.onMouseWheelObserver.add((s) => {
             if (!s.ctrlKey)
               return;
             const o = Math.abs(s.deltaX);
-            let a = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
-            a *= s.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (a /= 2);
-            const c = this._currentUniverService.getCurrentUniverDocInstance(), d = c.zoomRatio;
-            let u = +Number.parseFloat(`${d + a}`).toFixed(1);
-            u = u >= 4 ? 4 : u <= 0.1 ? 0.1 : u, this._commandService.executeCommand(ln.id, {
+            let c = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
+            c *= s.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (c /= 2);
+            const a = this._currentUniverService.getCurrentUniverDocInstance(), d = a.zoomRatio;
+            let u = +Number.parseFloat(`${d + c}`).toFixed(1);
+            u = u >= 4 ? 4 : u <= 0.1 ? 0.1 : u, this._commandService.executeCommand(Rn.id, {
               zoomRatio: u,
-              unitId: c.getUnitId()
+              unitId: a.getUnitId()
             }), s.preventDefault();
           })
         )
@@ -1560,7 +1667,7 @@ let ue = class extends V {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      he(
+      N(
         this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
           if (e == null)
             return;
@@ -1571,11 +1678,11 @@ let ue = class extends V {
     );
   }
   _commandExecutedListener() {
-    const e = [ut.id];
+    const e = [Ze.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = this._currentUniverService.getCurrentUniverDocInstance(), r = t.params, { unitId: s } = r;
+          const n = this._currentUniverService.getCurrentUniverDocInstance(), i = t.params, { unitId: s } = i;
           if (s !== n.getUnitId())
             return;
           const o = n.zoomRatio || 1;
@@ -1585,49 +1692,228 @@ let ue = class extends V {
     );
   }
   _updateViewZoom(e, t = !0) {
-    var r;
+    var i;
     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(), (i = n.scene.getTransformer()) == null || i.hideControl());
   }
   _calculatePagePosition(e, t) {
-    const { document: n, scene: r } = e, s = r == null ? void 0 : r.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
-    if (s == null || o === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
+    const { document: n, scene: i } = e, s = i == null ? void 0 : i.getParent(), { width: o, height: c, pageMarginLeft: a, pageMarginTop: d } = n;
+    if (s == null || o === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
       return;
     const { width: u, height: h } = s;
-    let g = 0, f = 0, p = 0, l = 0, _ = Number.POSITIVE_INFINITY;
-    u > (o + c * 2) * t ? (g = u / 2 - o * t / 2, g /= t, p = (u - c * 2) / t, _ = 0) : (g = c, p = o + c * 2, _ = (p - u / t) / 2), h > a ? (f = h / 2 - a / 2, l = (h - d * 2) / t) : (f = d, l = a + d * 2), r.resize(p, l + 200), n.translate(g, f);
-    const v = r.getViewport(Ae.VIEW_MAIN);
-    if (_ !== Number.POSITIVE_INFINITY && v != null) {
-      const T = v.getBarScroll(_, 0).x;
-      v.scrollTo({
-        x: T
+    let p = 0, _ = 0, f = 0, l = 0, g = Number.POSITIVE_INFINITY;
+    u > (o + a * 2) * t ? (p = u / 2 - o * t / 2, p /= t, f = (u - a * 2) / t, g = 0) : (p = a, f = o + a * 2, g = (f - u / t) / 2), h > c ? (_ = h / 2 - c / 2, l = (h - d * 2) / t) : (_ = d, l = c + d * 2), i.resize(f, l + 200), n.translate(p, _);
+    const C = i.getViewport(Pe.VIEW_MAIN);
+    if (g !== Number.POSITIVE_INFINITY && C != null) {
+      const R = C.getBarScroll(g, 0).x;
+      C.scrollTo({
+        x: R
       });
     }
     return this;
   }
   _getDocObject() {
-    return dn(this._currentUniverService, this._renderManagerService);
+    return Rt(this._currentUniverService, this._renderManagerService);
+  }
+};
+be = pi([
+  P(U.Rendered, be),
+  K(0, v(te)),
+  K(1, M),
+  K(2, O),
+  K(3, z),
+  K(4, v(le)),
+  K(5, $)
+], be);
+var fi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, mi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Si(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && fi(e, t, i), i;
+}, H = (r, e) => (t, n) => e(t, n, r);
+let Te = class extends Y {
+  constructor(e, t, n, i, s, o, c) {
+    super();
+    S(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = i, this._textSelectionRenderManager = s, this._textSelectionManagerService = o, this._editorService = c, this._initialize();
+  }
+  _initialize() {
+    this._init(), this._skeletonListener(), this._commandExecutedListener();
+  }
+  _init() {
+    this.disposeWithMe(
+      this._renderManagerService.currentRender$.subscribe((e) => {
+        this._create(e);
+      })
+    ), this._renderManagerService.getRenderAll().forEach((e, t) => {
+      this._create(t);
+    });
+  }
+  _create(e) {
+    if (e == null || this._currentUniverService.getUniverDocInstance(e) == null)
+      return;
+    const t = this._getDocObjectById(e);
+    t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
+  }
+  _initialMain(e) {
+    const t = this._getDocObjectById(e);
+    if (t == null)
+      return;
+    const { document: n, scene: i } = t;
+    this.disposeWithMe(
+      N(
+        n.onPointerEnterObserver.add(() => {
+          this._isEditorReadOnly(e) || (n.cursor = at.TEXT);
+        })
+      )
+    ), this.disposeWithMe(
+      N(
+        n.onPointerLeaveObserver.add(() => {
+          n.cursor = at.DEFAULT, i.resetCursor();
+        })
+      )
+    ), this.disposeWithMe(
+      N(
+        n == null ? void 0 : n.onPointerDownObserver.add((s, o) => {
+          if (this._isEditorReadOnly(e))
+            return;
+          this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._editorService.getEditor(e) ? setTimeout(() => {
+            this._textSelectionRenderManager.eventTrigger(s), this._setEditorFocus(e);
+          }, 0) : this._textSelectionRenderManager.eventTrigger(s), s.button !== 2 && o.stopPropagation();
+        })
+      )
+    ), this.disposeWithMe(
+      N(
+        n == null ? void 0 : n.onDblclickObserver.add((s) => {
+          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleDblClick(s);
+        })
+      )
+    ), this.disposeWithMe(
+      N(
+        n == null ? void 0 : n.onTripleClickObserver.add((s) => {
+          this._isEditorReadOnly(e) || this._textSelectionRenderManager.handleTripleClick(s);
+        })
+      )
+    );
+  }
+  _isEditorReadOnly(e) {
+    const t = this._editorService.getEditor(e);
+    return t ? t.isReadOnly() : !1;
+  }
+  _setEditorFocus(e) {
+    if (this._currentUniverService.getAllUniverSheetsInstance().length > 0) {
+      const n = this._currentUniverService.getCurrentUniverSheetInstance();
+      this._editorService.setOperationSheetUnitId(n.getUnitId());
+    }
+    this._editorService.focusStyle(e);
+  }
+  _commandExecutedListener() {
+    const e = [Ze.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        var n;
+        if (e.includes(t.id)) {
+          const i = t.params, { unitId: s } = i, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          if (s !== o)
+            return;
+          this._textSelectionManagerService.refreshSelection();
+        }
+      })
+    );
+  }
+  _skeletonListener() {
+    this.disposeWithMe(
+      this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+        if (e == null)
+          return;
+        const { unitId: t, skeleton: n } = e, i = this._renderManagerService.getRenderById(t);
+        if (i == null)
+          return;
+        const { scene: s, mainComponent: o } = i;
+        this._textSelectionRenderManager.changeRuntime(n, s, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+          unitId: t,
+          subUnitId: ""
+        });
+      })
+    );
+  }
+  _getDocObjectById(e) {
+    return bn(e, this._renderManagerService);
+  }
+};
+Te = mi([
+  P(U.Rendered, Te),
+  H(0, v(te)),
+  H(1, M),
+  H(2, O),
+  H(3, z),
+  H(4, de),
+  H(5, v(le)),
+  H(6, $)
+], Te);
+var vi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Oi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && vi(e, t, i), i;
+}, ie = (r, e) => (t, n) => e(t, n, r);
+const pt = 1.5;
+let Ie = class extends ce {
+  constructor(r, e, t, n, i) {
+    super(), this._docSkeletonManagerService = r, this._textSelectionManagerService = e, this._editorService = t, this._currentUniverService = n, this._renderManagerService = i, this._init();
+  }
+  _init() {
+    this._textSelectionManagerService.textSelection$.pipe(se(this.dispose$)).subscribe((r) => {
+      if (r == null)
+        return;
+      const { isEditing: e, unitId: t } = r;
+      e && this._scrollToSelection(t);
+    });
+  }
+  // Let the selection show on the current screen.
+  _scrollToSelection(r) {
+    var b;
+    const e = this._textSelectionManagerService.getActiveRange(), t = this._getDocObject(), n = (b = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : b.skeleton;
+    if (e == null || t == null || n == null)
+      return;
+    const { collapsed: i, startNodePosition: s } = e;
+    if (!i)
+      return;
+    const o = t.document.getOffsetConfig(), { docsLeft: c, docsTop: a } = o, d = new xn(o, n), { contentBoxPointGroup: u } = d.getRangePointData(s, s), { left: h, top: p, height: _ } = Pn(u), f = h + c, l = p + a, g = t.scene.getViewport(Pe.VIEW_MAIN), C = !!this._editorService.getEditor(r);
+    if (g == null)
+      return;
+    const {
+      left: R,
+      top: w,
+      right: F,
+      bottom: B
+    } = g.getBounding().viewBound;
+    let X = 0, G = 0;
+    const he = C ? 0 : 100;
+    l < w ? X = l - w : l > B - _ && (X = l - B + _ + he), f < R ? G = f - R : f > F - pt && (G = f - F + pt);
+    const _e = g.getBarScroll(G, X);
+    g.scrollBy(_e);
+  }
+  _getDocObject() {
+    return Rt(this._currentUniverService, this._renderManagerService);
   }
 };
-ue = Qr([
-  N(A.Rendered, ue),
-  z(0, O(ve)),
-  z(1, P),
-  z(2, C),
-  z(3, ee),
-  z(4, O(Ne)),
-  z(5, F)
-], ue);
-var ei = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ni = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ti(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ei(e, t, r), r;
-}, Ie = (i, e) => (t, n) => e(t, n, i), ye;
-let it = (ye = class extends Et {
-  constructor(i, e, t, n) {
-    super(Tn), this._config = i, this._injector = e, this._localeService = t, this._logService = n, this._localeService.load({
-      zhCN: lr
-    }), this._config = at.deepMerge({}, Rn, this._config), this._initDependencies(e), this._initializeCommands();
+Ie = Oi([
+  P(U.Rendered, Ie),
+  ie(0, v(te)),
+  ie(1, v(le)),
+  ie(2, $),
+  ie(3, M),
+  ie(4, z)
+], Ie);
+var Ri = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Ti = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? bi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (n ? o(e, t, i) : o(i)) || i);
+  return n && i && Ri(e, t, i), i;
+}, Fe = (r, e) => (t, n) => e(t, n, r), Be;
+let ft = (Be = class extends zt {
+  constructor(r, e, t, n) {
+    super(Bn), this._config = r, this._injector = e, this._localeService = t, this._logService = n, this._localeService.load({
+      zhCN: Mr
+    }), this._config = He.deepMerge({}, Fn, this._config), this._initDependencies(e), this._initializeCommands();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
@@ -1636,76 +1922,78 @@ let it = (ye = class extends Et {
   }
   _initializeCommands() {
     [
-      bn,
-      In,
-      Mn,
-      yn,
-      En,
-      Dn,
-      xn,
-      Pn,
-      Ln,
-      ur,
-      hr,
-      dr
-    ].forEach((i) => {
-      this._injector.get(Yt).registerShortcut(i);
+      Wn,
+      zn,
+      kn,
+      Vn,
+      Hn,
+      Yn,
+      Xn,
+      Gn,
+      Zn,
+      Er,
+      Dr,
+      yr
+    ].forEach((r) => {
+      this._injector.get(sn).registerShortcut(r);
     });
   }
-  _initDependencies(i) {
+  _initDependencies(r) {
     [
       // Controller
-      [ie],
-      [oe],
-      [se],
-      [ae],
-      [le],
-      [de],
-      [ue],
+      [fe],
+      [Se],
+      [me],
+      [ve],
+      [Oe],
+      [Re],
+      [be],
+      [Te],
+      [Ie],
       [
         // controllers
-        K,
+        oe,
         {
-          useFactory: () => this._injector.createInstance(K, this._config)
+          useFactory: () => this._injector.createInstance(oe, this._config)
         }
       ],
       [
-        te,
+        ue,
         {
-          useClass: De
+          useClass: ze
         }
       ],
       // Render views
-      [ce]
+      [Ce]
     ].forEach((t) => {
-      i.add(t);
+      r.add(t);
     });
   }
   _markDocAsFocused() {
-    const i = this._injector.get(P), e = this._injector.get(F);
+    const r = this._injector.get(M), e = this._injector.get($);
     try {
-      const t = i.getCurrentUniverDocInstance(), n = t.getUnitId();
-      e.isEditor(n) || i.focusUniverInstance(t.getUnitId());
+      const t = r.getCurrentUniverDocInstance(), n = t.getUnitId();
+      e.isEditor(n) || r.focusUniverInstance(t.getUnitId());
     } catch (t) {
       this._logService.warn(t);
     }
   }
   _initModules() {
-    this._injector.get(K);
-  }
-}, m(ye, "type", Dt.Doc), ye);
-it = ni([
-  Ie(1, O(fe)),
-  Ie(2, O(Pe)),
-  Ie(3, ct)
-], it);
+    this._injector.get(oe);
+  }
+}, S(Be, "type", Vt.Doc), Be);
+ft = Ti([
+  Fe(1, v(Ee)),
+  Fe(2, v(ke)),
+  Fe(3, mt)
+], ft);
 export {
-  Tn as DOC_UI_PLUGIN_NAME,
-  On as DefaultDocContainerConfig,
-  Rn as DefaultDocUiConfig,
-  Cn as DefaultToolbarConfig,
-  ce as DocCanvasView,
-  it as UniverDocsUIPlugin,
-  _i as enUS,
-  lr as zhCN
+  Bn as DOC_UI_PLUGIN_NAME,
+  wn as DefaultDocContainerConfig,
+  Fn as DefaultDocUiConfig,
+  An as DefaultToolbarConfig,
+  Ce as DocCanvasView,
+  ft as UniverDocsUIPlugin,
+  $i as enUS,
+  Mr as zhCN
 };