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

package/lib/es/index.js

@@ -1,13 +1,14 @@
-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 Le = Object.defineProperty;
+var Ne = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var h = (e, t, n) => (Ne(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { FOCUSING_DOC as m, Direction as b, EDITOR_ACTIVATED as ge, LocaleService as ee, RxDisposable as Ce, ICommandService as _, BooleanNumber as u, UniverInstanceType as S, BaselineOffset as E, ThemeService as Ue, IUniverInstanceService as te, OnLifecycle as Se, LifecycleStages as Oe, Disposable as Te, Tools as ve, LRUMap as Fe, ColorKit as se, ILogService as Re, toDisposable as $e, CommandType as ne, IContextService as we, Plugin as Be, PluginType as je, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as He, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Ve } from "@univerjs/core";
+import { Inject as y, Injector as Y, Optional as We, createIdentifier as ze } from "@wendellhu/redi";
+import { KeyCode as g, MetaKeys as w, LayoutService as Ye, MenuGroup as O, MenuItemType as T, MenuPosition as v, getMenuHiddenObservable as R, FONT_FAMILY_LIST as ae, FONT_SIZE_LIST as ke, ComponentManager as Ge, FontFamily as Ke, FontFamilyItem as Ze, FontSize as Xe, IShortcutService as ye, IMenuService as qe, IUIController as Je, IClipboardInterfaceService as oe, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Qe, HTML_CLIPBOARD_MIME_TYPE as et, CopyCommand as tt, CutCommand as nt, PasteCommand as ot } from "@univerjs/ui";
+import { MoveCursorOperation as k, MoveSelectionOperation as G, SelectAllOperation as rt, SetInlineFormatBoldCommand as it, SetTextSelectionsOperation as x, SetInlineFormatCommand as A, SetInlineFormatItalicCommand as st, SetInlineFormatUnderlineCommand as at, SetInlineFormatStrikethroughCommand as ct, SetInlineFormatSubscriptCommand as lt, SetInlineFormatSuperscriptCommand as dt, SetInlineFormatFontFamilyCommand as ce, SetInlineFormatFontSizeCommand as le, SetInlineFormatTextColorCommand as de, OrderListCommand as ut, BulletListCommand as pt, TextSelectionManagerService as Ie, BreakLineCommand as ht, DeleteLeftCommand as ft, DeleteRightCommand as mt, CutContentCommand as be, InnerPasteCommand as xe } from "@univerjs/docs";
+import { ITextSelectionRenderManager as De } from "@univerjs/engine-render";
+import { ColorPicker as _t } from "@univerjs/design";
+import { Observable as I, takeUntil as gt } from "rxjs";
+const Ct = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -35,7 +36,7 @@ const ve = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, Re = {
+}, St = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -48,19 +49,79 @@ const ve = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Ie = {
+}, Ot = {
   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) {
+    docContainerConfig: St,
+    toolbarConfig: Ct
+  }
+}, Tt = "DocUI", vt = {
+  id: k.id,
+  binding: g.ARROW_UP,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.UP
+  }
+}, Rt = {
+  id: k.id,
+  binding: g.ARROW_DOWN,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.DOWN
+  }
+}, yt = {
+  id: k.id,
+  binding: g.ARROW_LEFT,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.LEFT
+  }
+}, It = {
+  id: k.id,
+  binding: g.ARROW_RIGHT,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.RIGHT
+  }
+}, bt = {
+  id: G.id,
+  binding: g.ARROW_UP | w.SHIFT,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.UP
+  }
+}, xt = {
+  id: G.id,
+  binding: g.ARROW_DOWN | w.SHIFT,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.DOWN
+  }
+}, Dt = {
+  id: G.id,
+  binding: g.ARROW_LEFT | w.SHIFT,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.LEFT
+  }
+}, Pt = {
+  id: G.id,
+  binding: g.ARROW_RIGHT | w.SHIFT,
+  preconditions: (e) => e.getContextValue(m),
+  staticParameters: {
+    direction: b.RIGHT
+  }
+}, Mt = {
+  id: rt.id,
+  binding: g.A | w.CTRL_COMMAND,
+  preconditions: (e) => e.getContextValue(m) || e.getContextValue(ge)
+};
+var Et = Object.defineProperty, At = Object.getOwnPropertyDescriptor, Lt = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? At(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (o ? s(t, n, r) : s(r)) || r);
+  return o && r && Et(t, n, r), r;
+}, ue = (e, t) => (n, o) => t(n, o, e);
+let J = class {
+  constructor(e, t, n) {
     h(this, "_docContainer");
     // 获取SheetContainer组件
     h(this, "getComponent", (e) => {
@@ -69,7 +130,7 @@ let D = class {
     });
     /**
      * Change language
-     * @param {String} lang new language
+     * @param {string} lang new language
      *
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
@@ -77,7 +138,7 @@ let D = class {
     h(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._config = e, this._localeService = n, this._injector = t;
+    this._config = e, this._localeService = t, this._injector = n;
   }
   getUIConfig() {
     return {
@@ -98,357 +159,366 @@ let D = class {
     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) {
+J = Lt([
+  ue(1, y(ee)),
+  ue(2, y(Y))
+], J);
+var Nt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, Ft = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Ut(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (o ? s(t, n, r) : s(r)) || r);
+  return o && r && Nt(t, n, r), r;
+}, H = (e, t) => (n, o) => t(n, o, e);
+let F = class extends Ce {
+  constructor(t, n, o, r, i) {
+    super();
     h(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) => {
-      this._localeService.setLocale(e);
+    h(this, "changeLocale", (t) => {
+      this._localeService.setLocale(t);
     });
-    this._localeService = n, this._injector = t, this._docContainerController = this._injector.createInstance(D, e);
+    this._localeService = n, this._injector = o, this._textSelectionRenderManager = r, this._layoutService = i, this._docContainerController = this._injector.createInstance(J, t), this._registerContainer();
+  }
+  _registerContainer() {
+    this._layoutService && this.disposeWithMe(
+      // the content editable div should be regarded as part of the applications container
+      this._layoutService.registerContainer(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);
+F = Ft([
+  H(1, y(ee)),
+  H(2, y(Y)),
+  H(3, De),
+  H(4, We(Ye))
+], F);
+const K = "UI_PLUGIN_DOCS", Pe = `${K}_COLOR_PICKER_COMPONENT`, Me = `${K}_FONT_FAMILY_COMPONENT`, Ee = `${K}_FONT_FAMILY_ITEM_COMPONENT`, Ae = `${K}_FONT_SIZE_COMPONENT`;
+function $t(e) {
+  const t = e.get(_);
   return {
-    id: _e.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: it.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.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: [v.TOOLBAR_START],
+    activated$: new I((n) => {
+      const o = t.onCommandExecuted((r) => {
+        var s;
+        const i = r.id;
+        if (i === x.id || i === A.id) {
+          const a = D(e);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.bl;
-          t.next(l === M.TRUE);
+          const c = (s = a.ts) == null ? void 0 : s.bl;
+          n.next(c === u.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function Be(e) {
-  const n = e.get(O);
+function wt(e) {
+  const t = e.get(_);
   return {
-    id: pe.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: st.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.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: [v.TOOLBAR_START],
+    activated$: new I((n) => {
+      const o = t.onCommandExecuted((r) => {
+        var s;
+        const i = r.id;
+        if (i === x.id || i === A.id) {
+          const a = D(e);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.it;
-          t.next(l === M.TRUE);
+          const c = (s = a.ts) == null ? void 0 : s.it;
+          n.next(c === u.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function Ne(e) {
-  const n = e.get(O);
+function Bt(e) {
+  const t = e.get(_);
   return {
-    id: Oe.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: at.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.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: [v.TOOLBAR_START],
+    activated$: new I((n) => {
+      const o = t.onCommandExecuted((r) => {
+        var s;
+        const i = r.id;
+        if (i === x.id || i === A.id) {
+          const a = D(e);
+          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 = (s = a.ts) == null ? void 0 : s.ul;
+          n.next((c == null ? void 0 : c.s) === u.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function Pe(e) {
-  const n = e.get(O);
+function jt(e) {
+  const t = e.get(_);
   return {
-    id: me.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: ct.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.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: [v.TOOLBAR_START],
+    activated$: new I((n) => {
+      const o = t.onCommandExecuted((r) => {
+        var s;
+        const i = r.id;
+        if (i === x.id || i === A.id) {
+          const a = D(e);
+          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 = (s = a.ts) == null ? void 0 : s.st;
+          n.next((c == null ? void 0 : c.s) === u.TRUE);
         }
       });
-      return t.next(!1), i.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function be(e) {
-  const n = e.get(O);
+function Ht(e) {
+  const t = e.get(_);
   return {
-    id: Te.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: lt.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.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: [v.TOOLBAR_START],
+    activated$: new I((n) => {
+      const o = t.onCommandExecuted((r) => {
+        var s;
+        const i = r.id;
+        if (i === x.id || i === A.id) {
+          const a = D(e);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.va;
-          t.next(l === j.SUBSCRIPT);
+          const c = (s = a.ts) == null ? void 0 : s.va;
+          n.next(c === E.SUBSCRIPT);
         }
       });
-      return t.next(!1), i.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function ye(e) {
-  const n = e.get(O);
+function Vt(e) {
+  const t = e.get(_);
   return {
-    id: fe.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON,
+    id: dt.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.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: [v.TOOLBAR_START],
+    activated$: new I((n) => {
+      const o = t.onCommandExecuted((r) => {
+        var s;
+        const i = r.id;
+        if (i === x.id || i === A.id) {
+          const a = D(e);
+          if (a == null)
             return;
-          const l = (r = c.ts) == null ? void 0 : r.va;
-          t.next(l === j.SUPERSCRIPT);
+          const c = (s = a.ts) == null ? void 0 : s.va;
+          n.next(c === E.SUPERSCRIPT);
         }
       });
-      return t.next(!1), i.dispose;
+      return n.next(!1), o.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function $e(e) {
-  const n = e.get(O);
+function Wt(e) {
+  const t = e.get(_);
   return {
-    id: B.id,
+    id: ce.id,
     tooltip: "toolbar.font",
-    group: d.TOOLBAR_FORMAT,
-    type: u.SELECTOR,
-    label: Y,
-    positions: [_.TOOLBAR_START],
-    selections: E.map((t) => ({
+    group: O.TOOLBAR_FORMAT,
+    type: T.SELECTOR,
+    label: Me,
+    positions: [v.TOOLBAR_START],
+    selections: ae.map((n) => ({
       label: {
-        name: W,
+        name: Ee,
         hoverable: !0
       },
-      value: t.value
+      value: n.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 I((n) => {
+      const o = ae[0].value, r = t.onCommandExecuted((i) => {
+        var a;
+        const s = i.id;
+        if (s === x.id || s === ce.id) {
+          const c = D(e);
+          if (c == null)
             return;
-          const m = (c = l.ts) == null ? void 0 : c.ff;
-          t.next(m != null ? m : i);
+          const l = (a = c.ts) == null ? void 0 : a.ff;
+          n.next(l != null ? l : o);
         }
       });
-      return t.next(i), o.dispose;
+      return n.next(o), r.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function je(e) {
-  const n = e.get(O);
+function zt(e) {
+  const t = e.get(_);
   return {
-    id: N.id,
-    group: d.TOOLBAR_FORMAT,
-    type: u.SELECTOR,
+    id: le.id,
+    group: O.TOOLBAR_FORMAT,
+    type: T.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
-      name: Z,
+      name: Ae,
       props: {
         min: 1,
         max: 400
         // disabled$,
       }
     },
-    positions: [_.TOOLBAR_START],
-    selections: ie,
+    positions: [v.TOOLBAR_START],
+    selections: ke,
     // 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 I((n) => {
+      const r = t.onCommandExecuted((i) => {
+        var a;
+        const s = i.id;
+        if (s === x.id || s === le.id) {
+          const c = D(e);
+          if (c == null)
             return;
-          const m = (c = l.ts) == null ? void 0 : c.fs;
-          t.next(m != null ? m : 14);
+          const l = (a = c.ts) == null ? void 0 : a.fs;
+          n.next(l != null ? l : 14);
         }
       });
-      return t.next(14), o.dispose;
+      return n.next(14), r.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
   };
 }
-function we(e) {
-  const n = e.get(O), t = e.get(V);
+function Yt(e) {
+  const t = e.get(_), n = e.get(Ue);
   return {
-    id: P.id,
+    id: de.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    group: d.TOOLBAR_FORMAT,
-    type: u.BUTTON_SELECTOR,
-    positions: [_.TOOLBAR_START],
+    group: O.TOOLBAR_FORMAT,
+    type: T.BUTTON_SELECTOR,
+    positions: [v.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: z,
+          name: Pe,
           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 I((o) => {
+      const r = n.getCurrentTheme().textColor, i = t.onCommandExecuted((s) => {
+        if (s.id === de.id) {
+          const a = s.params.value;
+          o.next(a != null ? a : r);
         }
       });
-      return i.next(o), s.dispose;
+      return o.next(r), i.dispose;
     }),
-    hidden$: p(e, a.DOC)
+    hidden$: R(e, S.DOC)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function ze(e) {
+function kt(e) {
   return {
-    id: Ce.id,
-    group: d.TOOLBAR_LAYOUT,
-    type: u.BUTTON,
+    id: ut.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: T.BUTTON,
     icon: "OrderSingle",
     tooltip: "toolbar.order",
-    positions: [_.TOOLBAR_START],
-    hidden$: p(e, a.DOC)
+    positions: [v.TOOLBAR_START],
+    hidden$: R(e, S.DOC)
   };
 }
-function Ye(e) {
+function Gt(e) {
   return {
-    id: Se.id,
-    group: d.TOOLBAR_LAYOUT,
-    type: u.BUTTON,
+    id: pt.id,
+    group: O.TOOLBAR_LAYOUT,
+    type: T.BUTTON,
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
-    positions: [_.TOOLBAR_START],
-    hidden$: p(e, a.DOC)
+    positions: [v.TOOLBAR_START],
+    hidden$: R(e, S.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 D(e) {
+  var c;
+  const t = e.get(te), n = e.get(Ie), o = t.getCurrentUniverDocInstance(), r = n.getActiveRange();
+  if (o == null || r == null)
     return;
-  const s = (l = i.getBody()) == null ? void 0 : l.textRuns;
-  if (s == null)
+  const i = (c = o.getBody()) == null ? void 0 : c.textRuns;
+  if (i == null)
     return;
-  const { startOffset: r } = o;
-  return s.find(({ st: m, ed: H }) => r >= m && r < H);
+  const { startOffset: s } = r;
+  return i.find(({ st: l, ed: p }) => s >= l && s < p);
 }
-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 Kt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, Xt = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Zt(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (o ? s(t, n, r) : s(r)) || r);
+  return o && r && Kt(t, n, r), r;
+}, M = (e, t) => (n, o) => t(n, o, e);
+let V = class extends Te {
+  constructor(e, t, n, o, r, i) {
+    super(), this._injector = e, this._componentManager = t, this._commandService = n, this._shortcutService = o, this._menuService = r, this._uiController = i, 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));
+    this.disposeWithMe(e.register(Pe, _t)), this.disposeWithMe(e.register(Me, Ke)), this.disposeWithMe(e.register(Ee, Ze)), this.disposeWithMe(e.register(Ae, Xe));
   }
   _initMenus() {
     [
-      Ee,
-      Be,
-      Ne,
-      Pe,
-      be,
-      ye,
-      je,
-      $e,
-      we,
-      ze,
-      Ye
+      $t,
+      wt,
+      Bt,
+      jt,
+      Ht,
+      Vt,
+      zt,
+      Wt,
+      Yt,
+      kt,
+      Gt
     ].forEach((e) => {
       this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)));
     });
@@ -457,16 +527,16 @@ let I = class extends X {
     this._initCustomComponents(), this._initMenus();
   }
 };
-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 = {
+V = Xt([
+  Se(Oe.Rendered, V),
+  M(0, y(Y)),
+  M(1, y(Ge)),
+  M(2, _),
+  M(3, ye),
+  M(4, qe),
+  M(5, Je)
+], V);
+const Nn = {
   toolbar: {
     undo: "Undo",
     redo: "Redo",
@@ -485,7 +555,7 @@ const ot = {
     order: "Ordered list",
     unorder: "Unordered list"
   }
-}, Ke = {
+}, qt = {
   toolbar: {
     undo: "撤销",
     redo: "重做",
@@ -505,61 +575,588 @@ const ot = {
     order: "有序列表",
     unorder: "无序列表"
   }
+}, Jt = {
+  id: ht.id,
+  preconditions: (e) => e.getContextValue(m),
+  binding: g.ENTER
+}, Qt = {
+  id: ft.id,
+  preconditions: (e) => e.getContextValue(m),
+  binding: g.BACKSPACE
+}, en = {
+  id: mt.id,
+  preconditions: (e) => e.getContextValue(m),
+  binding: g.DELETE
+}, tn = 10, nn = 6;
+function on() {
+  return ve.generateRandomId(nn);
+}
+function rn(e) {
+  const t = e.match(/data-copy-id="([^\s]+)"/);
+  return t && t[1] ? t[1] : null;
+}
+class sn {
+  constructor() {
+    h(this, "_cache", new Fe(tn));
+  }
+  set(t, n) {
+    this._cache.set(t, n);
+  }
+  get(t) {
+    return this._cache.get(t);
+  }
+  clear() {
+    this._cache.clear();
+  }
+}
+const pe = new sn();
+function re(e) {
+  const t = e.style, n = {}, o = e.tagName.toLowerCase();
+  switch (o) {
+    case "b":
+    case "em":
+    case "strong": {
+      n.bl = u.TRUE;
+      break;
+    }
+    case "s": {
+      n.st = {
+        s: u.TRUE
+      };
+      break;
+    }
+    case "u": {
+      n.ul = {
+        s: u.TRUE
+      };
+      break;
+    }
+    case "i": {
+      n.it = u.TRUE;
+      break;
+    }
+    case "sub":
+    case "sup": {
+      n.va = o === "sup" ? E.SUPERSCRIPT : E.SUBSCRIPT;
+      break;
+    }
+  }
+  for (let r = 0; r < t.length; r++) {
+    const i = t[r], s = t.getPropertyValue(i);
+    switch (i) {
+      case "font-family": {
+        n.ff = s;
+        break;
+      }
+      case "font-size": {
+        const a = Number.parseInt(s);
+        Number.isNaN(a) || s.endsWith("pt") && (n.fs = a);
+        break;
+      }
+      case "font-style": {
+        s === "italic" && (n.it = u.TRUE);
+        break;
+      }
+      case "font-weight": {
+        Number(s) > 400 && (n.bl = u.TRUE);
+        break;
+      }
+      case "text-decoration": {
+        /underline/.test(s) ? n.ul = {
+          s: u.TRUE
+        } : /overline/.test(s) ? n.ol = {
+          s: u.TRUE
+        } : /line-through/.test(s) && (n.st = {
+          s: u.TRUE
+        });
+        break;
+      }
+      case "color": {
+        const a = new se(s);
+        a.isValid && (n.cl = {
+          rgb: a.toRgbString()
+        });
+        break;
+      }
+      case "background-color": {
+        const a = new se(s);
+        a.isValid && (n.bg = {
+          rgb: a.toRgbString()
+        });
+        break;
+      }
+    }
+  }
+  return n;
+}
+function an(e) {
+  const t = new DOMParser(), n = `<x-univer id="univer-root">${e}</x-univer>`;
+  return t.parseFromString(n, "text/html").querySelector("#univer-root");
+}
+function he(e, t) {
+  const n = e.tagName.toLowerCase();
+  return typeof t == "string" ? n === t : Array.isArray(t) ? t.some((o) => o === n) : t(e);
+}
+const z = class z {
+  constructor() {
+    h(this, "_styleCache", /* @__PURE__ */ new Map());
+    h(this, "_styleRules", []);
+    h(this, "_afterProcessRules", []);
+  }
+  static use(t) {
+    if (this._pluginList.includes(t))
+      throw new Error(`Univer paste plugin ${t.name} already added`);
+    this._pluginList.push(t);
+  }
+  convert(t) {
+    const n = z._pluginList.find((i) => i.checkPasteType(t)), o = an(t), r = {
+      dataStream: "",
+      textRuns: []
+    };
+    return n && (this._styleRules = [...n.stylesRules], this._afterProcessRules = [...n.afterProcessRules]), this._styleCache.clear(), this._process(null, o == null ? void 0 : o.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
+  }
+  _process(t, n, o) {
+    var r;
+    for (const i of n)
+      if (i.nodeType === Node.TEXT_NODE) {
+        const s = (r = i.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
+        let a;
+        t && this._styleCache.has(t) && (a = this._styleCache.get(t)), o.dataStream += s, a && Object.getOwnPropertyNames(a).length && o.textRuns.push({
+          st: o.dataStream.length - s.length,
+          ed: o.dataStream.length,
+          ts: a
+        });
+      } else if (i.nodeType === Node.ELEMENT_NODE) {
+        const s = t ? this._styleCache.get(t) : {}, a = this._styleRules.find(({ filter: C }) => he(i, C)), c = a ? a.getStyle(i) : re(i);
+        this._styleCache.set(i, { ...s, ...c });
+        const { childNodes: l } = i;
+        this._process(i, l, o);
+        const p = this._afterProcessRules.find(
+          ({ filter: C }) => he(i, C)
+        );
+        p && p.handler(o, i);
+      }
+  }
+};
+h(z, "_pluginList", []);
+let $ = z;
+const cn = {
+  name: "univer-doc-paste-plugin-lark",
+  checkPasteType(e) {
+    return /lark-record-clipboard/i.test(e);
+  },
+  // TODO: @JOCS, support inline code copy from lark.
+  stylesRules: [
+    {
+      filter: ["s"],
+      getStyle(e) {
+        const t = re(e);
+        return {
+          st: {
+            s: u.TRUE
+          },
+          ...t
+        };
+      }
+    }
+  ],
+  afterProcessRules: [
+    {
+      filter(e) {
+        return e.tagName === "DIV" && /ace-line/i.test(e.className);
+      },
+      handler(e) {
+        e.paragraphs == null && (e.paragraphs = []), e.paragraphs.push({
+          startIndex: e.dataStream.length
+        }), e.dataStream += "\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);
+function ln(e) {
+  const t = e.style, n = {};
+  for (let o = 0; o < t.length; o++) {
+    const r = t[o], i = t.getPropertyValue(r);
+    switch (r) {
+      case "margin-top": {
+        const s = Number.parseInt(i);
+        n.spaceAbove = /pt/.test(i) ? fe(s) : s;
+        break;
+      }
+      case "margin-bottom": {
+        const s = Number.parseInt(i);
+        n.spaceBelow = /pt/.test(i) ? fe(s) : s;
+        break;
+      }
+    }
+  }
+  return Object.getOwnPropertyNames(n).length ? n : null;
+}
+function fe(e) {
+  return e / 0.75;
+}
+const dn = {
+  name: "univer-doc-paste-plugin-word",
+  checkPasteType(e) {
+    return /word|mso/i.test(e);
+  },
+  stylesRules: [
+    {
+      filter: ["b"],
+      getStyle(e) {
+        const t = re(e);
+        return { bl: u.TRUE, ...t };
+      }
+    }
+  ],
+  afterProcessRules: [
+    {
+      filter(e) {
+        return e.tagName === "P" && /mso/i.test(e.className);
+      },
+      handler(e, t) {
+        e.paragraphs == null && (e.paragraphs = []);
+        const n = {
+          startIndex: e.dataStream.length
+        }, o = ln(t);
+        o && (n.paragraphStyle = o), e.paragraphs.push(n), e.dataStream += "\r";
+      }
+    }
+  ]
+};
+function un(e, t) {
+  const { st: n, ed: o, ts: r = {} } = t, { ff: i, fs: s, it: a, bl: c, ul: l, st: p, ol: C, bg: L, cl: j, va: P } = r;
+  let d = e.slice(n, o);
+  const f = [];
+  return a === u.TRUE && (d = `<i>${d}</i>`), P === E.SUPERSCRIPT ? d = `<sup>${d}</sup>` : P === E.SUBSCRIPT && (d = `<sub>${d}</sub>`), (l == null ? void 0 : l.s) === u.TRUE && (d = `<u>${d}</u>`), (p == null ? void 0 : p.s) === u.TRUE && (d = `<s>${d}</s>`), c === u.TRUE && (d = `<strong>${d}</strong>`), i && f.push(`font-family: ${i}`), j && f.push(`color: ${j.rgb}`), s && f.push(`font-size: ${s}px`), C && f.push("text-decoration: overline"), L && f.push(`background: ${L.rgb}`), f.length ? `<span style="${f.join(";")}">${d}</span>` : d;
+}
+function me(e, t = !0) {
+  const { dataStream: n, textRuns: o = [], paragraphs: r = [] } = e;
+  let i = 0;
+  const s = [], a = [];
+  for (const c of o) {
+    const { st: l, ed: p } = c;
+    if (l !== i && s.push(n.slice(i, l)), s.push(un(n, c)), i = p, t)
+      for (const C of r) {
+        const { startIndex: L, paragraphStyle: j = {} } = C;
+        if (L >= l && L <= p) {
+          const { spaceAbove: P, spaceBelow: d } = j, f = [];
+          P != null && (typeof P == "number" ? f.push(`margin-top: ${P}px`) : f.push(`margin-top: ${P.v}px`)), d != null && (typeof d == "number" ? f.push(`margin-bottom: ${d}px`) : f.push(`margin-bottom: ${d.v}px`)), a.push(
+            `<p className="UniverNormal" ${f.length ? `style="${f.join(";")}"` : ""}>${s.join("")}</p>`
+          ), s.length = 0;
+        }
+      }
+  }
+  return i < n.length && s.push(n.slice(i, n.length)), a.join("") + s.join("");
+}
+class pn {
+  convert(t) {
+    if (t.length === 0)
+      throw new Error("The bodyList length at least to be 1");
+    if (t.length === 1)
+      return me(t[0]);
+    let n = "";
+    for (const o of t)
+      n += '<p className="UniverNormal">', n += me(o, !1), n += "</p>";
+    return n;
+  }
+}
+var hn = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, mn = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? fn(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (o ? s(t, n, r) : s(r)) || r);
+  return o && r && hn(t, n, r), r;
+}, N = (e, t) => (n, o) => t(n, o, e);
+$.use(dn);
+$.use(cn);
+function _n(e) {
+  const t = e.replace(/\n/g, "\r"), n = [];
+  for (let o = 0; o < t.length; o++)
+    t[o] === "\r" && n.push({ startIndex: o });
+  return {
+    dataStream: t,
+    paragraphs: n
+  };
+}
+const B = ze("doc.clipboard-service");
+let Q = class extends Te {
+  constructor(t, n, o, r, i) {
+    super();
+    h(this, "_clipboardHooks", []);
+    h(this, "_htmlToUDM", new $());
+    h(this, "_umdToHtml", new pn());
+    this._currentUniverService = t, this._logService = n, this._commandService = o, this._clipboardInterfaceService = r, this._textSelectionManagerService = i;
+  }
+  async copy() {
+    const t = this._getDocumentBodyInRanges();
+    try {
+      this._setClipboardData(t);
+    } catch (n) {
+      return this._logService.error("[DocClipboardService] copy failed", n), !1;
+    }
+    return !0;
+  }
+  async cut() {
+    return this._cut();
+  }
+  async paste(t) {
+    const n = await this._generateBodyFromClipboardItems(t);
+    return this._paste(n);
+  }
+  async legacyPaste(t, n) {
+    const o = this._generateBodyFromHtmlAndText(t, n);
+    return this._paste(o);
+  }
+  async _cut() {
+    var i;
+    const {
+      segmentId: t,
+      endOffset: n,
+      style: o
+    } = (i = this._textSelectionManagerService.getActiveRange()) != null ? i : {}, r = this._textSelectionManagerService.getSelections();
+    if (t == null && this._logService.error("[DocClipboardController] segmentId is not existed"), n == null || r == null)
+      return !1;
+    this.copy();
+    try {
+      let s = n;
+      for (const c of r) {
+        const { startOffset: l, endOffset: p } = c;
+        l == null || p == null || p <= n && (s -= p - l);
+      }
+      const a = [
+        {
+          startOffset: s,
+          endOffset: s,
+          style: o
+        }
+      ];
+      return this._commandService.executeCommand(be.id, { segmentId: t, textRanges: a });
+    } catch {
+      return this._logService.error("[DocClipboardController] cut content failed"), !1;
+    }
+  }
+  async _paste(t) {
+    var s;
+    const { segmentId: n, endOffset: o, style: r } = (s = this._textSelectionManagerService.getActiveRange()) != null ? s : {}, i = this._textSelectionManagerService.getSelections();
+    if (n == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), o == null || i == null)
+      return !1;
+    try {
+      let a = o;
+      for (const l of i) {
+        const { startOffset: p, endOffset: C } = l;
+        p == null || C == null || C <= o && (a += t.dataStream.length - (C - p));
+      }
+      const c = [
+        {
+          startOffset: a,
+          endOffset: a,
+          style: r
+        }
+      ];
+      return this._commandService.executeCommand(xe.id, { body: t, segmentId: n, textRanges: c });
+    } catch {
+      return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
+    }
+  }
+  async _setClipboardData(t) {
+    const n = on(), o = t.length > 1 ? t.map((i) => i.dataStream).join(`
+`) : t[0].dataStream;
+    let r = this._umdToHtml.convert(t);
+    return t.length === 1 && (r = r.replace(/(<[a-z]+)/, (i, s) => `${s} data-copy-id="${n}"`), pe.set(n, t[0])), this._clipboardInterfaceService.write(o, r);
+  }
+  addClipboardHook(t) {
+    return this._clipboardHooks.push(t), $e(() => {
+      const n = this._clipboardHooks.indexOf(t);
+      n > -1 && this._clipboardHooks.splice(n, 1);
+    });
+  }
+  _getDocumentBodyInRanges() {
+    const t = this._textSelectionManagerService.getSelections(), n = this._currentUniverService.getCurrentUniverDocInstance(), o = [];
+    if (t == null)
+      return o;
+    for (const r of t) {
+      const { startOffset: i, endOffset: s, collapsed: a } = r;
+      if (a || i == null || s == null)
+        continue;
+      const c = n.sliceBody(i, s);
+      c != null && o.push(c);
+    }
+    return o;
+  }
+  async _generateBodyFromClipboardItems(t) {
+    try {
+      let n = "", o = "";
+      for (const r of t)
+        for (const i of r.types)
+          i === Qe ? o = await r.getType(i).then((s) => s && s.text()) : i === et && (n = await r.getType(i).then((s) => s && s.text()));
+      return this._generateBodyFromHtmlAndText(n, o);
+    } catch (n) {
+      return Promise.reject(n);
+    }
+  }
+  _generateBodyFromHtmlAndText(t, n) {
+    if (!t) {
+      if (n)
+        return _n(n);
+      throw new Error("[DocClipboardService] html and text cannot be both empty!");
+    }
+    const o = rn(t);
+    if (o) {
+      const r = pe.get(o);
+      if (r)
+        return r;
+    }
+    return this._htmlToUDM.convert(t);
+  }
+};
+Q = mn([
+  N(0, te),
+  N(1, Re),
+  N(2, _),
+  N(3, oe),
+  N(4, y(Ie))
+], Q);
+function Z(e) {
+  return e.getContextValue(m) || e.getContextValue(ge);
+}
+const ie = 999, gn = {
+  id: tt.id,
+  name: "doc.command.copy",
+  type: ne.COMMAND,
+  multi: !0,
+  priority: ie,
+  preconditions: Z,
+  handler: async (e) => e.get(B).copy()
+}, Cn = {
+  id: nt.id,
+  name: "doc.command.cut",
+  type: ne.COMMAND,
+  multi: !0,
+  priority: ie,
+  preconditions: Z,
+  handler: async (e) => e.get(B).cut()
+}, Sn = {
+  id: ot.id,
+  name: "doc.command.paste",
+  type: ne.COMMAND,
+  multi: !0,
+  priority: ie,
+  preconditions: Z,
+  handler: async (e) => {
+    const t = e.get(B), o = await e.get(oe).read();
+    return o.length === 0 ? !1 : t.paste(o);
+  }
+};
+var On = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, vn = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Tn(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (o ? s(t, n, r) : s(r)) || r);
+  return o && r && On(t, n, r), r;
+}, U = (e, t) => (n, o) => t(n, o, e);
+let W = class extends Ce {
+  constructor(e, t, n, o, r) {
+    super(), this._commandService = e, this._clipboardInterfaceService = t, this._docClipboardService = n, this._textSelectionRenderManager = o, this._contextService = r, this._init();
+  }
+  _init() {
+    [gn, Cn, Sn].forEach((e) => this.disposeWithMe(this._commandService.registerMultipleCommand(e))), [xe, be].forEach((e) => this.disposeWithMe(this._commandService.registerCommand(e))), this._initLegacyPasteCommand();
+  }
+  _initLegacyPasteCommand() {
+    var e;
+    this._clipboardInterfaceService.supportClipboard || (e = this._textSelectionRenderManager) == null || e.onPaste$.pipe(gt(this.dispose$)).subscribe((t) => {
+      var i, s;
+      if (!Z(this._contextService))
+        return;
+      t.event.preventDefault();
+      const n = t.event, o = (i = n.clipboardData) == null ? void 0 : i.getData("text/html"), r = (s = n.clipboardData) == null ? void 0 : s.getData("text/plain");
+      this._docClipboardService.legacyPaste(o, r);
+    });
+  }
+};
+W = vn([
+  Se(Oe.Steady, W),
+  U(0, _),
+  U(1, oe),
+  U(2, B),
+  U(3, De),
+  U(4, we)
+], W);
+var Rn = Object.defineProperty, yn = Object.getOwnPropertyDescriptor, In = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? yn(t, n) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (r = (o ? s(t, n, r) : s(r)) || r);
+  return o && r && Rn(t, n, r), r;
+}, X = (e, t) => (n, o) => t(n, o, e), q;
+let _e = (q = class extends Be {
+  constructor(e, t, n, o) {
+    super(Tt), this._config = e, this._injector = t, this._localeService = n, this._logService = o, this._localeService.load({
+      zhCN: qt
+    }), this._config = ve.deepMerge({}, Ot, this._config), this._initDependencies(t), this._initializeCommands();
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
   }
   onDestroy() {
   }
+  _initializeCommands() {
+    [
+      vt,
+      Rt,
+      It,
+      yt,
+      bt,
+      xt,
+      Dt,
+      Pt,
+      Mt,
+      Qt,
+      en,
+      Jt
+    ].forEach((e) => {
+      this._injector.get(ye).registerShortcut(e);
+    });
+  }
   _initDependencies(e) {
     [
-      [I],
+      [V],
+      [W],
       [
         // controllers
-        R,
+        F,
+        {
+          useFactory: () => this._injector.createInstance(F, this._config)
+        }
+      ],
+      [
+        B,
         {
-          useFactory: () => this._injector.createInstance(R, this._config)
+          useClass: Q
         }
       ]
-    ].forEach((t) => {
-      e.add(t);
+    ].forEach((n) => {
+      e.add(n);
     });
   }
   _markDocAsFocused() {
-    const e = this._injector.get(w);
+    const e = this._injector.get(te);
     try {
-      const n = e.getCurrentUniverDocInstance(), t = n.getUnitId();
-      t !== te && t !== ne && e.focusUniverInstance(n.getUnitId());
-    } catch (n) {
-      this._logService.warn(n);
+      const t = e.getCurrentUniverDocInstance(), n = t.getUnitId();
+      n !== He && n !== Ve && e.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(F);
+  }
+}, h(q, "type", je.Doc), q);
+_e = In([
+  X(1, y(Y)),
+  X(2, y(ee)),
+  X(3, Re)
+], _e);
 export {
-  Me as DOC_UI_PLUGIN_NAME,
-  Re as DefaultDocContainerConfig,
-  Ie as DefaultDocUiConfig,
-  ve as DefaultToolbarConfig,
-  $ as UniverDocsUIPlugin,
-  ot as enUS,
-  Ke as zhCN
+  Tt as DOC_UI_PLUGIN_NAME,
+  St as DefaultDocContainerConfig,
+  Ot as DefaultDocUiConfig,
+  Ct as DefaultToolbarConfig,
+  _e as UniverDocsUIPlugin,
+  Nn as enUS,
+  qt as zhCN
 };