@univerjs/docs-ui 0.1.0-beta.4 → 0.1.1

package/lib/es/index.js

@@ -1,13 +1,16 @@
-var K = Object.defineProperty;
-var G = (e, n, t) => n in e ? K(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var h = (e, n, t) => (G(e, typeof n != "symbol" ? n + "" : n, t), t);
-import { LocaleService as U, ICommandService as O, BooleanNumber as M, UniverInstanceType as a, BaselineOffset as j, ThemeService as V, IUniverInstanceService as w, Disposable as X, OnLifecycle as q, LifecycleStages as J, Plugin as Q, Tools as k, PluginType as ee, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as te, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as ne, ILogService as oe } from "@univerjs/core";
-import { Inject as f, Injector as F } from "@wendellhu/redi";
-import { MenuGroup as d, MenuItemType as u, MenuPosition as _, getMenuHiddenObservable as p, FONT_FAMILY_LIST as E, FONT_SIZE_LIST as ie, FontFamily as re, FontFamilyItem as se, FontSize as ce, ComponentManager as le, IShortcutService as ae, IMenuService as de, IUIController as ue } from "@univerjs/ui";
-import { SetInlineFormatBoldCommand as _e, SetTextSelectionsOperation as C, SetInlineFormatCommand as v, SetInlineFormatItalicCommand as pe, SetInlineFormatUnderlineCommand as Oe, SetInlineFormatStrikethroughCommand as me, SetInlineFormatSubscriptCommand as Te, SetInlineFormatSuperscriptCommand as fe, SetInlineFormatFontFamilyCommand as B, SetInlineFormatFontSizeCommand as N, SetInlineFormatTextColorCommand as P, OrderListCommand as Ce, BulletListCommand as Se, TextSelectionManagerService as he } from "@univerjs/docs";
-import { Observable as T } from "rxjs";
-import { ColorPicker as ge } from "@univerjs/design";
-const ve = {
+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 = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -35,7 +38,7 @@ const ve = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, Re = {
+}, On = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -48,36 +51,100 @@ const ve = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Ie = {
+}, Rn = {
   layout: {
-    docContainerConfig: Re,
-    toolbarConfig: ve
-  }
-}, Me = "DocUI";
-var Fe = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, Le = (e, n, t, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ae(n, t) : n, s = e.length - 1, r; s >= 0; s--)
-    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
-  return i && o && Fe(n, t, o), o;
-}, b = (e, n) => (t, i) => n(t, i, e);
-let D = class {
-  constructor(e, n, t) {
-    h(this, "_docContainer");
+    docContainerConfig: On,
+    toolbarConfig: Cn
+  }
+}, Tn = "DocUI";
+function D(i) {
+  return i.getContextValue(xe) && i.getContextValue(ot);
+}
+const bn = {
+  id: me.id,
+  binding: R.ARROW_UP,
+  preconditions: D,
+  staticParameters: {
+    direction: U.UP
+  }
+}, In = {
+  id: me.id,
+  binding: R.ARROW_DOWN,
+  preconditions: D,
+  staticParameters: {
+    direction: U.DOWN
+  }
+}, yn = {
+  id: me.id,
+  binding: R.ARROW_LEFT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.LEFT
+  }
+}, Mn = {
+  id: me.id,
+  binding: R.ARROW_RIGHT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.RIGHT
+  }
+}, En = {
+  id: Se.id,
+  binding: R.ARROW_UP | Q.SHIFT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.UP
+  }
+}, Dn = {
+  id: Se.id,
+  binding: R.ARROW_DOWN | Q.SHIFT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.DOWN
+  }
+}, xn = {
+  id: Se.id,
+  binding: R.ARROW_LEFT | Q.SHIFT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.LEFT
+  }
+}, Pn = {
+  id: Se.id,
+  binding: R.ARROW_RIGHT | Q.SHIFT,
+  preconditions: D,
+  staticParameters: {
+    direction: U.RIGHT
+  }
+}, Ln = {
+  id: Xt.id,
+  binding: R.A | Q.CTRL_COMMAND,
+  preconditions: (i) => i.getContextValue(ot) && (i.getContextValue(xe) || i.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");
     // 获取SheetContainer组件
-    h(this, "getComponent", (e) => {
-      if (this._docContainer = e, !e.getContentRef().current)
+    m(this, "getComponent", (i) => {
+      if (this._docContainer = i, !i.getContentRef().current)
         throw new Error("container is not ready");
     });
     /**
      * Change language
-     * @param {String} lang new language
+     * @param {string} lang new language
      *
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    h(this, "changeLocale", (e) => {
-      this._localeService.setLocale(e);
+    m(this, "changeLocale", (i) => {
+      this._localeService.setLocale(i);
     });
-    this._config = e, this._localeService = n, this._injector = t;
+    this._config = i, this._localeService = e, this._injector = t;
   }
   getUIConfig() {
     return {
@@ -90,383 +157,429 @@ let D = class {
   getContentRef() {
     return this._docContainer.getContentRef();
   }
-  UIDidMount(e) {
+  UIDidMount(i) {
     if (this._docContainer)
-      return e(this._docContainer);
+      return i(this._docContainer);
   }
   getDocContainer() {
     return this._docContainer;
   }
 };
-D = Le([
-  b(1, f(U)),
-  b(2, f(F))
-], D);
-var xe = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Ue = (e, n, t, i) => {
-  for (var o = i > 1 ? void 0 : i ? De(n, t) : n, s = e.length - 1, r; s >= 0; s--)
-    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
-  return i && o && xe(n, t, o), o;
-}, y = (e, n) => (t, i) => n(t, i, e);
-let R = class {
-  constructor(e, n, t) {
-    h(this, "_docContainerController");
+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) {
+    super();
+    m(this, "_docContainerController");
     /**
      * Change language
-     * @param {String} locale new language
+     * @param {string} locale new language
      *
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    h(this, "changeLocale", (e) => {
+    m(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = n, this._injector = t, this._docContainerController = this._injector.createInstance(D, e);
+    this._localeService = t, this._injector = n, this._textSelectionRenderManager = r, this._layoutService = s, this._docContainerController = this._injector.createInstance(Ee, e), this._registerContainer();
+  }
+  _registerContainer() {
+    this._layoutService && this.disposeWithMe(
+      // the content editable div should be regarded as part of the applications container
+      this._layoutService.registerContainerElement(this._textSelectionRenderManager.__getEditorContainer())
+    );
   }
   getDocContainerController() {
     return this._docContainerController;
   }
 };
-R = Ue([
-  y(1, f(U)),
-  y(2, f(F))
-], R);
-const A = "UI_PLUGIN_DOCS", z = `${A}_COLOR_PICKER_COMPONENT`, Y = `${A}_FONT_FAMILY_COMPONENT`, W = `${A}_FONT_FAMILY_ITEM_COMPONENT`, Z = `${A}_FONT_SIZE_COMPONENT`;
-function Ee(e) {
-  const n = e.get(O);
+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 = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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;
+  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 };
+}
+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);
   return {
-    id: _e.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: Gt.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [_.TOOLBAR_START],
-    activated$: new T((t) => {
-      const i = n.onCommandExecuted((o) => {
-        var r;
-        const s = o.id;
-        if (s === C.id || s === v.id) {
-          const c = S(e);
-          if (c == null)
+    positions: [M.TOOLBAR_START],
+    activated$: new L((t) => {
+      const n = e.onCommandExecuted((r) => {
+        var o;
+        const s = r.id;
+        if (s === $.id || s === H.id) {
+          const a = w(i);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.bl;
-          t.next(l === M.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.bl;
+          t.next(c === S.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return t.next(!1), n.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function Be(e) {
-  const n = e.get(O);
+function qn(i) {
+  const e = i.get(C);
   return {
-    id: pe.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: Zt.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [_.TOOLBAR_START],
-    activated$: new T((t) => {
-      const i = n.onCommandExecuted((o) => {
-        var r;
-        const s = o.id;
-        if (s === C.id || s === v.id) {
-          const c = S(e);
-          if (c == null)
+    positions: [M.TOOLBAR_START],
+    activated$: new L((t) => {
+      const n = e.onCommandExecuted((r) => {
+        var o;
+        const s = r.id;
+        if (s === $.id || s === H.id) {
+          const a = w(i);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.it;
-          t.next(l === M.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.it;
+          t.next(c === S.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return t.next(!1), n.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function Ne(e) {
-  const n = e.get(O);
+function Kn(i) {
+  const e = i.get(C);
   return {
-    id: Oe.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: qt.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [_.TOOLBAR_START],
-    activated$: new T((t) => {
-      const i = n.onCommandExecuted((o) => {
-        var r;
-        const s = o.id;
-        if (s === C.id || s === v.id) {
-          const c = S(e);
-          if (c == null)
+    positions: [M.TOOLBAR_START],
+    activated$: new L((t) => {
+      const n = e.onCommandExecuted((r) => {
+        var o;
+        const s = r.id;
+        if (s === $.id || s === H.id) {
+          const a = w(i);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.ul;
-          t.next((l == null ? void 0 : l.s) === M.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.ul;
+          t.next((c == null ? void 0 : c.s) === S.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return t.next(!1), n.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function Pe(e) {
-  const n = e.get(O);
+function Jn(i) {
+  const e = i.get(C);
   return {
-    id: me.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: Kt.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [_.TOOLBAR_START],
-    activated$: new T((t) => {
-      const i = n.onCommandExecuted((o) => {
-        var r;
-        const s = o.id;
-        if (s === C.id || s === v.id) {
-          const c = S(e);
-          if (c == null)
+    positions: [M.TOOLBAR_START],
+    activated$: new L((t) => {
+      const n = e.onCommandExecuted((r) => {
+        var o;
+        const s = r.id;
+        if (s === $.id || s === H.id) {
+          const a = w(i);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.st;
-          t.next((l == null ? void 0 : l.s) === M.TRUE);
+          const c = (o = a.ts) == null ? void 0 : o.st;
+          t.next((c == null ? void 0 : c.s) === S.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return t.next(!1), n.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function be(e) {
-  const n = e.get(O);
+function Qn(i) {
+  const e = i.get(C);
   return {
-    id: Te.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: Jt.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    positions: [_.TOOLBAR_START],
-    activated$: new T((t) => {
-      const i = n.onCommandExecuted((o) => {
-        var r;
-        const s = o.id;
-        if (s === C.id || s === v.id) {
-          const c = S(e);
-          if (c == null)
+    positions: [M.TOOLBAR_START],
+    activated$: new L((t) => {
+      const n = e.onCommandExecuted((r) => {
+        var o;
+        const s = r.id;
+        if (s === $.id || s === H.id) {
+          const a = w(i);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.va;
-          t.next(l === j.SUBSCRIPT);
+          const c = (o = a.ts) == null ? void 0 : o.va;
+          t.next(c === W.SUBSCRIPT);
         }
       });
-      return t.next(!1), i.dispose;
+      return t.next(!1), n.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function ye(e) {
-  const n = e.get(O);
+function er(i) {
+  const e = i.get(C);
   return {
-    id: fe.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: Qt.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    positions: [_.TOOLBAR_START],
-    activated$: new T((t) => {
-      const i = n.onCommandExecuted((o) => {
-        var r;
-        const s = o.id;
-        if (s === C.id || s === v.id) {
-          const c = S(e);
-          if (c == null)
+    positions: [M.TOOLBAR_START],
+    activated$: new L((t) => {
+      const n = e.onCommandExecuted((r) => {
+        var o;
+        const s = r.id;
+        if (s === $.id || s === H.id) {
+          const a = w(i);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.va;
-          t.next(l === j.SUPERSCRIPT);
+          const c = (o = a.ts) == null ? void 0 : o.va;
+          t.next(c === W.SUPERSCRIPT);
         }
       });
-      return t.next(!1), i.dispose;
+      return t.next(!1), n.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function $e(e) {
-  const n = e.get(O);
+function tr(i) {
+  const e = i.get(C);
   return {
-    id: B.id,
+    id: Ye.id,
     tooltip: "toolbar.font",
-    group: d.TOOLBAR_FORMAT,
-    type: u.SELECTOR,
-    label: Y,
-    positions: [_.TOOLBAR_START],
-    selections: E.map((t) => ({
+    group: I.TOOLBAR_FORMAT,
+    type: y.SELECTOR,
+    label: _t,
+    positions: [M.TOOLBAR_START],
+    selections: ke.map((t) => ({
       label: {
-        name: W,
+        name: pt,
         hoverable: !0
       },
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new T((t) => {
-      const i = E[0].value, o = n.onCommandExecuted((s) => {
-        var c;
-        const r = s.id;
-        if (r === C.id || r === B.id) {
-          const l = S(e);
-          if (l == null)
+    value$: new L((t) => {
+      const n = ke[0].value, r = e.onCommandExecuted((s) => {
+        var a;
+        const o = s.id;
+        if (o === $.id || o === Ye.id) {
+          const c = w(i);
+          if (c == null)
             return;
-          const m = (c = l.ts) == null ? void 0 : c.ff;
-          t.next(m != null ? m : i);
+          const d = (a = c.ts) == null ? void 0 : a.ff;
+          t.next(d != null ? d : n);
         }
       });
-      return t.next(i), o.dispose;
+      return t.next(n), r.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function je(e) {
-  const n = e.get(O);
+function nr(i) {
+  const e = i.get(C);
   return {
-    id: N.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.SELECTOR,
+    id: Xe.id,
+    group: I.TOOLBAR_FORMAT,
+    type: y.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: Z,
+      name: gt,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [_.TOOLBAR_START],
-    selections: ie,
+    positions: [M.TOOLBAR_START],
+    selections: Ut,
     // disabled$,
-    value$: new T((t) => {
-      const o = n.onCommandExecuted((s) => {
-        var c;
-        const r = s.id;
-        if (r === C.id || r === N.id) {
-          const l = S(e);
-          if (l == null)
+    value$: new L((t) => {
+      const r = e.onCommandExecuted((s) => {
+        var a;
+        const o = s.id;
+        if (o === $.id || o === Xe.id) {
+          const c = w(i);
+          if (c == null)
             return;
-          const m = (c = l.ts) == null ? void 0 : c.fs;
-          t.next(m != null ? m : 14);
+          const d = (a = c.ts) == null ? void 0 : a.fs;
+          t.next(d != null ? d : 14);
         }
       });
-      return t.next(14), o.dispose;
+      return t.next(14), r.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
   };
 }
-function we(e) {
-  const n = e.get(O), t = e.get(V);
+function rr(i) {
+  const e = i.get(C), t = i.get(Rt);
   return {
-    id: P.id,
+    id: Ge.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON_SELECTOR,
-    positions: [_.TOOLBAR_START],
+    group: I.TOOLBAR_FORMAT,
+    type: y.BUTTON_SELECTOR,
+    positions: [M.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: z,
+          name: ht,
           hoverable: !1
         }
       }
     ],
-    value$: new T((i) => {
-      const o = t.getCurrentTheme().textColor, s = n.onCommandExecuted((r) => {
-        if (r.id === P.id) {
-          const c = r.params.value;
-          i.next(c != null ? c : o);
+    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);
         }
       });
-      return i.next(o), s.dispose;
+      return n.next(r), s.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: E(i, b.DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function ze(e) {
+function ir(i) {
   return {
-    id: Ce.id,
-    group: d.TOOLBAR_LAYOUT,
-    type: u.BUTTON,
+    id: en.id,
+    group: I.TOOLBAR_LAYOUT,
+    type: y.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [_.TOOLBAR_START],
-    hidden$: p(e, a.DOC)
+    positions: [M.TOOLBAR_START],
+    hidden$: E(i, b.DOC)
   };
 }
-function Ye(e) {
+function or(i) {
   return {
-    id: Se.id,
-    group: d.TOOLBAR_LAYOUT,
-    type: u.BUTTON,
+    id: tn.id,
+    group: I.TOOLBAR_LAYOUT,
+    type: y.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [_.TOOLBAR_START],
-    hidden$: p(e, a.DOC)
+    positions: [M.TOOLBAR_START],
+    hidden$: E(i, b.DOC)
   };
 }
-function S(e) {
-  var l;
-  const n = e.get(w), t = e.get(he), i = n.getCurrentUniverDocInstance(), o = t.getActiveRange();
-  if (i == null || o == null)
+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)
     return;
-  const s = (l = i.getBody()) == null ? void 0 : l.textRuns;
+  const s = (c = n.getBody()) == null ? void 0 : c.textRuns;
   if (s == null)
     return;
-  const { startOffset: r } = o;
-  return s.find(({ st: m, ed: H }) => r >= m && r < H);
+  const { startOffset: o } = r;
+  return s.find(({ st: d, ed: u }) => o >= d && o < u);
 }
-var We = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, He = (e, n, t, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ze(n, t) : n, s = e.length - 1, r; s >= 0; s--)
-    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
-  return i && o && We(n, t, o), o;
-}, g = (e, n) => (t, i) => n(t, i, e);
-let I = class extends X {
-  constructor(e, n, t, i, o, s) {
-    super(), this._injector = e, this._componentManager = n, this._commandService = t, this._shortcutService = i, this._menuService = o, this._uiController = s, this._init();
+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();
   }
   _initCustomComponents() {
-    const e = this._componentManager;
-    this.disposeWithMe(e.register(z, ge)), this.disposeWithMe(e.register(Y, re)), this.disposeWithMe(e.register(W, se)), this.disposeWithMe(e.register(Z, ce));
+    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));
   }
   _initMenus() {
     [
-      Ee,
-      Be,
-      Ne,
-      Pe,
-      be,
-      ye,
-      je,
-      $e,
-      we,
-      ze,
-      Ye
-    ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)));
+      Zn,
+      qn,
+      Kn,
+      Jn,
+      Qn,
+      er,
+      nr,
+      tr,
+      rr,
+      ir,
+      or
+    ].forEach((i) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
     });
   }
   _init() {
-    this._initCustomComponents(), this._initMenus();
+    this._initCustomComponents(), this._initMenus(), this._initDocBackground();
+  }
+  _initDocBackground() {
+    const i = this._currentUniverService.getAllUniverDocsInstance()[0].getUnitId();
+    if (i == null)
+      return;
+    this._editorService.isEditor(i) || this.disposeWithMe(
+      this._uiController.registerContentComponent(() => fn(Gn, this._injector))
+    );
   }
 };
-I = He([
-  q(J.Rendered, I),
-  g(0, f(F)),
-  g(1, f(le)),
-  g(2, O),
-  g(3, ae),
-  g(4, de),
-  g(5, ue)
-], I);
-const ot = {
+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 = {
   toolbar: {
     undo: "Undo",
     redo: "Redo",
@@ -477,6 +590,7 @@ const ot = {
     strikethrough: "Strikethrough",
     subscript: "Subscript",
     superscript: "Superscript",
+    underline: "Underline",
     textColor: {
       main: "Text color",
       right: "Choose color"
@@ -485,7 +599,7 @@ const ot = {
     order: "Ordered list",
     unorder: "Unordered list"
   }
-}, Ke = {
+}, lr = {
   toolbar: {
     undo: "撤销",
     redo: "重做",
@@ -505,61 +619,1093 @@ const ot = {
     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);
+}
+function fr(i) {
+  const e = i.match(/data-copy-id="([^\s]+)"/);
+  return e && e[1] ? e[1] : null;
+}
+class mr {
+  constructor() {
+    m(this, "_cache", new Tt(_r));
+  }
+  set(e, t) {
+    this._cache.set(e, t);
+  }
+  get(e) {
+    return this._cache.get(e);
+  }
+  clear() {
+    this._cache.clear();
+  }
+}
+const tt = new mr();
+function Fe(i) {
+  const e = i.style, t = {}, n = i.tagName.toLowerCase();
+  switch (n) {
+    case "b":
+    case "em":
+    case "strong": {
+      t.bl = S.TRUE;
+      break;
+    }
+    case "s": {
+      t.st = {
+        s: S.TRUE
+      };
+      break;
+    }
+    case "u": {
+      t.ul = {
+        s: S.TRUE
+      };
+      break;
+    }
+    case "i": {
+      t.it = S.TRUE;
+      break;
+    }
+    case "sub":
+    case "sup": {
+      t.va = n === "sup" ? W.SUPERSCRIPT : W.SUBSCRIPT;
+      break;
+    }
+  }
+  for (let r = 0; r < e.length; r++) {
+    const s = e[r], 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);
+        break;
+      }
+      case "font-style": {
+        o === "italic" && (t.it = S.TRUE);
+        break;
+      }
+      case "font-weight": {
+        Number(o) > 400 && (t.bl = S.TRUE);
+        break;
+      }
+      case "text-decoration": {
+        /underline/.test(o) ? t.ul = {
+          s: S.TRUE
+        } : /overline/.test(o) ? t.ol = {
+          s: S.TRUE
+        } : /line-through/.test(o) && (t.st = {
+          s: S.TRUE
+        });
+        break;
+      }
+      case "color": {
+        const a = new He(o);
+        a.isValid && (t.cl = {
+          rgb: a.toRgbString()
+        });
+        break;
+      }
+      case "background-color": {
+        const a = new He(o);
+        a.isValid && (t.bg = {
+          rgb: a.toRgbString()
+        });
+        break;
+      }
+    }
+  }
+  return t;
+}
+function Sr(i) {
+  const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</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);
+}
+const pe = class pe {
+  constructor() {
+    m(this, "_styleCache", /* @__PURE__ */ new Map());
+    m(this, "_styleRules", []);
+    m(this, "_afterProcessRules", []);
+  }
+  static use(e) {
+    if (this._pluginList.includes(e))
+      throw new Error(`Univer paste plugin ${e.name} already added`);
+    this._pluginList.push(e);
+  }
+  convert(e) {
+    const t = pe._pluginList.find((s) => s.checkPasteType(e)), n = Sr(e), r = {
+      dataStream: "",
+      textRuns: []
+    };
+    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, n == null ? void 0 : n.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
+  }
+  _process(e, t, n) {
+    var r;
+    for (const s of t)
+      if (s.nodeType === Node.TEXT_NODE) {
+        const o = (r = s.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
+        let a;
+        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
+          st: n.dataStream.length - o.length,
+          ed: n.dataStream.length,
+          ts: a
+        });
+      } else if (s.nodeType === Node.ELEMENT_NODE) {
+        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => nt(s, h)), c = a ? a.getStyle(s) : Fe(s);
+        this._styleCache.set(s, { ...o, ...c });
+        const { childNodes: d } = s;
+        this._process(s, d, n);
+        const u = this._afterProcessRules.find(
+          ({ filter: h }) => nt(s, h)
+        );
+        u && u.handler(n, s);
+      }
+  }
+};
+m(pe, "_pluginList", []);
+let J = pe;
+const vr = {
+  name: "univer-doc-paste-plugin-lark",
+  checkPasteType(i) {
+    return /lark-record-clipboard/i.test(i);
+  },
+  // TODO: @JOCS, support inline code copy from lark.
+  stylesRules: [
+    {
+      filter: ["s"],
+      getStyle(i) {
+        const e = Fe(i);
+        return {
+          st: {
+            s: S.TRUE
+          },
+          ...e
+        };
+      }
+    }
+  ],
+  afterProcessRules: [
+    {
+      filter(i) {
+        return i.tagName === "DIV" && /ace-line/i.test(i.className);
+      },
+      handler(i) {
+        i.paragraphs == null && (i.paragraphs = []), i.paragraphs.push({
+          startIndex: i.dataStream.length
+        }), i.dataStream += "\r";
+      }
+    }
+  ]
+};
+function Cr(i) {
+  const e = i.style, t = {};
+  for (let n = 0; n < e.length; n++) {
+    const r = e[n], s = e.getPropertyValue(r);
+    switch (r) {
+      case "margin-top": {
+        const o = Number.parseInt(s);
+        t.spaceAbove = /pt/.test(s) ? Ke(o) : o;
+        break;
+      }
+      case "margin-bottom": {
+        const o = Number.parseInt(s);
+        t.spaceBelow = /pt/.test(s) ? Ke(o) : o;
+        break;
+      }
+    }
+  }
+  return Object.getOwnPropertyNames(t).length ? t : null;
+}
+const Or = {
+  name: "univer-doc-paste-plugin-word",
+  checkPasteType(i) {
+    return /word|mso/i.test(i);
+  },
+  stylesRules: [
+    {
+      filter: ["b"],
+      getStyle(i) {
+        const e = Fe(i);
+        return { bl: S.TRUE, ...e };
+      }
+    }
+  ],
+  afterProcessRules: [
+    {
+      filter(i) {
+        return i.tagName === "P" && /mso/i.test(i.className);
+      },
+      handler(i, e) {
+        i.paragraphs == null && (i.paragraphs = []);
+        const t = {
+          startIndex: i.dataStream.length
+        }, n = Cr(e);
+        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.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 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("");
+}
+class Tr {
+  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]);
+    let t = "";
+    for (const n of e)
+      t += '<p className="UniverNormal">', t += rt(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 = [];
+  for (let n = 0; n < e.length; n++)
+    e[n] === "\r" && t.push({ startIndex: n });
+  return {
+    dataStream: e,
+    paragraphs: t
+  };
+}
+const te = Pt("doc.clipboard-service");
+let De = class extends V {
+  constructor(e, t, n, r, 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;
+  }
+  async copy() {
+    const e = this._getDocumentBodyInRanges();
+    try {
+      this._setClipboardData(e);
+    } catch (t) {
+      return this._logService.error("[DocClipboardService] copy failed", t), !1;
+    }
+    return !0;
+  }
+  async cut() {
+    return this._cut();
+  }
+  async paste(e) {
+    const t = await this._generateBodyFromClipboardItems(e);
+    return this._paste(t);
+  }
+  async legacyPaste(e, t) {
+    const n = this._generateBodyFromHtmlAndText(e, t);
+    return this._paste(n);
+  }
+  async _cut() {
+    var s;
+    const {
+      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)
+      return !1;
+    this.copy();
+    try {
+      let o = t;
+      for (const c of r) {
+        const { startOffset: d, endOffset: u } = c;
+        d == null || u == null || u <= t && (o -= u - d);
+      }
+      const a = [
+        {
+          startOffset: o,
+          endOffset: o,
+          style: n
+        }
+      ];
+      return this._commandService.executeCommand(lt.id, { segmentId: e, textRanges: a });
+    } 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();
+    if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || s == null)
+      return !1;
+    try {
+      let a = n;
+      for (const d of s) {
+        const { startOffset: u, endOffset: h } = d;
+        u == null || h == null || h <= n && (a += e.dataStream.length - (h - u));
+      }
+      const c = [
+        {
+          startOffset: a,
+          endOffset: a,
+          style: r
+        }
+      ];
+      return this._commandService.executeCommand(dt.id, { body: e, segmentId: t, textRanges: c });
+    } 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(`
+`) : 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);
+  }
+  addClipboardHook(e) {
+    return this._clipboardHooks.push(e), he(() => {
+      const t = this._clipboardHooks.indexOf(e);
+      t > -1 && this._clipboardHooks.splice(t, 1);
+    });
+  }
+  _getDocumentBodyInRanges() {
+    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)
+        continue;
+      const c = t.sliceBody(s, o);
+      c != null && n.push(c);
+    }
+    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()));
+      return this._generateBodyFromHtmlAndText(t, n);
+    } catch (t) {
+      return Promise.reject(t);
+    }
+  }
+  _generateBodyFromHtmlAndText(e, t) {
+    if (!e) {
+      if (t)
+        return Mr(t);
+      throw new Error("[DocClipboardService] html and text cannot be both empty!");
+    }
+    const n = fr(e);
+    if (n) {
+      const r = tt.get(n);
+      if (r)
+        return r;
+    }
+    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);
+}
+const Be = 999, Er = {
+  id: Wt.id,
+  name: "doc.command.copy",
+  type: Le.COMMAND,
+  multi: !0,
+  priority: Be,
+  preconditions: Re,
+  handler: async (i) => i.get(te).copy()
+}, Dr = {
+  id: Vt.id,
+  name: "doc.command.cut",
+  type: Le.COMMAND,
+  multi: !0,
+  priority: Be,
+  preconditions: Re,
+  handler: async (i) => i.get(te).cut()
+}, xr = {
+  id: Ht.id,
+  name: "doc.command.paste",
+  type: Le.COMMAND,
+  multi: !0,
+  priority: Be,
+  preconditions: Re,
+  handler: async (i) => {
+    const e = i.get(te), n = await i.get(Ue).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();
+  }
+  _init() {
+    [Er, Dr, xr].forEach((i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))), [dt, lt].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i))), this._initLegacyPasteCommand();
+  }
+  _initLegacyPasteCommand() {
+    var i;
+    this._clipboardInterfaceService.supportClipboard || (i = this._textSelectionRenderManager) == null || i.onPaste$.pipe(_e(this.dispose$)).subscribe((e) => {
+      var s, o;
+      if (!Re(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);
+    });
+  }
 };
