@univerjs/docs 0.1.0-alpha.2 → 0.1.0-beta.0

package/lib/es/index.js

@@ -1,14 +1,13 @@
-var Lt = Object.defineProperty;
-var At = (r, e, t) => e in r ? Lt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var _ = (r, e, t) => (At(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { CommandType as C, FOCUSING_DOC as T, FOCUSING_EDITOR as ge, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as te, IUniverInstanceService as I, MemoryCursor as He, IUndoRedoService as B, ICommandService as D, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as ne, BooleanNumber as O, Tools as Q, getDocsUpdateBody as Nt, LRUMap as $t, BaselineOffset as Le, Disposable as w, toDisposable as Ke, OnLifecycle as U, LifecycleStages as L, ILogService as Bt, IContextService as jt, LocaleService as xt, UpdateDocsAttributeType as Vt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as kt, IFloatingObjectManagerService as Ft, DataStreamTreeTokenType as Je, Direction as R, IConfigService as Ot, Plugin as zt, PluginType as Wt } from "@univerjs/core";
-import { CopyCommand as Ht, CutCommand as Gt, PasteCommand as Xt, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as qt, HTML_CLIPBOARD_MIME_TYPE as Yt, IClipboardInterfaceService as Zt, KeyCode as N, MetaKeys as fe, IShortcutService as Kt } from "@univerjs/ui";
-import { BehaviorSubject as Ae } from "rxjs";
-import { DocumentViewModel as Jt, ITextSelectionRenderManager as V, DocumentSkeleton as Qt, hasListSpan as lt, isIndentBySpan as en, isFirstSpan as tn, getParagraphBySpan as nn, isSameLine as rn, PageLayoutType as dt, IRenderManagerService as j, Liquid as sn, RANGE_DIRECTION as ut, NodePositionConvertToCursor as ht, Rect as on, CURSOR_TYPE as gt, Viewport as an, EVENT_TYPE as cn, ScrollBar as ln, Layer as ft, Documents as dn, TextSelectionRenderManager as un } from "@univerjs/engine-render";
-import { createIdentifier as hn, Inject as b, Injector as gn } from "@wendellhu/redi";
-import { TinyColor as pt } from "@ctrl/tinycolor";
-function pe(r, e) {
-  const n = r.getCurrentUniverDocInstance().getUnitId(), s = e.getRenderById(n);
+var Ft = Object.defineProperty;
+var kt = (n, e, t) => e in n ? Ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var S = (n, e, t) => (kt(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { CommandType as R, RxDisposable as Ze, ICommandService as x, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as K, IUniverInstanceService as O, IUndoRedoService as N, DataStreamTreeTokenType as He, Tools as H, FOCUSING_DOC as w, FOCUSING_EDITOR as me, LocaleService as It, MemoryCursor as we, getDocsUpdateBody as zt, UpdateDocsAttributeType as xt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as J, BooleanNumber as D, BaselineOffset as j, PresetListType as Ot, LRUMap as Wt, ColorKit as it, Disposable as W, toDisposable as Ge, OnLifecycle as V, LifecycleStages as F, ILogService as Ht, IContextService as Gt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Xt, IFloatingObjectManagerService as qt, Direction as b, IConfigService as yt, Plugin as Yt, PluginType as Zt } from "@univerjs/core";
+import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Kt, ITextSelectionRenderManager as fe, DocumentViewModel as Jt, DocumentSkeleton as Qt, hasListSpan as en, isIndentBySpan as tn, isFirstSpan as nn, getParagraphBySpan as rn, PageLayoutType as ot, IRenderManagerService as G, Liquid as sn, RANGE_DIRECTION as at, NodePositionConvertToCursor as ct, Rect as on, CURSOR_TYPE as lt, Viewport as an, EVENT_TYPE as cn, ScrollBar as ln, Layer as dt, Documents as dn, TextSelectionRenderManager as un } from "@univerjs/engine-render";
+import { BehaviorSubject as de, takeUntil as bt } from "rxjs";
+import { CopyCommand as hn, CutCommand as pn, PasteCommand as gn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as mn, HTML_CLIPBOARD_MIME_TYPE as fn, IClipboardInterfaceService as _n, LayoutService as Sn, KeyCode as $, MetaKeys as _e, IShortcutService as vn } from "@univerjs/ui";
+import { Inject as U, createIdentifier as Mn, Optional as Cn, Injector as Rn } from "@wendellhu/redi";
+function Le(n, e) {
+  const r = n.getCurrentUniverDocInstance().getUnitId(), s = e.getRenderById(r);
   if (s == null)
     return;
   const { mainComponent: i, scene: o, engine: a } = s;
@@ -18,189 +17,175 @@ function pe(r, e) {
     engine: a
   };
 }
-function fn(r, e) {
-  const t = e.getRenderById(r);
+function In(n, e) {
+  const t = e.getRenderById(n);
   if (t == null)
     return;
-  const { components: n, mainComponent: s, scene: i, engine: o } = t;
+  const { mainComponent: r, scene: s, engine: i } = t;
   return {
-    document: s,
-    scene: i,
-    engine: o
+    document: r,
+    scene: s,
+    engine: i
   };
 }
-var Qe = /* @__PURE__ */ ((r) => (r.MAIN = "__Document_Render_Main__", r))(Qe || {}), ue = /* @__PURE__ */ ((r) => (r.VIEW_MAIN = "viewMain", r.VIEW_TOP = "viewTop", r.VIEW_LEFT = "viewLeft", r.VIEW_LEFT_TOP = "viewLeftTop", r))(ue || {});
-const mt = 0, pn = 2, mn = 10, Ne = "normalTextSelectionPluginName", Ge = {
-  id: Ht.id,
-  name: "doc.command.copy",
-  type: C.COMMAND,
-  multi: !0,
-  priority: 999,
-  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge),
-  handler: async () => !0
-}, Xe = {
-  id: Gt.id,
-  name: "doc.command.cut",
-  type: C.COMMAND,
-  multi: !0,
-  priority: 999,
-  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge),
-  handler: async () => !0
-}, qe = {
-  id: Xt.id,
-  name: "doc.command.paste",
-  type: C.COMMAND,
-  multi: !0,
-  priority: 999,
-  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge),
-  handler: async () => !0
+var Xe = /* @__PURE__ */ ((n) => (n.MAIN = "__Document_Render_Main__", n))(Xe || {}), Ke = /* @__PURE__ */ ((n) => (n.VIEW_MAIN = "viewMain", n.VIEW_TOP = "viewTop", n.VIEW_LEFT = "viewLeft", n.VIEW_LEFT_TOP = "viewLeftTop", n))(Ke || {});
+const ut = 0, xn = 2, On = 10, hs = "normalTextSelectionPluginName", Dt = {
+  id: "doc.operation.set-selections",
+  type: R.OPERATION,
+  handler: (n, e) => !0
 };
-function me(r, e = "", t = 0) {
-  const { startOffset: n, endOffset: s } = r, i = [], o = n - t, a = s - t;
-  return o > 0 && i.push({
-    t: "r",
-    len: o,
-    segmentId: e
-  }), i.push({
-    t: "d",
-    len: a - o,
-    line: 0,
-    segmentId: e
-  }), i;
+var yn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, Dn = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? bn(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && yn(e, t, s), s;
+}, ht = (n, e) => (t, r) => e(t, r, n);
+function pt(n) {
+  const { startOffset: e, endOffset: t, collapsed: r } = n;
+  return {
+    startOffset: e,
+    endOffset: t,
+    collapsed: r
+  };
 }
-class P {
-  constructor() {
-    _(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
-    _(this, "_currentSelection", null);
-    _(this, "_textSelectionInfo$", new Ae(null));
-    _(this, "textSelectionInfo$", this._textSelectionInfo$.asObservable());
+let P = class extends Ze {
+  constructor(e, t) {
+    super();
+    S(this, "_currentSelection", null);
+    S(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
+    S(this, "_textSelection$", new de(null));
+    S(this, "textSelection$", this._textSelection$.asObservable());
+    this._textSelectionRenderManager = e, this._commandService = t, this._syncSelectionFromRenderService();
   }
   getCurrentSelection() {
     return this._currentSelection;
   }
+  // Get textRanges, style, segmentId
+  getCurrentSelectionInfo() {
+    return this._getTextRanges(this._currentSelection);
+  }
   dispose() {
-    this._textSelectionInfo$.complete();
+    this._textSelection$.complete();
   }
   refreshSelection() {
     this._currentSelection != null && this._refresh(this._currentSelection);
   }
+  // **Only used in test case** because this does not go through the render layer.
   setCurrentSelection(e) {
     this._currentSelection = e, this._refresh(e);
   }
   setCurrentSelectionNotRefresh(e) {
     this._currentSelection = e;
   }
-  getTextSelectionInfo() {
-    return this._textSelectionInfo;
-  }
-  getTextRangesByParam(e) {
-    return this._getTextRanges(e);
-  }
   getSelections() {
-    return this._getTextRanges(this._currentSelection);
-  }
-  getFirst() {
-    return this._getFirstByParam(this._currentSelection);
+    var e;
+    return (e = this._getTextRanges(this._currentSelection)) == null ? void 0 : e.textRanges;
   }
-  getLast() {
-    return this._getLastByParam(this._currentSelection);
+  getActiveRange() {
+    const e = this._getTextRanges(this._currentSelection);
+    if (e == null)
+      return;
+    const { textRanges: t, segmentId: r, style: s } = e, i = t.find((p) => p.isActive());
+    if (i == null)
+      return null;
+    const { startOffset: o, endOffset: a, collapsed: c, startNodePosition: d, endNodePosition: l, direction: h } = i;
+    return o == null || a == null ? null : {
+      startOffset: o,
+      endOffset: a,
+      collapsed: c,
+      startNodePosition: d,
+      endNodePosition: l,
+      direction: h,
+      segmentId: r,
+      style: s
+    };
   }
-  // Only used in tests.
+  // **Only used in test case** because this does not go through the render layer.
   add(e) {
     this._currentSelection != null && this._addByParam({
       ...this._currentSelection,
-      textRanges: e
+      textRanges: e,
+      segmentId: "",
+      style: Kt
+      // mock style.
     });
   }
   replaceTextRanges(e) {
-    this._currentSelection != null && this._textSelectionInfo$.next(e);
+    this._currentSelection != null && (this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges(e));
   }
-  replaceTextRangesWithNoRefresh(e) {
-    this._currentSelection != null && this._replaceByParam({
-      ...this._currentSelection,
-      textRanges: e
+  // All textRanges should be synchronized from the render layer.
+  _syncSelectionFromRenderService() {
+    this._textSelectionRenderManager.textSelectionInner$.pipe(bt(this.dispose$)).subscribe((e) => {
+      e != null && this._replaceTextRangesWithNoRefresh(e);
     });
   }
-  _addByParam(e) {
-    const { pluginName: t, unitId: n, textRanges: s } = e;
-    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map());
-    const i = this._textSelectionInfo.get(t);
-    i.has(n) ? i.get(n).push(...s) : i.set(n, [...s]), this._refresh({ pluginName: t, unitId: n });
-  }
-  // It is will being opened when it needs to be used
-  _clear() {
-    this._currentSelection != null && this._clearByParam(this._currentSelection);
-  }
-  // It is will being opened when it needs to be used
-  _remove(e) {
-    this._currentSelection != null && this._removeByParam(e, this._currentSelection);
-  }
-  // It is will being opened when it needs to be used
-  _reset() {
-    var e;
-    this._currentSelection != null && (this._currentSelection = {
-      pluginName: Ne,
-      unitId: (e = this._currentSelection) == null ? void 0 : e.unitId
-    }, this._textSelectionInfo.clear(), this._refresh(this._currentSelection));
-  }
-  // It is will being opened when it needs to be used
-  _resetPlugin() {
-    this._currentSelection != null && (this._currentSelection.pluginName = Ne, this._refresh(this._currentSelection));
+  _replaceTextRangesWithNoRefresh(e) {
+    if (this._currentSelection == null)
+      return;
+    const t = {
+      ...this._currentSelection,
+      ...e
+    };
+    this._replaceByParam(t), this._textSelection$.next(t);
+    const { unitId: r, subUnitId: s, segmentId: i, style: o, textRanges: a } = t;
+    this._commandService.executeCommand(Dt.id, {
+      unitId: r,
+      subUnitId: s,
+      segmentId: i,
+      style: o,
+      ranges: a.map(pt)
+    });
   }
   _getTextRanges(e) {
     var s;
     if (e == null)
       return;
-    const { pluginName: t, unitId: n } = e;
-    return (s = this._textSelectionInfo.get(t)) == null ? void 0 : s.get(n);
+    const { unitId: t, subUnitId: r = "" } = e;
+    return (s = this._textSelectionInfo.get(t)) == null ? void 0 : s.get(r);
   }
   _refresh(e) {
-    const t = this._getTextRanges(e) ?? [];
-    this._textSelectionInfo$.next(
-      t.map((n) => {
-        const s = n.startOffset, i = n.endOffset, o = n.collapsed, a = n.style;
-        return {
-          startOffset: s,
-          endOffset: i,
-          collapsed: o,
-          style: a
-        };
-      })
-    );
-  }
-  _getFirstByParam(e) {
-    const t = this._getTextRanges(e);
-    return t == null ? void 0 : t[0];
-  }
-  _getLastByParam(e) {
     const t = this._getTextRanges(e);
-    return t == null ? void 0 : t[t.length - 1];
+    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(pt));
   }
   _replaceByParam(e) {
-    const { pluginName: t, unitId: n, textRanges: s } = e;
-    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, s);
-  }
-  _clearByParam(e) {
-    const t = this._getTextRanges(e);
-    t == null || t.splice(0), this._refresh(e);
+    const { unitId: t, subUnitId: r, style: s, segmentId: i, textRanges: o } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(r, { textRanges: o, style: s, segmentId: i });
   }
-  _removeByParam(e, t) {
-    const n = this._getTextRanges(t);
-    n == null || n.splice(e, 1), this._refresh(t);
+  _addByParam(e) {
+    const { unitId: t, subUnitId: r, textRanges: s, style: i, segmentId: o } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map());
+    const a = this._textSelectionInfo.get(t);
+    a.has(r) ? a.get(r).textRanges.push(...s) : a.set(r, { textRanges: s, style: i, segmentId: o });
   }
+};
+P = Dn([
+  ht(0, fe),
+  ht(1, x)
+], P);
+function Ae(n, e = "", t = 0) {
+  const { startOffset: r, endOffset: s } = n, i = [], o = r - t, a = s - t;
+  return o > 0 && i.push({
+    t: "r",
+    len: o,
+    segmentId: e
+  }), i.push({
+    t: "d",
+    len: a - o,
+    line: 0,
+    segmentId: e
+  }), i;
 }
-var _n = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, vn = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Sn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && _n(e, t, s), s;
-}, Mn = (r, e) => (t, n) => e(t, n, r);
-let ee = class {
-  constructor(r) {
-    _(this, "_currentViewModelUnitId", "");
-    _(this, "_docViewModelMap", /* @__PURE__ */ new Map());
-    _(this, "_currentDocViewModel$", new Ae(null));
-    _(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
-    this._currentUniverService = r;
+var Tn = Object.defineProperty, Pn = Object.getOwnPropertyDescriptor, En = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Pn(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Tn(e, t, s), s;
+}, Un = (n, e) => (t, r) => e(t, r, n);
+let se = class {
+  constructor(n) {
+    S(this, "_currentViewModelUnitId", "");
+    S(this, "_docViewModelMap", /* @__PURE__ */ new Map());
+    S(this, "_currentDocViewModel$", new de(null));
+    S(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
+    this._currentUniverService = n;
   }
   dispose() {
     this._currentDocViewModel$.complete(), this._docViewModelMap = /* @__PURE__ */ new Map();
@@ -208,195 +193,634 @@ let ee = class {
   getCurrent() {
     return this._docViewModelMap.get(this._currentViewModelUnitId);
   }
-  getViewModel(r) {
+  getViewModel(n) {
     var e;
-    return (e = this._docViewModelMap.get(r)) == null ? void 0 : e.docViewModel;
+    return (e = this._docViewModelMap.get(n)) == null ? void 0 : e.docViewModel;
   }
-  setCurrent(r) {
+  setCurrent(n) {
     var t;
-    const e = this._currentUniverService.getUniverDocInstance(r);
+    const e = this._currentUniverService.getUniverDocInstance(n);
     if (e == null)
-      throw new Error(`Document data model with id ${r} not found when build view model.`);
+      throw new Error(`Document data model with id ${n} not found when build view model.`);
     if (e.getBody() != null) {
-      if (!this._docViewModelMap.has(r)) {
-        const n = this._buildDocViewModel(e);
-        this._docViewModelMap.set(r, {
-          unitId: r,
-          docViewModel: n
+      if (!this._docViewModelMap.has(n)) {
+        const r = this._buildDocViewModel(e);
+        this._docViewModelMap.set(n, {
+          unitId: n,
+          docViewModel: r
         });
       }
-      if (r === te) {
-        const n = (t = this._docViewModelMap.get(r)) == null ? void 0 : t.docViewModel;
-        if (n == null)
+      if (n === K) {
+        const r = (t = this._docViewModelMap.get(n)) == null ? void 0 : t.docViewModel;
+        if (r == null)
           return;
-        n.reset(e);
+        r.reset(e);
       }
-      this._currentViewModelUnitId = r, this._currentDocViewModel$.next(this.getCurrent());
+      this._currentViewModelUnitId = n, this._currentDocViewModel$.next(this.getCurrent());
     }
   }
-  _buildDocViewModel(r) {
-    return new Jt(r);
+  _buildDocViewModel(n) {
+    return new Jt(n);
   }
 };
-ee = vn([
-  Mn(0, I)
-], ee);
-const S = {
+se = En([
+  Un(0, O)
+], se);
+const _ = {
   id: "doc.mutation.rich-text-editing",
-  type: C.MUTATION,
-  handler: (r, e) => {
-    const { unitId: t, mutations: n } = e, i = r.get(I).getUniverDocInstance(t), a = r.get(ee).getViewModel(t);
-    if (!i)
-      throw new Error(`DocumentDataModel not found for unitId: ${t}`);
-    const c = new He();
-    c.reset(), n.forEach((d) => {
-      const { segmentId: f, len: h } = d, u = a == null ? void 0 : a.getSelfOrHeaderFooterViewModel(f);
-      if (d.t === "r") {
-        const { len: g } = d;
-        c.moveCursor(g);
-      } else if (d.t === "i") {
-        const { body: g } = d;
-        if (g.dataStream.length > 1 && /\r/.test(g.dataStream)) {
-          const p = i.getSelfOrHeaderFooterModel(f);
-          u.reset(p);
-        } else
-          u.insert(g, c.cursor);
-        c.moveCursor(h);
-      } else if (d.t === "d")
-        u.delete(c.cursor, h);
-      else
-        throw new Error(`Unknown mutation type for mutation: ${d}.`);
-    });
-    const l = i.apply(n);
-    return {
+  type: R.MUTATION,
+  handler: (n, e) => {
+    const { unitId: t, mutations: r } = e, i = n.get(O).getUniverDocInstance(t), a = n.get(se).getViewModel(t);
+    if (i == null || a == null)
+      throw new Error(`DocumentDataModel or documentViewModel not found for unitId: ${t}`);
+    const c = i.apply(r), d = r[0].segmentId, l = i.getSelfOrHeaderFooterModel(d);
+    return a.getSelfOrHeaderFooterViewModel(d).reset(l), {
       unitId: t,
-      mutations: l
+      mutations: c
     };
   }
-}, $e = {
-  id: "doc.command.delete-left",
-  type: C.COMMAND,
-  handler: async () => !0
-}, Be = {
-  id: "doc.command.delete-right",
-  type: C.COMMAND,
-  handler: async () => !0
-}, st = {
-  id: "doc.command.break-line",
-  type: C.COMMAND,
-  handler: async () => !0
-}, it = {
+}, Je = {
   id: "doc.command.insert-text",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const t = r.get(B), n = r.get(D), s = r.get(P), { range: i, segmentId: o, body: a, unitId: c, textRanges: l } = e, { startOffset: d, collapsed: f } = i, h = {
-      id: S.id,
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const t = n.get(N), r = n.get(x), s = n.get(P), { range: i, segmentId: o, body: a, unitId: c, textRanges: d } = e, { startOffset: l, collapsed: h } = i, p = {
+      id: _.id,
       params: {
         unitId: c,
         mutations: []
       }
     };
-    f ? h.params.mutations.push({
+    h ? l > 0 && p.params.mutations.push({
       t: "r",
-      len: d,
+      len: l,
       segmentId: o
-    }) : h.params.mutations.push(...me(i, o)), h.params.mutations.push({
+    }) : p.params.mutations.push(...Ae(i, o)), p.params.mutations.push({
       t: "i",
       body: a,
       len: a.dataStream.length,
       line: 0,
       segmentId: o
     });
-    const u = n.syncExecuteCommand(h.id, h.params);
-    return s.replaceTextRanges(l), u ? (t.pushUndoRedo({
+    const u = r.syncExecuteCommand(p.id, p.params);
+    return s.replaceTextRanges(d), u ? (t.pushUndoRedo({
       unitID: c,
-      undoMutations: [{ id: S.id, params: u }],
-      redoMutations: [{ id: S.id, params: h.params }],
+      undoMutations: [{ id: _.id, params: u }],
+      redoMutations: [{ id: _.id, params: p.params }],
       undo() {
-        return n.syncExecuteCommand(S.id, u), s.replaceTextRanges([i]), !0;
+        return r.syncExecuteCommand(_.id, u), s.replaceTextRanges([i]), !0;
       },
       redo() {
-        return n.syncExecuteCommand(S.id, h.params), s.replaceTextRanges(l), !0;
+        return r.syncExecuteCommand(_.id, p.params), s.replaceTextRanges(d), !0;
       }
     }), !0) : !1;
   }
 };
-var et = /* @__PURE__ */ ((r) => (r[r.LEFT = 0] = "LEFT", r[r.RIGHT = 1] = "RIGHT", r))(et || {});
-const tt = {
+var q = /* @__PURE__ */ ((n) => (n[n.LEFT = 0] = "LEFT", n[n.RIGHT = 1] = "RIGHT", n))(q || {});
+const Qe = {
   id: "doc.command.delete-text",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const t = r.get(D), n = r.get(B), s = r.get(P), { range: i, segmentId: o, unitId: a, direction: c, textRanges: l, len: d = 1 } = e, { collapsed: f, startOffset: h } = i, u = {
-      id: S.id,
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const t = n.get(x), r = n.get(N), s = n.get(P), { range: i, segmentId: o, unitId: a, direction: c, textRanges: d, len: l = 1 } = e, { startOffset: h } = i, p = {
+      id: _.id,
       params: {
         unitId: a,
         mutations: []
       }
     };
-    f ? (h > 0 && u.params.mutations.push({
+    h > 0 && p.params.mutations.push({
       t: "r",
-      len: c === 0 ? h - d : h,
+      len: c === 0 ? h - l : h,
       segmentId: o
-    }), u.params.mutations.push({
+    }), p.params.mutations.push({
       t: "d",
-      len: d,
+      len: l,
       line: 0,
       segmentId: o
-    })) : u.params.mutations.push(...me(i, o));
-    const g = t.syncExecuteCommand(u.id, u.params);
-    return s.replaceTextRanges(l), g && n.pushUndoRedo({
+    });
+    const u = t.syncExecuteCommand(p.id, p.params);
+    return s.replaceTextRanges(d), u && r.pushUndoRedo({
       unitID: a,
-      undoMutations: [{ id: S.id, params: g }],
-      redoMutations: [{ id: S.id, params: u.params }],
+      undoMutations: [{ id: _.id, params: u }],
+      redoMutations: [{ id: _.id, params: p.params }],
       undo() {
-        return t.syncExecuteCommand(S.id, g), s.replaceTextRanges([i]), !0;
+        return t.syncExecuteCommand(_.id, u), s.replaceTextRanges([i]), !0;
       },
       redo() {
-        return t.syncExecuteCommand(S.id, u.params), s.replaceTextRanges(l), !0;
+        return t.syncExecuteCommand(_.id, p.params), s.replaceTextRanges(d), !0;
       }
     }), !1;
   }
-}, yt = {
+}, Tt = {
   id: "doc.command.update-text",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const { range: t, segmentId: n, updateBody: s, coverType: i, unitId: o, textRanges: a } = e, c = r.get(D), l = r.get(B), d = r.get(P), f = {
-      id: S.id,
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const { range: t, segmentId: r, updateBody: s, coverType: i, unitId: o, textRanges: a } = e, c = n.get(x), d = n.get(N), l = n.get(P), h = {
+      id: _.id,
       params: {
         unitId: o,
         mutations: []
       }
-    }, { startOffset: h, endOffset: u } = t;
-    f.params.mutations.push({
+    }, { startOffset: p, endOffset: u } = t;
+    h.params.mutations.push({
       t: "r",
-      len: h,
-      segmentId: n
-    }), f.params.mutations.push({
+      len: p,
+      segmentId: r
+    }), h.params.mutations.push({
       t: "r",
       body: s,
-      len: u - h,
-      segmentId: n,
+      len: u - p,
+      segmentId: r,
       coverType: i
     });
-    const g = c.syncExecuteCommand(f.id, f.params);
-    return d.replaceTextRanges(a), g ? (l.pushUndoRedo({
+    const g = c.syncExecuteCommand(h.id, h.params);
+    return l.replaceTextRanges(a), g ? (d.pushUndoRedo({
       unitID: o,
-      undoMutations: [{ id: S.id, params: g }],
-      redoMutations: [{ id: S.id, params: f.params }],
+      undoMutations: [{ id: _.id, params: g }],
+      redoMutations: [{ id: _.id, params: h.params }],
+      undo() {
+        return c.syncExecuteCommand(_.id, g), l.replaceTextRanges(a), !0;
+      },
+      redo() {
+        return c.syncExecuteCommand(_.id, h.params), l.replaceTextRanges(a), !0;
+      }
+    }), !0) : !1;
+  }
+};
+function wn(n, e) {
+  const t = [];
+  for (let r = 0, s = n.length; r < s; r++)
+    n[r] === He.PARAGRAPH && t.push({
+      startIndex: r
+    });
+  if (e)
+    for (const r of t)
+      e.bullet && (r.bullet = H.deepClone(e.bullet)), e.paragraphStyle && (r.paragraphStyle = H.deepClone(e.paragraphStyle));
+  return t;
+}
+const Pt = {
+  id: "doc.command.break-line",
+  type: R.COMMAND,
+  handler: async (n) => {
+    var g;
+    const e = n.get(P), t = n.get(O), r = n.get(x), s = e.getActiveRange();
+    if (s == null)
+      return !1;
+    const i = t.getCurrentUniverDocInstance(), o = i.getUnitId(), { startOffset: a, segmentId: c, style: d } = s, l = [
+      {
+        startOffset: a + 1,
+        endOffset: a + 1,
+        style: d
+      }
+    ], p = (((g = i.getBody()) == null ? void 0 : g.paragraphs) ?? []).find((m) => m.startIndex >= a);
+    return await r.executeCommand(Je.id, {
+      unitId: o,
+      body: {
+        dataStream: He.PARAGRAPH,
+        paragraphs: wn(He.PARAGRAPH, p)
+      },
+      range: s,
+      textRanges: l,
+      segmentId: c
+    });
+  }
+}, Ve = {
+  id: hn.id,
+  name: "doc.command.copy",
+  type: R.COMMAND,
+  multi: !0,
+  priority: 999,
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me),
+  handler: async () => !0
+}, Fe = {
+  id: pn.id,
+  name: "doc.command.cut",
+  type: R.COMMAND,
+  multi: !0,
+  priority: 999,
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me),
+  handler: async () => !0
+}, ke = {
+  id: gn.id,
+  name: "doc.command.paste",
+  type: R.COMMAND,
+  multi: !0,
+  priority: 999,
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me),
+  handler: async () => !0
+};
+var Ln = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Nn = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? An(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Ln(e, t, s), s;
+}, gt = (n, e) => (t, r) => e(t, r, n);
+let A = class {
+  constructor(n, e) {
+    S(this, "_currentSkeletonUnitId", "");
+    S(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
+    S(this, "_currentSkeleton$", new de(null));
+    S(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
+    /**
+     * CurrentSkeletonBefore for pre-triggered logic during registration
+     */
+    S(this, "_currentSkeletonBefore$", new de(null));
+    S(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
+    this._localeService = n, this._docViewModelManagerService = e, this.initialize();
+  }
+  initialize() {
+    this._docViewModelManagerService.currentDocViewModel$.subscribe((n) => {
+      n != null && this._setCurrent(n);
+    });
+  }
+  dispose() {
+    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._docSkeletonMap = /* @__PURE__ */ new Map();
+  }
+  getCurrent() {
+    return this.getSkeletonByUnitId(this._currentSkeletonUnitId);
+  }
+  makeDirtyCurrent(n = !0) {
+    this.makeDirty(this._currentSkeletonUnitId, n);
+  }
+  makeDirty(n, e = !0) {
+    const t = this.getSkeletonByUnitId(n);
+    t != null && (t.dirty = e);
+  }
+  _setCurrent(n) {
+    const { unitId: e } = n;
+    if (this._docSkeletonMap.has(e)) {
+      const t = this.getSkeletonByUnitId(e);
+      t.skeleton.calculate(), t.dirty = !0;
+    } else {
+      const t = this._buildSkeleton(n.docViewModel);
+      t.calculate(), this._docSkeletonMap.set(e, {
+        unitId: e,
+        skeleton: t,
+        dirty: !1
+      });
+    }
+    return this._currentSkeletonUnitId = e, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
+  }
+  getSkeletonByUnitId(n) {
+    return this._docSkeletonMap.get(n);
+  }
+  _buildSkeleton(n) {
+    return Qt.create(n, this._localeService);
+  }
+};
+A = Nn([
+  gt(0, U(It)),
+  gt(1, U(se))
+], A);
+const mt = {
+  id: "doc.command.inner-paste",
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const { segmentId: t, body: r, textRanges: s } = e, i = n.get(N), o = n.get(x), a = n.get(P), c = n.get(O), d = a.getSelections();
+    if (!Array.isArray(d) || d.length === 0)
+      return !1;
+    const h = c.getCurrentUniverDocInstance().getUnitId(), p = {
+      id: _.id,
+      params: {
+        unitId: h,
+        mutations: []
+      }
+    }, u = new we();
+    u.reset();
+    for (const m of d) {
+      const { startOffset: f, endOffset: v, collapsed: M } = m, T = f - u.cursor;
+      M ? p.params.mutations.push({
+        t: "r",
+        len: T,
+        segmentId: t
+      }) : p.params.mutations.push(
+        ...Ae(m, t, u.cursor)
+      ), p.params.mutations.push({
+        t: "i",
+        body: r,
+        len: r.dataStream.length,
+        line: 0,
+        segmentId: t
+      }), u.reset(), u.moveCursor(v);
+    }
+    const g = o.syncExecuteCommand(p.id, p.params);
+    return a.replaceTextRanges(s), g ? (i.pushUndoRedo({
+      unitID: h,
+      undoMutations: [{ id: _.id, params: g }],
+      redoMutations: [{ id: _.id, params: p.params }],
+      undo() {
+        return o.syncExecuteCommand(_.id, g), a.replaceTextRanges(d), !0;
+      },
+      redo() {
+        return o.syncExecuteCommand(_.id, p.params), a.replaceTextRanges(s), !0;
+      }
+    }), !0) : !1;
+  }
+}, Ee = {
+  id: "doc.command.inner-cut",
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const { segmentId: t, textRanges: r } = e, s = n.get(N), i = n.get(x), o = n.get(P), a = n.get(O), c = o.getSelections();
+    if (!Array.isArray(c) || c.length === 0)
+      return !1;
+    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), h = zt(l.snapshot, t);
+    if (h == null)
+      return !1;
+    const p = {
+      id: _.id,
+      params: {
+        unitId: d,
+        mutations: []
+      }
+    }, u = new we();
+    u.reset();
+    for (const m of c) {
+      const { startOffset: f, endOffset: v, collapsed: M } = m, T = f - u.cursor;
+      M ? p.params.mutations.push({
+        t: "r",
+        len: T,
+        segmentId: t
+      }) : p.params.mutations.push(
+        ...$n(m, h, t, u.cursor)
+      ), u.reset(), u.moveCursor(v);
+    }
+    const g = i.syncExecuteCommand(p.id, p.params);
+    return o.replaceTextRanges(r), g ? (s.pushUndoRedo({
+      unitID: d,
+      undoMutations: [{ id: _.id, params: g }],
+      redoMutations: [{ id: _.id, params: p.params }],
+      undo() {
+        return i.syncExecuteCommand(_.id, g), o.replaceTextRanges(c), !0;
+      },
+      redo() {
+        return i.syncExecuteCommand(_.id, p.params), o.replaceTextRanges(r), !0;
+      }
+    }), !0) : !1;
+  }
+};
+function $n(n, e, t = "", r = 0) {
+  const { startOffset: s, endOffset: i } = n, o = [], { paragraphs: a = [] } = e, c = s - r, d = i - r, l = a == null ? void 0 : a.find(
+    (h) => h.startIndex - r >= c && h.startIndex - r <= d
+  );
+  if (c > 0 && o.push({
+    t: "r",
+    len: c,
+    segmentId: t
+  }), l && l.startIndex - r > c) {
+    const h = l.startIndex - r;
+    o.push({
+      t: "d",
+      len: h - c,
+      line: 0,
+      segmentId: t
+    }), o.push({
+      t: "r",
+      len: 1,
+      segmentId: t
+    }), d > h + 1 && o.push({
+      t: "d",
+      len: d - h - 1,
+      line: 0,
+      segmentId: t
+    });
+  } else
+    o.push({
+      t: "d",
+      len: d - c,
+      line: 0,
+      segmentId: t
+    });
+  return o;
+}
+const Et = {
+  id: "doc.command.delete-left",
+  type: R.COMMAND,
+  handler: async (n) => {
+    var y;
+    const e = n.get(P), t = n.get(A), r = n.get(O), s = n.get(x), i = e.getActiveRange(), o = e.getSelections(), a = (y = t.getCurrent()) == null ? void 0 : y.skeleton;
+    let c;
+    if (i == null || a == null || o == null)
+      return !1;
+    const d = r.getCurrentUniverDocInstance(), { startOffset: l, collapsed: h, segmentId: p, style: u } = i;
+    if (l === 0 && h)
+      return !0;
+    const g = a.findNodeByCharIndex(l), m = en(g), f = tn(g, d.body);
+    let v = l;
+    const M = a.findNodeByCharIndex(l - 1);
+    if (nn(g) && M !== g && (m === !0 || f === !0)) {
+      const C = rn(g, d.body);
+      if (C == null)
+        return !1;
+      const E = C == null ? void 0 : C.startIndex, L = { startIndex: 0 }, B = C.paragraphStyle;
+      if (m === !0) {
+        const I = C.paragraphStyle;
+        I && (L.paragraphStyle = I);
+      } else if (f === !0) {
+        const I = C.bullet;
+        I && (L.bullet = I), B != null && (L.paragraphStyle = { ...B }, delete L.paragraphStyle.hanging, delete L.paragraphStyle.indentStart);
+      }
+      const k = [
+        {
+          startOffset: v,
+          endOffset: v,
+          style: u
+        }
+      ];
+      c = await s.executeCommand(Tt.id, {
+        unitId: d.getUnitId(),
+        updateBody: {
+          dataStream: "",
+          paragraphs: [{ ...L }]
+        },
+        range: {
+          startOffset: E,
+          endOffset: E + 1
+        },
+        textRanges: k,
+        coverType: xt.REPLACE,
+        segmentId: p
+      });
+    } else if (h === !0)
+      if (M.content === "\r")
+        c = await s.executeCommand(et.id, {
+          direction: q.LEFT,
+          range: i
+        });
+      else {
+        v -= M.count;
+        const C = [
+          {
+            startOffset: v,
+            endOffset: v,
+            style: u
+          }
+        ];
+        c = await s.executeCommand(Qe.id, {
+          unitId: d.getUnitId(),
+          range: i,
+          segmentId: p,
+          direction: q.LEFT,
+          len: M.count,
+          textRanges: C
+        });
+      }
+    else {
+      const C = wt(i, o);
+      c = await s.executeCommand(Ee.id, {
+        segmentId: p,
+        textRanges: C
+      });
+    }
+    return c;
+  }
+}, Ut = {
+  id: "doc.command.delete-right",
+  type: R.COMMAND,
+  handler: async (n) => {
+    var g;
+    const e = n.get(P), t = n.get(A), r = n.get(O), s = n.get(x), i = e.getActiveRange(), o = e.getSelections(), a = (g = t.getCurrent()) == null ? void 0 : g.skeleton;
+    let c;
+    if (i == null || a == null || o == null)
+      return !1;
+    const d = r.getCurrentUniverDocInstance(), { startOffset: l, collapsed: h, segmentId: p, style: u } = i;
+    if (l === d.getBody().dataStream.length - 2 && h)
+      return !0;
+    if (h === !0) {
+      const m = a.findNodeByCharIndex(l);
+      if (m.content === "\r")
+        c = await s.executeCommand(et.id, {
+          direction: q.RIGHT,
+          range: i
+        });
+      else {
+        const f = [
+          {
+            startOffset: l,
+            endOffset: l,
+            style: u
+          }
+        ];
+        c = await s.executeCommand(Qe.id, {
+          unitId: d.getUnitId(),
+          range: i,
+          segmentId: p,
+          direction: q.RIGHT,
+          textRanges: f,
+          len: m.count
+        });
+      }
+    } else {
+      const m = wt(i, o);
+      c = await s.executeCommand(Ee.id, {
+        segmentId: p,
+        textRanges: m
+      });
+    }
+    return c;
+  }
+}, et = {
+  id: "doc.command.merge-two-paragraph",
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    var L, B, k;
+    const t = n.get(P), r = n.get(O), s = n.get(x), i = n.get(N), { direction: o, range: a } = e, c = t.getActiveRange(), d = t.getSelections();
+    if (c == null || d == null)
+      return !1;
+    const l = r.getCurrentUniverDocInstance(), { startOffset: h, collapsed: p, segmentId: u, style: g } = c;
+    if (!p)
+      return !1;
+    const m = o === q.LEFT ? h : h + 1, f = (k = (B = (L = l.getBody()) == null ? void 0 : L.paragraphs) == null ? void 0 : B.find((I) => I.startIndex >= m)) == null ? void 0 : k.startIndex, v = Bn(l.getBody(), m, f), M = o === q.LEFT ? h - 1 : h, T = l.getUnitId(), y = [
+      {
+        startOffset: M,
+        endOffset: M,
+        style: g
+      }
+    ], C = {
+      id: _.id,
+      params: {
+        unitId: T,
+        mutations: []
+      }
+    };
+    C.params.mutations.push({
+      t: "r",
+      len: o === q.LEFT ? h - 1 : h,
+      segmentId: u
+    }), v.dataStream.length && C.params.mutations.push({
+      t: "i",
+      body: v,
+      len: v.dataStream.length,
+      line: 0,
+      segmentId: u
+    }), C.params.mutations.push({
+      t: "r",
+      len: 1,
+      segmentId: u
+    }), C.params.mutations.push({
+      t: "d",
+      len: f + 1 - m,
+      line: 0,
+      segmentId: u
+    });
+    const E = s.syncExecuteCommand(C.id, C.params);
+    return t.replaceTextRanges(y), E ? (i.pushUndoRedo({
+      unitID: T,
+      undoMutations: [{ id: _.id, params: E }],
+      redoMutations: [{ id: _.id, params: C.params }],
       undo() {
-        return c.syncExecuteCommand(S.id, g), d.replaceTextRanges(a), !0;
+        return s.syncExecuteCommand(_.id, E), t.replaceTextRanges([a]), !0;
       },
       redo() {
-        return c.syncExecuteCommand(S.id, f.params), d.replaceTextRanges(a), !0;
+        return s.syncExecuteCommand(_.id, C.params), t.replaceTextRanges(y), !0;
       }
     }), !0) : !1;
   }
 };
-class ot {
+function Bn(n, e, t) {
+  const { textRuns: r } = n, s = n.dataStream.substring(e, t);
+  if (r == null)
+    return {
+      dataStream: s
+    };
+  const i = [];
+  for (const o of r) {
+    const { st: a, ed: c } = o;
+    c <= e || a >= t || (a < e ? i.push({
+      ...o,
+      st: 0,
+      ed: c - e
+    }) : c > t ? i.push({
+      ...o,
+      st: a - e,
+      ed: t - e
+    }) : i.push({
+      ...o,
+      st: a - e,
+      ed: c - e
+    }));
+  }
+  return {
+    dataStream: s,
+    textRuns: i
+  };
+}
+function wt(n, e) {
+  let t = n.endOffset;
+  for (const s of e) {
+    const { startOffset: i, endOffset: o } = s;
+    i == null || o == null || o <= n.endOffset && (t -= o - i);
+  }
+  return [
+    {
+      startOffset: t,
+      endOffset: t,
+      style: n.style
+    }
+  ];
+}
+class tt {
   constructor() {
-    _(this, "_previousActiveRange", null);
-    _(this, "_undoMutationParamsCache", []);
-    _(this, "_redoMutationParamsCache", []);
+    S(this, "_previousActiveRange", null);
+    S(this, "_undoMutationParamsCache", []);
+    S(this, "_redoMutationParamsCache", []);
   }
   clearUndoRedoMutationParamsCache() {
     this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
@@ -410,7 +834,7 @@ class ot {
   fetchComposedUndoRedoMutationParams(e) {
     if (this._undoMutationParamsCache.length === 0 || this._previousActiveRange == null)
       return null;
-    const { unitId: t } = this._undoMutationParamsCache[0], { segmentId: n, startOffset: s, collapsed: i } = this._previousActiveRange, o = {
+    const { unitId: t } = this._undoMutationParamsCache[0], { segmentId: r, startOffset: s, collapsed: i } = this._previousActiveRange, o = {
       unitId: t,
       mutations: []
     }, a = {
@@ -420,20 +844,20 @@ class ot {
     return i ? (o.mutations.push({
       t: "r",
       len: s,
-      segmentId: n
+      segmentId: r
     }), a.mutations.push({
       t: "r",
       len: s,
-      segmentId: n
+      segmentId: r
     })) : (s > 0 && o.mutations.push({
       t: "r",
       len: s,
-      segmentId: n
-    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...me(this._previousActiveRange, n))), e.length && (o.mutations.push({
+      segmentId: r
+    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...Ae(this._previousActiveRange, r))), e.length && (o.mutations.push({
       t: "d",
       len: e.length,
       line: 0,
-      segmentId: n
+      segmentId: r
     }), a.mutations.push({
       t: "i",
       body: {
@@ -441,19 +865,19 @@ class ot {
       },
       len: e.length,
       line: 0,
-      segmentId: n
+      segmentId: r
     })), { redoMutationParams: a, undoMutationParams: o, previousActiveRange: this._previousActiveRange };
   }
   dispose() {
     this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
   }
 }
-const bt = {
+const Lt = {
   id: "doc.command.ime-input",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const { unitId: t, newText: n, oldTextLen: s, range: i, segmentId: o, textRanges: a, isCompositionEnd: c } = e, l = r.get(D), d = r.get(B), f = r.get(P), h = r.get(ot), u = {
-      id: S.id,
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const { unitId: t, newText: r, oldTextLen: s, range: i, segmentId: o, textRanges: a, isCompositionEnd: c } = e, d = n.get(x), l = n.get(N), h = n.get(P), p = n.get(tt), u = {
+      id: _.id,
       params: {
         unitId: t,
         mutations: []
@@ -463,7 +887,7 @@ const bt = {
       t: "r",
       len: i.startOffset,
       segmentId: o
-    }) : u.params.mutations.push(...me(i, o)), s > 0 && u.params.mutations.push({
+    }) : u.params.mutations.push(...Ae(i, o)), s > 0 && u.params.mutations.push({
       t: "d",
       len: s,
       line: 0,
@@ -471,28 +895,28 @@ const bt = {
     }), u.params.mutations.push({
       t: "i",
       body: {
-        dataStream: n
+        dataStream: r
       },
-      len: n.length,
+      len: r.length,
       line: 0,
       segmentId: o
     });
-    const g = l.syncExecuteCommand(u.id, u.params);
-    if (h.pushUndoRedoMutationParams(g, u.params), f.replaceTextRanges(a), c) {
+    const g = d.syncExecuteCommand(u.id, u.params);
+    if (p.pushUndoRedoMutationParams(g, u.params), h.replaceTextRanges(a), c) {
       if (g) {
-        const p = h.fetchComposedUndoRedoMutationParams(n);
-        if (p == null)
+        const m = p.fetchComposedUndoRedoMutationParams(r);
+        if (m == null)
           return !1;
-        const { undoMutationParams: m, redoMutationParams: v, previousActiveRange: M } = p;
-        return d.pushUndoRedo({
+        const { undoMutationParams: f, redoMutationParams: v, previousActiveRange: M } = m;
+        return l.pushUndoRedo({
           unitID: t,
-          undoMutations: [{ id: S.id, params: m }],
-          redoMutations: [{ id: S.id, params: v }],
+          undoMutations: [{ id: _.id, params: f }],
+          redoMutations: [{ id: _.id, params: v }],
           undo() {
-            return l.syncExecuteCommand(S.id, m), f.replaceTextRanges([M]), !0;
+            return d.syncExecuteCommand(_.id, f), h.replaceTextRanges([M]), !0;
           },
           redo() {
-            return l.syncExecuteCommand(S.id, v), f.replaceTextRanges(a), !0;
+            return d.syncExecuteCommand(_.id, v), h.replaceTextRanges(a), !0;
           }
         }), !0;
       }
@@ -500,199 +924,324 @@ const bt = {
       return !!g;
     return !1;
   }
-}, ce = {
+}, ue = {
   id: "doc.command.set-inline-format-bold",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, je = {
+}, Ne = {
   id: "doc.command.set-inline-format-italic",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, Ve = {
+}, $e = {
   id: "doc.command.set-inline-format-underline",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, ke = {
+}, Be = {
   id: "doc.command.set-inline-format-strikethrough",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, le = {
+}, Q = {
+  id: "doc.command.set-inline-format-subscript",
+  type: R.COMMAND,
+  handler: async () => !0
+}, ie = {
+  id: "doc.command.set-inline-format-superscript",
+  type: R.COMMAND,
+  handler: async () => !0
+}, he = {
   id: "doc.command.set-inline-format-fontsize",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, de = {
+}, pe = {
   id: "doc.command.set-inline-format-font-family",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, Fe = {
+}, je = {
   id: "doc.command.set-inline-format-text-color",
-  type: C.COMMAND,
+  type: R.COMMAND,
   handler: async () => !0
-}, Dt = {
+}, At = {
+  [ue.id]: "bl",
+  [Ne.id]: "it",
+  [$e.id]: "ul",
+  [Be.id]: "st",
+  [he.id]: "fs",
+  [pe.id]: "ff",
+  [je.id]: "cl",
+  [Q.id]: "va",
+  [ie.id]: "va"
+}, Nt = {
   id: "doc.command.set-inline-format",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const { segmentId: t, value: n, preCommandId: s } = e, i = r.get(B), o = r.get(D), a = r.get(P), c = r.get(I), l = a.getSelections();
-    if (!Array.isArray(l) || l.length === 0)
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    const { segmentId: t, value: r, preCommandId: s } = e, i = n.get(N), o = n.get(x), a = n.get(P), c = n.get(O), d = a.getSelections();
+    if (!Array.isArray(d) || d.length === 0)
       return !1;
-    let d = c.getCurrentUniverDocInstance(), f = d.getUnitId();
-    f === ne && (d = c.getUniverDocInstance(te), f = d.getUnitId());
-    let h;
-    const u = {
-      [ce.id]: "bl",
-      [je.id]: "it",
-      [Ve.id]: "ul",
-      [ke.id]: "st",
-      [le.id]: "fs",
-      [de.id]: "ff",
-      [Fe.id]: "cl"
-    };
+    let l = c.getCurrentUniverDocInstance(), h = l.getUnitId();
+    h === J && (l = c.getUniverDocInstance(K), h = l.getUnitId());
+    let p;
     switch (s) {
-      case ce.id:
-      case je.id:
-      case Ve.id:
-      case ke.id: {
-        h = Rn(
-          d.body.textRuns,
-          u[s],
-          l
+      case ue.id:
+      case Ne.id:
+      case $e.id:
+      case Be.id:
+      case Q.id:
+      case ie.id: {
+        p = Vn(
+          l.getBody().textRuns,
+          s,
+          d
         );
         break;
       }
-      case le.id:
-      case de.id: {
-        h = n;
+      case he.id:
+      case pe.id: {
+        p = r;
         break;
       }
-      case Fe.id: {
-        h = {
-          rgb: n
+      case je.id: {
+        p = {
+          rgb: r
         };
         break;
       }
       default:
         throw new Error(`Unknown command: ${s} in handleInlineFormat`);
     }
-    const g = {
-      id: S.id,
+    const u = {
+      id: _.id,
       params: {
-        unitId: f,
+        unitId: h,
         mutations: []
       }
-    }, p = new He();
-    p.reset();
-    for (const M of l) {
-      const { startOffset: y, endOffset: E } = M, z = {
+    }, g = new we();
+    g.reset();
+    for (const v of d) {
+      const { startOffset: M, endOffset: T } = v, y = {
         dataStream: "",
         textRuns: [
           {
             st: 0,
-            ed: E - y,
+            ed: T - M,
             ts: {
-              [u[s]]: h
+              [At[s]]: p
             }
           }
         ]
-      }, k = y - p.cursor;
-      k !== 0 && g.params.mutations.push({
+      }, C = M - g.cursor;
+      C !== 0 && u.params.mutations.push({
         t: "r",
-        len: k,
+        len: C,
         segmentId: t
-      }), g.params.mutations.push({
+      }), u.params.mutations.push({
         t: "r",
-        body: z,
-        len: E - y,
+        body: y,
+        len: T - M,
         segmentId: t
-      }), p.reset(), p.moveCursor(E);
+      }), g.reset(), g.moveCursor(T);
     }
-    const m = o.syncExecuteCommand(g.id, g.params), v = [
-      ce.id,
-      le.id,
-      de.id
+    const m = o.syncExecuteCommand(u.id, u.params), f = [
+      ue.id,
+      he.id,
+      pe.id,
+      Q.id,
+      ie.id
     ];
-    return v.includes(s) && a.refreshSelection(), m ? (i.pushUndoRedo({
-      unitID: f,
-      undoMutations: [{ id: S.id, params: m }],
-      redoMutations: [{ id: S.id, params: g.params }],
+    return f.includes(s) && a.refreshSelection(), m ? (i.pushUndoRedo({
+      unitID: h,
+      undoMutations: [{ id: _.id, params: m }],
+      redoMutations: [{ id: _.id, params: u.params }],
       undo() {
-        return o.syncExecuteCommand(S.id, m), v.includes(s) && a.refreshSelection(), !0;
+        return o.syncExecuteCommand(_.id, m), f.includes(s) && a.refreshSelection(), !0;
       },
       redo() {
-        return o.syncExecuteCommand(S.id, g.params), v.includes(s) && a.refreshSelection(), !0;
+        return o.syncExecuteCommand(_.id, u.params), f.includes(s) && a.refreshSelection(), !0;
       }
     }), !0) : !1;
   }
 };
-function Cn(r) {
-  return r !== null && typeof r == "object";
+function jn(n) {
+  return n !== null && typeof n == "object";
 }
-function Rn(r, e, t) {
-  let n = 0, s = 0;
-  for (; n !== r.length && s !== t.length; ) {
-    const { startOffset: i, endOffset: o } = t[s], { st: a, ed: c, ts: l } = r[n];
-    if (o <= a)
+function Vn(n, e, t) {
+  let r = 0, s = 0;
+  const i = At[e];
+  for (; r !== n.length && s !== t.length; ) {
+    const { startOffset: o, endOffset: a } = t[s], { st: c, ed: d, ts: l } = n[r];
+    if (a <= c)
       s++;
-    else if (c <= i)
-      n++;
+    else if (d <= o)
+      r++;
     else {
-      if ((l == null ? void 0 : l[e]) == null)
-        return /bl|it/.test(e) ? O.TRUE : {
-          s: O.TRUE
-        };
-      if (l[e] === O.FALSE)
-        return O.TRUE;
-      if (Cn(l[e]) && l[e].s === O.FALSE)
+      if ((l == null ? void 0 : l[i]) == null) {
+        if (/bl|it/.test(i))
+          return D.TRUE;
+        if (/ul|st/.test(i))
+          return {
+            s: D.TRUE
+          };
+        if (/va/.test(i))
+          return e === Q.id ? j.SUBSCRIPT : j.SUPERSCRIPT;
+      }
+      if (jn(l == null ? void 0 : l[i]) && l[i].s === D.FALSE)
         return {
-          s: O.TRUE
+          s: D.TRUE
         };
-      n++;
+      if (e === Q.id && (l == null ? void 0 : l[i]) !== j.SUBSCRIPT)
+        return j.SUBSCRIPT;
+      if (e === ie.id && (l == null ? void 0 : l[i]) !== j.SUPERSCRIPT)
+        return j.SUPERSCRIPT;
+      if ((l == null ? void 0 : l[i]) === D.FALSE)
+        return D.TRUE;
+      r++;
     }
   }
-  return /bl|it/.test(e) ? O.FALSE : {
-    s: O.FALSE
-  };
+  return /bl|it/.test(i) ? D.FALSE : /ul|st/.test(i) ? {
+    s: D.FALSE
+  } : j.NORMAL;
+}
+const Fn = {
+  id: "doc.command.bullet-list",
+  type: R.COMMAND,
+  handler: (n) => n.get(x).syncExecuteCommand(nt.id, {
+    listType: Ot.BULLET_LIST
+  })
+}, kn = {
+  id: "doc.command.order-list",
+  type: R.COMMAND,
+  handler: (n) => n.get(x).syncExecuteCommand(nt.id, {
+    listType: Ot.ORDER_LIST
+  })
+}, nt = {
+  id: "doc.command.list-operation",
+  type: R.COMMAND,
+  handler: (n, e) => {
+    var T;
+    const t = n.get(P), r = n.get(O), s = n.get(x), i = n.get(N), { listType: o } = e, a = r.getCurrentUniverDocInstance(), c = t.getActiveRange(), d = (T = a.getBody()) == null ? void 0 : T.paragraphs;
+    if (c == null || d == null)
+      return !1;
+    const l = zn(c, d), { segmentId: h } = c, p = a.getUnitId(), u = l.every((y) => {
+      var C;
+      return ((C = y.bullet) == null ? void 0 : C.listType) === o;
+    }), g = 6;
+    let m = H.generateRandomId(g);
+    if (l.length === 1) {
+      const y = d.indexOf(l[0]), C = d[y - 1], E = d[y + 1];
+      C && C.bullet && C.bullet.listType === o ? m = C.bullet.listId : E && E.bullet && E.bullet.listType === o && (m = E.bullet.listId);
+    }
+    const f = {
+      id: _.id,
+      params: {
+        unitId: p,
+        mutations: []
+      }
+    }, v = new we();
+    v.reset();
+    for (const y of l) {
+      const { startIndex: C } = y;
+      f.params.mutations.push({
+        t: "r",
+        len: C - v.cursor,
+        segmentId: h
+      });
+      const E = {
+        ...y.paragraphStyle,
+        hanging: void 0,
+        indentStart: void 0
+      };
+      f.params.mutations.push({
+        t: "r",
+        len: 1,
+        body: {
+          dataStream: "",
+          paragraphs: [
+            u ? {
+              paragraphStyle: E,
+              startIndex: 0
+            } : {
+              ...y,
+              startIndex: 0,
+              bullet: {
+                ...y.bullet ?? {
+                  nestingLevel: 0,
+                  textStyle: {
+                    fs: 20
+                  }
+                },
+                listType: o,
+                listId: m
+              }
+            }
+          ]
+        },
+        segmentId: h,
+        coverType: xt.REPLACE
+      }), v.moveCursorTo(C + 1);
+    }
+    const M = s.syncExecuteCommand(f.id, f.params);
+    return t.refreshSelection(), M && i.pushUndoRedo({
+      unitID: p,
+      undoMutations: [{ id: _.id, params: M }],
+      redoMutations: [{ id: _.id, params: f.params }],
+      undo() {
+        return s.syncExecuteCommand(_.id, M), t.refreshSelection(), !0;
+      },
+      redo() {
+        return s.syncExecuteCommand(_.id, f.params), t.refreshSelection(), !0;
+      }
+    }), !0;
+  }
+};
+function zn(n, e) {
+  const { startOffset: t, endOffset: r } = n, s = [];
+  let i = 0;
+  for (const o of e) {
+    const { startIndex: a } = o;
+    (t > i && t <= a || r > i && r <= a || a >= t && a <= r) && s.push(o), i = a;
+  }
+  return s;
 }
-const In = {
+const Wn = {
   id: "doc.command-replace-content",
-  type: C.COMMAND,
-  handler: async (r, e) => {
+  type: R.COMMAND,
+  handler: async (n, e) => {
     var g;
-    const { unitId: t, body: n, textRanges: s, segmentId: i = "" } = e, o = r.get(I), a = r.get(D), c = r.get(P), l = r.get(B), d = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, f = c.getSelections();
-    if (d == null || !Array.isArray(f) || f.length === 0)
+    const { unitId: t, body: r, textRanges: s, segmentId: i = "" } = e, o = n.get(O), a = n.get(x), c = n.get(P), d = n.get(N), l = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, h = c.getSelections();
+    if (l == null || !Array.isArray(h) || h.length === 0)
       return !1;
-    const h = Pt(t, i, d, n), u = a.syncExecuteCommand(h.id, h.params);
-    return c.replaceTextRanges(s), u ? (l.pushUndoRedo({
+    const p = $t(t, i, l, r), u = a.syncExecuteCommand(p.id, p.params);
+    return c.replaceTextRanges(s), u ? (d.pushUndoRedo({
       unitID: t,
-      undoMutations: [{ id: S.id, params: u }],
-      redoMutations: [{ id: S.id, params: h.params }],
+      undoMutations: [{ id: _.id, params: u }],
+      redoMutations: [{ id: _.id, params: p.params }],
       undo() {
-        return a.syncExecuteCommand(S.id, u), c.replaceTextRanges(f), !0;
+        return a.syncExecuteCommand(_.id, u), c.replaceTextRanges(h), !0;
       },
       redo() {
-        return a.syncExecuteCommand(S.id, h.params), c.replaceTextRanges(s), !0;
+        return a.syncExecuteCommand(_.id, p.params), c.replaceTextRanges(s), !0;
       }
     }), !0) : !1;
   }
-}, xn = {
+}, Hn = {
   id: "doc.command-cover-content",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    var d;
-    const { unitId: t, body: n, segmentId: s = "" } = e, i = r.get(I), o = r.get(D), a = r.get(B), c = (d = i.getUniverDocInstance(t)) == null ? void 0 : d.getSnapshot().body;
+  type: R.COMMAND,
+  handler: async (n, e) => {
+    var l;
+    const { unitId: t, body: r, segmentId: s = "" } = e, i = n.get(O), o = n.get(x), a = n.get(N), c = (l = i.getUniverDocInstance(t)) == null ? void 0 : l.getSnapshot().body;
     if (c == null)
       return !1;
-    const l = Pt(t, s, c, n);
+    const d = $t(t, s, c, r);
     return o.syncExecuteCommand(
-      l.id,
-      l.params
+      d.id,
+      d.params
     ), a.clearUndoRedo(t), !0;
   }
 };
-function Pt(r, e, t, n) {
+function $t(n, e, t, r) {
   const s = {
-    id: S.id,
+    id: _.id,
     params: {
-      unitId: r,
+      unitId: n,
       mutations: []
     }
   }, i = (t == null ? void 0 : t.dataStream.length) - 2;
@@ -701,209 +1250,84 @@ function Pt(r, e, t, n) {
     len: i,
     line: 0,
     segmentId: e
-  }), n.dataStream.length > 0 && s.params.mutations.push({
+  }), r.dataStream.length > 0 && s.params.mutations.push({
     t: "i",
-    body: n,
-    len: n.dataStream.length,
+    body: r,
+    len: r.dataStream.length,
     line: 0,
     segmentId: e
   }), s;
 }
-const G = {
+const ee = {
   id: "doc.operation.move-cursor",
-  type: C.OPERATION,
-  handler: (r, e) => !!e
-}, X = {
+  type: R.OPERATION,
+  handler: (n, e) => !!e
+}, te = {
   id: "doc.operation.move-selection",
-  type: C.OPERATION,
-  handler: (r, e) => !!e
-}, Tt = {
-  id: "doc.operation.set-selections",
-  type: C.OPERATION,
-  handler: (r, e) => (r.get(P).replaceTextRangesWithNoRefresh(e.ranges), !0)
-}, On = (r, e) => {
-  const t = r.get(I).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
+  type: R.OPERATION,
+  handler: (n, e) => !!e
+}, Gn = (n, e) => {
+  const t = n.get(O).getUniverDocInstance(e.unitId), r = (t == null ? void 0 : t.zoomRatio) || 1;
   return {
-    ...Q.deepClone(e),
-    zoomRatio: n
+    ...H.deepClone(e),
+    zoomRatio: r
   };
-}, H = {
+}, Z = {
   id: "doc.operation.set-zoom-ratio",
-  type: C.OPERATION,
-  handler: (r, e) => {
-    const t = r.get(I).getUniverDocInstance(e.unitId);
+  type: R.OPERATION,
+  handler: (n, e) => {
+    const t = n.get(O).getUniverDocInstance(e.unitId);
     if (!t)
       return !1;
-    const n = t.getSnapshot();
-    return n.settings == null ? n.settings = {
+    const r = t.getSnapshot();
+    return r.settings == null ? r.settings = {
       zoomRatio: e.zoomRatio
-    } : n.settings.zoomRatio = e.zoomRatio, !0;
+    } : r.settings.zoomRatio = e.zoomRatio, !0;
   }
-}, Et = {
-  type: C.COMMAND,
+}, Bt = {
+  type: R.COMMAND,
   id: "doc.command.set-zoom-ratio",
-  handler: async (r, e) => {
-    const t = r.get(D), n = r.get(B), s = r.get(I);
+  handler: async (n, e) => {
+    const t = n.get(x), r = n.get(N), s = n.get(O);
     let i = s.getCurrentUniverDocInstance().getUnitId(), o = 1;
     if (e && (i = e.documentId ?? i, o = e.zoomRatio ?? o), !s.getUniverDocInstance(i))
       return !1;
-    const c = {
-      zoomRatio: o,
-      unitId: i
-    }, l = On(r, c);
-    return t.syncExecuteCommand(H.id, c) ? (n.pushUndoRedo({
-      unitID: i,
-      undoMutations: [{ id: H.id, params: l }],
-      redoMutations: [{ id: H.id, params: c }]
-    }), !0) : !1;
-  }
-}, wt = {
-  id: "doc.operation.select-all",
-  type: C.COMMAND,
-  handler: async (r) => {
-    const e = r.get(I), t = r.get(P), n = e.getCurrentUniverDocInstance().getSnapshot().body;
-    if (n == null)
-      return !1;
-    const s = [
-      {
-        startOffset: 0,
-        endOffset: n.dataStream.length - 2,
-        collapsed: !1
-      }
-    ];
-    return t.replaceTextRanges(s), !0;
-  }
-}, _t = {
-  id: "doc.command.inner-paste",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const { segmentId: t, body: n, textRanges: s } = e, i = r.get(B), o = r.get(D), a = r.get(P), c = r.get(I), l = a.getSelections();
-    if (!Array.isArray(l) || l.length === 0)
-      return !1;
-    const f = c.getCurrentUniverDocInstance().getUnitId(), h = {
-      id: S.id,
-      params: {
-        unitId: f,
-        mutations: []
-      }
-    }, u = new He();
-    u.reset();
-    for (const p of l) {
-      const { startOffset: m, endOffset: v, collapsed: M } = p, y = m - u.cursor;
-      M ? h.params.mutations.push({
-        t: "r",
-        len: y,
-        segmentId: t
-      }) : h.params.mutations.push(
-        ...me(p, t, u.cursor)
-      ), h.params.mutations.push({
-        t: "i",
-        body: n,
-        len: n.dataStream.length,
-        line: 0,
-        segmentId: t
-      }), u.reset(), u.moveCursor(v);
-    }
-    const g = o.syncExecuteCommand(h.id, h.params);
-    return a.replaceTextRanges(s), g ? (i.pushUndoRedo({
-      unitID: f,
-      undoMutations: [{ id: S.id, params: g }],
-      redoMutations: [{ id: S.id, params: h.params }],
-      undo() {
-        return o.syncExecuteCommand(S.id, g), a.replaceTextRanges(l), !0;
-      },
-      redo() {
-        return o.syncExecuteCommand(S.id, h.params), a.replaceTextRanges(s), !0;
-      }
-    }), !0) : !1;
-  }
-}, ze = {
-  id: "doc.command.inner-cut",
-  type: C.COMMAND,
-  handler: async (r, e) => {
-    const { segmentId: t, textRanges: n } = e, s = r.get(B), i = r.get(D), o = r.get(P), a = r.get(I), c = o.getSelections();
-    if (!Array.isArray(c) || c.length === 0)
-      return !1;
-    const l = a.getCurrentUniverDocInstance().getUnitId(), d = a.getUniverDocInstance(l), f = Nt(d.snapshot, t);
-    if (f == null)
-      return !1;
-    const h = {
-      id: S.id,
-      params: {
-        unitId: l,
-        mutations: []
-      }
-    }, u = new He();
-    u.reset();
-    for (const p of c) {
-      const { startOffset: m, endOffset: v, collapsed: M } = p, y = m - u.cursor;
-      M ? h.params.mutations.push({
-        t: "r",
-        len: y,
-        segmentId: t
-      }) : h.params.mutations.push(
-        ...yn(p, f, t, u.cursor)
-      ), u.reset(), u.moveCursor(v);
-    }
-    const g = i.syncExecuteCommand(h.id, h.params);
-    return o.replaceTextRanges(n), g ? (s.pushUndoRedo({
-      unitID: l,
-      undoMutations: [{ id: S.id, params: g }],
-      redoMutations: [{ id: S.id, params: h.params }],
-      undo() {
-        return i.syncExecuteCommand(S.id, g), o.replaceTextRanges(c), !0;
-      },
-      redo() {
-        return i.syncExecuteCommand(S.id, h.params), o.replaceTextRanges(n), !0;
-      }
+    const c = {
+      zoomRatio: o,
+      unitId: i
+    }, d = Gn(n, c);
+    return t.syncExecuteCommand(Z.id, c) ? (r.pushUndoRedo({
+      unitID: i,
+      undoMutations: [{ id: Z.id, params: d }],
+      redoMutations: [{ id: Z.id, params: c }]
     }), !0) : !1;
   }
-};
-function yn(r, e, t = "", n = 0) {
-  const { startOffset: s, endOffset: i } = r, o = [], { paragraphs: a = [] } = e, c = s - n, l = i - n, d = a == null ? void 0 : a.find(
-    (f) => f.startIndex - n >= c && f.startIndex - n <= l
-  );
-  if (c > 0 && o.push({
-    t: "r",
-    len: c,
-    segmentId: t
-  }), d && d.startIndex - n > c) {
-    const f = d.startIndex - n;
-    o.push({
-      t: "d",
-      len: f - c,
-      line: 0,
-      segmentId: t
-    }), o.push({
-      t: "r",
-      len: 1,
-      segmentId: t
-    }), l > f + 1 && o.push({
-      t: "d",
-      len: l - f - 1,
-      line: 0,
-      segmentId: t
-    });
-  } else
-    o.push({
-      t: "d",
-      len: l - c,
-      line: 0,
-      segmentId: t
-    });
-  return o;
-}
-const bn = 10, Dn = 6;
-function Pn() {
-  return Q.generateRandomId(Dn);
+}, jt = {
+  id: "doc.operation.select-all",
+  type: R.COMMAND,
+  handler: async (n) => {
+    const e = n.get(O), t = n.get(P), r = e.getCurrentUniverDocInstance().getSnapshot().body;
+    if (r == null)
+      return !1;
+    const s = [
+      {
+        startOffset: 0,
+        endOffset: r.dataStream.length - 2
+      }
+    ];
+    return t.replaceTextRanges(s), !0;
+  }
+}, Xn = 10, qn = 6;
+function Yn() {
+  return H.generateRandomId(qn);
 }
-function Tn(r) {
-  const e = r.match(/data-copy-id="([^\s]+)"/);
+function Zn(n) {
+  const e = n.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class En {
+class Kn {
   constructor() {
-    _(this, "_cache", new $t(bn));
+    S(this, "_cache", new Wt(Xn));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -915,57 +1339,57 @@ class En {
     this._cache.clear();
   }
 }
-const St = new En();
-function wn(r) {
-  const e = r.style, t = {};
-  for (let n = 0; n < e.length; n++) {
-    const s = e[n], i = e.getPropertyValue(s);
+const ft = new Kn();
+function Jn(n) {
+  const e = n.style, t = {};
+  for (let r = 0; r < e.length; r++) {
+    const s = e[r], i = e.getPropertyValue(s);
     switch (s) {
       case "margin-top": {
         const o = parseInt(i);
-        t.spaceAbove = /pt/.test(i) ? nt(o) : o;
+        t.spaceAbove = /pt/.test(i) ? qe(o) : o;
         break;
       }
       case "margin-bottom": {
         const o = parseInt(i);
-        t.spaceBelow = /pt/.test(i) ? nt(o) : o;
+        t.spaceBelow = /pt/.test(i) ? qe(o) : o;
         break;
       }
     }
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-function nt(r) {
-  return r / 0.75;
+function qe(n) {
+  return n / 0.75;
 }
-function at(r) {
-  const e = r.style, t = {}, n = r.tagName.toLowerCase();
-  switch (n) {
+function rt(n) {
+  const e = n.style, t = {}, r = n.tagName.toLowerCase();
+  switch (r) {
     case "b":
     case "em":
     case "strong": {
-      t.bl = O.TRUE;
+      t.bl = D.TRUE;
       break;
     }
     case "s": {
       t.st = {
-        s: O.TRUE
+        s: D.TRUE
       };
       break;
     }
     case "u": {
       t.ul = {
-        s: O.TRUE
+        s: D.TRUE
       };
       break;
     }
     case "i": {
-      t.it = O.TRUE;
+      t.it = D.TRUE;
       break;
     }
     case "sub":
     case "sup": {
-      t.va = n === "sup" ? Le.SUPERSCRIPT : Le.SUBSCRIPT;
+      t.va = r === "sup" ? j.SUPERSCRIPT : j.SUBSCRIPT;
       break;
     }
   }
@@ -978,36 +1402,36 @@ function at(r) {
       }
       case "font-size": {
         const a = parseInt(o);
-        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? nt(a) : a);
+        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? qe(a) : a);
         break;
       }
       case "font-style": {
-        o === "italic" && (t.it = O.TRUE);
+        o === "italic" && (t.it = D.TRUE);
         break;
       }
       case "font-weight": {
-        Number(o) > 400 && (t.bl = O.TRUE);
+        Number(o) > 400 && (t.bl = D.TRUE);
         break;
       }
       case "text-decoration": {
         /underline/.test(o) ? t.ul = {
-          s: O.TRUE
+          s: D.TRUE
         } : /overline/.test(o) ? t.ol = {
-          s: O.TRUE
+          s: D.TRUE
         } : /line-through/.test(o) && (t.st = {
-          s: O.TRUE
+          s: D.TRUE
         });
         break;
       }
       case "color": {
-        const a = new pt(o);
+        const a = new it(o);
         a.isValid && (t.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new pt(o);
+        const a = new it(o);
         a.isValid && (t.bg = {
           rgb: a.toRgbString()
         });
@@ -1017,71 +1441,71 @@ function at(r) {
   }
   return t;
 }
-function Un(r) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${r}</x-univer>`;
+function Qn(n) {
+  const e = new DOMParser(), t = `<x-univer id="univer-root">${n}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function vt(r, e) {
-  const t = r.tagName.toLowerCase();
-  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(r);
+function _t(n, e) {
+  const t = n.tagName.toLowerCase();
+  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((r) => r === t) : e(n);
 }
-const We = class We {
+const Ue = class Ue {
   constructor() {
-    _(this, "styleCache", /* @__PURE__ */ new Map());
-    _(this, "styleRules", []);
-    _(this, "afterProcessRules", []);
+    S(this, "_styleCache", /* @__PURE__ */ new Map());
+    S(this, "_styleRules", []);
+    S(this, "_afterProcessRules", []);
   }
   static use(e) {
-    if (this.pluginList.includes(e))
+    if (this._pluginList.includes(e))
       throw new Error(`Univer paste plugin ${e.name} already added`);
-    this.pluginList.push(e);
+    this._pluginList.push(e);
   }
   convert(e) {
-    const t = We.pluginList.find((i) => i.checkPasteType(e)), n = Un(e), s = {
+    const t = Ue._pluginList.find((i) => i.checkPasteType(e)), r = Qn(e), s = {
       dataStream: "",
       textRuns: []
     };
-    return t && (this.styleRules = [...t.stylesRules], this.afterProcessRules = [...t.afterProcessRules]), this.styleCache.clear(), this.process(null, n == null ? void 0 : n.childNodes, s), this.styleCache.clear(), this.styleRules = [], this.afterProcessRules = [], s;
+    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, r == null ? void 0 : r.childNodes, s), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], s;
   }
-  process(e, t, n) {
+  _process(e, t, r) {
     var s;
     for (const i of t)
       if (i.nodeType === Node.TEXT_NODE) {
         const o = (s = i.nodeValue) == null ? void 0 : s.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,
+        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), r.dataStream += o, a && Object.getOwnPropertyNames(a).length && r.textRuns.push({
+          st: r.dataStream.length - o.length,
+          ed: r.dataStream.length,
           ts: a
         });
       } else if (i.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this.styleCache.get(e) : {}, a = this.styleRules.find(({ filter: f }) => vt(i, f)), c = a ? a.getStyle(i) : at(i);
-        this.styleCache.set(i, { ...o, ...c });
-        const { childNodes: l } = i;
-        this.process(i, l, n);
-        const d = this.afterProcessRules.find(
-          ({ filter: f }) => vt(i, f)
+        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => _t(i, h)), c = a ? a.getStyle(i) : rt(i);
+        this._styleCache.set(i, { ...o, ...c });
+        const { childNodes: d } = i;
+        this._process(i, d, r);
+        const l = this._afterProcessRules.find(
+          ({ filter: h }) => _t(i, h)
         );
-        d && d.handler(n, i);
+        l && l.handler(r, i);
       }
   }
 };
-_(We, "pluginList", []);
-let he = We;
-const Ln = {
+S(Ue, "_pluginList", []);
+let ge = Ue;
+const er = {
   name: "univer-doc-paste-plugin-lark",
-  checkPasteType(r) {
-    return /lark-record-clipboard/i.test(r);
+  checkPasteType(n) {
+    return /lark-record-clipboard/i.test(n);
   },
   // TODO: @JOCS, support inline code copy from lark.
   stylesRules: [
     {
       filter: ["s"],
-      getStyle(r) {
-        const e = at(r);
+      getStyle(n) {
+        const e = rt(n);
         return {
           st: {
-            s: O.TRUE
+            s: D.TRUE
           },
           ...e
         };
@@ -1090,163 +1514,177 @@ const Ln = {
   ],
   afterProcessRules: [
     {
-      filter(r) {
-        return r.tagName === "DIV" && /ace-line/i.test(r.className);
+      filter(n) {
+        return n.tagName === "DIV" && /ace-line/i.test(n.className);
       },
-      handler(r) {
-        r.paragraphs == null && (r.paragraphs = []), r.paragraphs.push({
-          startIndex: r.dataStream.length
-        }), r.dataStream += "\r";
+      handler(n) {
+        n.paragraphs == null && (n.paragraphs = []), n.paragraphs.push({
+          startIndex: n.dataStream.length
+        }), n.dataStream += "\r";
       }
     }
   ]
-}, An = {
+}, tr = {
   name: "univer-doc-paste-plugin-word",
-  checkPasteType(r) {
-    return /word|mso/i.test(r);
+  checkPasteType(n) {
+    return /word|mso/i.test(n);
   },
   stylesRules: [
     {
       filter: ["b"],
-      getStyle(r) {
-        const e = at(r);
-        return { bl: O.TRUE, ...e };
+      getStyle(n) {
+        const e = rt(n);
+        return { bl: D.TRUE, ...e };
       }
     }
   ],
   afterProcessRules: [
     {
-      filter(r) {
-        return r.tagName === "P" && /mso/i.test(r.className);
+      filter(n) {
+        return n.tagName === "P" && /mso/i.test(n.className);
       },
-      handler(r, e) {
-        r.paragraphs == null && (r.paragraphs = []);
+      handler(n, e) {
+        n.paragraphs == null && (n.paragraphs = []);
         const t = {
-          startIndex: r.dataStream.length
-        }, n = wn(e);
-        n && (t.paragraphStyle = n), r.paragraphs.push(t), r.dataStream += "\r";
+          startIndex: n.dataStream.length
+        }, r = Jn(e);
+        r && (t.paragraphStyle = r), n.paragraphs.push(t), n.dataStream += "\r";
       }
     }
   ]
 };
-function Nn(r, e) {
-  const { st: t, ed: n, ts: s = {} } = e, { ff: i, fs: o, it: a, bl: c, ul: l, st: d, ol: f, bg: h, cl: u, va: g } = s;
-  let p = r.slice(t, n);
-  const m = [];
-  return a === O.TRUE && (p = `<i>${p}</i>`), g === Le.SUPERSCRIPT ? p = `<sup>${p}</sup>` : g === Le.SUBSCRIPT && (p = `<sub>${p}</sub>`), (l == null ? void 0 : l.s) === O.TRUE && (p = `<u>${p}</u>`), (d == null ? void 0 : d.s) === O.TRUE && (p = `<s>${p}</s>`), c === O.TRUE && (p = `<strong>${p}</strong>`), i && m.push(`font-family: ${i}`), u && m.push(`color: ${u.rgb}`), o && m.push(`font-size: ${o}px`), f && m.push("text-decoration: overline"), h && m.push(`background: ${h.rgb}`), m.length ? `<span style="${m.join(";")}">${p}</span>` : p;
+function nr(n, e) {
+  const { st: t, ed: r, ts: s = {} } = e, { ff: i, fs: o, it: a, bl: c, ul: d, st: l, ol: h, bg: p, cl: u, va: g } = s;
+  let m = n.slice(t, r);
+  const f = [];
+  return a === D.TRUE && (m = `<i>${m}</i>`), g === j.SUPERSCRIPT ? m = `<sup>${m}</sup>` : g === j.SUBSCRIPT && (m = `<sub>${m}</sub>`), (d == null ? void 0 : d.s) === D.TRUE && (m = `<u>${m}</u>`), (l == null ? void 0 : l.s) === D.TRUE && (m = `<s>${m}</s>`), c === D.TRUE && (m = `<strong>${m}</strong>`), i && f.push(`font-family: ${i}`), u && f.push(`color: ${u.rgb}`), o && f.push(`font-size: ${o}px`), h && f.push("text-decoration: overline"), p && f.push(`background: ${p.rgb}`), f.length ? `<span style="${f.join(";")}">${m}</span>` : m;
 }
-function Mt(r, e = !0) {
-  const { dataStream: t, textRuns: n = [], paragraphs: s = [] } = r;
+function St(n, e = !0) {
+  const { dataStream: t, textRuns: r = [], paragraphs: s = [] } = n;
   let i = 0;
   const o = [], a = [];
-  for (const c of n) {
-    const { st: l, ed: d } = c;
-    if (l !== i && o.push(t.slice(i, l)), o.push(Nn(t, c)), i = d, e)
-      for (const f of s) {
-        const { startIndex: h, paragraphStyle: u = {} } = f;
-        if (h >= l && h <= d) {
-          const { spaceAbove: g, spaceBelow: p } = u, m = [];
-          g != null && (typeof g == "number" ? m.push(`margin-top: ${g}px`) : m.push(`margin-top: ${g.v}px`)), p != null && (typeof p == "number" ? m.push(`margin-bottom: ${p}px`) : m.push(`margin-bottom: ${p.v}px`)), a.push(
-            `<p className="UniverNormal" ${m.length ? `style="${m.join(";")}"` : ""}>${o.join("")}</p>`
+  for (const c of r) {
+    const { st: d, ed: l } = c;
+    if (d !== i && o.push(t.slice(i, d)), o.push(nr(t, c)), i = l, e)
+      for (const h of s) {
+        const { startIndex: p, paragraphStyle: u = {} } = h;
+        if (p >= d && p <= l) {
+          const { spaceAbove: g, spaceBelow: m } = u, f = [];
+          g != null && (typeof g == "number" ? f.push(`margin-top: ${g}px`) : f.push(`margin-top: ${g.v}px`)), m != null && (typeof m == "number" ? f.push(`margin-bottom: ${m}px`) : f.push(`margin-bottom: ${m.v}px`)), a.push(
+            `<p className="UniverNormal" ${f.length ? `style="${f.join(";")}"` : ""}>${o.join("")}</p>`
           ), o.length = 0;
         }
       }
   }
   return a.join("") + o.join("");
 }
-class $n {
+class rr {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return Mt(e[0]);
+      return St(e[0]);
     let t = "";
-    for (const n of e)
-      t += '<p className="UniverNormal">', t += Mt(n, !1), t += "</p>";
+    for (const r of e)
+      t += '<p className="UniverNormal">', t += St(r, !1), t += "</p>";
     return t;
   }
 }
-var Bn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, Vn = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? jn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Bn(e, t, s), s;
-}, Ct = (r, e) => (t, n) => e(t, n, r);
-he.use(An);
-he.use(Ln);
-const Ut = hn("doc.clipboard-service");
-let rt = class extends w {
+var sr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, or = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? ir(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && sr(e, t, s), s;
+}, vt = (n, e) => (t, r) => e(t, r, n);
+ge.use(tr);
+ge.use(er);
+function ar(n) {
+  const e = n.replace(/\n/g, "\r"), t = [];
+  for (let r = 0; r < e.length; r++)
+    e[r] === "\r" && t.push({ startIndex: r });
+  return {
+    dataStream: e,
+    paragraphs: t
+  };
+}
+const Vt = Mn("doc.clipboard-service");
+let Ye = class extends W {
   constructor(e, t) {
     super();
-    _(this, "_clipboardHooks", []);
-    _(this, "_htmlToUDM", new he());
-    _(this, "_umdToHtml", new $n());
+    S(this, "_clipboardHooks", []);
+    S(this, "_htmlToUDM", new ge());
+    S(this, "_umdToHtml", new rr());
     this._currentUniverService = e, this._clipboardInterfaceService = t;
   }
   async queryClipboardData() {
     const e = await this._clipboardInterfaceService.read();
     if (e.length === 0)
       return Promise.reject();
-    const t = e[0], n = await t.getType(qt).then((o) => o && o.text()), s = await t.getType(Yt).then((o) => o && o.text());
-    if (!s)
-      return {
-        dataStream: n
-      };
-    const i = Tn(s);
-    if (i) {
-      const o = St.get(i);
-      if (o)
-        return o;
+    try {
+      let t = "", r = "";
+      for (const i of e)
+        for (const o of i.types)
+          o === mn ? r = await i.getType(o).then((a) => a && a.text()) : o === fn && (t = await i.getType(o).then((a) => a && a.text()));
+      if (!t)
+        return ar(r);
+      const s = Zn(t);
+      if (s) {
+        const i = ft.get(s);
+        if (i)
+          return i;
+      }
+      return this._htmlToUDM.convert(t);
+    } catch (t) {
+      return Promise.reject(t);
     }
-    return this._htmlToUDM.convert(s);
   }
   async setClipboardData(e) {
-    const t = Pn(), n = e.length > 1 ? e.map((i) => i.dataStream).join(`
+    const t = Yn(), r = e.length > 1 ? e.map((i) => i.dataStream).join(`
 `) : e[0].dataStream;
     let s = this._umdToHtml.convert(e);
-    return e.length === 1 && (s = s.replace(/(<[a-z]+)/, (i, o) => `${o} data-copy-id="${t}"`), St.set(t, e[0])), this._clipboardInterfaceService.write(n, s);
+    return e.length === 1 && (s = s.replace(/(<[a-z]+)/, (i, o) => `${o} data-copy-id="${t}"`), ft.set(t, e[0])), this._clipboardInterfaceService.write(r, s);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), Ke(() => {
+    return this._clipboardHooks.push(e), Ge(() => {
       const t = this._clipboardHooks.indexOf(e);
       t > -1 && this._clipboardHooks.splice(t, 1);
     });
   }
 };
-rt = Vn([
-  Ct(0, I),
-  Ct(1, Zt)
-], rt);
-var kn = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, zn = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Fn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && kn(e, t, s), s;
-}, q = (r, e) => (t, n) => e(t, n, r);
-let Ce = class extends w {
-  constructor(r, e, t, n, s, i) {
-    super(), this._logService = r, this._commandService = e, this._currentUniverService = t, this._docClipboardService = n, this._textSelectionRenderManager = s, this._contextService = i, this._commandExecutedListener(), this.initialize();
+Ye = or([
+  vt(0, O),
+  vt(1, _n)
+], Ye);
+var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? lr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && cr(e, t, s), s;
+}, ne = (n, e) => (t, r) => e(t, r, n);
+let Me = class extends W {
+  constructor(n, e, t, r, s, i) {
+    super(), this._logService = n, this._commandService = e, this._currentUniverService = t, this._docClipboardService = r, this._textSelectionManagerService = s, this._contextService = i, this._commandExecutedListener(), this.initialize();
   }
   initialize() {
-    [Ge, Xe, qe].forEach(
-      (r) => this.disposeWithMe(this._commandService.registerAsMultipleCommand(r))
-    ), [_t, ze].forEach(
-      (r) => this.disposeWithMe(this._commandService.registerCommand(r))
+    [Ve, Fe, ke].forEach(
+      (n) => this.disposeWithMe(this._commandService.registerAsMultipleCommand(n))
+    ), [mt, Ee].forEach(
+      (n) => this.disposeWithMe(this._commandService.registerCommand(n))
     );
   }
   _commandExecutedListener() {
-    const r = [Xe.id, Ge.id, qe.id];
+    const n = [Fe.id, Ve.id, ke.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        if (r.includes(e.id) && !(!this._contextService.getContextValue(T) && !this._contextService.getContextValue(ge)))
+        if (n.includes(e.id) && !(!this._contextService.getContextValue(w) && !this._contextService.getContextValue(me)))
           switch (e.id) {
-            case qe.id: {
+            case ke.id: {
               this._handlePaste();
               break;
             }
-            case Ge.id: {
+            case Ve.id: {
               this._handleCopy();
               break;
             }
-            case Xe.id: {
+            case Fe.id: {
               this._handleCut();
               break;
             }
@@ -1257,92 +1695,93 @@ let Ce = class extends w {
     );
   }
   async _handlePaste() {
-    const { _docClipboardService: r } = this, {
+    const { _docClipboardService: n } = this, {
       segmentId: e,
       endOffset: t,
-      style: n
-    } = this._textSelectionRenderManager.getActiveRange() ?? {}, s = this._textSelectionRenderManager.getAllTextRanges();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t != null)
+      style: r
+    } = this._textSelectionManagerService.getActiveRange() ?? {}, s = this._textSelectionManagerService.getSelections();
+    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), !(t == null || s == null))
       try {
-        const i = await r.queryClipboardData();
+        const i = await n.queryClipboardData();
         let o = t;
         for (const c of s) {
-          const { startOffset: l, endOffset: d } = c;
-          l == null || d == null || d <= t && (o += i.dataStream.length - (d - l));
+          const { startOffset: d, endOffset: l } = c;
+          d == null || l == null || l <= t && (o += i.dataStream.length - (l - d));
         }
         const a = [
           {
             startOffset: o,
             endOffset: o,
-            collapsed: !0,
-            style: n
+            style: r
           }
         ];
-        this._commandService.executeCommand(_t.id, { body: i, segmentId: e, textRanges: a });
+        this._commandService.executeCommand(mt.id, { body: i, segmentId: e, textRanges: a });
       } catch {
         this._logService.error("[DocClipboardController] clipboard is empty");
       }
   }
   _getDocumentBodyInRanges() {
-    const r = this._textSelectionRenderManager.getAllTextRanges(), e = this._currentUniverService.getCurrentUniverDocInstance(), { dataStream: t, textRuns: n = [], paragraphs: s = [] } = e.getBody(), i = [];
-    for (const o of r) {
-      const { startOffset: a, endOffset: c, collapsed: l } = o;
-      if (l || a == null || c == null)
+    const n = this._textSelectionManagerService.getSelections(), e = this._currentUniverService.getCurrentUniverDocInstance(), { dataStream: t, textRuns: r = [], paragraphs: s = [] } = e.getBody(), i = [];
+    if (n == null)
+      return i;
+    for (const o of n) {
+      const { startOffset: a, endOffset: c, collapsed: d } = o;
+      if (d || a == null || c == null)
         continue;
-      const d = {
+      const l = {
         dataStream: t.slice(a, c)
-      }, f = [];
-      for (const u of n) {
-        const g = Q.deepClone(u), { st: p, ed: m } = g;
-        Q.hasIntersectionBetweenTwoRanges(p, m, a, c) && (a >= p && a <= m ? f.push({
+      }, h = [];
+      for (const u of r) {
+        const g = H.deepClone(u), { st: m, ed: f } = g;
+        H.hasIntersectionBetweenTwoRanges(m, f, a, c) && (a >= m && a <= f ? h.push({
           ...g,
           st: a,
-          ed: Math.min(c, m)
-        }) : c >= p && c <= m ? f.push({
+          ed: Math.min(c, f)
+        }) : c >= m && c <= f ? h.push({
           ...g,
-          st: Math.max(a, p),
+          st: Math.max(a, m),
           ed: c
-        }) : f.push(g));
+        }) : h.push(g));
       }
-      f.length && (d.textRuns = f.map((u) => {
-        const { st: g, ed: p } = u;
+      h.length && (l.textRuns = h.map((u) => {
+        const { st: g, ed: m } = u;
         return {
           ...u,
           st: g - a,
-          ed: p - a
+          ed: m - a
         };
       }));
-      const h = [];
+      const p = [];
       for (const u of s) {
         const { startIndex: g } = u;
-        g >= a && g <= c && h.push(Q.deepClone(u));
+        g >= a && g <= c && p.push(H.deepClone(u));
       }
-      h.length && (d.paragraphs = h.map((u) => ({
+      p.length && (l.paragraphs = p.map((u) => ({
         ...u,
         startIndex: u.startIndex - a
-      }))), i.push(d);
+      }))), i.push(l);
     }
     return i;
   }
   async _handleCopy() {
-    const { _docClipboardService: r } = this, e = this._getDocumentBodyInRanges();
+    const { _docClipboardService: n } = this, e = this._getDocumentBodyInRanges();
     try {
-      r.setClipboardData(e);
+      n.setClipboardData(e);
     } catch {
       this._logService.error("[DocClipboardController] set clipboard failed");
     }
   }
   async _handleCut() {
     const {
-      segmentId: r,
+      segmentId: n,
       endOffset: e,
       style: t
-    } = this._textSelectionRenderManager.getActiveRange() ?? {}, n = this._textSelectionRenderManager.getAllTextRanges();
-    if (r == null && this._logService.error("[DocClipboardController] segmentId is not existed"), e != null) {
+    } = this._textSelectionManagerService.getActiveRange() ?? {}, r = this._textSelectionManagerService.getSelections();
+    if (n == null && this._logService.error("[DocClipboardController] segmentId is not existed"), !(e == null || r == null)) {
       this._handleCopy();
       try {
         let s = e;
-        for (const o of n) {
+        for (const o of r) {
           const { startOffset: a, endOffset: c } = o;
           a == null || c == null || c <= e && (s -= c - a);
         }
@@ -1350,329 +1789,63 @@ let Ce = class extends w {
           {
             startOffset: s,
             endOffset: s,
-            collapsed: !0,
             style: t
           }
         ];
-        this._commandService.executeCommand(ze.id, { segmentId: r, textRanges: i });
+        this._commandService.executeCommand(Ee.id, { segmentId: n, textRanges: i });
       } catch {
         this._logService.error("[DocClipboardController] cut content failed");
       }
     }
   }
 };
-Ce = zn([
-  U(L.Rendered, Ce),
-  q(0, Bt),
-  q(1, D),
-  q(2, I),
-  q(3, Ut),
-  q(4, V),
-  q(5, jt)
-], Ce);
-var Wn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, Gn = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Hn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Wn(e, t, s), s;
-}, Rt = (r, e) => (t, n) => e(t, n, r);
-let A = class {
-  constructor(r, e) {
-    _(this, "_currentSkeletonUnitId", "");
-    _(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
-    _(this, "_currentSkeleton$", new Ae(null));
-    _(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
-    /**
-     * CurrentSkeletonBefore for pre-triggered logic during registration
-     */
-    _(this, "_currentSkeletonBefore$", new Ae(null));
-    _(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
-    this._localeService = r, this._docViewModelManagerService = e, this.initialize();
-  }
-  initialize() {
-    this._docViewModelManagerService.currentDocViewModel$.subscribe((r) => {
-      r != null && this._setCurrent(r);
-    });
-  }
-  dispose() {
-    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._docSkeletonMap = /* @__PURE__ */ new Map();
-  }
-  getCurrent() {
-    return this.getSkeletonByUnitId(this._currentSkeletonUnitId);
-  }
-  makeDirtyCurrent(r = !0) {
-    this.makeDirty(this._currentSkeletonUnitId, r);
-  }
-  makeDirty(r, e = !0) {
-    const t = this.getSkeletonByUnitId(r);
-    t != null && (t.dirty = e);
-  }
-  _setCurrent(r) {
-    const { unitId: e } = r;
-    if (this._docSkeletonMap.has(e)) {
-      const t = this.getSkeletonByUnitId(e);
-      t.skeleton.calculate(), t.dirty = !0;
-    } else {
-      const t = this._buildSkeleton(r.docViewModel);
-      t.calculate(), this._docSkeletonMap.set(e, {
-        unitId: e,
-        skeleton: t,
-        dirty: !1
-      });
-    }
-    return this._currentSkeletonUnitId = e, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
-  }
-  getSkeletonByUnitId(r) {
-    return this._docSkeletonMap.get(r);
-  }
-  _buildSkeleton(r) {
-    return Qt.create(r, this._localeService);
-  }
-};
-A = Gn([
-  Rt(0, b(xt)),
-  Rt(1, b(ee))
-], A);
-var Xn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Yn = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? qn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Xn(e, t, s), s;
-}, _e = (r, e) => (t, n) => e(t, n, r);
-let Re = class extends w {
-  constructor(r, e, t, n) {
-    super(), this._docSkeletonManagerService = r, this._currentUniverService = e, this._textSelectionRenderManager = t, this._commandService = n, this._initialize(), this._commandExecutedListener();
-  }
-  _initialize() {
-  }
-  _commandExecutedListener() {
-    const r = [$e.id, Be.id];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((e) => {
-        if (r.includes(e.id))
-          switch (e.id) {
-            case $e.id:
-              this._handleDeleteLeft();
-              break;
-            case Be.id:
-              this._handleDeleteRight();
-              break;
-            default:
-              throw new Error("Unknown command");
-          }
-      })
-    );
-  }
-  // Use BACKSPACE to delete left.
-  _handleDeleteLeft() {
-    var u;
-    const r = this._textSelectionRenderManager.getActiveRange(), e = (u = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : u.skeleton;
-    if (r == null || e == null)
-      return;
-    const t = this._currentUniverService.getCurrentUniverDocInstance(), { startOffset: n, collapsed: s, segmentId: i, style: o } = r;
-    if (n === 0 && s)
-      return;
-    const a = e.findNodeByCharIndex(n), c = lt(a), l = en(a, t.body);
-    let d = n;
-    const f = e.findNodeByCharIndex(n - 1);
-    if (tn(a) && f !== a && (c === !0 || l === !0)) {
-      const g = nn(a, t.body);
-      if (g == null)
-        return;
-      const p = g == null ? void 0 : g.startIndex, m = { startIndex: 0 }, v = g.paragraphStyle;
-      if (c === !0) {
-        const y = g.paragraphStyle;
-        y && (m.paragraphStyle = y);
-      } else if (l === !0) {
-        const y = g.bullet;
-        y && (m.bullet = y), v != null && (m.paragraphStyle = { ...v }, delete m.paragraphStyle.hanging, delete m.paragraphStyle.indentStart);
-      }
-      const M = [
-        {
-          startOffset: d,
-          endOffset: d,
-          collapsed: !0,
-          style: o
-        }
-      ];
-      this._commandService.executeCommand(yt.id, {
-        unitId: t.getUnitId(),
-        updateBody: {
-          dataStream: "",
-          paragraphs: [{ ...m }]
-        },
-        range: {
-          startOffset: p,
-          endOffset: p + 1,
-          collapsed: !1
-        },
-        textRanges: M,
-        coverType: Vt.REPLACE,
-        segmentId: i
-      });
-    } else {
-      const { endNodePosition: g } = r;
-      if (g != null) {
-        const p = e.findSpanByPosition(g);
-        lt(p) && !rn(a, p) && (r.endOffset -= 1);
-      }
-      if (s === !0) {
-        d -= f.count;
-        const p = [
-          {
-            startOffset: d,
-            endOffset: d,
-            collapsed: !0,
-            style: o
-          }
-        ];
-        this._commandService.executeCommand(tt.id, {
-          unitId: t.getUnitId(),
-          range: r,
-          segmentId: i,
-          direction: et.LEFT,
-          len: f.count,
-          textRanges: p
-        });
-      } else {
-        const p = this._getTextRangesWhenDelete();
-        this._commandService.executeCommand(ze.id, {
-          segmentId: i,
-          textRanges: p
-        });
-      }
-    }
-    e == null || e.calculate();
-  }
-  // Use DELETE to delete right.
-  _handleDeleteRight() {
-    var a;
-    const r = this._textSelectionRenderManager.getActiveRange(), e = (a = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : a.skeleton;
-    if (r == null || e == null)
-      return;
-    const t = this._currentUniverService.getCurrentUniverDocInstance(), { startOffset: n, collapsed: s, segmentId: i, style: o } = r;
-    if (!(n === t.getBody().dataStream.length - 2 && s)) {
-      if (s === !0) {
-        const c = [
-          {
-            startOffset: n,
-            endOffset: n,
-            collapsed: !0,
-            style: o
-          }
-        ], l = e.findNodeByCharIndex(n);
-        this._commandService.executeCommand(tt.id, {
-          unitId: t.getUnitId(),
-          range: r,
-          segmentId: i,
-          direction: et.RIGHT,
-          textRanges: c,
-          len: l.count
-        });
-      } else {
-        const c = this._getTextRangesWhenDelete();
-        this._commandService.executeCommand(ze.id, {
-          segmentId: i,
-          textRanges: c
-        });
-      }
-      e == null || e.calculate();
-    }
-  }
-  // get cursor position when BACKSPACE/DELETE excuse the CutContentCommand.
-  _getTextRangesWhenDelete() {
-    const r = this._textSelectionRenderManager.getActiveRange(), e = this._textSelectionRenderManager.getAllTextRanges();
-    let t = r.endOffset;
-    for (const s of e) {
-      const { startOffset: i, endOffset: o } = s;
-      i == null || o == null || o <= r.endOffset && (t -= o - i);
-    }
-    return [
-      {
-        startOffset: t,
-        endOffset: t,
-        collapsed: !0,
-        style: r.style
-      }
-    ];
-  }
-};
-Re = Yn([
-  U(L.Rendered, Re),
-  _e(0, b(A)),
-  _e(1, I),
-  _e(2, V),
-  _e(3, D)
-], Re);
-var Zn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Jn = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Kn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Zn(e, t, s), s;
-}, Ye = (r, e) => (t, n) => e(t, n, r);
-let Ie = class extends w {
-  constructor(r, e, t) {
-    super(), this._docSkeletonManagerService = r, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
+Me = dr([
+  V(F.Rendered, Me),
+  ne(0, Ht),
+  ne(1, x),
+  ne(2, O),
+  ne(3, Vt),
+  ne(4, U(P)),
+  ne(5, Gt)
+], Me);
+var ur = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? hr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && ur(e, t, s), s;
+}, ze = (n, e) => (t, r) => e(t, r, n);
+let Ce = class extends Ze {
+  constructor(n, e, t) {
+    super(), this._docSkeletonManagerService = n, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((r) => {
-      if (r == null)
-        return;
-      const { skeleton: e, unitId: t } = r, n = this._renderManagerService.getRenderById(t);
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(bt(this.dispose$)).subscribe((n) => {
       if (n == null)
         return;
-      const { mainComponent: s } = n;
-      s.changeSkeleton(e), this._recalculateSizeBySkeleton(n, e);
+      const { skeleton: e, unitId: t } = n, r = this._renderManagerService.getRenderById(t);
+      if (r == null)
+        return;
+      const { mainComponent: s } = r;
+      s.changeSkeleton(e), this._recalculateSizeBySkeleton(r, e);
     });
   }
-  // calculatePagePosition(currentRender: IRender) {
-  //     const { mainComponent, scene } = currentRender;
-  //     const docsComponent = mainComponent as Documents;
-  //     const parent = scene?.getParent();
-  //     const { width: docsWidth, height: docsHeight, pageMarginLeft, pageMarginTop } = docsComponent;
-  //     if (parent == null || docsWidth === Infinity || docsHeight === Infinity) {
-  //         return;
-  //     }
-  //     const { width: engineWidth, height: engineHeight } = parent;
-  //     let docsLeft = 0;
-  //     let docsTop = 0;
-  //     let sceneWidth = 0;
-  //     let sceneHeight = 0;
-  //     if (engineWidth > docsWidth) {
-  //         docsLeft = engineWidth / 2 - docsWidth / 2;
-  //         sceneWidth = engineWidth - 34;
-  //     } else {
-  //         docsLeft = pageMarginLeft;
-  //         sceneWidth = docsWidth + pageMarginLeft * 2;
-  //     }
-  //     if (engineHeight > docsHeight) {
-  //         docsTop = engineHeight / 2 - docsHeight / 2;
-  //         sceneHeight = engineHeight - 34;
-  //     } else {
-  //         docsTop = pageMarginTop;
-  //         sceneHeight = docsHeight + pageMarginTop * 2;
-  //     }
-  //     // this.docsLeft = docsLeft;
-  //     // this.docsTop = docsTop;
-  //     scene.resize(sceneWidth, sceneHeight + 200);
-  //     docsComponent.translate(docsLeft, docsTop);
-  //     return this;
-  // }
-  _recalculateSizeBySkeleton(r, e) {
-    var a;
-    const { mainComponent: t } = r, n = t, s = (a = e.getSkeletonData()) == null ? void 0 : a.pages;
-    if (s == null)
+  _recalculateSizeBySkeleton(n, e) {
+    var d;
+    const { mainComponent: t, scene: r } = n, s = t, i = (d = e.getSkeletonData()) == null ? void 0 : d.pages;
+    if (i == null)
       return;
-    let i = 0, o = 0;
-    for (let c = 0, l = s.length; c < l; c++) {
-      const d = s[c], { pageWidth: f, pageHeight: h } = d;
-      n.pageLayoutType === dt.VERTICAL ? (o += h, c !== l - 1 && (o += n.pageMarginTop), i = Math.max(i, f)) : n.pageLayoutType === dt.HORIZONTAL && (i += f, c !== l - 1 && (i += n.pageMarginLeft), o = Math.max(o, h));
+    let o = 0, a = 0;
+    for (let l = 0, h = i.length; l < h; l++) {
+      const p = i[l], { pageWidth: u, pageHeight: g } = p;
+      s.pageLayoutType === ot.VERTICAL ? (a += g, a += s.pageMarginTop, l === h - 1 && (a += s.pageMarginTop), o = Math.max(o, u)) : s.pageLayoutType === ot.HORIZONTAL && (o += u, l !== h - 1 && (o += s.pageMarginLeft), a = Math.max(a, g));
     }
-    n.resize(i, o);
+    s.resize(o, a), [K, J].includes(n.unitId) || r.resize(o, a);
   }
   _commandExecutedListener() {
-    const r = [S.id], e = [te, ne];
+    const n = [_.id], e = [K, J];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        var n;
-        if (r.includes(t.id)) {
+        var r;
+        if (n.includes(t.id)) {
           const s = t.params, { unitId: i } = s, o = this._docSkeletonManagerService.getSkeletonByUnitId(i);
           if (o == null)
             return;
@@ -1680,7 +1853,7 @@ let Ie = class extends w {
           if (c == null)
             return;
           if (a.calculate(), e.includes(i)) {
-            (n = c.mainComponent) == null || n.makeDirty();
+            (r = c.mainComponent) == null || r.makeDirty();
             return;
           }
           this._recalculateSizeBySkeleton(c, a);
@@ -1689,23 +1862,23 @@ let Ie = class extends w {
     );
   }
 };
-Ie = Jn([
-  U(L.Rendered, Ie),
-  Ye(0, b(A)),
-  Ye(1, j),
-  Ye(2, D)
-], Ie);
-var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? er(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Qn(e, t, s), s;
-}, oe = (r, e) => (t, n) => e(t, n, r);
-let xe = class extends w {
-  constructor(e, t, n, s, i) {
+Ce = pr([
+  V(F.Rendered, Ce),
+  ze(0, U(A)),
+  ze(1, G),
+  ze(2, x)
+], Ce);
+var gr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, fr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? mr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && gr(e, t, s), s;
+}, oe = (n, e) => (t, r) => e(t, r, n);
+let Re = class extends W {
+  constructor(e, t, r, s, i) {
     super();
-    _(this, "_liquid", new sn());
-    _(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = s, this._floatingObjectManagerService = i, this._initialize(), this._commandExecutedListener();
+    S(this, "_liquid", new sn());
+    S(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = r, this._commandService = s, this._floatingObjectManagerService = i, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._updateOnPluginChange();
@@ -1715,17 +1888,17 @@ let xe = class extends w {
       const t = this._docSkeletonManagerService.getCurrent();
       if (t == null)
         return;
-      const { unitId: n, skeleton: s } = t, i = this._renderManagerService.getRenderById(n);
+      const { unitId: r, skeleton: s } = t, i = this._renderManagerService.getRenderById(r);
       if (i == null)
         return;
-      const { mainComponent: o, components: a, scene: c } = i, l = o, { left: d, top: f } = l;
-      e.forEach((h) => {
-        const { unitId: u, subComponentId: g, floatingObjectId: p, floatingObject: m } = h, { left: v = 0, top: M = 0, width: y = 0, height: E = 0, angle: z, flipX: k, flipY: re, skewX: se, skewY: ie } = m, x = this._pageMarginCache.get(p), F = (x == null ? void 0 : x.marginLeft) || 0, $ = (x == null ? void 0 : x.marginTop) || 0;
-        s == null || s.getViewModel().getDataModel().updateDrawing(p, {
-          left: v - d - F,
-          top: M - f - $,
-          height: E,
-          width: y
+      const { mainComponent: o, components: a, scene: c } = i, d = o, { left: l, top: h } = d;
+      e.forEach((p) => {
+        const { unitId: u, subComponentId: g, floatingObjectId: m, floatingObject: f } = p, { left: v = 0, top: M = 0, width: T = 0, height: y = 0, angle: C, flipX: E, flipY: L, skewX: B, skewY: k } = f, I = this._pageMarginCache.get(m), X = (I == null ? void 0 : I.marginLeft) || 0, z = (I == null ? void 0 : I.marginTop) || 0;
+        s == null || s.getViewModel().getDataModel().updateDrawing(m, {
+          left: v - l - X,
+          top: M - h - z,
+          height: y,
+          width: T
         });
       }), s == null || s.calculate(), o == null || o.makeDirty();
     });
@@ -1734,92 +1907,92 @@ let xe = class extends w {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (e == null)
         return;
-      const { skeleton: t, unitId: n } = e, s = this._renderManagerService.getRenderById(n);
+      const { skeleton: t, unitId: r } = e, s = this._renderManagerService.getRenderById(r);
       if (s == null)
         return;
       const { mainComponent: i } = s;
-      i.changeSkeleton(t), this._refreshFloatingObject(n, t, s);
+      i.changeSkeleton(t), this._refreshFloatingObject(r, t, s);
     });
   }
   _commandExecutedListener() {
-    const e = [S.id, H.id], t = [te, ne];
+    const e = [_.id, Z.id], t = [K, J];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((n) => {
+      this._commandService.onCommandExecuted((r) => {
         var s;
-        if (e.includes(n.id)) {
-          const i = n.params, { unitId: o } = i, a = this._docSkeletonManagerService.getCurrent();
+        if (e.includes(r.id)) {
+          const i = r.params, { unitId: o } = i, a = this._docSkeletonManagerService.getCurrent();
           if (a == null)
             return;
-          const { unitId: c, skeleton: l } = a;
+          const { unitId: c, skeleton: d } = a;
           if (o !== c)
             return;
-          const d = this._renderManagerService.getRenderById(c);
-          if (d == null)
+          const l = this._renderManagerService.getRenderById(c);
+          if (l == null)
             return;
           if (t.includes(c)) {
-            (s = d.mainComponent) == null || s.makeDirty();
+            (s = l.mainComponent) == null || s.makeDirty();
             return;
           }
-          this._refreshFloatingObject(c, l, d);
+          this._refreshFloatingObject(c, d, l);
         }
       })
     );
   }
-  _refreshFloatingObject(e, t, n) {
-    const s = t == null ? void 0 : t.getSkeletonData(), { mainComponent: i, scene: o } = n, a = i;
+  _refreshFloatingObject(e, t, r) {
+    const s = t == null ? void 0 : t.getSkeletonData(), { mainComponent: i, scene: o } = r, a = i;
     if (!s)
       return;
-    const { left: c, top: l, pageLayoutType: d, pageMarginLeft: f, pageMarginTop: h } = a, { pages: u } = s, g = [];
+    const { left: c, top: d, pageLayoutType: l, pageMarginLeft: h, pageMarginTop: p } = a, { pages: u } = s, g = [];
     o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let p = 0, m = u.length; p < m; p++) {
-      const v = u[p], { skeDrawings: M, marginLeft: y, marginTop: E } = v;
-      this._liquid.translatePagePadding(v), M.forEach((z) => {
-        const { aLeft: k, aTop: re, height: se, width: ie, objectId: x } = z;
+    for (let m = 0, f = u.length; m < f; m++) {
+      const v = u[m], { skeDrawings: M, marginLeft: T, marginTop: y } = v;
+      this._liquid.translatePagePadding(v), M.forEach((C) => {
+        const { aLeft: E, aTop: L, height: B, width: k, objectId: I } = C;
         g.push({
           unitId: e,
-          subComponentId: kt,
-          floatingObjectId: x,
+          subComponentId: Xt,
+          floatingObjectId: I,
           floatingObject: {
-            left: k + c + this._liquid.x,
-            top: re + l + this._liquid.y,
-            width: ie,
-            height: se
+            left: E + c + this._liquid.x,
+            top: L + d + this._liquid.y,
+            width: k,
+            height: B
           }
-        }), this._pageMarginCache.set(x, {
+        }), this._pageMarginCache.set(I, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.translatePage(v, d, f, h);
+      }), this._liquid.translatePage(v, l, h, p);
     }
     this._floatingObjectManagerService.BatchAddOrUpdate(g);
   }
 };
-xe = tr([
-  U(L.Steady, xe),
-  oe(0, b(A)),
-  oe(1, I),
-  oe(2, j),
-  oe(3, D),
-  oe(4, Ft)
-], xe);
-var nr = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, sr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? rr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && nr(e, t, s), s;
-}, W = (r, e) => (t, n) => e(t, n, r);
-let Oe = class extends w {
-  constructor(e, t, n, s, i, o, a) {
+Re = fr([
+  V(F.Steady, Re),
+  oe(0, U(A)),
+  oe(1, O),
+  oe(2, G),
+  oe(3, x),
+  oe(4, qt)
+], Re);
+var _r = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, vr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Sr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && _r(e, t, s), s;
+}, re = (n, e) => (t, r) => e(t, r, n);
+let Ie = class extends W {
+  constructor(e, t, r, s, i, o) {
     super();
-    _(this, "_previousIMEContent", "");
-    _(this, "_previousIMERange");
-    _(this, "_onStartSubscription");
-    _(this, "_onUpdateSubscription");
-    _(this, "_onEndSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._imeInputManagerService = o, this._commandService = a, this._initialize();
+    S(this, "_previousIMEContent", "");
+    S(this, "_previousIMERange");
+    S(this, "_onStartSubscription");
+    S(this, "_onUpdateSubscription");
+    S(this, "_onEndSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = r, this._textSelectionRenderManager = s, this._imeInputManagerService = i, this._commandService = o, this._initialize();
   }
   dispose() {
-    var e, t, n;
-    (e = this._onStartSubscription) == null || e.unsubscribe(), (t = this._onUpdateSubscription) == null || t.unsubscribe(), (n = this._onEndSubscription) == null || n.unsubscribe();
+    var e, t, r;
+    (e = this._onStartSubscription) == null || e.unsubscribe(), (t = this._onUpdateSubscription) == null || t.unsubscribe(), (r = this._onEndSubscription) == null || r.unsubscribe();
   }
   _initialize() {
     this._initialOnCompositionstart(), this._initialOnCompositionUpdate(), this._initialOnCompositionend();
@@ -1829,7 +2002,7 @@ let Oe = class extends w {
       if (e == null)
         return;
       const { activeRange: t } = e;
-      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(Q.deepClone(t)), this._previousIMERange = t);
+      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(H.deepClone(t)), this._previousIMERange = t);
     });
   }
   _initialOnCompositionUpdate() {
@@ -1844,171 +2017,99 @@ let Oe = class extends w {
   }
   async _updateContent(e, t) {
     var g;
-    const n = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton;
-    if (this._previousIMERange == null || e == null || n == null)
+    const r = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton;
+    if (this._previousIMERange == null || e == null || r == null)
       return;
-    const s = this._currentUniverService.getCurrentUniverDocInstance(), { event: i, activeRange: o } = e, { startOffset: a, segmentId: c, style: l } = this._previousIMERange;
-    if (n == null || o == null)
+    const s = this._currentUniverService.getCurrentUniverDocInstance(), { event: i, activeRange: o } = e, { startOffset: a, segmentId: c, style: d } = this._previousIMERange;
+    if (r == null || o == null)
       return;
-    const f = i.data;
-    if (f === this._previousIMEContent && t)
+    const h = i.data;
+    if (h === this._previousIMEContent && t)
       return;
-    const h = f.length, u = [
+    const p = h.length, u = [
       {
-        startOffset: a + h,
-        endOffset: a + h,
-        collapsed: !0,
-        style: l
+        startOffset: a + p,
+        endOffset: a + p,
+        style: d
       }
     ];
-    await this._commandService.executeCommand(bt.id, {
+    await this._commandService.executeCommand(Lt.id, {
       unitId: s.getUnitId(),
-      newText: f,
+      newText: h,
       oldTextLen: this._previousIMEContent.length,
       range: this._previousIMERange,
       textRanges: u,
       isCompositionEnd: !t,
       segmentId: c
-    }), n.calculate(), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = f) : this._resetIME();
+    }), r.calculate(), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = h) : this._resetIME();
   }
   _resetIME() {
     this._previousIMEContent = "", this._previousIMERange = null, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
   }
   _getDocObject() {
-    return pe(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-Oe = sr([
-  U(L.Rendered, Oe),
-  W(0, b(A)),
-  W(1, I),
-  W(2, j),
-  W(3, V),
-  W(4, b(P)),
-  W(5, b(ot)),
-  W(6, D)
-], Oe);
-var ir = Object.defineProperty, or = Object.getOwnPropertyDescriptor, ar = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? or(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && ir(e, t, s), s;
-}, Se = (r, e) => (t, n) => e(t, n, r);
-let ye = class extends w {
-  constructor(r, e, t, n) {
-    super(), this._currentUniverService = r, this._textSelectionRenderManager = e, this._textSelectionManagerService = t, this._commandService = n, this._commandExecutedListener();
+Ie = vr([
+  V(F.Rendered, Ie),
+  re(0, U(A)),
+  re(1, O),
+  re(2, G),
+  re(3, fe),
+  re(4, U(tt)),
+  re(5, x)
+], Ie);
+var Mr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Rr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Cr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Mr(e, t, s), s;
+}, Mt = (n, e) => (t, r) => e(t, r, n);
+let xe = class extends W {
+  constructor(n, e) {
+    super(), this._textSelectionManagerService = n, this._commandService = e, this._commandExecutedListener();
   }
   _commandExecutedListener() {
-    const r = [
-      ce.id,
-      je.id,
-      Ve.id,
-      ke.id,
-      le.id,
-      de.id,
-      Fe.id
+    const n = [
+      ue.id,
+      Ne.id,
+      $e.id,
+      Be.id,
+      Q.id,
+      ie.id,
+      he.id,
+      pe.id,
+      je.id
     ];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        r.includes(e.id) && this._handleInlineFormat(e);
+        n.includes(e.id) && this._handleInlineFormat(e);
       })
     );
   }
-  _handleInlineFormat(r) {
-    const { segmentId: e } = this._textSelectionRenderManager.getActiveRange() ?? {};
-    e != null && this._commandService.executeCommand(Dt.id, {
+  _handleInlineFormat(n) {
+    const { segmentId: e } = this._textSelectionManagerService.getActiveRange() ?? {};
+    e != null && this._commandService.executeCommand(Nt.id, {
       segmentId: e,
-      preCommandId: r.id,
-      ...r.params ?? {}
-    });
-  }
-};
-ye = ar([
-  U(L.Rendered, ye),
-  Se(0, I),
-  Se(1, V),
-  Se(2, b(P)),
-  Se(3, D)
-], ye);
-var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? lr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && cr(e, t, s), s;
-}, Y = (r, e) => (t, n) => e(t, n, r);
-function ur(r) {
-  const e = [];
-  for (let t = 0, n = r.length; t < n; t++)
-    r[t] === Je.PARAGRAPH && e.push({
-      startIndex: t
+      preCommandId: n.id,
+      ...n.params ?? {}
     });
-  return e;
-}
-let be = class extends w {
-  constructor(e, t, n, s, i, o) {
-    super();
-    _(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._commandService = o, this._initialize(), this._commandExecutedListener();
-  }
-  dispose() {
-    var e;
-    (e = this._onInputSubscription) == null || e.unsubscribe();
-  }
-  _initialize() {
-  }
-  _commandExecutedListener() {
-    const e = [st.id];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        e.includes(t.id) && this._handleBreakLine();
-      })
-    );
-  }
-  _handleBreakLine() {
-    var l;
-    const e = (l = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : l.skeleton, t = this._textSelectionRenderManager.getActiveRange();
-    if (t == null || e == null)
-      return;
-    const s = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { startOffset: i, segmentId: o, style: a } = t, c = [
-      {
-        startOffset: i + 1,
-        endOffset: i + 1,
-        collapsed: !0,
-        style: a
-      }
-    ];
-    this._commandService.executeCommand(it.id, {
-      unitId: s,
-      body: {
-        dataStream: Je.PARAGRAPH,
-        paragraphs: ur(Je.PARAGRAPH)
-      },
-      range: t,
-      textRanges: c,
-      segmentId: o
-    }), e == null || e.calculate();
-  }
-  _getDocObject() {
-    return pe(this._currentUniverService, this._renderManagerService);
   }
 };
-be = dr([
-  U(L.Rendered, be),
-  Y(0, b(A)),
-  Y(1, I),
-  Y(2, j),
-  Y(3, V),
-  Y(4, b(P)),
-  Y(5, D)
-], be);
-var hr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, fr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? gr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && hr(e, t, s), s;
-}, Z = (r, e) => (t, n) => e(t, n, r);
-let De = class extends w {
-  constructor(e, t, n, s, i, o) {
+xe = Rr([
+  V(F.Rendered, xe),
+  Mt(0, U(P)),
+  Mt(1, x)
+], xe);
+var Ir = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Or = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? xr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Ir(e, t, s), s;
+}, ae = (n, e) => (t, r) => e(t, r, n);
+let Oe = class extends W {
+  constructor(e, t, r, s, i) {
     super();
-    _(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._commandService = o, this._initialize(), this._commandExecutedListener();
+    S(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = r, this._textSelectionManagerService = s, this._commandService = i, this._initialize(), this._commandExecutedListener();
   }
   dispose() {
     var e;
@@ -2017,17 +2118,17 @@ let De = class extends w {
   _initialize() {
   }
   _commandExecutedListener() {
-    const e = [G.id, X.id];
+    const e = [ee.id, te.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
-        const n = t.params;
+        const r = t.params;
         switch (t.id) {
-          case G.id:
-            return this._handleMoveCursor(n.direction);
-          case X.id:
-            return this._handleShiftMoveSelection(n.direction);
+          case ee.id:
+            return this._handleMoveCursor(r.direction);
+          case te.id:
+            return this._handleShiftMoveSelection(r.direction);
           default:
             throw new Error("Unknown command");
         }
@@ -2035,127 +2136,121 @@ let De = class extends w {
     );
   }
   _handleShiftMoveSelection(e) {
-    var p;
-    const t = this._textSelectionRenderManager.getActiveRange(), n = this._textSelectionRenderManager.getAllTextRanges(), s = this._currentUniverService.getCurrentUniverDocInstance(), i = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton, o = this._getDocObject();
+    var m;
+    const t = this._textSelectionManagerService.getActiveRange(), r = this._textSelectionManagerService.getSelections(), s = this._currentUniverService.getCurrentUniverDocInstance(), i = (m = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : m.skeleton, o = this._getDocObject();
     if (t == null || i == null || o == null)
       return;
-    const { startOffset: a, endOffset: c, style: l, collapsed: d, direction: f } = t;
-    if (n.length > 1) {
-      let m = 1 / 0, v = -1 / 0;
-      for (const M of n)
-        m = Math.min(m, M.startOffset), v = Math.max(v, M.endOffset);
+    const { startOffset: a, endOffset: c, style: d, collapsed: l, direction: h } = t;
+    if (r.length > 1) {
+      let f = 1 / 0, v = -1 / 0;
+      for (const M of r)
+        f = Math.min(f, M.startOffset), v = Math.max(v, M.endOffset);
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: e === R.LEFT || e === R.UP ? v : m,
-          endOffset: e === R.LEFT || e === R.UP ? m : v,
-          collapsed: !1,
-          style: l
+          startOffset: e === b.LEFT || e === b.UP ? v : f,
+          endOffset: e === b.LEFT || e === b.UP ? f : v,
+          style: d
         }
       ]);
       return;
     }
-    const h = d || f === ut.FORWARD ? a : c;
-    let u = d || f === ut.FORWARD ? c : a;
+    const p = l || h === at.FORWARD ? a : c;
+    let u = l || h === at.FORWARD ? c : a;
     const g = s.getBody().dataStream.length ?? 1 / 0;
-    if (e === R.LEFT || e === R.RIGHT) {
-      const m = i.findNodeByCharIndex(u - 1), v = i.findNodeByCharIndex(u);
-      u = e === R.RIGHT ? u + v.count : u - m.count, u = Math.min(g - 2, Math.max(0, u)), this._textSelectionManagerService.replaceTextRanges([
+    if (e === b.LEFT || e === b.RIGHT) {
+      const f = i.findNodeByCharIndex(u - 1), v = i.findNodeByCharIndex(u);
+      u = e === b.RIGHT ? u + v.count : u - ((f == null ? void 0 : f.count) ?? 0), u = Math.min(g - 2, Math.max(0, u)), this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: h,
+          startOffset: p,
           endOffset: u,
-          collapsed: h === u,
-          style: l
+          style: d
         }
       ]);
     } else {
-      const m = i.findNodeByCharIndex(u), v = o.document.getOffsetConfig(), M = this._getTopOrBottomPosition(i, m, e === R.DOWN);
+      const f = i.findNodeByCharIndex(u), v = o.document.getOffsetConfig(), M = this._getTopOrBottomPosition(i, f, e === b.DOWN);
       if (M == null) {
-        const E = e === R.UP ? 0 : g - 2;
-        if (E === u)
+        const y = e === b.UP ? 0 : g - 2;
+        if (y === u)
           return;
         this._textSelectionManagerService.replaceTextRanges([
           {
-            startOffset: h,
-            endOffset: E,
-            collapsed: h === E,
-            style: l
+            startOffset: p,
+            endOffset: y,
+            style: d
           }
         ]);
         return;
       }
-      const y = new ht(v, i).getRangePointData(
+      const T = new ct(v, i).getRangePointData(
         M,
         M
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: h,
-          endOffset: y.endOffset,
-          collapsed: h === y.endOffset,
-          style: l
+          startOffset: p,
+          endOffset: T.endOffset,
+          style: d
         }
       ]);
     }
   }
   _handleMoveCursor(e) {
-    var h;
-    const t = this._textSelectionRenderManager.getActiveRange(), n = this._textSelectionRenderManager.getAllTextRanges(), s = this._currentUniverService.getCurrentUniverDocInstance(), i = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, o = this._getDocObject();
-    if (t == null || i == null || o == null)
+    var p;
+    const t = this._textSelectionManagerService.getActiveRange(), r = this._textSelectionManagerService.getSelections(), s = this._currentUniverService.getCurrentUniverDocInstance(), i = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton, o = this._getDocObject();
+    if (t == null || i == null || o == null || r == null)
       return;
-    const { startOffset: a, endOffset: c, style: l, collapsed: d } = t, f = s.getBody().dataStream.length ?? 1 / 0;
-    if (e === R.LEFT || e === R.RIGHT) {
+    const { startOffset: a, endOffset: c, style: d, collapsed: l } = t, h = s.getBody().dataStream.length ?? 1 / 0;
+    if (e === b.LEFT || e === b.RIGHT) {
       let u;
-      if (!t.collapsed || n.length > 1) {
-        let g = 1 / 0, p = -1 / 0;
-        for (const m of n)
-          g = Math.min(g, m.startOffset), p = Math.max(p, m.endOffset);
-        u = e === R.LEFT ? g : p;
+      if (!t.collapsed || r.length > 1) {
+        let g = 1 / 0, m = -1 / 0;
+        for (const f of r)
+          g = Math.min(g, f.startOffset), m = Math.max(m, f.endOffset);
+        u = e === b.LEFT ? g : m;
       } else {
-        const g = i.findNodeByCharIndex(a - 1), p = i.findNodeByCharIndex(a);
-        e === R.LEFT ? u = Math.max(0, a - g.count) : u = Math.min(f - 2, c + p.count);
+        const g = i.findNodeByCharIndex(a - 1), m = i.findNodeByCharIndex(a);
+        e === b.LEFT ? u = Math.max(0, a - ((g == null ? void 0 : g.count) ?? 0)) : u = Math.min(h - 2, c + m.count);
       }
       this._textSelectionManagerService.replaceTextRanges([
         {
           startOffset: u,
           endOffset: u,
-          collapsed: !0,
-          style: l
+          style: d
         }
       ]);
     } else {
-      const u = i.findNodeByCharIndex(a), g = i.findNodeByCharIndex(c), p = o.document.getOffsetConfig(), m = this._getTopOrBottomPosition(
+      const u = i.findNodeByCharIndex(a), g = i.findNodeByCharIndex(c), m = o.document.getOffsetConfig(), f = this._getTopOrBottomPosition(
         i,
-        e === R.UP ? u : g,
-        e === R.DOWN
+        e === b.UP ? u : g,
+        e === b.DOWN
       );
-      if (m == null) {
+      if (f == null) {
         let M;
-        d ? M = e === R.UP ? 0 : f - 2 : M = e === R.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
+        l ? M = e === b.UP ? 0 : h - 2 : M = e === b.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
           {
             startOffset: M,
             endOffset: M,
-            collapsed: !0,
-            style: l
+            style: d
           }
         ]);
         return;
       }
-      const v = new ht(p, i).getRangePointData(
-        m,
-        m
+      const v = new ct(m, i).getRangePointData(
+        f,
+        f
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
           ...v,
-          style: l
+          style: d
         }
       ]);
     }
   }
-  _getTopOrBottomPosition(e, t, n) {
+  _getTopOrBottomPosition(e, t, r) {
     if (t == null)
       return;
-    const s = this._getSpanLeftOffsetInLine(t), i = this._getNextOrPrevLine(t, n);
+    const s = this._getSpanLeftOffsetInLine(t), i = this._getNextOrPrevLine(t, r);
     if (i == null)
       return;
     const o = this._matchPositionByLeftOffset(e, i, s);
@@ -2166,29 +2261,29 @@ let De = class extends w {
     const t = e.parent;
     if (t == null)
       return -1 / 0;
-    const n = t.left, { left: s } = e;
-    return n + s;
+    const r = t.left, { left: s } = e;
+    return r + s;
   }
-  _matchPositionByLeftOffset(e, t, n) {
+  _matchPositionByLeftOffset(e, t, r) {
     const s = {
       distance: 1 / 0
     };
     for (const i of t.divides) {
       const o = i.left;
       for (const a of i.spanGroup) {
-        const { left: c } = a, l = o + c, d = Math.abs(n - l);
-        d < s.distance && (s.span = a, s.distance = d);
+        const { left: c } = a, d = o + c, l = Math.abs(r - d);
+        l < s.distance && (s.span = a, s.distance = l);
       }
     }
     if (s.span != null)
       return e.findPositionBySpan(s.span);
   }
   _getNextOrPrevLine(e, t) {
-    var g, p, m, v, M, y, E, z, k, re, se, ie;
-    const n = e.parent;
-    if (n == null)
+    var g, m, f, v, M, T, y, C, E, L, B, k;
+    const r = e.parent;
+    if (r == null)
       return;
-    const s = n.parent;
+    const s = r.parent;
     if (s == null)
       return;
     const i = s.parent;
@@ -2203,72 +2298,71 @@ let De = class extends w {
     const c = i.parent;
     if (c == null)
       return;
-    const l = c.columns.indexOf(i);
-    if (l === -1)
+    const d = c.columns.indexOf(i);
+    if (d === -1)
       return;
     if (t === !0)
-      a = (g = c.columns[l + 1]) == null ? void 0 : g.lines[0];
+      a = (g = c.columns[d + 1]) == null ? void 0 : g.lines[0];
     else {
-      const x = (m = (p = c.columns) == null ? void 0 : p[l - 1]) == null ? void 0 : m.lines;
-      a = x == null ? void 0 : x[x.length - 1];
+      const I = (f = (m = c.columns) == null ? void 0 : m[d - 1]) == null ? void 0 : f.lines;
+      a = I == null ? void 0 : I[I.length - 1];
     }
     if (a != null)
       return a;
-    const d = c.parent;
-    if (d == null)
+    const l = c.parent;
+    if (l == null)
       return;
-    const f = d.sections.indexOf(c);
-    if (f === -1)
+    const h = l.sections.indexOf(c);
+    if (h === -1)
       return;
     if (t === !0)
-      a = (M = (v = d.sections[f - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : M.lines[0];
+      a = (M = (v = l.sections[h - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : M.lines[0];
     else {
-      const x = (E = (y = d.sections) == null ? void 0 : y[f - 1]) == null ? void 0 : E.columns, F = x == null ? void 0 : x[x.length - 1], $ = F == null ? void 0 : F.lines;
-      a = $ == null ? void 0 : $[$.length - 1];
+      const I = (y = (T = l.sections) == null ? void 0 : T[h - 1]) == null ? void 0 : y.columns, X = I == null ? void 0 : I[I.length - 1], z = X == null ? void 0 : X.lines;
+      a = z == null ? void 0 : z[z.length - 1];
     }
     if (a != null)
       return a;
-    const h = d.parent;
-    if (h == null)
+    const p = l.parent;
+    if (p == null)
       return;
-    const u = h.pages.indexOf(d);
+    const u = p.pages.indexOf(l);
     if (u !== -1) {
       if (t === !0)
-        a = (re = (k = (z = h.pages[u + 1]) == null ? void 0 : z.sections[0]) == null ? void 0 : k.columns[0]) == null ? void 0 : re.lines[0];
+        a = (L = (E = (C = p.pages[u + 1]) == null ? void 0 : C.sections[0]) == null ? void 0 : E.columns[0]) == null ? void 0 : L.lines[0];
       else {
-        const x = (se = h.pages[u - 1]) == null ? void 0 : se.sections;
-        if (x == null)
+        const I = (B = p.pages[u - 1]) == null ? void 0 : B.sections;
+        if (I == null)
           return;
-        const F = (ie = x[x.length - 1]) == null ? void 0 : ie.columns, $ = F[F.length - 1], ct = $ == null ? void 0 : $.lines;
-        a = ct[ct.length - 1];
+        const X = (k = I[I.length - 1]) == null ? void 0 : k.columns, z = X[X.length - 1], st = z == null ? void 0 : z.lines;
+        a = st[st.length - 1];
       }
       if (a != null)
         return a;
     }
   }
   _getDocObject() {
-    return pe(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-De = fr([
-  U(L.Rendered, De),
-  Z(0, b(A)),
-  Z(1, I),
-  Z(2, j),
-  Z(3, V),
-  Z(4, b(P)),
-  Z(5, D)
-], De);
-var pr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, _r = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? mr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && pr(e, t, s), s;
-}, K = (r, e) => (t, n) => e(t, n, r);
-let Pe = class extends w {
-  constructor(e, t, n, s, i, o) {
+Oe = Or([
+  V(F.Rendered, Oe),
+  ae(0, U(A)),
+  ae(1, O),
+  ae(2, G),
+  ae(3, U(P)),
+  ae(4, x)
+], Oe);
+var yr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Dr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? br(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && yr(e, t, s), s;
+}, ce = (n, e) => (t, r) => e(t, r, n);
+let ye = class extends W {
+  constructor(e, t, r, s, i) {
     super();
-    _(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._commandService = o, this._initialize(), this._commandExecutedListener();
+    S(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = r, this._textSelectionRenderManager = s, this._commandService = i, this._initialize(), this._commandExecutedListener();
   }
   dispose() {
     var e;
@@ -2279,174 +2373,142 @@ let Pe = class extends w {
   }
   _initialNormalInput() {
     this._onInputSubscription = this._textSelectionRenderManager.onInput$.subscribe(async (e) => {
-      var u;
+      var g;
       if (e == null)
         return;
-      const t = this._currentUniverService.getCurrentUniverDocInstance(), { event: n, content: s = "", activeRange: i } = e, o = n, a = (u = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : u.skeleton;
-      if (o.data == null || a == null || !a || !i)
+      const r = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { event: s, content: i = "", activeRange: o } = e, a = s, c = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton;
+      if (a.data == null || c == null || !c || !o)
         return;
-      const { startOffset: c, segmentId: l, style: d } = i, f = s.length, h = [
+      const { startOffset: d, segmentId: l, style: h } = o, p = i.length, u = [
         {
-          startOffset: c + f,
-          endOffset: c + f,
-          collapsed: !0,
-          style: d
+          startOffset: d + p,
+          endOffset: d + p,
+          style: h
         }
       ];
-      await this._commandService.executeCommand(it.id, {
-        unitId: t.getUnitId(),
+      await this._commandService.executeCommand(Je.id, {
+        unitId: r,
         body: {
-          dataStream: s
+          dataStream: i
         },
-        range: i,
-        textRanges: h,
+        range: o,
+        textRanges: u,
         segmentId: l
-      }), a.calculate();
+      });
     });
   }
   _commandExecutedListener() {
   }
   _getDocObject() {
-    return pe(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-Pe = _r([
-  U(L.Rendered, Pe),
-  K(0, b(A)),
-  K(1, I),
-  K(2, j),
-  K(3, V),
-  K(4, b(P)),
-  K(5, D)
-], Pe);
-var Sr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Mr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? vr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Sr(e, t, s), s;
-}, Cr = (r, e) => (t, n) => e(t, n, r);
-const Rr = "rgba(198,198,198, 1)", Ir = "rgba(255,255,255, 1)";
-let Te = class extends w {
-  constructor(r) {
-    super(), this._renderManagerService = r, this._initialize(), this._commandExecutedListener();
+ye = Dr([
+  V(F.Rendered, ye),
+  ce(0, U(A)),
+  ce(1, O),
+  ce(2, G),
+  ce(3, fe),
+  ce(4, x)
+], ye);
+var Tr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, Er = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Pr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Tr(e, t, s), s;
+}, Ct = (n, e) => (t, r) => e(t, r, n);
+const Ur = "rgba(198, 198, 198, 1)", wr = "rgba(255, 255, 255, 1)";
+let be = class extends W {
+  constructor(n, e) {
+    super(), this._renderManagerService = n, this._currentUniverService = e, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh();
   }
   _initialRenderRefresh() {
-    this._renderManagerService.currentRender$.subscribe((r) => {
+    this._renderManagerService.currentRender$.subscribe((n) => {
       var i;
-      if (r == null)
+      if (n == null || this._currentUniverService.getUniverDocInstance(n) == null)
         return;
-      const e = this._renderManagerService.getRenderById(r);
+      const e = this._renderManagerService.getRenderById(n);
       if (e == null)
         return;
-      const { mainComponent: t } = e, n = t, s = (i = n.getSkeleton()) == null ? void 0 : i.getPageSize();
-      n.onPageRenderObservable.add((o) => {
-        if ([te, ne].includes(r))
+      const { mainComponent: t } = e, r = t, s = (i = r.getSkeleton()) == null ? void 0 : i.getPageSize();
+      r.onPageRenderObservable.add((o) => {
+        if ([K, J].includes(n))
           return;
-        const { page: a, pageLeft: c, pageTop: l, ctx: d } = o, { width: f, height: h } = a;
-        d.save(), d.translate(c - 0.5, l - 0.5), on.drawWith(d, {
-          width: (s == null ? void 0 : s.width) || f,
-          height: (s == null ? void 0 : s.height) || h,
+        const { page: a, pageLeft: c, pageTop: d, ctx: l } = o, { width: h, pageWidth: p, height: u, pageHeight: g } = a;
+        l.save(), l.translate(c - 0.5, d - 0.5), on.drawWith(l, {
+          width: (s == null ? void 0 : s.width) ?? p ?? h,
+          height: (s == null ? void 0 : s.height) ?? g ?? u,
           strokeWidth: 1,
-          stroke: Rr,
-          fill: Ir,
+          stroke: Ur,
+          fill: wr,
           zIndex: 3
-        }), d.restore();
+        }), l.restore();
       });
     });
   }
   _commandExecutedListener() {
   }
 };
-Te = Mr([
-  U(L.Rendered, Te),
-  Cr(0, j)
-], Te);
-var xr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, yr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Or(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && xr(e, t, s), s;
-}, J = (r, e) => (t, n) => e(t, n, r);
-let Ee = class extends w {
-  constructor(e, t, n, s, i, o) {
+be = Er([
+  V(F.Rendered, be),
+  Ct(0, G),
+  Ct(1, U(O))
+], be);
+var Lr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Nr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ar(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Lr(e, t, s), s;
+}, Y = (n, e) => (t, r) => e(t, r, n);
+let De = class extends W {
+  constructor(e, t, r, s, i, o, a) {
     super();
-    _(this, "_moveInObserver");
-    _(this, "_moveOutObserver");
-    _(this, "_downObserver");
-    _(this, "_dblClickObserver");
-    _(this, "_tripleClickObserver");
-    _(this, "_loadedMap", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = s, this._textSelectionRenderManager = i, this._textSelectionManagerService = o, this._renderManagerService.currentRender$.subscribe((a) => {
-      a != null && this._currentUniverService.getUniverDocInstance(a) != null && (this._loadedMap.has(a) || (this._initialMain(a), this._loadedMap.add(a)));
+    S(this, "_moveInObserver");
+    S(this, "_moveOutObserver");
+    S(this, "_downObserver");
+    S(this, "_dblClickObserver");
+    S(this, "_tripleClickObserver");
+    S(this, "_loadedMap", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = r, this._renderManagerService = s, this._textSelectionRenderManager = i, this._textSelectionManagerService = o, this._layoutService = a, this._renderManagerService.currentRender$.subscribe((c) => {
+      c != null && this._currentUniverService.getUniverDocInstance(c) != null && (this._loadedMap.has(c) || (this._initialMain(c), this._loadedMap.add(c)));
     }), this._initialize();
   }
+  _initialize() {
+    this._skeletonListener(), this._commandExecutedListener(), this._layoutService && this.disposeWithMe(
+      this._layoutService.registerContainer(this._textSelectionRenderManager.__getEditorContainer())
+    );
+  }
   dispose() {
     this._renderManagerService.getRenderAll().forEach((e) => {
       const { mainComponent: t } = e;
       t != null && (t.onPointerEnterObserver.remove(this._moveInObserver), t.onPointerLeaveObserver.remove(this._moveOutObserver), t.onPointerDownObserver.remove(this._downObserver), t.onDblclickObserver.remove(this._dblClickObserver), t.onTripleClickObserver.remove(this._tripleClickObserver));
     });
   }
-  _initialize() {
-    this._onChangeListener(), this._skeletonListener(), this._userActionSyncListener(), this._commandExecutedListener();
-  }
   _initialMain(e) {
     const t = this._getDocObjectById(e);
     if (t == null)
       return;
-    const { document: n, scene: s } = t, i = s.getViewport(ue.VIEW_MAIN);
-    this._moveInObserver = n.onPointerEnterObserver.add(() => {
-      n.cursor = gt.TEXT;
-    }), this._moveOutObserver = n.onPointerLeaveObserver.add(() => {
-      n.cursor = gt.DEFAULT, s.resetCursor();
-    }), this._downObserver = n == null ? void 0 : n.onPointerDownObserver.add((o, a) => {
-      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(o, n.getOffsetConfig(), i), o.button !== 2 && a.stopPropagation();
-    }), this._dblClickObserver = n == null ? void 0 : n.onDblclickObserver.add((o) => {
-      this._textSelectionRenderManager.handleDblClick(o, n.getOffsetConfig(), i);
-    }), this._tripleClickObserver = n == null ? void 0 : n.onTripleClickObserver.add((o) => {
-      this._textSelectionRenderManager.handleTripleClick(o, n.getOffsetConfig(), i);
-    });
-  }
-  _onChangeListener() {
-    this._textSelectionManagerService.textSelectionInfo$.subscribe((e) => {
-      var a, c;
-      const t = (a = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : a.unitId;
-      if (this._textSelectionRenderManager.removeAllTextRanges(), e == null || t == null)
-        return;
-      const n = (c = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : c.skeleton, s = this._getDocObjectById(t);
-      if (s == null || n == null)
-        return;
-      const { scene: i, document: o } = s;
-      this._textSelectionRenderManager.addTextRanges(e, {
-        scene: i,
-        skeleton: n,
-        documentOffsetConfig: o.getOffsetConfig()
-      });
-    });
-  }
-  _userActionSyncListener() {
-    this._textSelectionRenderManager.textSelection$.subscribe((e) => {
-      const t = this._docSkeletonManagerService.getCurrent();
-      if (t == null)
-        return;
-      const { unitId: n } = t;
-      this._commandService.executeCommand(Tt.id, {
-        unitId: n,
-        pluginName: Ne,
-        ranges: e
-      });
+    const { document: r, scene: s } = t;
+    this._moveInObserver = r.onPointerEnterObserver.add(() => {
+      r.cursor = lt.TEXT;
+    }), this._moveOutObserver = r.onPointerLeaveObserver.add(() => {
+      r.cursor = lt.DEFAULT, s.resetCursor();
+    }), this._downObserver = r == null ? void 0 : r.onPointerDownObserver.add((i, o) => {
+      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(i), i.button !== 2 && o.stopPropagation();
+    }), this._dblClickObserver = r == null ? void 0 : r.onDblclickObserver.add((i) => {
+      this._textSelectionRenderManager.handleDblClick(i);
+    }), this._tripleClickObserver = r == null ? void 0 : r.onTripleClickObserver.add((i) => {
+      this._textSelectionRenderManager.handleTripleClick(i);
     });
   }
-  _getDocObjectById(e) {
-    return fn(e, this._renderManagerService);
-  }
   _commandExecutedListener() {
-    const e = [H.id];
+    const e = [Z.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
-        var n;
+        var r;
         if (e.includes(t.id)) {
-          const s = t.params, { unitId: i } = s, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          const s = t.params, { unitId: i } = s, o = (r = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : r.unitId;
           if (i !== o)
             return;
           this._textSelectionManagerService.refreshSelection();
@@ -2458,41 +2520,40 @@ let Ee = class extends w {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (e == null)
         return;
-      const { unitId: t, skeleton: n } = e, s = this._renderManagerService.getRenderById(t);
+      const { unitId: t, skeleton: r } = e, s = this._renderManagerService.getRenderById(t);
       if (s == null)
         return;
-      const { scene: i, mainComponent: o } = s, a = i.getViewport(ue.VIEW_MAIN);
-      this._textSelectionRenderManager.changeRuntime(
-        n,
-        i,
-        a,
-        o.getOffsetConfig()
-      ), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
-        pluginName: Ne,
-        unitId: t
+      const { scene: i, mainComponent: o } = s;
+      this._textSelectionRenderManager.changeRuntime(r, i, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+        unitId: t,
+        subUnitId: ""
       });
     });
   }
+  _getDocObjectById(e) {
+    return In(e, this._renderManagerService);
+  }
 };
-Ee = yr([
-  U(L.Rendered, Ee),
-  J(0, b(A)),
-  J(1, I),
-  J(2, D),
-  J(3, j),
-  J(4, V),
-  J(5, b(P))
-], Ee);
-var br = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Pr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Dr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && br(e, t, s), s;
-}, ae = (r, e) => (t, n) => e(t, n, r);
-let we = class extends w {
-  constructor(e, t, n, s, i) {
+De = Nr([
+  V(F.Rendered, De),
+  Y(0, U(A)),
+  Y(1, O),
+  Y(2, x),
+  Y(3, G),
+  Y(4, fe),
+  Y(5, U(P)),
+  Y(6, Cn(Sn))
+], De);
+var $r = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, jr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Br(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && $r(e, t, s), s;
+}, le = (n, e) => (t, r) => e(t, r, n);
+let Te = class extends W {
+  constructor(e, t, r, s, i) {
     super();
-    _(this, "_initializedRender", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = s, this._textSelectionManagerService = i, this._initialize();
+    S(this, "_initializedRender", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = r, this._renderManagerService = s, this._textSelectionManagerService = i, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -2504,24 +2565,24 @@ let we = class extends w {
     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) || [te, ne].includes(t))
+      const { unitId: t } = e, r = this._renderManagerService.getRenderById(t);
+      if (r == null || this._initializedRender.has(t) || [K, J].includes(t))
         return;
       this._initializedRender.add(t);
-      const { scene: s } = n;
+      const { scene: s } = r;
       this.disposeWithMe(
-        Ke(
+        Ge(
           s.onMouseWheelObserver.add((i) => {
             if (!i.ctrlKey)
               return;
             const o = Math.abs(i.deltaX);
             let a = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
             a *= i.deltaY > 0 ? -1 : 1, s.scaleX < 1 && (a /= 2);
-            const c = this._currentUniverService.getCurrentUniverDocInstance(), l = c.zoomRatio;
-            let d = +parseFloat(`${l + a}`).toFixed(1);
-            d = d >= 4 ? 4 : d <= 0.1 ? 0.1 : d, this._commandService.executeCommand(Et.id, {
-              zoomRatio: d,
-              workbookId: c.getUnitId()
+            const c = this._currentUniverService.getCurrentUniverDocInstance(), d = c.zoomRatio;
+            let l = +parseFloat(`${d + a}`).toFixed(1);
+            l = l >= 4 ? 4 : l <= 0.1 ? 0.1 : l, this._commandService.executeCommand(Bt.id, {
+              zoomRatio: l,
+              unitId: c.getUnitId()
             }), i.preventDefault();
           })
         )
@@ -2537,25 +2598,25 @@ let we = class extends w {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      Ke(
+      Ge(
         this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((e) => {
           if (e == null)
             return;
-          const n = this._currentUniverService.getCurrentUniverDocInstance().zoomRatio || 1;
-          this._updateViewZoom(n, !1);
+          const r = this._currentUniverService.getCurrentUniverDocInstance().zoomRatio || 1;
+          this._updateViewZoom(r, !1);
         })
       )
     );
   }
   _commandExecutedListener() {
-    const e = [H.id];
+    const e = [Z.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = this._currentUniverService.getCurrentUniverDocInstance(), s = t.params, { unitId: i } = s;
-          if (i !== n.getUnitId())
+          const r = this._currentUniverService.getCurrentUniverDocInstance(), s = t.params, { unitId: i } = s;
+          if (i !== r.getUnitId())
             return;
-          const o = n.zoomRatio || 1;
+          const o = r.zoomRatio || 1;
           this._updateViewZoom(o);
         }
       })
@@ -2563,19 +2624,19 @@ let we = class extends w {
   }
   _updateViewZoom(e, t = !0) {
     var s;
-    const n = this._getDocObject();
-    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (s = n.scene.getTransformer()) == null || s.hideControl());
+    const r = this._getDocObject();
+    r != null && (r.scene.scale(e, e), this._calculatePagePosition(r, e), t && this._textSelectionManagerService.refreshSelection(), (s = r.scene.getTransformer()) == null || s.hideControl());
   }
   _calculatePagePosition(e, t) {
-    const { document: n, scene: s } = e, i = s == null ? void 0 : s.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: l } = n;
+    const { document: r, scene: s } = e, i = s == null ? void 0 : s.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: d } = r;
     if (i == null || o === 1 / 0 || a === 1 / 0)
       return;
-    const { width: d, height: f } = i;
-    let h = 0, u = 0, g = 0, p = 0, m = 1 / 0;
-    d > (o + c * 2) * t ? (h = d / 2 - o * t / 2, h /= t, g = (d - c * 2) / t, m = 0) : (h = c, g = o + c * 2, m = (g - d / t) / 2), f > a ? (u = f / 2 - a / 2, p = (f - l * 2) / t) : (u = l, p = a + l * 2), s.resize(g, p + 200), n.translate(h, u);
-    const v = s.getViewport(ue.VIEW_MAIN);
-    if (m !== 1 / 0 && v != null) {
-      const M = v.getBarScroll(m, 0).x;
+    const { width: l, height: h } = i;
+    let p = 0, u = 0, g = 0, m = 0, f = 1 / 0;
+    l > (o + c * 2) * t ? (p = l / 2 - o * t / 2, p /= t, g = (l - c * 2) / t, f = 0) : (p = c, g = o + c * 2, f = (g - l / t) / 2), h > a ? (u = h / 2 - a / 2, m = (h - d * 2) / t) : (u = d, m = a + d * 2), s.resize(g, m + 200), r.translate(p, u);
+    const v = s.getViewport(Ke.VIEW_MAIN);
+    if (f !== 1 / 0 && v != null) {
+      const M = v.getBarScroll(f, 0).x;
       v.scrollTo({
         x: M
       });
@@ -2583,218 +2644,230 @@ let we = class extends w {
     return this;
   }
   _getDocObject() {
-    return pe(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-we = Pr([
-  U(L.Rendered, we),
-  ae(0, b(A)),
-  ae(1, I),
-  ae(2, D),
-  ae(3, j),
-  ae(4, b(P))
-], we);
-const Tr = {
-  id: st.id,
-  preconditions: (r) => r.getContextValue(T),
-  binding: N.ENTER
-}, Er = {
-  id: $e.id,
-  preconditions: (r) => r.getContextValue(T),
-  binding: N.BACKSPACE
-}, wr = {
-  id: Be.id,
-  preconditions: (r) => r.getContextValue(T),
-  binding: N.DELETE
-}, Ur = {
-  id: G.id,
-  binding: N.ARROW_UP,
-  preconditions: (r) => r.getContextValue(T),
+Te = jr([
+  V(F.Rendered, Te),
+  le(0, U(A)),
+  le(1, O),
+  le(2, x),
+  le(3, G),
+  le(4, U(P))
+], Te);
+const Vr = {
+  id: Pt.id,
+  preconditions: (n) => n.getContextValue(w),
+  binding: $.ENTER
+}, Fr = {
+  id: Et.id,
+  preconditions: (n) => n.getContextValue(w),
+  binding: $.BACKSPACE
+}, kr = {
+  id: Ut.id,
+  preconditions: (n) => n.getContextValue(w),
+  binding: $.DELETE
+}, zr = {
+  id: ee.id,
+  binding: $.ARROW_UP,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.UP
+    direction: b.UP
   }
-}, Lr = {
-  id: G.id,
-  binding: N.ARROW_DOWN,
-  preconditions: (r) => r.getContextValue(T),
+}, Wr = {
+  id: ee.id,
+  binding: $.ARROW_DOWN,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.DOWN
+    direction: b.DOWN
   }
-}, Ar = {
-  id: G.id,
-  binding: N.ARROW_LEFT,
-  preconditions: (r) => r.getContextValue(T),
+}, Hr = {
+  id: ee.id,
+  binding: $.ARROW_LEFT,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.LEFT
+    direction: b.LEFT
   }
-}, Nr = {
-  id: G.id,
-  binding: N.ARROW_RIGHT,
-  preconditions: (r) => r.getContextValue(T),
+}, Gr = {
+  id: ee.id,
+  binding: $.ARROW_RIGHT,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.RIGHT
+    direction: b.RIGHT
   }
-}, $r = {
-  id: X.id,
-  binding: N.ARROW_UP | fe.SHIFT,
-  preconditions: (r) => r.getContextValue(T),
+}, Xr = {
+  id: te.id,
+  binding: $.ARROW_UP | _e.SHIFT,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.UP
+    direction: b.UP
   }
-}, Br = {
-  id: X.id,
-  binding: N.ARROW_DOWN | fe.SHIFT,
-  preconditions: (r) => r.getContextValue(T),
+}, qr = {
+  id: te.id,
+  binding: $.ARROW_DOWN | _e.SHIFT,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.DOWN
+    direction: b.DOWN
   }
-}, jr = {
-  id: X.id,
-  binding: N.ARROW_LEFT | fe.SHIFT,
-  preconditions: (r) => r.getContextValue(T),
+}, Yr = {
+  id: te.id,
+  binding: $.ARROW_LEFT | _e.SHIFT,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.LEFT
+    direction: b.LEFT
   }
-}, Vr = {
-  id: X.id,
-  binding: N.ARROW_RIGHT | fe.SHIFT,
-  preconditions: (r) => r.getContextValue(T),
+}, Zr = {
+  id: te.id,
+  binding: $.ARROW_RIGHT | _e.SHIFT,
+  preconditions: (n) => n.getContextValue(w),
   staticParameters: {
-    direction: R.RIGHT
+    direction: b.RIGHT
   }
-}, kr = {
-  id: wt.id,
-  binding: N.A | fe.CTRL_COMMAND,
-  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge)
+}, Kr = {
+  id: jt.id,
+  binding: $.A | _e.CTRL_COMMAND,
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me)
 };
-var Fr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Wr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? zr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Fr(e, t, s), s;
-}, ve = (r, e) => (t, n) => e(t, n, r);
-let Ue = class {
-  constructor(r, e, t, n) {
-    _(this, "_scene");
-    _(this, "_currentDocumentModel");
-    _(this, "_loadedMap", /* @__PURE__ */ new Set());
-    this._renderManagerService = r, this._configService = e, this._currentUniverService = t, this._docViewModelManagerService = n, this._initialize();
+var Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, es = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Qr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Jr(e, t, s), s;
+}, Se = (n, e) => (t, r) => e(t, r, n);
+let Pe = class extends Ze {
+  constructor(e, t, r, s) {
+    super();
+    S(this, "_scene");
+    S(this, "_currentDocumentModel");
+    S(this, "_loadedMap", /* @__PURE__ */ new Set());
+    S(this, "_fps$", new de(""));
+    S(this, "fps$", this._fps$.asObservable());
+    this._renderManagerService = e, this._configService = t, this._currentUniverService = r, this._docViewModelManagerService = s, this._initialize();
   }
   _initialize() {
-    this._currentUniverService.currentDoc$.subscribe((r) => {
-      if (r == null)
+    this._currentUniverService.currentDoc$.subscribe((e) => {
+      if (e == null)
         return;
-      this._currentDocumentModel = r;
-      const e = r.getUnitId();
-      this._docViewModelManagerService.setCurrent(e), this._loadedMap.has(e) || (this._addNewRender(), this._loadedMap.add(e));
+      this._currentDocumentModel = e;
+      const t = e.getUnitId();
+      this._docViewModelManagerService.setCurrent(t), this._loadedMap.has(t) || (this._addNewRender(), this._loadedMap.add(t));
     });
   }
+  dispose() {
+    this._fps$.complete();
+  }
   _addNewRender() {
-    const r = this._currentDocumentModel, e = r.getUnitId(), t = r.getContainer(), n = r.getParentRenderUnitId();
-    if (t != null && n != null)
+    const e = this._currentDocumentModel, t = e.getUnitId(), r = e.getContainer(), s = e.getParentRenderUnitId();
+    if (r != null && s != null)
       throw new Error("container or parentRenderUnitId can only exist one");
-    t == null && n != null ? this._renderManagerService.createRenderWithParent(e, n) : this._renderManagerService.createRender(e);
-    const s = this._renderManagerService.getRenderById(e);
-    if (s == null)
+    r == null && s != null ? this._renderManagerService.createRenderWithParent(t, s) : this._renderManagerService.createRender(t);
+    const i = this._renderManagerService.getRenderById(t);
+    if (i == null)
       return;
-    const { scene: i, engine: o } = s;
-    i.openTransformer(), this._scene = i;
-    const a = new an(ue.VIEW_MAIN, i, {
+    const { scene: o, engine: a } = i;
+    o.openTransformer(), this._scene = o;
+    const c = new an(Ke.VIEW_MAIN, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    i.addViewport(a).attachControl(), i.on(cn.wheel, (d, f) => {
-      const h = d;
-      if (h.ctrlKey) {
-        const u = Math.abs(h.deltaX);
-        let g = u < 40 ? 0.2 : u < 80 ? 0.4 : 0.2;
-        g *= h.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (g /= 2), i.scaleX + g > 4 ? i.scale(4, 4) : i.scaleX + g < 0.1 ? i.scale(0.1, 0.1) : h.preventDefault();
+    o.addViewport(c).attachControl(), o.on(cn.wheel, (h, p) => {
+      const u = h;
+      if (u.ctrlKey) {
+        const g = Math.abs(u.deltaX);
+        let m = g < 40 ? 0.2 : g < 80 ? 0.4 : 0.2;
+        m *= u.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (m /= 2), o.scaleX + m > 4 ? o.scale(4, 4) : o.scaleX + m < 0.1 ? o.scale(0.1, 0.1) : u.preventDefault();
       } else
-        a.onMouseWheel(h, f);
-    }), this._configService.getConfig("hasScroll") !== !1 && e !== ne && new ln(a), i.addLayer(
-      ft.create(i, [], mt),
-      ft.create(i, [], pn)
-    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && o.runRenderLoop(() => {
-      i.render();
-    }), this._renderManagerService.setCurrent(e);
-  }
-  _addComponent(r) {
-    const e = this._scene, t = this._currentDocumentModel, n = new dn(Qe.MAIN, void 0, {
-      pageMarginLeft: t.documentStyle.marginLeft || 0,
-      pageMarginTop: t.documentStyle.marginTop || 0
+        c.onMouseWheel(u, p);
+    }), this._configService.getConfig("hasScroll") !== !1 && t !== J && new ln(c), o.addLayer(
+      new dt(o, [], ut),
+      new dt(o, [], xn)
+    ), this._addComponent(i), 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, r = this._currentDocumentModel, s = new dn(Xe.MAIN, void 0, {
+      pageMarginLeft: r.documentStyle.marginLeft || 0,
+      pageMarginTop: r.documentStyle.marginTop || 0
     });
-    n.zIndex = mn, r.mainComponent = n, r.components.set(Qe.MAIN, n), e.addObjects([n], mt);
+    s.zIndex = On, e.mainComponent = s, e.components.set(Xe.MAIN, s), t.addObjects([s], ut);
   }
 };
-Ue = Wr([
-  U(L.Ready, Ue),
-  ve(0, j),
-  ve(1, Ot),
-  ve(2, I),
-  ve(3, b(ee))
-], Ue);
-var Hr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, Xr = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Gr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Hr(e, t, s), s;
-}, Me = (r, e) => (t, n) => e(t, n, r);
-const qr = {
+Pe = es([
+  V(F.Ready, Pe),
+  Se(0, G),
+  Se(1, yt),
+  Se(2, O),
+  Se(3, U(se))
+], Pe);
+var ts = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, rs = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? ns(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && ts(e, t, s), s;
+}, ve = (n, e) => (t, r) => e(t, r, n);
+const ss = {
   hasScroll: !0
-}, Yr = "docs";
-var Ze;
-let It = (Ze = class extends zt {
-  constructor(e = {}, t, n, s, i) {
-    super(Yr);
-    _(this, "_config");
-    this._injector = t, this._localeService = n, this._configService = s, this._currentUniverService = i, this._config = Object.assign(qr, e), this._initializeDependencies(t), this._initializeCommands();
+}, is = "docs";
+var We;
+let Rt = (We = class extends Yt {
+  constructor(e = {}, t, r, s, i) {
+    super(is);
+    S(this, "_config");
+    this._injector = t, this._localeService = r, this._configService = s, this._currentUniverService = i, this._config = Object.assign(ss, e), this._initializeDependencies(t), this._initializeCommands();
   }
   initialize() {
   }
   _initializeCommands() {
     [
-      G,
-      X,
+      ee,
+      te,
+      Et,
+      Ut,
+      ue,
+      Ne,
       $e,
       Be,
-      ce,
+      Q,
+      ie,
+      he,
+      pe,
       je,
-      Ve,
-      ke,
-      le,
-      de,
-      Fe,
-      Dt,
-      st,
-      it,
-      tt,
-      yt,
-      bt,
-      S,
-      In,
-      xn,
-      Et,
-      H,
+      Nt,
+      Pt,
+      Je,
+      Qe,
       Tt,
-      wt
+      Lt,
+      et,
+      _,
+      Wn,
+      Hn,
+      Bt,
+      Z,
+      Dt,
+      jt,
+      kn,
+      Fn,
+      nt
     ].forEach((e) => {
-      this._injector.get(D).registerCommand(e);
+      this._injector.get(x).registerCommand(e);
     }), [
-      Ur,
-      Lr,
-      Nr,
-      Ar,
-      $r,
-      Br,
-      jr,
-      Vr,
+      zr,
+      Wr,
+      Gr,
+      Hr,
+      Xr,
+      qr,
+      Yr,
+      Zr,
+      Kr,
+      Fr,
       kr,
-      Er,
-      wr,
-      Tr
+      Vr
     ].forEach((e) => {
-      this._injector.get(Kt).registerShortcut(e);
+      this._injector.get(vn).registerShortcut(e);
     });
   }
   onReady() {
@@ -2807,79 +2880,83 @@ let It = (Ze = class extends zt {
       //     { useFactory: () => docInjector.createInstance(CanvasView, this._config.standalone ?? true) },
       // ], // FIXME: CanvasView shouldn't be a dependency of UniverDocs. Because it maybe created dynamically.
       //views
-      [Ue],
+      [Pe],
       // services
       [A],
-      [ee],
-      [ot],
+      [se],
+      [tt],
       [
-        Ut,
+        Vt,
         {
-          useClass: rt
+          useClass: Ye
         }
       ],
       [
-        V,
+        fe,
         {
           useClass: un
         }
       ],
       [P],
       // controllers
-      [Ie],
-      [Te],
-      [Ee],
-      [Pe],
-      [Oe],
-      [Re],
-      [ye],
       [Ce],
       [be],
       [De],
-      [we],
-      [xe]
+      [ye],
+      [Ie],
+      [xe],
+      [Me],
+      [Oe],
+      [Te],
+      [Re]
     ].forEach((t) => e.add(t));
   }
-}, _(Ze, "type", Wt.Doc), Ze);
-It = Xr([
-  Me(1, b(gn)),
-  Me(2, b(xt)),
-  Me(3, Ot),
-  Me(4, I)
-], It);
+}, S(We, "type", Zt.Doc), We);
+Rt = rs([
+  ve(1, U(Rn)),
+  ve(2, U(It)),
+  ve(3, yt),
+  ve(4, O)
+], Rt);
 export {
-  st as BreakLineCommand,
-  xn as CoverContentCommand,
-  mn as DOCS_COMPONENT_DEFAULT_Z_INDEX,
-  pn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
-  mt as DOCS_COMPONENT_MAIN_LAYER_INDEX,
-  Qe as DOCS_VIEW_KEY,
-  tt as DeleteCommand,
-  $e as DeleteLeftCommand,
-  Ge as DocCopyCommand,
-  Xe as DocCutCommand,
-  qe as DocPasteCommand,
+  Pt as BreakLineCommand,
+  Fn as BulletListCommand,
+  Hn as CoverContentCommand,
+  On as DOCS_COMPONENT_DEFAULT_Z_INDEX,
+  xn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
+  ut as DOCS_COMPONENT_MAIN_LAYER_INDEX,
+  Xe as DOCS_VIEW_KEY,
+  Qe as DeleteCommand,
+  Et as DeleteLeftCommand,
+  Ut as DeleteRightCommand,
+  Pe as DocCanvasView,
+  Ve as DocCopyCommand,
+  Fe as DocCutCommand,
+  ke as DocPasteCommand,
   A as DocSkeletonManagerService,
-  ee as DocViewModelManagerService,
-  bt as IMEInputCommand,
-  it as InsertCommand,
-  G as MoveCursorOperation,
-  X as MoveSelectionOperation,
-  Ne as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  In as ReplaceContentCommand,
-  S as RichTextEditingMutation,
-  ce as SetInlineFormatBoldCommand,
-  Dt as SetInlineFormatCommand,
-  de as SetInlineFormatFontFamilyCommand,
-  le as SetInlineFormatFontSizeCommand,
-  je as SetInlineFormatItalicCommand,
-  ke as SetInlineFormatStrikethroughCommand,
-  Fe as SetInlineFormatTextColorCommand,
-  Ve as SetInlineFormatUnderlineCommand,
-  Tt as SetTextSelectionsOperation,
+  se as DocViewModelManagerService,
+  Lt as IMEInputCommand,
+  Je as InsertCommand,
+  ee as MoveCursorOperation,
+  te as MoveSelectionOperation,
+  hs as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  kn as OrderListCommand,
+  Wn as ReplaceContentCommand,
+  _ as RichTextEditingMutation,
+  ue as SetInlineFormatBoldCommand,
+  Nt as SetInlineFormatCommand,
+  pe as SetInlineFormatFontFamilyCommand,
+  he as SetInlineFormatFontSizeCommand,
+  Ne as SetInlineFormatItalicCommand,
+  Be as SetInlineFormatStrikethroughCommand,
+  Q as SetInlineFormatSubscriptCommand,
+  ie as SetInlineFormatSuperscriptCommand,
+  je as SetInlineFormatTextColorCommand,
+  $e as SetInlineFormatUnderlineCommand,
+  Dt as SetTextSelectionsOperation,
   P as TextSelectionManagerService,
-  It as UniverDocsPlugin,
-  yt as UpdateCommand,
-  ue as VIEWPORT_KEY,
-  pe as getDocObject
+  Rt as UniverDocsPlugin,
+  Tt as UpdateCommand,
+  Ke as VIEWPORT_KEY,
+  Le as getDocObject
 };