-var Ge = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, Xe = (e, n, t, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ve(n, t) : n, s = e.length - 1, r; s >= 0; s--)
-    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
-  return i && o && Ge(n, t, o), o;
-}, L = (e, n) => (t, i) => n(t, i, e), x;
-let $ = (x = class extends Q {
-  constructor(e, n, t, i) {
-    super(Me), this._config = e, this._injector = n, this._localeService = t, this._logService = i, this._localeService.load({
-      zhCN: Ke
-    }), this._config = k.deepMerge({}, Ie, this._config), this._initDependencies(n);
+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) {
+    super();
+    m(this, "_initialEditors", /* @__PURE__ */ new Set());
+    this._currentUniverService = e, this._docSkeletonManagerService = t, this._editorService = n, this._commandService = r, this._textSelectionRenderManager = s, this._initialize();
+  }
+  _initialize() {
+    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();
+  }
+  _resize(e) {
+    var k, Y, X;
+    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)
+      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);
+    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());
+  }
+  _initialSetValue() {
+    this._editorService.setValue$.subscribe((e) => {
+      this._commandService.executeCommand(sn.id, {
+        unitId: e.editorUnitId,
+        body: e.body,
+        segmentId: null
+      });
+    });
+  }
+  _initialBlur() {
+    this._editorService.blur$.subscribe(() => {
+      this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.blur();
+    });
+  }
+  _initialFocus() {
+    this._editorService.focus$.subscribe((e) => {
+      this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges([e]);
+    });
+  }
+  /**
+   * Listen to document edits to refresh the size of the normula editor.
+   */
+  _commandExecutedListener() {
+    const e = [$e.id, kt.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        if (e.includes(t.id)) {
+          const n = t.params, { unitId: r } = n;
+          if (this._editorService.isSheetEditor(r))
+            return;
+          this._resize(r);
+        }
+      })
+    );
+  }
+};
+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) {
+    super();
+    m(this, "_docRenderMap", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._renderManagerService = t, this._commandService = n, this._editorService = r, this._initialRenderRefresh(), this._commandExecutedListener();
+  }
+  _initialRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(_e(this.dispose$)).subscribe((e) => {
+      this._create(e);
+    });
+  }
+  _create(e) {
+    if (e == null)
+      return;
+    const { skeleton: t, unitId: n } = e;
+    let r = this._renderManagerService.getRenderById(n);
+    r == null && (this._renderManagerService.create(n), r = this._renderManagerService.getRenderById(n));
+    const { mainComponent: s } = r;
+    s.changeSkeleton(t), this._recalculateSizeBySkeleton(r, t);
+  }
+  _recalculateSizeBySkeleton(e, t) {
+    var u;
+    const { mainComponent: n, scene: r, unitId: s } = e, o = n, a = (u = t.getSkeletonData()) == null ? void 0 : u.pages;
+    if (a == null)
+      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));
+    }
+    o.resize(c, d), this._editorService.isEditor(s) || r.resize(c, d);
+  }
+  _commandExecutedListener() {
+    const e = [$e.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        var n;
+        if (e.includes(t.id)) {
+          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getSkeletonByUnitId(s);
+          if (o == null)
+            return;
+          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(s);
+          if (c == null)
+            return;
+          if (a.calculate(), this._editorService.isEditor(s)) {
+            (n = c.mainComponent) == null || n.makeDirty();
+            return;
+          }
+          this._recalculateSizeBySkeleton(c, a);
+        }
+      })
+    );
+  }
+};
+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 {
+  constructor(e, t, n) {
+    super();
+    m(this, "_scene");
+    m(this, "_currentDocumentModel");
+    m(this, "_fps$", new vn(""));
+    m(this, "fps$", this._fps$.asObservable());
+    this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._initialize();
+  }
+  _initialize() {
+    this._renderManagerService.createRender$.pipe(_e(this.dispose$)).subscribe((e) => {
+      this._create(e);
+    }), this._currentUniverService.currentDoc$.pipe(_e(this.dispose$)).subscribe((e) => {
+      this._create(e == null ? void 0 : e.getUnitId());
+    }), this._currentUniverService.getAllUniverDocsInstance().forEach((e) => {
+      this._create(e.getUnitId());
+    });
+  }
+  dispose() {
+    this._fps$.complete();
+  }
+  _create(e) {
+    if (e == null)
+      return;
+    const t = this._currentUniverService.getUniverDocInstance(e);
+    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)
+      throw new Error("container or parentRenderUnitId can only exist one");
+    n == null && r != null ? this._renderManagerService.createRenderWithParent(t, r) : this._renderManagerService.createRender(t);
+    const s = this._renderManagerService.getRenderById(t);
+    if (s == null)
+      return;
+    const { scene: o, engine: a } = s;
+    o.openTransformer(), this._scene = o;
+    const c = new un(Ae.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();
+      } 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());
+    }), this._renderManagerService.setCurrent(t);
+  }
+  _addComponent(e) {
+    const t = this._scene, n = this._currentDocumentModel, r = new _n(qe.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);
+  }
+};
+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) {
+    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();
+  }
+  _initialize() {
+    this._initialRenderRefresh(), this._updateOnPluginChange();
+  }
+  _updateOnPluginChange() {
+    this._floatingObjectManagerService.pluginUpdate$.subscribe((e) => {
+      const t = this._docSkeletonManagerService.getCurrent();
+      if (t == null)
+        return;
+      const { unitId: n, skeleton: r } = t, 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
+        });
+      }), r == null || r.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)
+        return;
+      const { mainComponent: s } = r;
+      s.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
+    });
+  }
+  _commandExecutedListener() {
+    const e = [$e.id, ut.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        var n;
+        if (e.includes(t.id)) {
+          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getCurrent();
+          if (o == null)
+            return;
+          const { unitId: a, skeleton: c } = o;
+          if (s !== a)
+            return;
+          const d = this._renderManagerService.getRenderById(a);
+          if (d == null)
+            return;
+          if (this._editorService.isEditor(a)) {
+            (n = d.mainComponent) == null || n.makeDirty();
+            return;
+          }
+          this._refreshFloatingObject(a, c, d);
+        }
+      })
+    );
+  }
+  _refreshFloatingObject(e, t, n) {
+    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, a = s;
+    if (!r)
+      return;
+    const { left: c, top: d, pageLayoutType: u, pageMarginLeft: h, pageMarginTop: g } = a, { pages: f } = r, p = [];
+    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({
+          unitId: e,
+          subUnitId: yt,
+          floatingObjectId: x,
+          floatingObject: {
+            left: je + c + this._liquid.x,
+            top: ze + d + this._liquid.y,
+            width: Ve,
+            height: We
+          }
+        }), this._pageMarginCache.set(x, {
+          marginLeft: this._liquid.x,
+          marginTop: this._liquid.y
+        });
+      }), this._liquid.translatePage(v, u, h, g);
+    }
+    this._floatingObjectManagerService.BatchAddOrUpdate(p);
+  }
+};
+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();
+  }
+  _initialize() {
+    this._initialRenderRefresh();
+  }
+  _initialRenderRefresh() {
+    this._renderManagerService.currentRender$.subscribe((i) => {
+      var s;
+      if (i == null)
+        return;
+      const e = this._renderManagerService.getRenderById(i);
+      if (this._editorService.isEditor(i) || this._currentUniverService.getUniverDocInstance(i) == null || e == null)
+        return;
+      const { mainComponent: t } = e, n = t, r = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
+      this.disposeWithMe(
+        he(
+          n.onPageRenderObservable.add((o) => {
+            var l, _, v, T;
+            if (this._editorService.isEditor(i))
+              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,
+              strokeWidth: 1,
+              stroke: Zr,
+              fill: qr,
+              zIndex: 3
+            }), u.restore();
+          })
+        )
+      );
+    });
+  }
+  _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) {
+    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();
+  }
+  dispose() {
+    super.dispose();
+  }
+  _initialize() {
+    this._skeletonListener(), this._commandExecutedListener(), this._initialRenderRefresh();
+  }
+  _initialRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+      if (e == null)
+        return;
+      const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
+      if (n == null || this._initializedRender.has(t) || this._editorService.isEditor(t))
+        return;
+      this._initializedRender.add(t);
+      const { scene: r } = n;
+      this.disposeWithMe(
+        he(
+          r.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, {
+              zoomRatio: u,
+              unitId: c.getUnitId()
+            }), s.preventDefault();
+          })
+        )
+      );
+    });
+  }
+  // private _zoomEventBinding() {
+  //     const scene = this._getDocObject()?.scene;
+  //     if (scene == null) {
+  //         return;
+  //     }
+  //     const viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+  // }
+  _skeletonListener() {
+    this.disposeWithMe(
+      he(
+        this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+          if (e == null)
+            return;
+          const n = this._currentUniverService.getCurrentUniverDocInstance().zoomRatio || 1;
+          this._updateViewZoom(n, !1);
+        })
+      )
+    );
+  }
+  _commandExecutedListener() {
+    const e = [ut.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        if (e.includes(t.id)) {
+          const n = this._currentUniverService.getCurrentUniverDocInstance(), r = t.params, { unitId: s } = r;
+          if (s !== n.getUnitId())
+            return;
+          const o = n.zoomRatio || 1;
+          this._updateViewZoom(o);
+        }
+      })
+    );
+  }
+  _updateViewZoom(e, t = !0) {
+    var r;
+    const n = this._getDocObject();
+    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.scene.getTransformer()) == null || r.hideControl());
+  }
+  _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)
+      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
+      });
+    }
+    return this;
+  }
+  _getDocObject() {
+    return dn(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();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
   }
   onDestroy() {
   }
-  _initDependencies(e) {
+  _initializeCommands() {
+    [
+      bn,
+      In,
+      Mn,
+      yn,
+      En,
+      Dn,
+      xn,
+      Pn,
+      Ln,
+      ur,
+      hr,
+      dr
+    ].forEach((i) => {
+      this._injector.get(Yt).registerShortcut(i);
+    });
+  }
+  _initDependencies(i) {
     [
-      [I],
+      // Controller
+      [ie],
+      [oe],
+      [se],
+      [ae],
+      [le],
+      [de],
+      [ue],
       [
         // controllers
-        R,
+        K,
+        {
+          useFactory: () => this._injector.createInstance(K, this._config)
+        }
+      ],
+      [
+        te,
         {
-          useFactory: () => this._injector.createInstance(R, this._config)
+          useClass: De
         }
-      ]
+      ],
+      // Render views
+      [ce]
     ].forEach((t) => {
-      e.add(t);
+      i.add(t);
     });
   }
   _markDocAsFocused() {
-    const e = this._injector.get(w);
+    const i = this._injector.get(P), e = this._injector.get(F);
     try {
-      const n = e.getCurrentUniverDocInstance(), t = n.getUnitId();
-      t !== te && t !== ne && e.focusUniverInstance(n.getUnitId());
-    } catch (n) {
-      this._logService.warn(n);
+      const t = i.getCurrentUniverDocInstance(), n = t.getUnitId();
+      e.isEditor(n) || i.focusUniverInstance(t.getUnitId());
+    } catch (t) {
+      this._logService.warn(t);
     }
   }
   _initModules() {
-    this._injector.get(R);
-  }
-}, h(x, "type", ee.Doc), x);
-$ = Xe([
-  L(1, f(F)),
-  L(2, f(U)),
-  L(3, oe)
-], $);
+    this._injector.get(K);
+  }
+}, m(ye, "type", Dt.Doc), ye);
+it = ni([
+  Ie(1, O(fe)),
+  Ie(2, O(Pe)),
+  Ie(3, ct)
+], it);
 export {
-  Me as DOC_UI_PLUGIN_NAME,
-  Re as DefaultDocContainerConfig,
-  Ie as DefaultDocUiConfig,
-  ve as DefaultToolbarConfig,
-  $ as UniverDocsUIPlugin,
-  ot as enUS,
-  Ke as zhCN
+  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
 };