@univerjs/docs 0.1.0-beta.4 → 0.1.1

package/lib/es/index.js

@@ -1,58 +1,57 @@
-var zt = Object.defineProperty;
-var Wt = (s, e, t) => e in s ? zt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var M = (s, e, t) => (Wt(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { CommandType as I, RxDisposable as ae, ICommandService as T, TextXActionType as b, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as J, IUniverInstanceService as D, IUndoRedoService as F, TextX as $, DataStreamTreeTokenType as Ge, Tools as se, MemoryCursor as $e, getDocsUpdateBody as Ht, LRUMap as Xt, BaselineOffset as j, BooleanNumber as w, ColorKit as lt, Disposable as G, toDisposable as Ye, ILogService as Gt, FOCUSING_DOC as L, EDITOR_ACTIVATED as Ot, LocaleService as yt, UpdateDocsAttributeType as bt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Q, PresetListType as Tt, OnLifecycle as k, LifecycleStages as z, IContextService as Yt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as qt, IFloatingObjectManagerService as Zt, Direction as P, IConfigService as Et, Plugin as Kt, PluginType as Jt } from "@univerjs/core";
-import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Qt, ITextSelectionRenderManager as ce, DocumentViewModel as en, DocumentSkeleton as tn, hasListSpan as nn, isIndentBySpan as rn, isFirstSpan as sn, getParagraphBySpan as on, PageLayoutType as dt, IRenderManagerService as Y, Liquid as an, RANGE_DIRECTION as ut, NodePositionConvertToCursor as ht, Rect as cn, CURSOR_TYPE as gt, Viewport as ln, EVENT_TYPE as dn, ScrollBar as un, Layer as pt, Documents as hn, TextSelectionRenderManager as gn } from "@univerjs/engine-render";
-import { BehaviorSubject as me, takeUntil as le } from "rxjs";
-import { PLAIN_TEXT_CLIPBOARD_MIME_TYPE as pn, HTML_CLIPBOARD_MIME_TYPE as fn, IClipboardInterfaceService as Je, CopyCommand as mn, CutCommand as _n, PasteCommand as Sn, LayoutService as vn, KeyCode as V, MetaKeys as Ie, IShortcutService as Mn } from "@univerjs/ui";
-import { createIdentifier as In, Inject as N, Optional as Rn, Injector as Cn } from "@wendellhu/redi";
-function Be(s, e) {
-  const n = s.getCurrentUniverDocInstance().getUnitId(), r = e.getRenderById(n);
-  if (r == null)
+var it = Object.defineProperty;
+var ot = (i, e, t) => e in i ? it(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var M = (i, e, t) => (ot(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { CommandType as v, RxDisposable as he, ICommandService as y, TextXActionType as R, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as We, IUniverInstanceService as T, IUndoRedoService as ge, UndoCommandId as $e, RedoCommandId as Be, TextX as A, DataStreamTreeTokenType as De, Tools as q, LocaleService as Xe, MemoryCursor as me, getDocsUpdateBody as at, UpdateDocsAttributeType as Ye, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as ct, BooleanNumber as z, BaselineOffset as V, PresetListType as Ze, OnLifecycle as ee, LifecycleStages as te, Disposable as ne, Direction as P, toDisposable as G, Plugin as lt, PluginType as dt, IConfigService as ut } from "@univerjs/core";
+import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as ht, ITextSelectionRenderManager as se, DocumentViewModel as gt, DocumentSkeleton as mt, hasListSpan as ft, isIndentBySpan as pt, isFirstSpan as _t, getParagraphBySpan as St, RANGE_DIRECTION as Fe, NodePositionConvertToCursor as ze, IRenderManagerService as Ue, CURSOR_TYPE as Ve, TextSelectionRenderManager as vt } from "@univerjs/engine-render";
+import { BehaviorSubject as J, takeUntil as K } from "rxjs";
+import { Inject as w, Injector as Mt } from "@wendellhu/redi";
+function qe(i, e) {
+  const n = i.getCurrentUniverDocInstance().getUnitId(), s = e.getRenderById(n);
+  if (s == null)
     return;
-  const { mainComponent: i, scene: o, engine: a } = r;
+  const { mainComponent: r, scene: o, engine: a } = s;
   return {
-    document: i,
+    document: r,
     scene: o,
     engine: a
   };
 }
-function xn(s, e) {
-  const t = e.getRenderById(s);
+function It(i, e) {
+  const t = e.getRenderById(i);
   if (t == null)
     return;
-  const { mainComponent: n, scene: r, engine: i } = t;
+  const { mainComponent: n, scene: s, engine: r } = t;
   return {
     document: n,
-    scene: r,
-    engine: i
+    scene: s,
+    engine: r
   };
 }
-var qe = /* @__PURE__ */ ((s) => (s.MAIN = "__Document_Render_Main__", s))(qe || {}), Qe = /* @__PURE__ */ ((s) => (s.VIEW_MAIN = "viewMain", s.VIEW_TOP = "viewTop", s.VIEW_LEFT = "viewLeft", s.VIEW_LEFT_TOP = "viewLeftTop", s))(Qe || {});
-const ft = 0, On = 2, yn = 10, ms = "normalTextSelectionPluginName", Dt = {
+var Ct = /* @__PURE__ */ ((i) => (i.MAIN = "__Document_Render_Main__", i))(Ct || {}), Rt = /* @__PURE__ */ ((i) => (i.VIEW_MAIN = "viewMain", i.VIEW_TOP = "viewTop", i.VIEW_LEFT = "viewLeft", i.VIEW_LEFT_TOP = "viewLeftTop", i))(Rt || {});
+const yn = 0, Tn = 2, En = 10, Dn = "normalTextSelectionPluginName", Je = {
   id: "doc.operation.set-selections",
-  type: I.OPERATION,
-  handler: (s, e) => !0
+  type: v.OPERATION,
+  handler: (i, e) => !0
 };
-var bn = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, En = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Tn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && bn(e, t, r), r;
-}, mt = (s, e) => (t, n) => e(t, n, s);
-function _t(s) {
-  const { startOffset: e, endOffset: t, collapsed: n } = s;
-  return {
+var xt = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, yt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Ot(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && xt(e, t, s), s;
+}, je = (i, e) => (t, n) => e(t, n, i);
+function de(i) {
+  const { startOffset: e, endOffset: t, collapsed: n } = i, s = {
     startOffset: e,
     endOffset: t,
     collapsed: n
   };
+  return typeof i.isActive == "function" && (s.isActive = i.isActive()), s;
 }
-let U = class extends ae {
+let U = class extends he {
   constructor(e, t) {
     super();
     M(this, "_currentSelection", null);
     M(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
-    M(this, "_textSelection$", new me(null));
+    M(this, "_textSelection$", new J(null));
     M(this, "textSelection$", this._textSelection$.asObservable());
     this._textSelectionRenderManager = e, this._commandService = t, this._syncSelectionFromRenderService();
   }
@@ -84,10 +83,10 @@ let U = class extends ae {
     const e = this._getTextRanges(this._currentSelection);
     if (e == null)
       return;
-    const { textRanges: t, segmentId: n, style: r } = e, i = t.find((h) => h.isActive());
-    if (i == null)
+    const { textRanges: t, segmentId: n, style: s } = e, r = t.find((h) => h.isActive());
+    if (r == null)
       return null;
-    const { startOffset: o, endOffset: a, collapsed: c, startNodePosition: d, endNodePosition: l, direction: u } = i;
+    const { startOffset: o, endOffset: a, collapsed: c, startNodePosition: d, endNodePosition: l, direction: u } = r;
     return o == null || a == null ? null : {
       startOffset: o,
       endOffset: a,
@@ -96,25 +95,26 @@ let U = class extends ae {
       endNodePosition: l,
       direction: u,
       segmentId: n,
-      style: r
+      style: s
     };
   }
   // **Only used in test case** because this does not go through the render layer.
-  add(e) {
+  add(e, t = !0) {
     this._currentSelection != null && this._addByParam({
       ...this._currentSelection,
       textRanges: e,
       segmentId: "",
-      style: Qt
+      isEditing: t,
+      style: ht
       // mock style.
     });
   }
-  replaceTextRanges(e) {
-    this._currentSelection != null && (this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges(e));
+  replaceTextRanges(e, t = !0) {
+    this._currentSelection != null && (this._textSelectionRenderManager.removeAllTextRanges(), this._textSelectionRenderManager.addTextRanges(e, t));
   }
   // All textRanges should be synchronized from the render layer.
   _syncSelectionFromRenderService() {
-    this._textSelectionRenderManager.textSelectionInner$.pipe(le(this.dispose$)).subscribe((e) => {
+    this._textSelectionRenderManager.textSelectionInner$.pipe(K(this.dispose$)).subscribe((e) => {
       e != null && this._replaceTextRangesWithNoRefresh(e);
     });
   }
@@ -126,81 +126,91 @@ let U = class extends ae {
       ...e
     };
     this._replaceByParam(t), this._textSelection$.next(t);
-    const { unitId: n, subUnitId: r, segmentId: i, style: o, textRanges: a } = t;
-    this._commandService.executeCommand(Dt.id, {
+    const { unitId: n, subUnitId: s, segmentId: r, style: o, textRanges: a, isEditing: c } = t;
+    this._commandService.executeCommand(Je.id, {
       unitId: n,
-      subUnitId: r,
-      segmentId: i,
+      subUnitId: s,
+      segmentId: r,
       style: o,
-      ranges: a.map(_t)
+      isEditing: c,
+      ranges: a.map(de)
     });
   }
   _getTextRanges(e) {
-    var r;
+    var s;
     if (e == null)
       return;
     const { unitId: t, subUnitId: n = "" } = e;
-    return (r = this._textSelectionInfo.get(t)) == null ? void 0 : r.get(n);
+    return (s = this._textSelectionInfo.get(t)) == null ? void 0 : s.get(n);
   }
   _refresh(e) {
     const t = this._getTextRanges(e);
-    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(_t));
+    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(de));
   }
   _replaceByParam(e) {
-    const { unitId: t, subUnitId: n, style: r, segmentId: i, textRanges: o } = e;
-    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, { textRanges: o, style: r, segmentId: i });
+    const { unitId: t, subUnitId: n, style: s, segmentId: r, textRanges: o, isEditing: a } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, { textRanges: o, style: s, segmentId: r, isEditing: a });
   }
   _addByParam(e) {
-    const { unitId: t, subUnitId: n, textRanges: r, style: i, segmentId: o } = e;
+    const { unitId: t, subUnitId: n, textRanges: s, style: r, segmentId: o, isEditing: a } = e;
     this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map());
-    const a = this._textSelectionInfo.get(t);
-    a.has(n) ? a.get(n).textRanges.push(...r) : a.set(n, { textRanges: r, style: i, segmentId: o });
+    const c = this._textSelectionInfo.get(t);
+    c.has(n) ? c.get(n).textRanges.push(...s) : c.set(n, { textRanges: s, style: r, segmentId: o, isEditing: a });
   }
 };
-U = En([
-  mt(0, ce),
-  mt(1, T)
+U = yt([
+  je(0, se),
+  je(1, y)
 ], U);
-function et(s, e = "", t = 0) {
-  const { startOffset: n, endOffset: r } = s, i = [], o = n - t, a = r - t;
-  return o > 0 && i.push({
-    t: b.RETAIN,
+function Ae(i, e = "", t = 0) {
+  const { startOffset: n, endOffset: s } = i, r = [], o = n - t, a = s - t;
+  return o > 0 && r.push({
+    t: R.RETAIN,
     len: o,
     segmentId: e
-  }), i.push({
-    t: b.DELETE,
+  }), r.push({
+    t: R.DELETE,
     len: a - o,
     line: 0,
     segmentId: e
-  }), i;
+  }), r;
 }
-var Dn = Object.defineProperty, Pn = Object.getOwnPropertyDescriptor, wn = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Pn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Dn(e, t, r), r;
-}, Un = (s, e) => (t, n) => e(t, n, s);
-let ie = class extends ae {
+var Tt = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, Dt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Et(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Tt(e, t, s), s;
+}, bt = (i, e) => (t, n) => e(t, n, i);
+let Q = class extends he {
   constructor(e) {
     super();
-    M(this, "_currentViewModelUnitId", "");
     M(this, "_docViewModelMap", /* @__PURE__ */ new Map());
-    M(this, "_currentDocViewModel$", new me(null));
+    M(this, "_currentDocViewModel$", new J(null));
     M(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
     this._currentUniverService = e, this._initialize();
   }
   _initialize() {
-    this._currentUniverService.currentDoc$.pipe(le(this.dispose$)).subscribe((e) => {
-      if (e == null)
-        return;
-      const t = e.getUnitId();
-      this._setCurrent(t);
-    });
+    this._init();
   }
   dispose() {
     this._currentDocViewModel$.complete(), this._docViewModelMap.clear();
   }
-  getCurrent() {
-    return this._docViewModelMap.get(this._currentViewModelUnitId);
+  _init() {
+    this._currentUniverService.currentDoc$.pipe(K(this.dispose$)).subscribe((e) => {
+      this._create(e);
+    }), this._currentUniverService.getAllUniverDocsInstance().forEach((e) => {
+      this._create(e);
+    }), this._currentUniverService.docDisposed$.pipe(K(this.dispose$)).subscribe((e) => {
+      this._docViewModelMap.delete(e.getUnitId());
+    });
+  }
+  _create(e) {
+    if (e == null)
+      return;
+    const t = e.getUnitId();
+    this._setCurrent(t);
+  }
+  getAllModel() {
+    return this._docViewModelMap;
   }
   getViewModel(e) {
     var t;
@@ -213,881 +223,537 @@ let ie = class extends ae {
       throw new Error(`Document data model with id ${e} not found when build view model.`);
     if (t.getBody() != null) {
       if (!this._docViewModelMap.has(e)) {
-        const r = this._buildDocViewModel(t);
+        const s = this._buildDocViewModel(t);
         this._docViewModelMap.set(e, {
           unitId: e,
-          docViewModel: r
+          docViewModel: s
         });
       }
-      if (e === J) {
-        const r = (n = this._docViewModelMap.get(e)) == null ? void 0 : n.docViewModel;
-        if (r == null)
+      if (e === We) {
+        const s = (n = this._docViewModelMap.get(e)) == null ? void 0 : n.docViewModel;
+        if (s == null)
           return;
-        r.reset(t);
+        s.reset(t);
       }
-      this._currentViewModelUnitId = e, this._currentDocViewModel$.next(this.getCurrent());
+      this._currentDocViewModel$.next(this._docViewModelMap.get(e));
     }
   }
   _buildDocViewModel(e) {
-    return new en(e);
+    return new gt(e);
   }
 };
-ie = wn([
-  Un(0, D)
-], ie);
-const _ = {
-  id: "doc.mutation.rich-text-editing",
-  type: I.MUTATION,
-  handler: (s, e) => {
-    const { unitId: t, mutations: n } = e, i = s.get(D).getUniverDocInstance(t), a = s.get(ie).getViewModel(t);
-    if (i == null || a == null)
+Q = Dt([
+  bt(0, T)
+], Q);
+var Pt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, At = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Ut(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Pt(e, t, s), s;
+}, ye = (i, e) => (t, n) => e(t, n, i);
+const Nt = 300;
+let ue = class extends he {
+  constructor(e, t, n) {
+    super();
+    M(this, "_docStateChange$", new J(null));
+    M(this, "docStateChange$", this._docStateChange$.asObservable());
+    M(this, "_stateCache", /* @__PURE__ */ new Map());
+    M(this, "_timer", null);
+    this._undoRedoService = e, this._commandService = t, this._univerInstanceService = n, this._initialize();
+  }
+  setChangeState(e) {
+    const { trigger: t, noHistory: n } = e;
+    t != null && (this._cacheChangeState(e), n || this._docStateChange$.next(e));
+  }
+  _initialize() {
+    this.disposeWithMe(
+      this._commandService.beforeCommandExecuted((e) => {
+        if (e.id === $e || e.id === Be) {
+          const t = this._univerInstanceService.getCurrentUniverDocInstance();
+          if (t == null)
+            return;
+          const n = t.getUnitId();
+          this._pushHistory(n);
+        }
+      })
+    );
+  }
+  _cacheChangeState(e) {
+    const { trigger: t, unitId: n, noHistory: s } = e;
+    if (!(t === Be || t === $e || s)) {
+      if (this._stateCache.has(n)) {
+        const r = this._stateCache.get(n);
+        r == null || r.push(e);
+      } else
+        this._stateCache.set(n, [e]);
+      t === pe.id || t === _e.id ? (this._timer && clearTimeout(this._timer), this._timer = setTimeout(() => {
+        this._pushHistory(n);
+      }, Nt)) : this._pushHistory(n);
+    }
+  }
+  _pushHistory(e) {
+    const t = this._undoRedoService, n = this._stateCache.get(e);
+    if (!Array.isArray(n) || n.length === 0)
+      return;
+    const s = n.length, r = n[0].commandId, o = n[0], a = n[s - 1], c = {
+      unitId: e,
+      actions: n.reduce((l, u) => A.compose(l, u.redoState.actions), []),
+      textRanges: a.redoState.textRanges
+    }, d = {
+      unitId: e,
+      // Always need to put undoParams after redoParams, because `reverse` will change the `cacheStates` order.
+      actions: n.reverse().reduce((l, u) => A.compose(l, u.undoState.actions), []),
+      textRanges: o.undoState.textRanges
+    };
+    t.pushUndoRedo({
+      unitID: e,
+      undoMutations: [{ id: r, params: d }],
+      redoMutations: [{ id: r, params: c }]
+    }), n.length = 0;
+  }
+};
+ue = At([
+  ye(0, w(ge)),
+  ye(1, y),
+  ye(2, T)
+], ue);
+class fe {
+  constructor() {
+    M(this, "_previousActiveRange", null);
+    M(this, "_undoMutationParamsCache", []);
+    M(this, "_redoMutationParamsCache", []);
+  }
+  clearUndoRedoMutationParamsCache() {
+    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
+  }
+  getUndoRedoMutationParamsCache() {
+    return {
+      undoCache: this._undoMutationParamsCache,
+      redoCache: this._redoMutationParamsCache
+    };
+  }
+  setUndoRedoMutationParamsCache({ undoCache: e = [], redoCache: t = [] }) {
+    this._undoMutationParamsCache = e, this._redoMutationParamsCache = t;
+  }
+  getActiveRange() {
+    return this._previousActiveRange;
+  }
+  setActiveRange(e) {
+    this._previousActiveRange = e;
+  }
+  pushUndoRedoMutationParams(e, t) {
+    this._undoMutationParamsCache.push(e), this._redoMutationParamsCache.push(t);
+  }
+  fetchComposedUndoRedoMutationParams() {
+    if (this._undoMutationParamsCache.length === 0 || this._previousActiveRange == null || this._redoMutationParamsCache.length === 0)
+      return null;
+    const { unitId: e } = this._undoMutationParamsCache[0], t = {
+      unitId: e,
+      actions: this._undoMutationParamsCache.reverse().reduce((s, r) => A.compose(s, r.actions), []),
+      textRanges: []
+      // Add empty array, will never use, just fix type error
+    };
+    return { redoMutationParams: {
+      unitId: e,
+      actions: this._redoMutationParamsCache.reduce((s, r) => A.compose(s, r.actions), []),
+      textRanges: []
+      // Add empty array, will never use, just fix type error
+    }, undoMutationParams: t, previousActiveRange: this._previousActiveRange };
+  }
+  dispose() {
+    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
+  }
+}
+const ke = "doc.mutation.rich-text-editing", L = {
+  id: ke,
+  type: v.MUTATION,
+  handler: (i, e) => {
+    var E;
+    const {
+      unitId: t,
+      actions: n,
+      textRanges: s,
+      prevTextRanges: r,
+      trigger: o,
+      noHistory: a,
+      isCompositionEnd: c,
+      noNeedSetTextRange: d
+    } = e, u = i.get(T).getUniverDocInstance(t), g = i.get(Q).getViewModel(t), _ = i.get(U), m = ((E = _.getSelections()) != null ? E : []).map(de), S = i.get(ue), p = i.get(fe);
+    if (u == null || g == null)
       throw new Error(`DocumentDataModel or documentViewModel not found for unitId: ${t}`);
     if (n.length === 0)
-      throw new Error("Mutation's length should great than 0 when call RichTextEditingMutation");
-    const c = i.apply(n), { segmentId: d } = n[0], l = i.getSelfOrHeaderFooterModel(d);
-    return a.getSelfOrHeaderFooterViewModel(d).reset(l), {
+      return {
+        unitId: t,
+        actions: [],
+        textRanges: m
+      };
+    const C = u.apply(n), { segmentId: x } = n[0], O = u.getSelfOrHeaderFooterModel(x);
+    g.getSelfOrHeaderFooterViewModel(x).reset(O), !d && s && o != null && queueMicrotask(() => {
+      _.replaceTextRanges(s);
+    });
+    const b = {
+      commandId: ke,
+      unitId: t,
+      trigger: o,
+      noHistory: a,
+      redoState: {
+        actions: n,
+        textRanges: s
+      },
+      undoState: {
+        actions: C,
+        textRanges: r != null ? r : m
+      }
+    };
+    if (c) {
+      const D = p.fetchComposedUndoRedoMutationParams();
+      if (D == null)
+        throw new Error("historyParams is null in RichTextEditingMutation");
+      const { undoMutationParams: I, redoMutationParams: F, previousActiveRange: $ } = D;
+      b.redoState.actions = F.actions, b.undoState.actions = I.actions, b.undoState.textRanges = [$];
+    }
+    return S.setChangeState(b), {
       unitId: t,
-      mutations: c
+      actions: C,
+      textRanges: m
     };
   }
-}, tt = {
+}, pe = {
   id: "doc.command.insert-text",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const t = s.get(F), n = s.get(T), r = s.get(U), { range: i, segmentId: o, body: a, unitId: c, textRanges: d } = e, { startOffset: l, collapsed: u } = i, h = {
-      id: _.id,
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const t = i.get(y), { range: n, segmentId: s, body: r, unitId: o, textRanges: a } = e, { startOffset: c, collapsed: d } = n, l = {
+      id: L.id,
       params: {
-        unitId: c,
-        mutations: []
+        unitId: o,
+        actions: [],
+        textRanges: a
       }
-    }, g = new $();
-    u ? l > 0 && g.push({
-      t: b.RETAIN,
-      len: l,
-      segmentId: o
-    }) : g.push(...et(i, o)), g.push({
-      t: b.INSERT,
-      body: a,
-      len: a.dataStream.length,
+    }, u = new A();
+    return d ? c > 0 && u.push({
+      t: R.RETAIN,
+      len: c,
+      segmentId: s
+    }) : u.push(...Ae(n, s)), u.push({
+      t: R.INSERT,
+      body: r,
+      len: r.dataStream.length,
       line: 0,
-      segmentId: o
-    }), h.params.mutations = g.serialize();
-    const f = n.syncExecuteCommand(h.id, h.params);
-    return r.replaceTextRanges(d), f ? (t.pushUndoRedo({
-      unitID: c,
-      undoMutations: [{ id: _.id, params: f }],
-      redoMutations: [{ id: _.id, params: h.params }],
-      undo() {
-        return n.syncExecuteCommand(_.id, f), r.replaceTextRanges([i]), !0;
-      },
-      redo() {
-        return n.syncExecuteCommand(_.id, h.params), r.replaceTextRanges(d), !0;
-      }
-    }), !0) : !1;
+      segmentId: s
+    }), l.params.actions = u.serialize(), !!t.syncExecuteCommand(l.id, l.params);
   }
 };
-var q = /* @__PURE__ */ ((s) => (s[s.LEFT = 0] = "LEFT", s[s.RIGHT = 1] = "RIGHT", s))(q || {});
-const nt = {
+var j = /* @__PURE__ */ ((i) => (i[i.LEFT = 0] = "LEFT", i[i.RIGHT = 1] = "RIGHT", i))(j || {});
+const _e = {
   id: "doc.command.delete-text",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const t = s.get(T), n = s.get(F), r = s.get(U), { range: i, segmentId: o, unitId: a, direction: c, textRanges: d, len: l = 1 } = e, { startOffset: u } = i, h = {
-      id: _.id,
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const t = i.get(y), { range: n, segmentId: s, unitId: r, direction: o, textRanges: a, len: c = 1 } = e, { startOffset: d } = n, l = {
+      id: L.id,
       params: {
-        unitId: a,
-        mutations: []
+        unitId: r,
+        actions: [],
+        textRanges: a
       }
-    }, g = new $();
-    u > 0 && g.push({
-      t: b.RETAIN,
-      len: c === 0 ? u - l : u,
-      segmentId: o
-    }), g.push({
-      t: b.DELETE,
-      len: l,
+    }, u = new A();
+    return d > 0 && u.push({
+      t: R.RETAIN,
+      len: o === 0 ? d - c : d,
+      segmentId: s
+    }), u.push({
+      t: R.DELETE,
+      len: c,
       line: 0,
-      segmentId: o
-    }), h.params.mutations = g.serialize();
-    const f = t.syncExecuteCommand(h.id, h.params);
-    return r.replaceTextRanges(d), f && n.pushUndoRedo({
-      unitID: a,
-      undoMutations: [{ id: _.id, params: f }],
-      redoMutations: [{ id: _.id, params: h.params }],
-      undo() {
-        return t.syncExecuteCommand(_.id, f), r.replaceTextRanges([i]), !0;
-      },
-      redo() {
-        return t.syncExecuteCommand(_.id, h.params), r.replaceTextRanges(d), !0;
-      }
-    }), !1;
+      segmentId: s
+    }), l.params.actions = u.serialize(), !!t.syncExecuteCommand(l.id, l.params);
   }
-}, Pt = {
+}, Ke = {
   id: "doc.command.update-text",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const { range: t, segmentId: n, updateBody: r, coverType: i, unitId: o, textRanges: a } = e, c = s.get(T), d = s.get(F), l = s.get(U), u = {
-      id: _.id,
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const { range: t, segmentId: n, updateBody: s, coverType: r, unitId: o, textRanges: a } = e, c = i.get(y), d = {
+      id: L.id,
       params: {
         unitId: o,
-        mutations: []
+        actions: [],
+        textRanges: a
       }
-    }, h = new $(), { startOffset: g, endOffset: f } = t;
-    h.push({
-      t: b.RETAIN,
-      len: g,
+    }, l = new A(), { startOffset: u, endOffset: h } = t;
+    return l.push({
+      t: R.RETAIN,
+      len: u,
       segmentId: n
-    }), h.push({
-      t: b.RETAIN,
-      body: r,
-      len: f - g,
+    }), l.push({
+      t: R.RETAIN,
+      body: s,
+      len: h - u,
       segmentId: n,
-      coverType: i
-    }), u.params.mutations = h.serialize();
-    const p = c.syncExecuteCommand(u.id, u.params);
-    return l.replaceTextRanges(a), p ? (d.pushUndoRedo({
-      unitID: o,
-      undoMutations: [{ id: _.id, params: p }],
-      redoMutations: [{ id: _.id, params: u.params }],
-      undo() {
-        return c.syncExecuteCommand(_.id, p), l.replaceTextRanges(a), !0;
-      },
-      redo() {
-        return c.syncExecuteCommand(_.id, u.params), l.replaceTextRanges(a), !0;
-      }
-    }), !0) : !1;
+      coverType: r
+    }), d.params.actions = l.serialize(), !!c.syncExecuteCommand(d.id, d.params);
   }
 };
-function Nn(s, e) {
+function wt(i, e) {
   const t = [];
-  for (let n = 0, r = s.length; n < r; n++)
-    s[n] === Ge.PARAGRAPH && t.push({
+  for (let n = 0, s = i.length; n < s; n++)
+    i[n] === De.PARAGRAPH && t.push({
       startIndex: n
     });
   if (e)
     for (const n of t)
-      e.bullet && (n.bullet = se.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = se.deepClone(e.paragraphStyle));
+      e.bullet && (n.bullet = q.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = q.deepClone(e.paragraphStyle));
   return t;
 }
-const wt = {
+const Lt = {
   id: "doc.command.break-line",
-  type: I.COMMAND,
-  handler: async (s) => {
-    var f, p;
-    const e = s.get(U), t = s.get(D), n = s.get(T), r = e.getActiveRange();
-    if (r == null)
+  type: v.COMMAND,
+  handler: async (i) => {
+    var _, f;
+    const e = i.get(U), t = i.get(T), n = i.get(y), s = e.getActiveRange();
+    if (s == null)
       return !1;
-    const i = t.getCurrentUniverDocInstance(), o = i.getUnitId(), { startOffset: a, segmentId: c, style: d } = r, l = [
+    const r = t.getCurrentUniverDocInstance(), o = r.getUnitId(), { startOffset: a, segmentId: c, style: d } = s, l = [
       {
         startOffset: a + 1,
         endOffset: a + 1,
         style: d
       }
-    ], h = ((p = (f = i.getBody()) == null ? void 0 : f.paragraphs) != null ? p : []).find((m) => m.startIndex >= a);
-    return await n.executeCommand(tt.id, {
+    ], h = ((f = (_ = r.getBody()) == null ? void 0 : _.paragraphs) != null ? f : []).find((m) => m.startIndex >= a);
+    return await n.executeCommand(pe.id, {
       unitId: o,
       body: {
-        dataStream: Ge.PARAGRAPH,
-        paragraphs: Nn(Ge.PARAGRAPH, h)
+        dataStream: De.PARAGRAPH,
+        paragraphs: wt(De.PARAGRAPH, h)
       },
-      range: r,
+      range: s,
       textRanges: l,
       segmentId: c
     });
   }
-}, Ut = {
+};
+var $t = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, Ft = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Bt(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && $t(e, t, s), s;
+}, Te = (i, e) => (t, n) => e(t, n, i);
+let B = class extends he {
+  constructor(e, t, n) {
+    super();
+    M(this, "_currentSkeletonUnitId", "");
+    M(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
+    M(this, "_currentSkeleton$", new J(null));
+    M(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
+    // CurrentSkeletonBefore for pre-triggered logic during registration
+    M(this, "_currentSkeletonBefore$", new J(null));
+    M(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
+    this._localeService = e, this._docViewModelManagerService = t, this._currentUniverService = n, this._initialize();
+  }
+  _initialize() {
+    this._init();
+  }
+  dispose() {
+    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._docSkeletonMap.clear();
+  }
+  _init() {
+    this._docViewModelManagerService.currentDocViewModel$.pipe(K(this.dispose$)).subscribe((e) => {
+      e != null && this._setCurrent(e);
+    }), this._docViewModelManagerService.getAllModel().forEach((e) => {
+      e != null && this._setCurrent(e);
+    }), this._currentUniverService.docDisposed$.pipe(K(this.dispose$)).subscribe((e) => {
+      this._docSkeletonMap.delete(e.getUnitId()), this._currentSkeletonUnitId = this._currentUniverService.getCurrentUniverDocInstance().getUnitId();
+    });
+  }
+  getCurrent() {
+    return this.getSkeletonByUnitId(this._currentSkeletonUnitId);
+  }
+  getAllSkeleton() {
+    return this._docSkeletonMap;
+  }
+  makeDirtyCurrent(e = !0) {
+    this.makeDirty(this._currentSkeletonUnitId, e);
+  }
+  makeDirty(e, t = !0) {
+    const n = this.getSkeletonByUnitId(e);
+    n != null && (n.dirty = t);
+  }
+  getSkeletonByUnitId(e) {
+    return this._docSkeletonMap.get(e);
+  }
+  _setCurrent(e) {
+    const { unitId: t } = e;
+    if (this._docSkeletonMap.has(t)) {
+      const n = this.getSkeletonByUnitId(t);
+      n.skeleton.calculate(), n.dirty = !0;
+    } else {
+      const n = this._buildSkeleton(e.docViewModel);
+      n.calculate(), this._docSkeletonMap.set(t, {
+        unitId: t,
+        skeleton: n,
+        dirty: !1
+      });
+    }
+    return this._currentSkeletonUnitId = t, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
+  }
+  _buildSkeleton(e) {
+    return mt.create(e, this._localeService);
+  }
+};
+B = Ft([
+  Te(0, w(Xe)),
+  Te(1, w(Q)),
+  Te(2, T)
+], B);
+const bn = {
   id: "doc.command.inner-paste",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const { segmentId: t, body: n, textRanges: r } = e, i = s.get(F), o = s.get(T), a = s.get(U), c = s.get(D), d = a.getSelections();
-    if (!Array.isArray(d) || d.length === 0)
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const { segmentId: t, body: n, textRanges: s } = e, r = i.get(y), o = i.get(U), a = i.get(T), c = o.getSelections();
+    if (!Array.isArray(c) || c.length === 0)
       return !1;
-    const u = c.getCurrentUniverDocInstance().getUnitId(), h = {
-      id: _.id,
+    const l = a.getCurrentUniverDocInstance().getUnitId(), u = {
+      id: L.id,
       params: {
-        unitId: u,
-        mutations: []
+        unitId: l,
+        actions: [],
+        textRanges: s
       }
-    }, g = new $e();
-    g.reset();
-    const f = new $();
-    for (const m of d) {
-      const { startOffset: S, endOffset: v, collapsed: R } = m, C = S - g.cursor;
-      R ? f.push({
-        t: b.RETAIN,
+    }, h = new me();
+    h.reset();
+    const g = new A();
+    for (const f of c) {
+      const { startOffset: m, endOffset: S, collapsed: p } = f, C = m - h.cursor;
+      p ? g.push({
+        t: R.RETAIN,
         len: C,
         segmentId: t
-      }) : f.push(...et(m, t, g.cursor)), f.push({
-        t: b.INSERT,
+      }) : g.push(...Ae(f, t, h.cursor)), g.push({
+        t: R.INSERT,
         body: n,
         len: n.dataStream.length,
         line: 0,
         segmentId: t
-      }), g.reset(), g.moveCursor(v);
+      }), h.reset(), h.moveCursor(S);
     }
-    h.params.mutations = f.serialize();
-    const p = o.syncExecuteCommand(h.id, h.params);
-    return a.replaceTextRanges(r), p ? (i.pushUndoRedo({
-      unitID: u,
-      undoMutations: [{ id: _.id, params: p }],
-      redoMutations: [{ id: _.id, params: h.params }],
-      undo() {
-        return o.syncExecuteCommand(_.id, p), a.replaceTextRanges(d), !0;
-      },
-      redo() {
-        return o.syncExecuteCommand(_.id, h.params), a.replaceTextRanges(r), !0;
-      }
-    }), !0) : !1;
+    return u.params.actions = g.serialize(), !!r.syncExecuteCommand(u.id, u.params);
   }
-}, Fe = {
+}, Qe = {
   id: "doc.command.inner-cut",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const { segmentId: t, textRanges: n } = e, r = s.get(F), i = s.get(T), o = s.get(U), a = s.get(D), c = o.getSelections();
-    if (!Array.isArray(c) || c.length === 0)
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const { segmentId: t, textRanges: n } = e, s = i.get(y), r = i.get(U), o = i.get(T), a = r.getSelections();
+    if (!Array.isArray(a) || a.length === 0)
       return !1;
-    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), u = Ht(l.snapshot, t);
-    if (u == null)
+    const c = o.getCurrentUniverDocInstance().getUnitId(), d = o.getUniverDocInstance(c), l = at(d.snapshot, t);
+    if (l == null)
       return !1;
-    const h = {
-      id: _.id,
+    const u = {
+      id: L.id,
       params: {
-        unitId: d,
-        mutations: []
+        unitId: c,
+        actions: [],
+        textRanges: n
       }
-    }, g = new $e();
-    g.reset();
-    const f = new $();
-    for (const m of c) {
-      const { startOffset: S, endOffset: v, collapsed: R } = m, C = S - g.cursor;
-      R ? f.push({
-        t: b.RETAIN,
+    }, h = new me();
+    h.reset();
+    const g = new A();
+    for (const f of a) {
+      const { startOffset: m, endOffset: S, collapsed: p } = f, C = m - h.cursor;
+      p ? g.push({
+        t: R.RETAIN,
         len: C,
         segmentId: t
-      }) : f.push(...An(m, u, t, g.cursor)), g.reset(), g.moveCursor(v);
+      }) : g.push(...zt(f, l, t, h.cursor)), h.reset(), h.moveCursor(S);
     }
-    h.params.mutations = f.serialize();
-    const p = i.syncExecuteCommand(h.id, h.params);
-    return o.replaceTextRanges(n), p ? (r.pushUndoRedo({
-      unitID: d,
-      undoMutations: [{ id: _.id, params: p }],
-      redoMutations: [{ id: _.id, params: h.params }],
-      undo() {
-        return i.syncExecuteCommand(_.id, p), o.replaceTextRanges(c), !0;
-      },
-      redo() {
-        return i.syncExecuteCommand(_.id, h.params), o.replaceTextRanges(n), !0;
-      }
-    }), !0) : !1;
+    return u.params.actions = g.serialize(), !!s.syncExecuteCommand(u.id, u.params);
   }
 };
-function An(s, e, t = "", n = 0) {
-  const { startOffset: r, endOffset: i } = s, o = [], { paragraphs: a = [] } = e, c = r - n, d = i - n, l = a == null ? void 0 : a.find(
+function zt(i, e, t = "", n = 0) {
+  const { startOffset: s, endOffset: r } = i, o = [], { paragraphs: a = [] } = e, c = s - n, d = r - n, l = a == null ? void 0 : a.find(
     (u) => u.startIndex - n >= c && u.startIndex - n <= d
   );
   if (c > 0 && o.push({
-    t: b.RETAIN,
+    t: R.RETAIN,
     len: c,
     segmentId: t
   }), l && l.startIndex - n > c) {
     const u = l.startIndex - n;
     o.push({
-      t: b.DELETE,
+      t: R.DELETE,
       len: u - c,
       line: 0,
       segmentId: t
     }), o.push({
-      t: b.RETAIN,
+      t: R.RETAIN,
       len: 1,
       segmentId: t
     }), d > u + 1 && o.push({
-      t: b.DELETE,
+      t: R.DELETE,
       len: d - u - 1,
       line: 0,
       segmentId: t
     });
   } else
     o.push({
-      t: b.DELETE,
+      t: R.DELETE,
       len: d - c,
       line: 0,
       segmentId: t
     });
-  return o;
-}
-const Ln = 10, $n = 6;
-function Bn() {
-  return se.generateRandomId($n);
-}
-function Fn(s) {
-  const e = s.match(/data-copy-id="([^\s]+)"/);
-  return e && e[1] ? e[1] : null;
-}
-class Vn {
-  constructor() {
-    M(this, "_cache", new Xt(Ln));
-  }
-  set(e, t) {
-    this._cache.set(e, t);
-  }
-  get(e) {
-    return this._cache.get(e);
-  }
-  clear() {
-    this._cache.clear();
-  }
-}
-const St = new Vn();
-function jn(s) {
-  const e = s.style, t = {};
-  for (let n = 0; n < e.length; n++) {
-    const r = e[n], i = e.getPropertyValue(r);
-    switch (r) {
-      case "margin-top": {
-        const o = parseInt(i);
-        t.spaceAbove = /pt/.test(i) ? Ze(o) : o;
-        break;
-      }
-      case "margin-bottom": {
-        const o = parseInt(i);
-        t.spaceBelow = /pt/.test(i) ? Ze(o) : o;
-        break;
-      }
-    }
-  }
-  return Object.getOwnPropertyNames(t).length ? t : null;
-}
-function Ze(s) {
-  return s / 0.75;
-}
-function rt(s) {
-  const e = s.style, t = {}, n = s.tagName.toLowerCase();
-  switch (n) {
-    case "b":
-    case "em":
-    case "strong": {
-      t.bl = w.TRUE;
-      break;
-    }
-    case "s": {
-      t.st = {
-        s: w.TRUE
-      };
-      break;
-    }
-    case "u": {
-      t.ul = {
-        s: w.TRUE
-      };
-      break;
-    }
-    case "i": {
-      t.it = w.TRUE;
-      break;
-    }
-    case "sub":
-    case "sup": {
-      t.va = n === "sup" ? j.SUPERSCRIPT : j.SUBSCRIPT;
-      break;
-    }
-  }
-  for (let r = 0; r < e.length; r++) {
-    const i = e[r], o = e.getPropertyValue(i);
-    switch (i) {
-      case "font-family": {
-        t.ff = o;
-        break;
-      }
-      case "font-size": {
-        const a = parseInt(o);
-        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? Ze(a) : a);
-        break;
-      }
-      case "font-style": {
-        o === "italic" && (t.it = w.TRUE);
-        break;
-      }
-      case "font-weight": {
-        Number(o) > 400 && (t.bl = w.TRUE);
-        break;
-      }
-      case "text-decoration": {
-        /underline/.test(o) ? t.ul = {
-          s: w.TRUE
-        } : /overline/.test(o) ? t.ol = {
-          s: w.TRUE
-        } : /line-through/.test(o) && (t.st = {
-          s: w.TRUE
-        });
-        break;
-      }
-      case "color": {
-        const a = new lt(o);
-        a.isValid && (t.cl = {
-          rgb: a.toRgbString()
-        });
-        break;
-      }
-      case "background-color": {
-        const a = new lt(o);
-        a.isValid && (t.bg = {
-          rgb: a.toRgbString()
-        });
-        break;
-      }
-    }
-  }
-  return t;
-}
-function kn(s) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${s}</x-univer>`;
-  return e.parseFromString(t, "text/html").querySelector("#univer-root");
-}
-function vt(s, e) {
-  const t = s.tagName.toLowerCase();
-  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(s);
-}
-const Le = class Le {
-  constructor() {
-    M(this, "_styleCache", /* @__PURE__ */ new Map());
-    M(this, "_styleRules", []);
-    M(this, "_afterProcessRules", []);
-  }
-  static use(e) {
-    if (this._pluginList.includes(e))
-      throw new Error(`Univer paste plugin ${e.name} already added`);
-    this._pluginList.push(e);
-  }
-  convert(e) {
-    const t = Le._pluginList.find((i) => i.checkPasteType(e)), n = kn(e), r = {
-      dataStream: "",
-      textRuns: []
-    };
-    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, n == null ? void 0 : n.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
-  }
-  _process(e, t, n) {
-    var r;
-    for (const i of t)
-      if (i.nodeType === Node.TEXT_NODE) {
-        const o = (r = i.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
-        let a;
-        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
-          st: n.dataStream.length - o.length,
-          ed: n.dataStream.length,
-          ts: a
-        });
-      } else if (i.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: u }) => vt(i, u)), c = a ? a.getStyle(i) : rt(i);
-        this._styleCache.set(i, { ...o, ...c });
-        const { childNodes: d } = i;
-        this._process(i, d, n);
-        const l = this._afterProcessRules.find(
-          ({ filter: u }) => vt(i, u)
-        );
-        l && l.handler(n, i);
-      }
-  }
-};
-M(Le, "_pluginList", []);
-let _e = Le;
-const zn = {
-  name: "univer-doc-paste-plugin-lark",
-  checkPasteType(s) {
-    return /lark-record-clipboard/i.test(s);
-  },
-  // TODO: @JOCS, support inline code copy from lark.
-  stylesRules: [
-    {
-      filter: ["s"],
-      getStyle(s) {
-        const e = rt(s);
-        return {
-          st: {
-            s: w.TRUE
-          },
-          ...e
-        };
-      }
-    }
-  ],
-  afterProcessRules: [
-    {
-      filter(s) {
-        return s.tagName === "DIV" && /ace-line/i.test(s.className);
-      },
-      handler(s) {
-        s.paragraphs == null && (s.paragraphs = []), s.paragraphs.push({
-          startIndex: s.dataStream.length
-        }), s.dataStream += "\r";
-      }
-    }
-  ]
-}, Wn = {
-  name: "univer-doc-paste-plugin-word",
-  checkPasteType(s) {
-    return /word|mso/i.test(s);
-  },
-  stylesRules: [
-    {
-      filter: ["b"],
-      getStyle(s) {
-        const e = rt(s);
-        return { bl: w.TRUE, ...e };
-      }
-    }
-  ],
-  afterProcessRules: [
-    {
-      filter(s) {
-        return s.tagName === "P" && /mso/i.test(s.className);
-      },
-      handler(s, e) {
-        s.paragraphs == null && (s.paragraphs = []);
-        const t = {
-          startIndex: s.dataStream.length
-        }, n = jn(e);
-        n && (t.paragraphStyle = n), s.paragraphs.push(t), s.dataStream += "\r";
-      }
-    }
-  ]
-};
-function Hn(s, e) {
-  const { st: t, ed: n, ts: r = {} } = e, { ff: i, fs: o, it: a, bl: c, ul: d, st: l, ol: u, bg: h, cl: g, va: f } = r;
-  let p = s.slice(t, n);
-  const m = [];
-  return a === w.TRUE && (p = `<i>${p}</i>`), f === j.SUPERSCRIPT ? p = `<sup>${p}</sup>` : f === j.SUBSCRIPT && (p = `<sub>${p}</sub>`), (d == null ? void 0 : d.s) === w.TRUE && (p = `<u>${p}</u>`), (l == null ? void 0 : l.s) === w.TRUE && (p = `<s>${p}</s>`), c === w.TRUE && (p = `<strong>${p}</strong>`), i && m.push(`font-family: ${i}`), g && m.push(`color: ${g.rgb}`), o && m.push(`font-size: ${o}px`), u && m.push("text-decoration: overline"), h && m.push(`background: ${h.rgb}`), m.length ? `<span style="${m.join(";")}">${p}</span>` : p;
-}
-function Mt(s, e = !0) {
-  const { dataStream: t, textRuns: n = [], paragraphs: r = [] } = s;
-  let i = 0;
-  const o = [], a = [];
-  for (const c of n) {
-    const { st: d, ed: l } = c;
-    if (d !== i && o.push(t.slice(i, d)), o.push(Hn(t, c)), i = l, e)
-      for (const u of r) {
-        const { startIndex: h, paragraphStyle: g = {} } = u;
-        if (h >= d && h <= l) {
-          const { spaceAbove: f, spaceBelow: p } = g, m = [];
-          f != null && (typeof f == "number" ? m.push(`margin-top: ${f}px`) : m.push(`margin-top: ${f.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>`
-          ), o.length = 0;
-        }
-      }
-  }
-  return a.join("") + o.join("");
-}
-class Xn {
-  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]);
-    let t = "";
-    for (const n of e)
-      t += '<p className="UniverNormal">', t += Mt(n, !1), t += "</p>";
-    return t;
-  }
-}
-var Gn = Object.defineProperty, Yn = Object.getOwnPropertyDescriptor, qn = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Gn(e, t, r), r;
-}, de = (s, e) => (t, n) => e(t, n, s);
-_e.use(Wn);
-_e.use(zn);
-function Zn(s) {
-  const e = s.replace(/\n/g, "\r"), t = [];
-  for (let n = 0; n < e.length; n++)
-    e[n] === "\r" && t.push({ startIndex: n });
-  return {
-    dataStream: e,
-    paragraphs: t
-  };
-}
-const Re = In("doc.clipboard-service");
-let Ke = class extends G {
-  constructor(e, t, n, r, i) {
-    super();
-    M(this, "_clipboardHooks", []);
-    M(this, "_htmlToUDM", new _e());
-    M(this, "_umdToHtml", new Xn());
-    this._currentUniverService = e, this._logService = t, this._commandService = n, this._clipboardInterfaceService = r, this._textSelectionManagerService = i;
-  }
-  async copy() {
-    const e = this._getDocumentBodyInRanges();
-    try {
-      this._setClipboardData(e);
-    } catch (t) {
-      return this._logService.error("[DocClipboardService] copy failed", t), !1;
-    }
-    return !0;
-  }
-  async cut() {
-    return this._cut();
-  }
-  async paste(e) {
-    const t = await this._generateBodyFromClipboardItems(e);
-    return this._paste(t);
-  }
-  async legacyPaste(e, t) {
-    const n = this._generateBodyFromHtmlAndText(e, t);
-    return this._paste(n);
-  }
-  async _cut() {
-    var i;
-    const {
-      segmentId: e,
-      endOffset: t,
-      style: n
-    } = (i = this._textSelectionManagerService.getActiveRange()) != null ? i : {}, r = this._textSelectionManagerService.getSelections();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t == null || r == null)
-      return !1;
-    this.copy();
-    try {
-      let o = t;
-      for (const c of r) {
-        const { startOffset: d, endOffset: l } = c;
-        d == null || l == null || l <= t && (o -= l - d);
-      }
-      const a = [
-        {
-          startOffset: o,
-          endOffset: o,
-          style: n
-        }
-      ];
-      return this._commandService.executeCommand(Fe.id, { segmentId: e, textRanges: a });
-    } catch {
-      return this._logService.error("[DocClipboardController] cut content failed"), !1;
-    }
-  }
-  async _paste(e) {
-    var o;
-    const { segmentId: t, endOffset: n, style: r } = (o = this._textSelectionManagerService.getActiveRange()) != null ? o : {}, i = this._textSelectionManagerService.getSelections();
-    if (t == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), n == null || i == null)
-      return !1;
-    try {
-      let a = n;
-      for (const d of i) {
-        const { startOffset: l, endOffset: u } = d;
-        l == null || u == null || u <= n && (a += e.dataStream.length - (u - l));
-      }
-      const c = [
-        {
-          startOffset: a,
-          endOffset: a,
-          style: r
-        }
-      ];
-      return this._commandService.executeCommand(Ut.id, { body: e, segmentId: t, textRanges: c });
-    } catch {
-      return this._logService.error("[DocClipboardController]", "clipboard is empty."), !1;
-    }
-  }
-  async _setClipboardData(e) {
-    const t = Bn(), n = e.length > 1 ? e.map((i) => i.dataStream).join(`
-`) : e[0].dataStream;
-    let r = this._umdToHtml.convert(e);
-    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (i, o) => `${o} data-copy-id="${t}"`), St.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
-  }
-  addClipboardHook(e) {
-    return this._clipboardHooks.push(e), Ye(() => {
-      const t = this._clipboardHooks.indexOf(e);
-      t > -1 && this._clipboardHooks.splice(t, 1);
-    });
-  }
-  _getDocumentBodyInRanges() {
-    const e = this._textSelectionManagerService.getSelections(), t = this._currentUniverService.getCurrentUniverDocInstance(), n = [];
-    if (e == null)
-      return n;
-    for (const r of e) {
-      const { startOffset: i, endOffset: o, collapsed: a } = r;
-      if (a || i == null || o == null)
-        continue;
-      const c = t.sliceBody(i, o);
-      c != null && n.push(c);
-    }
-    return n;
-  }
-  async _generateBodyFromClipboardItems(e) {
-    try {
-      let t = "", n = "";
-      for (const r of e)
-        for (const i of r.types)
-          i === pn ? n = await r.getType(i).then((o) => o && o.text()) : i === fn && (t = await r.getType(i).then((o) => o && o.text()));
-      return this._generateBodyFromHtmlAndText(t, n);
-    } catch (t) {
-      return Promise.reject(t);
-    }
-  }
-  _generateBodyFromHtmlAndText(e, t) {
-    if (!e) {
-      if (t)
-        return Zn(t);
-      throw new Error("[DocClipboardService] html and text cannot be both empty!");
-    }
-    const n = Fn(e);
-    if (n) {
-      const r = St.get(n);
-      if (r)
-        return r;
-    }
-    return this._htmlToUDM.convert(e);
-  }
-};
-Ke = qn([
-  de(0, D),
-  de(1, Gt),
-  de(2, T),
-  de(3, Je),
-  de(4, N(U))
-], Ke);
-function Ve(s) {
-  return s.getContextValue(L) || s.getContextValue(Ot);
-}
-const st = 999, Kn = {
-  id: mn.id,
-  name: "doc.command.copy",
-  type: I.COMMAND,
-  multi: !0,
-  priority: st,
-  preconditions: Ve,
-  handler: async (s) => s.get(Re).copy()
-}, Jn = {
-  id: _n.id,
-  name: "doc.command.cut",
-  type: I.COMMAND,
-  multi: !0,
-  priority: st,
-  preconditions: Ve,
-  handler: async (s) => s.get(Re).cut()
-}, Qn = {
-  id: Sn.id,
-  name: "doc.command.paste",
-  type: I.COMMAND,
-  multi: !0,
-  priority: st,
-  preconditions: Ve,
-  handler: async (s) => {
-    const e = s.get(Re), n = await s.get(Je).read();
-    return n.length === 0 ? !1 : e.paste(n);
-  }
-};
-var er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, nr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? tr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && er(e, t, r), r;
-}, It = (s, e) => (t, n) => e(t, n, s);
-let B = class extends ae {
-  constructor(e, t) {
-    super();
-    M(this, "_currentSkeletonUnitId", "");
-    M(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
-    M(this, "_currentSkeleton$", new me(null));
-    M(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
-    // CurrentSkeletonBefore for pre-triggered logic during registration
-    M(this, "_currentSkeletonBefore$", new me(null));
-    M(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
-    this._localeService = e, this._docViewModelManagerService = t, this._initialize();
-  }
-  _initialize() {
-    this._docViewModelManagerService.currentDocViewModel$.pipe(le(this.dispose$)).subscribe((e) => {
-      e != null && this._setCurrent(e);
-    });
-  }
-  dispose() {
-    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._docSkeletonMap.clear();
-  }
-  getCurrent() {
-    return this.getSkeletonByUnitId(this._currentSkeletonUnitId);
-  }
-  makeDirtyCurrent(e = !0) {
-    this.makeDirty(this._currentSkeletonUnitId, e);
-  }
-  makeDirty(e, t = !0) {
-    const n = this.getSkeletonByUnitId(e);
-    n != null && (n.dirty = t);
-  }
-  getSkeletonByUnitId(e) {
-    return this._docSkeletonMap.get(e);
-  }
-  _setCurrent(e) {
-    const { unitId: t } = e;
-    if (this._docSkeletonMap.has(t)) {
-      const n = this.getSkeletonByUnitId(t);
-      n.skeleton.calculate(), n.dirty = !0;
-    } else {
-      const n = this._buildSkeleton(e.docViewModel);
-      n.calculate(), this._docSkeletonMap.set(t, {
-        unitId: t,
-        skeleton: n,
-        dirty: !1
-      });
-    }
-    return this._currentSkeletonUnitId = t, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
-  }
-  _buildSkeleton(e) {
-    return tn.create(e, this._localeService);
-  }
-};
-B = nr([
-  It(0, N(yt)),
-  It(1, N(ie))
-], B);
-const Nt = {
+  return o;
+}
+const Vt = {
   id: "doc.command.delete-left",
-  type: I.COMMAND,
-  handler: async (s) => {
-    var C;
-    const e = s.get(U), t = s.get(B), n = s.get(D), r = s.get(T), i = e.getActiveRange(), o = e.getSelections(), a = (C = t.getCurrent()) == null ? void 0 : C.skeleton;
+  type: v.COMMAND,
+  handler: async (i) => {
+    var x;
+    const e = i.get(U), t = i.get(B), n = i.get(T), s = i.get(y), r = e.getActiveRange(), o = e.getSelections(), a = (x = t.getCurrent()) == null ? void 0 : x.skeleton;
     let c = !0;
-    if (i == null || a == null || o == null)
+    if (r == null || a == null || o == null)
       return !1;
-    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: u, segmentId: h, style: g } = i, f = a.findNodeByCharIndex(l), p = nn(f), m = rn(f, d.getBody());
+    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: u, segmentId: h, style: g } = r, _ = a.findNodeByCharIndex(l), f = ft(_), m = pt(_, d.getBody());
     let S = l;
-    const v = a.findNodeByCharIndex(l - 1);
-    if (sn(f) && v !== f && (p === !0 || m === !0)) {
-      const O = on(f, d.getBody());
+    const p = a.findNodeByCharIndex(l - 1);
+    if (_t(_) && p !== _ && (f === !0 || m === !0)) {
+      const O = St(_, d.getBody());
       if (O == null)
         return !1;
-      const y = O == null ? void 0 : O.startIndex, E = { startIndex: 0 }, A = O.paragraphStyle;
-      if (p === !0) {
-        const x = O.paragraphStyle;
-        x && (E.paragraphStyle = x);
+      const N = O == null ? void 0 : O.startIndex, b = { startIndex: 0 }, E = O.paragraphStyle;
+      if (f === !0) {
+        const I = O.paragraphStyle;
+        I && (b.paragraphStyle = I);
       } else if (m === !0) {
-        const x = O.bullet;
-        x && (E.bullet = x), A != null && (E.paragraphStyle = { ...A }, delete E.paragraphStyle.hanging, delete E.paragraphStyle.indentStart);
+        const I = O.bullet;
+        I && (b.bullet = I), E != null && (b.paragraphStyle = { ...E }, delete b.paragraphStyle.hanging, delete b.paragraphStyle.indentStart);
       }
-      const W = [
+      const D = [
         {
           startOffset: S,
           endOffset: S,
           style: g
         }
       ];
-      c = await r.executeCommand(Pt.id, {
+      c = await s.executeCommand(Ke.id, {
         unitId: d.getUnitId(),
         updateBody: {
           dataStream: "",
-          paragraphs: [{ ...E }]
+          paragraphs: [{ ...b }]
         },
         range: {
-          startOffset: y,
-          endOffset: y + 1
+          startOffset: N,
+          endOffset: N + 1
         },
-        textRanges: W,
-        coverType: bt.REPLACE,
+        textRanges: D,
+        coverType: Ye.REPLACE,
         segmentId: h
       });
     } else if (u === !0) {
-      if (v == null)
+      if (p == null)
         return !0;
-      if (v.content === "\r")
-        c = await r.executeCommand(it.id, {
-          direction: q.LEFT,
-          range: i
+      if (p.content === "\r")
+        c = await s.executeCommand(Ne.id, {
+          direction: j.LEFT,
+          range: r
         });
       else {
-        S -= v.count;
+        S -= p.count;
         const O = [
           {
             startOffset: S,
@@ -1095,42 +761,42 @@ const Nt = {
             style: g
           }
         ];
-        c = await r.executeCommand(nt.id, {
+        c = await s.executeCommand(_e.id, {
           unitId: d.getUnitId(),
-          range: i,
+          range: r,
           segmentId: h,
-          direction: q.LEFT,
-          len: v.count,
+          direction: j.LEFT,
+          len: p.count,
           textRanges: O
         });
       }
     } else {
-      const O = Lt(i, o);
-      c = await r.executeCommand(Fe.id, {
+      const O = et(r, o);
+      c = await s.executeCommand(Qe.id, {
         segmentId: h,
         textRanges: O
       });
     }
     return c;
   }
-}, At = {
+}, jt = {
   id: "doc.command.delete-right",
-  type: I.COMMAND,
-  handler: async (s) => {
-    var f;
-    const e = s.get(U), t = s.get(B), n = s.get(D), r = s.get(T), i = e.getActiveRange(), o = e.getSelections(), a = (f = t.getCurrent()) == null ? void 0 : f.skeleton;
+  type: v.COMMAND,
+  handler: async (i) => {
+    var _;
+    const e = i.get(U), t = i.get(B), n = i.get(T), s = i.get(y), r = e.getActiveRange(), o = e.getSelections(), a = (_ = t.getCurrent()) == null ? void 0 : _.skeleton;
     let c;
-    if (i == null || a == null || o == null)
+    if (r == null || a == null || o == null)
       return !1;
-    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: u, segmentId: h, style: g } = i;
+    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: u, segmentId: h, style: g } = r;
     if (l === d.getBody().dataStream.length - 2 && u)
       return !0;
     if (u === !0) {
-      const p = a.findNodeByCharIndex(l);
-      if (p.content === "\r")
-        c = await r.executeCommand(it.id, {
-          direction: q.RIGHT,
-          range: i
+      const f = a.findNodeByCharIndex(l);
+      if (f.content === "\r")
+        c = await s.executeCommand(Ne.id, {
+          direction: j.RIGHT,
+          range: r
         });
       else {
         const m = [
@@ -1140,563 +806,468 @@ const Nt = {
             style: g
           }
         ];
-        c = await r.executeCommand(nt.id, {
+        c = await s.executeCommand(_e.id, {
           unitId: d.getUnitId(),
-          range: i,
+          range: r,
           segmentId: h,
-          direction: q.RIGHT,
+          direction: j.RIGHT,
           textRanges: m,
-          len: p.count
+          len: f.count
         });
       }
     } else {
-      const p = Lt(i, o);
-      c = await r.executeCommand(Fe.id, {
+      const f = et(r, o);
+      c = await s.executeCommand(Qe.id, {
         segmentId: h,
-        textRanges: p
+        textRanges: f
       });
     }
     return c;
   }
-}, it = {
+}, Ne = {
   id: "doc.command.merge-two-paragraph",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    var A, W, x;
-    const t = s.get(U), n = s.get(D), r = s.get(T), i = s.get(F), { direction: o, range: a } = e, c = t.getActiveRange(), d = t.getSelections();
-    if (c == null || d == null)
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    var b, E, D;
+    const t = i.get(U), n = i.get(T), s = i.get(y);
+    i.get(ge);
+    const { direction: r, range: o } = e, a = t.getActiveRange(), c = t.getSelections();
+    if (a == null || c == null)
       return !1;
-    const l = n.getCurrentUniverDocInstance(), { startOffset: u, collapsed: h, segmentId: g, style: f } = c;
-    if (!h)
+    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: u, segmentId: h, style: g } = a;
+    if (!u)
       return !1;
-    const p = o === q.LEFT ? u : u + 1, m = (x = (W = (A = l.getBody()) == null ? void 0 : A.paragraphs) == null ? void 0 : W.find((H) => H.startIndex >= p)) == null ? void 0 : x.startIndex, S = rr(l.getBody(), p, m), v = o === q.LEFT ? u - 1 : u, R = l.getUnitId(), C = [
+    const _ = r === j.LEFT ? l : l + 1, f = (D = (E = (b = d.getBody()) == null ? void 0 : b.paragraphs) == null ? void 0 : E.find((I) => I.startIndex >= _)) == null ? void 0 : D.startIndex, m = kt(d.getBody(), _, f), S = r === j.LEFT ? l - 1 : l, p = d.getUnitId(), C = [
       {
-        startOffset: v,
-        endOffset: v,
-        style: f
+        startOffset: S,
+        endOffset: S,
+        style: g
       }
-    ], O = {
-      id: _.id,
+    ], x = {
+      id: L.id,
       params: {
-        unitId: R,
-        mutations: []
+        unitId: p,
+        actions: [],
+        textRanges: C,
+        prevTextRanges: [o]
       }
-    }, y = new $();
-    y.push({
-      t: b.RETAIN,
-      len: o === q.LEFT ? u - 1 : u,
-      segmentId: g
-    }), S.dataStream.length && y.push({
-      t: b.INSERT,
-      body: S,
-      len: S.dataStream.length,
+    }, O = new A();
+    return O.push({
+      t: R.RETAIN,
+      len: r === j.LEFT ? l - 1 : l,
+      segmentId: h
+    }), m.dataStream.length && O.push({
+      t: R.INSERT,
+      body: m,
+      len: m.dataStream.length,
       line: 0,
-      segmentId: g
-    }), y.push({
-      t: b.RETAIN,
+      segmentId: h
+    }), O.push({
+      t: R.RETAIN,
       len: 1,
-      segmentId: g
-    }), y.push({
-      t: b.DELETE,
-      len: m + 1 - p,
+      segmentId: h
+    }), O.push({
+      t: R.DELETE,
+      len: f + 1 - _,
       line: 0,
-      segmentId: g
-    }), O.params.mutations = y.serialize();
-    const E = r.syncExecuteCommand(O.id, O.params);
-    return t.replaceTextRanges(C), E ? (i.pushUndoRedo({
-      unitID: R,
-      undoMutations: [{ id: _.id, params: E }],
-      redoMutations: [{ id: _.id, params: O.params }],
-      undo() {
-        return r.syncExecuteCommand(_.id, E), t.replaceTextRanges([a]), !0;
-      },
-      redo() {
-        return r.syncExecuteCommand(_.id, O.params), t.replaceTextRanges(C), !0;
-      }
-    }), !0) : !1;
+      segmentId: h
+    }), x.params.actions = O.serialize(), !!s.syncExecuteCommand(x.id, x.params);
   }
 };
-function rr(s, e, t) {
-  const { textRuns: n } = s, r = s.dataStream.substring(e, t);
+function kt(i, e, t) {
+  const { textRuns: n } = i, s = i.dataStream.substring(e, t);
   if (n == null)
     return {
-      dataStream: r
+      dataStream: s
     };
-  const i = [];
+  const r = [];
   for (const o of n) {
     const { st: a, ed: c } = o;
-    c <= e || a >= t || (a < e ? i.push({
+    c <= e || a >= t || (a < e ? r.push({
       ...o,
       st: 0,
       ed: c - e
-    }) : c > t ? i.push({
+    }) : c > t ? r.push({
       ...o,
       st: a - e,
       ed: t - e
-    }) : i.push({
+    }) : r.push({
       ...o,
       st: a - e,
       ed: c - e
     }));
   }
   return {
-    dataStream: r,
-    textRuns: i
+    dataStream: s,
+    textRuns: r
   };
 }
-function Lt(s, e) {
-  let t = s.endOffset;
-  for (const r of e) {
-    const { startOffset: i, endOffset: o } = r;
-    i == null || o == null || o <= s.endOffset && (t -= o - i);
+function et(i, e) {
+  let t = i.endOffset;
+  for (const s of e) {
+    const { startOffset: r, endOffset: o } = s;
+    r == null || o == null || o <= i.endOffset && (t -= o - r);
   }
   return [
     {
       startOffset: t,
       endOffset: t,
-      style: s.style
+      style: i.style
     }
   ];
 }
-class ot {
-  constructor() {
-    M(this, "_previousActiveRange", null);
-    M(this, "_undoMutationParamsCache", []);
-    M(this, "_redoMutationParamsCache", []);
-  }
-  clearUndoRedoMutationParamsCache() {
-    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
-  }
-  setActiveRange(e) {
-    this._previousActiveRange = e;
-  }
-  pushUndoRedoMutationParams(e, t) {
-    this._undoMutationParamsCache.push(e), this._redoMutationParamsCache.push(t);
-  }
-  fetchComposedUndoRedoMutationParams() {
-    if (this._undoMutationParamsCache.length === 0 || this._previousActiveRange == null || this._redoMutationParamsCache.length === 0)
-      return null;
-    const { unitId: e } = this._undoMutationParamsCache[0], t = {
-      unitId: e,
-      mutations: this._undoMutationParamsCache.reverse().reduce((r, i) => $.compose(r, i.mutations), [])
-    };
-    return { redoMutationParams: {
-      unitId: e,
-      mutations: this._redoMutationParamsCache.reduce((r, i) => $.compose(r, i.mutations), [])
-    }, undoMutationParams: t, previousActiveRange: this._previousActiveRange };
-  }
-  dispose() {
-    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
-  }
-}
-const $t = {
+const tt = {
   id: "doc.command.ime-input",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const { unitId: t, newText: n, oldTextLen: r, range: i, segmentId: o, textRanges: a, isCompositionEnd: c } = e, d = s.get(T), l = s.get(F), u = s.get(U), h = s.get(ot), g = {
-      id: _.id,
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const { unitId: t, newText: n, oldTextLen: s, isCompositionEnd: r, isCompositionStart: o } = e, a = i.get(y), c = i.get(fe), d = c.getActiveRange();
+    if (d == null)
+      return !1;
+    const { startOffset: l, style: u, segmentId: h } = d, g = n.length, _ = [
+      {
+        startOffset: l + g,
+        endOffset: l + g,
+        collapsed: !0,
+        style: u
+      }
+    ], f = {
+      id: L.id,
       params: {
         unitId: t,
-        mutations: []
+        actions: [],
+        textRanges: _
       }
-    }, f = new $();
-    i.collapsed ? f.push({
-      t: b.RETAIN,
-      len: i.startOffset,
-      segmentId: o
-    }) : f.push(...et(i, o)), r > 0 && f.push({
-      t: b.DELETE,
-      len: r,
+    }, m = new A();
+    !d.collapsed && o ? m.push(...Ae(d, h)) : m.push({
+      t: R.RETAIN,
+      len: l,
+      segmentId: h
+    }), s > 0 && m.push({
+      t: R.DELETE,
+      len: s,
       line: 0,
-      segmentId: o
-    }), f.push({
-      t: b.INSERT,
+      segmentId: h
+    }), m.push({
+      t: R.INSERT,
       body: {
         dataStream: n
       },
       len: n.length,
       line: 0,
-      segmentId: o
-    }), g.params.mutations = f.serialize();
-    const p = d.syncExecuteCommand(g.id, g.params);
-    if (h.pushUndoRedoMutationParams(p, g.params), u.replaceTextRanges(a), c) {
-      if (p) {
-        const m = h.fetchComposedUndoRedoMutationParams();
-        if (m == null)
-          return !1;
-        const { undoMutationParams: S, redoMutationParams: v, previousActiveRange: R } = m;
-        return l.pushUndoRedo({
-          unitID: t,
-          undoMutations: [{ id: _.id, params: S }],
-          redoMutations: [{ id: _.id, params: v }],
-          undo() {
-            return d.syncExecuteCommand(_.id, S), u.replaceTextRanges([R]), !0;
-          },
-          redo() {
-            return d.syncExecuteCommand(_.id, v), u.replaceTextRanges(a), !0;
-          }
-        }), !0;
-      }
-    } else
-      return !!p;
-    return !1;
+      segmentId: h
+    }), f.params.actions = m.serialize(), f.params.noHistory = !r, f.params.isCompositionEnd = r;
+    const S = a.syncExecuteCommand(f.id, f.params);
+    return c.pushUndoRedoMutationParams(S, f.params), !!S;
   }
 }, Se = {
   id: "doc.command.set-inline-format-bold",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, je = {
+}, ve = {
   id: "doc.command.set-inline-format-italic",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, ke = {
+}, Me = {
   id: "doc.command.set-inline-format-underline",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, ze = {
+}, Ie = {
   id: "doc.command.set-inline-format-strikethrough",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, ee = {
+}, H = {
   id: "doc.command.set-inline-format-subscript",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, oe = {
+}, Ce = {
   id: "doc.command.set-inline-format-superscript",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, ve = {
+}, Re = {
   id: "doc.command.set-inline-format-fontsize",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, Me = {
+}, xe = {
   id: "doc.command.set-inline-format-font-family",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, We = {
+}, Oe = {
   id: "doc.command.set-inline-format-text-color",
-  type: I.COMMAND,
+  type: v.COMMAND,
   handler: async () => !0
-}, Bt = {
+}, nt = {
   [Se.id]: "bl",
-  [je.id]: "it",
-  [ke.id]: "ul",
-  [ze.id]: "st",
-  [ve.id]: "fs",
-  [Me.id]: "ff",
-  [We.id]: "cl",
-  [ee.id]: "va",
-  [oe.id]: "va"
-}, Ft = {
+  [ve.id]: "it",
+  [Me.id]: "ul",
+  [Ie.id]: "st",
+  [Re.id]: "fs",
+  [xe.id]: "ff",
+  [Oe.id]: "cl",
+  [H.id]: "va",
+  [Ce.id]: "va"
+}, st = {
   id: "doc.command.set-inline-format",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    const { segmentId: t, value: n, preCommandId: r } = e, i = s.get(F), o = s.get(T), a = s.get(U), c = s.get(D), d = a.getSelections();
-    if (!Array.isArray(d) || d.length === 0)
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    const { segmentId: t, value: n, preCommandId: s } = e, r = i.get(y), o = i.get(U), a = i.get(T), c = o.getSelections();
+    if (!Array.isArray(c) || c.length === 0)
       return !1;
-    let l = c.getCurrentUniverDocInstance(), u = l.getUnitId();
-    u === Q && (l = c.getUniverDocInstance(J), u = l.getUnitId());
-    let h;
-    switch (r) {
+    let d = a.getCurrentUniverDocInstance(), l = d.getUnitId();
+    l === ct && (d = a.getUniverDocInstance(We), l = d.getUnitId());
+    let u;
+    switch (s) {
       case Se.id:
-      case je.id:
-      case ke.id:
-      case ze.id:
-      case ee.id:
-      case oe.id: {
-        h = ir(
-          l.getBody().textRuns,
-          r,
-          d
+      case ve.id:
+      case Me.id:
+      case Ie.id:
+      case H.id:
+      case Ce.id: {
+        u = Gt(
+          d.getBody().textRuns,
+          s,
+          c
         );
         break;
       }
-      case ve.id:
-      case Me.id: {
-        h = n;
+      case Re.id:
+      case xe.id: {
+        u = n;
         break;
       }
-      case We.id: {
-        h = {
+      case Oe.id: {
+        u = {
           rgb: n
         };
         break;
       }
       default:
-        throw new Error(`Unknown command: ${r} in handleInlineFormat`);
+        throw new Error(`Unknown command: ${s} in handleInlineFormat`);
     }
-    const g = {
-      id: _.id,
+    const h = {
+      id: L.id,
       params: {
-        unitId: u,
-        mutations: []
+        unitId: l,
+        actions: [],
+        textRanges: c
       }
-    }, f = new $(), p = new $e();
-    p.reset();
-    for (const v of d) {
-      const { startOffset: R, endOffset: C } = v, O = {
+    }, g = new A(), _ = new me();
+    _.reset();
+    for (const m of c) {
+      const { startOffset: S, endOffset: p } = m, C = {
         dataStream: "",
         textRuns: [
           {
             st: 0,
-            ed: C - R,
+            ed: p - S,
             ts: {
-              [Bt[r]]: h
+              [nt[s]]: u
             }
           }
         ]
-      }, y = R - p.cursor;
-      y !== 0 && f.push({
-        t: b.RETAIN,
-        len: y,
+      }, x = S - _.cursor;
+      x !== 0 && g.push({
+        t: R.RETAIN,
+        len: x,
         segmentId: t
-      }), f.push({
-        t: b.RETAIN,
-        body: O,
-        len: C - R,
+      }), g.push({
+        t: R.RETAIN,
+        body: C,
+        len: p - S,
         segmentId: t
-      }), p.reset(), p.moveCursor(C);
+      }), _.reset(), _.moveCursor(p);
     }
-    g.params.mutations = f.serialize();
-    const m = o.syncExecuteCommand(g.id, g.params), S = [
-      Se.id,
-      ve.id,
-      Me.id,
-      ee.id,
-      oe.id
-    ];
-    return S.includes(r) && a.refreshSelection(), m ? (i.pushUndoRedo({
-      unitID: u,
-      undoMutations: [{ id: _.id, params: m }],
-      redoMutations: [{ id: _.id, params: g.params }],
-      undo() {
-        return o.syncExecuteCommand(_.id, m), S.includes(r) && a.refreshSelection(), !0;
-      },
-      redo() {
-        return o.syncExecuteCommand(_.id, g.params), S.includes(r) && a.refreshSelection(), !0;
-      }
-    }), !0) : !1;
+    return h.params.actions = g.serialize(), !!r.syncExecuteCommand(h.id, h.params);
   }
 };
-function sr(s) {
-  return s !== null && typeof s == "object";
+function Ht(i) {
+  return i !== null && typeof i == "object";
 }
-function ir(s, e, t) {
-  let n = 0, r = 0;
-  const i = Bt[e];
-  for (; n !== s.length && r !== t.length; ) {
-    const { startOffset: o, endOffset: a } = t[r], { st: c, ed: d, ts: l } = s[n];
+function Gt(i, e, t) {
+  let n = 0, s = 0;
+  const r = nt[e];
+  for (; n !== i.length && s !== t.length; ) {
+    const { startOffset: o, endOffset: a } = t[s], { st: c, ed: d, ts: l } = i[n];
     if (a <= c)
-      r++;
+      s++;
     else if (d <= o)
       n++;
     else {
-      if ((l == null ? void 0 : l[i]) == null) {
-        if (/bl|it/.test(i))
-          return w.TRUE;
-        if (/ul|st/.test(i))
-          return {
-            s: w.TRUE
-          };
-        if (/va/.test(i))
-          return e === ee.id ? j.SUBSCRIPT : j.SUPERSCRIPT;
-      }
-      if (sr(l == null ? void 0 : l[i]) && l[i].s === w.FALSE)
-        return {
-          s: w.TRUE
+      if (/bl|it/.test(r))
+        return (l == null ? void 0 : l[r]) === z.TRUE ? z.FALSE : z.TRUE;
+      if (/ul|st/.test(r))
+        return Ht(l == null ? void 0 : l[r]) && (l == null ? void 0 : l[r]).s === z.TRUE ? {
+          s: z.FALSE
+        } : {
+          s: z.TRUE
         };
-      if (e === ee.id && (l == null ? void 0 : l[i]) !== j.SUBSCRIPT)
-        return j.SUBSCRIPT;
-      if (e === oe.id && (l == null ? void 0 : l[i]) !== j.SUPERSCRIPT)
-        return j.SUPERSCRIPT;
-      if ((l == null ? void 0 : l[i]) === w.FALSE)
-        return w.TRUE;
+      if (/va/.test(r))
+        return e === H.id ? (l == null ? void 0 : l[r]) === V.SUBSCRIPT ? V.NORMAL : V.SUBSCRIPT : (l == null ? void 0 : l[r]) === V.SUPERSCRIPT ? V.NORMAL : V.SUPERSCRIPT;
       n++;
     }
   }
-  return /bl|it/.test(i) ? w.FALSE : /ul|st/.test(i) ? {
-    s: w.FALSE
-  } : j.NORMAL;
+  return /bl|it/.test(r) ? z.TRUE : /ul|st/.test(r) ? {
+    s: z.TRUE
+  } : e === H.id ? V.SUBSCRIPT : V.SUPERSCRIPT;
 }
-const or = {
-  id: "doc.command.bullet-list",
-  type: I.COMMAND,
-  handler: (s) => s.get(T).syncExecuteCommand(at.id, {
-    listType: Tt.BULLET_LIST
-  })
-}, ar = {
-  id: "doc.command.order-list",
-  type: I.COMMAND,
-  handler: (s) => s.get(T).syncExecuteCommand(at.id, {
-    listType: Tt.ORDER_LIST
-  })
-}, at = {
+const we = {
   id: "doc.command.list-operation",
-  type: I.COMMAND,
-  handler: (s, e) => {
-    var C, O;
-    const t = s.get(U), n = s.get(D), r = s.get(T), i = s.get(F), { listType: o } = e, a = n.getCurrentUniverDocInstance(), c = t.getActiveRange(), d = (C = a.getBody()) == null ? void 0 : C.paragraphs;
-    if (c == null || d == null)
+  type: v.COMMAND,
+  handler: (i, e) => {
+    var O, N, b;
+    const t = i.get(U), n = i.get(T), s = i.get(y), { listType: r } = e, o = n.getCurrentUniverDocInstance(), a = t.getActiveRange(), c = (O = t.getSelections()) != null ? O : [], d = (N = o.getBody()) == null ? void 0 : N.paragraphs, l = c.map(de);
+    if (a == null || d == null)
       return !1;
-    const l = cr(c, d), { segmentId: u } = c, h = a.getUnitId(), g = l.every((y) => {
-      var E;
-      return ((E = y.bullet) == null ? void 0 : E.listType) === o;
-    }), f = 6;
-    let p = se.generateRandomId(f);
-    if (l.length === 1) {
-      const y = d.indexOf(l[0]), E = d[y - 1], A = d[y + 1];
-      E && E.bullet && E.bullet.listType === o ? p = E.bullet.listId : A && A.bullet && A.bullet.listType === o && (p = A.bullet.listId);
+    const u = Yt(a, d), { segmentId: h } = a, g = o.getUnitId(), _ = u.every((E) => {
+      var D;
+      return ((D = E.bullet) == null ? void 0 : D.listType) === r;
+    });
+    let m = q.generateRandomId(6);
+    if (u.length === 1) {
+      const E = d.indexOf(u[0]), D = d[E - 1], I = d[E + 1];
+      D && D.bullet && D.bullet.listType === r ? m = D.bullet.listId : I && I.bullet && I.bullet.listType === r && (m = I.bullet.listId);
     }
-    const m = {
-      id: _.id,
+    const S = {
+      id: L.id,
       params: {
-        unitId: h,
-        mutations: []
+        unitId: g,
+        actions: [],
+        textRanges: l
       }
-    }, S = new $e();
-    S.reset();
-    const v = new $();
-    for (const y of l) {
-      const { startIndex: E } = y;
-      v.push({
-        t: b.RETAIN,
-        len: E - S.cursor,
-        segmentId: u
+    }, p = new me();
+    p.reset();
+    const C = new A();
+    for (const E of u) {
+      const { startIndex: D } = E;
+      C.push({
+        t: R.RETAIN,
+        len: D - p.cursor,
+        segmentId: h
       });
-      const A = {
-        ...y.paragraphStyle,
+      const I = {
+        ...E.paragraphStyle,
         hanging: void 0,
         indentStart: void 0
       };
-      v.push({
-        t: b.RETAIN,
+      C.push({
+        t: R.RETAIN,
         len: 1,
         body: {
           dataStream: "",
           paragraphs: [
-            g ? {
-              paragraphStyle: A,
+            _ ? {
+              paragraphStyle: I,
               startIndex: 0
             } : {
-              ...y,
+              ...E,
               startIndex: 0,
               bullet: {
-                ...(O = y.bullet) != null ? O : {
+                ...(b = E.bullet) != null ? b : {
                   nestingLevel: 0,
                   textStyle: {
                     fs: 20
                   }
                 },
-                listType: o,
-                listId: p
+                listType: r,
+                listId: m
               }
             }
           ]
         },
-        segmentId: u,
-        coverType: bt.REPLACE
-      }), S.moveCursorTo(E + 1);
+        segmentId: h,
+        coverType: Ye.REPLACE
+      }), p.moveCursorTo(D + 1);
     }
-    m.params.mutations = v.serialize();
-    const R = r.syncExecuteCommand(m.id, m.params);
-    return t.refreshSelection(), R && i.pushUndoRedo({
-      unitID: h,
-      undoMutations: [{ id: _.id, params: R }],
-      redoMutations: [{ id: _.id, params: m.params }],
-      undo() {
-        return r.syncExecuteCommand(_.id, R), t.refreshSelection(), !0;
-      },
-      redo() {
-        return r.syncExecuteCommand(_.id, m.params), t.refreshSelection(), !0;
-      }
-    }), !0;
+    return S.params.actions = C.serialize(), !!s.syncExecuteCommand(S.id, S.params);
   }
+}, Wt = {
+  id: "doc.command.bullet-list",
+  type: v.COMMAND,
+  handler: (i) => i.get(y).syncExecuteCommand(we.id, {
+    listType: Ze.BULLET_LIST
+  })
+}, Xt = {
+  id: "doc.command.order-list",
+  type: v.COMMAND,
+  handler: (i) => i.get(y).syncExecuteCommand(we.id, {
+    listType: Ze.ORDER_LIST
+  })
 };
-function cr(s, e) {
-  const { startOffset: t, endOffset: n } = s, r = [];
-  let i = -1;
+function Yt(i, e) {
+  const { startOffset: t, endOffset: n } = i, s = [];
+  let r = -1;
   for (const o of e) {
     const { startIndex: a } = o;
-    (t > i && t <= a || n > i && n <= a || a >= t && a <= n) && r.push(o), i = a;
+    (t > r && t <= a || n > r && n <= a || a >= t && a <= n) && s.push(o), r = a;
   }
-  return r;
+  return s;
 }
-const lr = {
+const Zt = {
   id: "doc.command-replace-content",
-  type: I.COMMAND,
-  handler: async (s, e) => {
-    var f;
-    const { unitId: t, body: n, textRanges: r, segmentId: i = "" } = e, o = s.get(D), a = s.get(T), c = s.get(U), d = s.get(F), l = (f = o.getUniverDocInstance(t)) == null ? void 0 : f.getSnapshot().body, u = c.getSelections();
-    if (l == null || !Array.isArray(u) || u.length === 0)
+  type: v.COMMAND,
+  handler: async (i, e) => {
+    var g;
+    const { unitId: t, body: n, textRanges: s, segmentId: r = "" } = e, o = i.get(T), a = i.get(y), c = i.get(U), d = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, l = c.getSelections();
+    if (d == null || !Array.isArray(l) || l.length === 0)
       return !1;
-    const h = Vt(t, i, l, n), g = a.syncExecuteCommand(h.id, h.params);
-    return c.replaceTextRanges(r), g ? (d.pushUndoRedo({
-      unitID: t,
-      undoMutations: [{ id: _.id, params: g }],
-      redoMutations: [{ id: _.id, params: h.params }],
-      undo() {
-        return a.syncExecuteCommand(_.id, g), c.replaceTextRanges(u), !0;
-      },
-      redo() {
-        return a.syncExecuteCommand(_.id, h.params), c.replaceTextRanges(r), !0;
-      }
-    }), !0) : !1;
+    const u = rt(t, r, d, n);
+    return u.params.textRanges = s, !!a.syncExecuteCommand(u.id, u.params);
   }
-}, dr = {
+}, qt = {
   id: "doc.command-cover-content",
-  type: I.COMMAND,
-  handler: async (s, e) => {
+  type: v.COMMAND,
+  handler: async (i, e) => {
     var l;
-    const { unitId: t, body: n, segmentId: r = "" } = e, i = s.get(D), o = s.get(T), a = s.get(F), c = (l = i.getUniverDocInstance(t)) == null ? void 0 : l.getSnapshot().body;
+    const { unitId: t, body: n, segmentId: s = "" } = e, r = i.get(T), o = i.get(y), a = i.get(ge), c = (l = r.getUniverDocInstance(t)) == null ? void 0 : l.getSnapshot().body;
     if (c == null)
       return !1;
-    const d = Vt(t, r, c, n);
-    return o.syncExecuteCommand(
+    const d = rt(t, s, c, n);
+    return d.params.noNeedSetTextRange = !0, d.params.noHistory = !0, o.syncExecuteCommand(
       d.id,
       d.params
     ), a.clearUndoRedo(t), !0;
   }
 };
-function Vt(s, e, t, n) {
-  const r = {
-    id: _.id,
+function rt(i, e, t, n) {
+  const s = {
+    id: L.id,
     params: {
-      unitId: s,
-      mutations: []
+      unitId: i,
+      actions: [],
+      textRanges: []
     }
-  }, i = new $(), o = (t == null ? void 0 : t.dataStream.length) - 2;
-  return o > 0 && i.push({
-    t: b.DELETE,
+  }, r = new A(), o = (t == null ? void 0 : t.dataStream.length) - 2;
+  return o > 0 && r.push({
+    t: R.DELETE,
     len: o,
     line: 0,
     segmentId: e
-  }), n.dataStream.length > 0 && i.push({
-    t: b.INSERT,
+  }), n.dataStream.length > 0 && r.push({
+    t: R.INSERT,
     body: n,
     len: n.dataStream.length,
     line: 0,
     segmentId: e
-  }), r.params.mutations = i.serialize(), r;
+  }), s.params.actions = r.serialize(), s;
 }
-const te = {
+const be = {
   id: "doc.operation.move-cursor",
-  type: I.OPERATION,
-  handler: (s, e) => !!e
-}, ne = {
+  type: v.OPERATION,
+  handler: (i, e) => !!e
+}, Pe = {
   id: "doc.operation.move-selection",
-  type: I.OPERATION,
-  handler: (s, e) => !!e
-}, ur = (s, e) => {
-  const t = s.get(D).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
+  type: v.OPERATION,
+  handler: (i, e) => !!e
+}, Jt = (i, e) => {
+  const t = i.get(T).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
   return {
-    ...se.deepClone(e),
+    ...q.deepClone(e),
     zoomRatio: n
   };
-}, K = {
+}, Z = {
   id: "doc.operation.set-zoom-ratio",
-  type: I.OPERATION,
-  handler: (s, e) => {
-    const t = s.get(D).getUniverDocInstance(e.unitId);
+  type: v.OPERATION,
+  handler: (i, e) => {
+    const t = i.get(T).getUniverDocInstance(e.unitId);
     if (!t)
       return !1;
     const n = t.getSnapshot();
@@ -1704,254 +1275,55 @@ const te = {
       zoomRatio: e.zoomRatio
     } : n.settings.zoomRatio = e.zoomRatio, !0;
   }
-}, jt = {
-  type: I.COMMAND,
+}, Kt = {
+  type: v.COMMAND,
   id: "doc.command.set-zoom-ratio",
-  handler: async (s, e) => {
+  handler: async (i, e) => {
     var u, h;
-    const t = s.get(T), n = s.get(F), r = s.get(D);
-    let i = r.getCurrentUniverDocInstance().getUnitId(), o = 1;
-    if (e && (i = (u = e.documentId) != null ? u : i, o = (h = e.zoomRatio) != null ? h : o), !r.getUniverDocInstance(i))
+    const t = i.get(y), n = i.get(ge), s = i.get(T);
+    let r = s.getCurrentUniverDocInstance().getUnitId(), o = 1;
+    if (e && (r = (u = e.documentId) != null ? u : r, o = (h = e.zoomRatio) != null ? h : o), !s.getUniverDocInstance(r))
       return !1;
     const c = {
       zoomRatio: o,
-      unitId: i
-    }, d = ur(s, c);
-    return t.syncExecuteCommand(K.id, c) ? (n.pushUndoRedo({
-      unitID: i,
-      undoMutations: [{ id: K.id, params: d }],
-      redoMutations: [{ id: K.id, params: c }]
+      unitId: r
+    }, d = Jt(i, c);
+    return t.syncExecuteCommand(Z.id, c) ? (n.pushUndoRedo({
+      unitID: r,
+      undoMutations: [{ id: Z.id, params: d }],
+      redoMutations: [{ id: Z.id, params: c }]
     }), !0) : !1;
   }
-}, kt = {
+}, Qt = {
   id: "doc.operation.select-all",
-  type: I.COMMAND,
-  handler: async (s) => {
-    const e = s.get(D), t = s.get(U), n = e.getCurrentUniverDocInstance().getSnapshot().body;
+  type: v.COMMAND,
+  handler: async (i) => {
+    const e = i.get(T), t = i.get(U), n = e.getCurrentUniverDocInstance().getSnapshot().body;
     if (n == null)
       return !1;
-    const r = [
+    const s = [
       {
         startOffset: 0,
         endOffset: n.dataStream.length - 2
       }
     ];
-    return t.replaceTextRanges(r), !0;
-  }
-};
-var hr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, pr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? gr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && hr(e, t, r), r;
-}, ue = (s, e) => (t, n) => e(t, n, s);
-let Oe = class extends ae {
-  constructor(s, e, t, n, r) {
-    super(), this._commandService = s, this._clipboardInterfaceService = e, this._docClipboardService = t, this._textSelectionRenderManager = n, this._contextService = r, this._init();
-  }
-  _init() {
-    [Kn, Jn, Qn].forEach((s) => this.disposeWithMe(this._commandService.registerMultipleCommand(s))), [Ut, Fe].forEach((s) => this.disposeWithMe(this._commandService.registerCommand(s))), this._initLegacyPasteCommand();
-  }
-  _initLegacyPasteCommand() {
-    var s;
-    this._clipboardInterfaceService.supportClipboard || (s = this._textSelectionRenderManager) == null || s.onPaste$.pipe(le(this.dispose$)).subscribe((e) => {
-      var i, o;
-      if (!Ve(this._contextService))
-        return;
-      e.event.preventDefault();
-      const t = e.event, n = (i = t.clipboardData) == null ? void 0 : i.getData("text/html"), r = (o = t.clipboardData) == null ? void 0 : o.getData("text/plain");
-      this._docClipboardService.legacyPaste(n, r);
-    });
-  }
-};
-Oe = pr([
-  k(z.Steady, Oe),
-  ue(0, T),
-  ue(1, Je),
-  ue(2, Re),
-  ue(3, ce),
-  ue(4, Yt)
-], Oe);
-var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, _r = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? mr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && fr(e, t, r), r;
-}, He = (s, e) => (t, n) => e(t, n, s);
-let ye = class extends ae {
-  constructor(s, e, t) {
-    super(), this._docSkeletonManagerService = s, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
-  }
-  _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(le(this.dispose$)).subscribe((s) => {
-      if (s == null)
-        return;
-      const { skeleton: e, unitId: t } = s, n = this._renderManagerService.getRenderById(t);
-      if (n == null)
-        return;
-      const { mainComponent: r } = n;
-      r.changeSkeleton(e), this._recalculateSizeBySkeleton(n, e);
-    });
-  }
-  _recalculateSizeBySkeleton(s, e) {
-    var d;
-    const { mainComponent: t, scene: n } = s, r = t, i = (d = e.getSkeletonData()) == null ? void 0 : d.pages;
-    if (i == null)
-      return;
-    let o = 0, a = 0;
-    for (let l = 0, u = i.length; l < u; l++) {
-      const h = i[l], { pageWidth: g, pageHeight: f } = h;
-      r.pageLayoutType === dt.VERTICAL ? (a += f, a += r.pageMarginTop, l === u - 1 && (a += r.pageMarginTop), o = Math.max(o, g)) : r.pageLayoutType === dt.HORIZONTAL && (o += g, l !== u - 1 && (o += r.pageMarginLeft), a = Math.max(a, f));
-    }
-    r.resize(o, a), [J, Q].includes(s.unitId) || n.resize(o, a);
-  }
-  _commandExecutedListener() {
-    const s = [_.id], e = [J, Q];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var n;
-        if (s.includes(t.id)) {
-          const r = t.params, { unitId: i } = r, o = this._docSkeletonManagerService.getSkeletonByUnitId(i);
-          if (o == null)
-            return;
-          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(i);
-          if (c == null)
-            return;
-          if (a.calculate(), e.includes(i)) {
-            (n = c.mainComponent) == null || n.makeDirty();
-            return;
-          }
-          this._recalculateSizeBySkeleton(c, a);
-        }
-      })
-    );
-  }
-};
-ye = _r([
-  k(z.Rendered, ye),
-  He(0, N(B)),
-  He(1, Y),
-  He(2, T)
-], ye);
-var Sr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Mr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? vr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Sr(e, t, r), r;
-}, he = (s, e) => (t, n) => e(t, n, s);
-let be = class extends G {
-  constructor(e, t, n, r, i) {
-    super();
-    M(this, "_liquid", new an());
-    M(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = i, this._initialize(), this._commandExecutedListener();
-  }
-  _initialize() {
-    this._initialRenderRefresh(), this._updateOnPluginChange();
-  }
-  _updateOnPluginChange() {
-    this._floatingObjectManagerService.pluginUpdate$.subscribe((e) => {
-      const t = this._docSkeletonManagerService.getCurrent();
-      if (t == null)
-        return;
-      const { unitId: n, skeleton: r } = t, i = this._renderManagerService.getRenderById(n);
-      if (i == null)
-        return;
-      const { mainComponent: o, components: a, scene: c } = i, d = o, { left: l, top: u } = d;
-      e.forEach((h) => {
-        const { unitId: g, subUnitId: f, floatingObjectId: p, floatingObject: m } = h, { left: S = 0, top: v = 0, width: R = 0, height: C = 0, angle: O, flipX: y, flipY: E, skewX: A, skewY: W } = m, x = this._pageMarginCache.get(p), H = (x == null ? void 0 : x.marginLeft) || 0, X = (x == null ? void 0 : x.marginTop) || 0;
-        r == null || r.getViewModel().getDataModel().updateDrawing(p, {
-          left: S - l - H,
-          top: v - u - X,
-          height: C,
-          width: R
-        });
-      }), r == null || r.calculate(), o == null || o.makeDirty();
-    });
-  }
-  _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-      if (e == null)
-        return;
-      const { skeleton: t, unitId: n } = e, r = this._renderManagerService.getRenderById(n);
-      if (r == null)
-        return;
-      const { mainComponent: i } = r;
-      i.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
-    });
-  }
-  _commandExecutedListener() {
-    const e = [_.id, K.id], t = [J, Q];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((n) => {
-        var r;
-        if (e.includes(n.id)) {
-          const i = n.params, { unitId: o } = i, a = this._docSkeletonManagerService.getCurrent();
-          if (a == null)
-            return;
-          const { unitId: c, skeleton: d } = a;
-          if (o !== c)
-            return;
-          const l = this._renderManagerService.getRenderById(c);
-          if (l == null)
-            return;
-          if (t.includes(c)) {
-            (r = l.mainComponent) == null || r.makeDirty();
-            return;
-          }
-          this._refreshFloatingObject(c, d, l);
-        }
-      })
-    );
-  }
-  _refreshFloatingObject(e, t, n) {
-    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: i, scene: o } = n, a = i;
-    if (!r)
-      return;
-    const { left: c, top: d, pageLayoutType: l, pageMarginLeft: u, pageMarginTop: h } = a, { pages: g } = r, f = [];
-    o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let p = 0, m = g.length; p < m; p++) {
-      const S = g[p], { skeDrawings: v, marginLeft: R, marginTop: C } = S;
-      this._liquid.translatePagePadding(S), v.forEach((O) => {
-        const { aLeft: y, aTop: E, height: A, width: W, objectId: x } = O;
-        f.push({
-          unitId: e,
-          subUnitId: qt,
-          floatingObjectId: x,
-          floatingObject: {
-            left: y + c + this._liquid.x,
-            top: E + d + this._liquid.y,
-            width: W,
-            height: A
-          }
-        }), this._pageMarginCache.set(x, {
-          marginLeft: this._liquid.x,
-          marginTop: this._liquid.y
-        });
-      }), this._liquid.translatePage(S, l, u, h);
-    }
-    this._floatingObjectManagerService.BatchAddOrUpdate(f);
+    return t.replaceTextRanges(s, !1), !0;
   }
 };
-be = Mr([
-  k(z.Steady, be),
-  he(0, N(B)),
-  he(1, D),
-  he(2, Y),
-  he(3, T),
-  he(4, Zt)
-], be);
-var Ir = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Cr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Rr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Ir(e, t, r), r;
-}, re = (s, e) => (t, n) => e(t, n, s);
-let Te = class extends G {
-  constructor(e, t, n, r, i, o) {
+var en = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, nn = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? tn(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && en(e, t, s), s;
+}, W = (i, e) => (t, n) => e(t, n, i);
+let ie = class extends ne {
+  constructor(e, t, n, s, r) {
     super();
     M(this, "_previousIMEContent", "");
-    M(this, "_previousIMERange");
+    M(this, "_isCompositionStart", !0);
     M(this, "_onStartSubscription");
     M(this, "_onUpdateSubscription");
     M(this, "_onEndSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = r, this._imeInputManagerService = i, this._commandService = o, this._initialize();
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._textSelectionRenderManager = n, this._imeInputManagerService = s, this._commandService = r, this._initialize();
   }
   dispose() {
     var e, t, n;
@@ -1965,7 +1337,7 @@ let Te = class extends G {
       if (e == null)
         return;
       const { activeRange: t } = e;
-      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(se.deepClone(t)), this._previousIMERange = t);
+      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(q.deepClone(t)), this._isCompositionStart = !0);
     });
   }
   _initialOnCompositionUpdate() {
@@ -1979,101 +1351,86 @@ let Te = class extends G {
     });
   }
   async _updateContent(e, t) {
-    var f;
-    const n = (f = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : f.skeleton;
-    if (this._previousIMERange == null || e == null || n == null)
+    var d;
+    const n = (d = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : d.skeleton;
+    if (e == null || n == null)
       return;
-    const r = this._currentUniverService.getCurrentUniverDocInstance(), { event: i, activeRange: o } = e, { startOffset: a, segmentId: c, style: d } = this._previousIMERange;
+    const s = this._currentUniverService.getCurrentUniverDocInstance(), { event: r, activeRange: o } = e;
     if (n == null || o == null)
       return;
-    const u = i.data;
-    if (u === this._previousIMEContent && t)
-      return;
-    const h = u.length, g = [
-      {
-        startOffset: a + h,
-        endOffset: a + h,
-        style: d
-      }
-    ];
-    await this._commandService.executeCommand($t.id, {
-      unitId: r.getUnitId(),
-      newText: u,
+    const c = r.data;
+    c === this._previousIMEContent && t || (await this._commandService.executeCommand(tt.id, {
+      unitId: s.getUnitId(),
+      newText: c,
       oldTextLen: this._previousIMEContent.length,
-      range: this._previousIMERange,
-      textRanges: g,
-      isCompositionEnd: !t,
-      segmentId: c
-    }), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = u) : this._resetIME();
+      isCompositionStart: this._isCompositionStart,
+      isCompositionEnd: !t
+    }), t ? (this._isCompositionStart && (this._isCompositionStart = !1), this._previousIMEContent = c) : this._resetIME());
   }
   _resetIME() {
-    this._previousIMEContent = "", this._previousIMERange = null, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
-  }
-  _getDocObject() {
-    return Be(this._currentUniverService, this._renderManagerService);
+    this._previousIMEContent = "", this._isCompositionStart = !0, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
   }
 };
-Te = Cr([
-  k(z.Rendered, Te),
-  re(0, N(B)),
-  re(1, D),
-  re(2, Y),
-  re(3, ce),
-  re(4, N(ot)),
-  re(5, T)
-], Te);
-var xr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, yr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Or(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && xr(e, t, r), r;
-}, Rt = (s, e) => (t, n) => e(t, n, s);
-let Ee = class extends G {
-  constructor(s, e) {
-    super(), this._textSelectionManagerService = s, this._commandService = e, this._commandExecutedListener();
+ie = nn([
+  ee(te.Rendered, ie),
+  W(0, w(B)),
+  W(1, T),
+  W(2, se),
+  W(3, w(fe)),
+  W(4, y)
+], ie);
+var sn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, on = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? rn(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && sn(e, t, s), s;
+}, He = (i, e) => (t, n) => e(t, n, i);
+let oe = class extends ne {
+  constructor(i, e) {
+    super(), this._textSelectionManagerService = i, this._commandService = e, this._commandExecutedListener();
   }
   _commandExecutedListener() {
-    const s = [
+    const i = [
       Se.id,
-      je.id,
-      ke.id,
-      ze.id,
-      ee.id,
-      oe.id,
       ve.id,
       Me.id,
-      We.id
+      Ie.id,
+      H.id,
+      Ce.id,
+      Re.id,
+      xe.id,
+      Oe.id
     ];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        s.includes(e.id) && this._handleInlineFormat(e);
+        i.includes(e.id) && this._handleInlineFormat(e);
       })
     );
   }
-  _handleInlineFormat(s) {
+  _handleInlineFormat(i) {
     var t, n;
     const { segmentId: e } = (t = this._textSelectionManagerService.getActiveRange()) != null ? t : {};
-    e != null && this._commandService.executeCommand(Ft.id, {
+    e != null && this._commandService.executeCommand(st.id, {
       segmentId: e,
-      preCommandId: s.id,
-      ...(n = s.params) != null ? n : {}
+      preCommandId: i.id,
+      ...(n = i.params) != null ? n : {}
     });
   }
 };
-Ee = yr([
-  k(z.Rendered, Ee),
-  Rt(0, N(U)),
-  Rt(1, T)
-], Ee);
-var br = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Er = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Tr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && br(e, t, r), r;
-}, ge = (s, e) => (t, n) => e(t, n, s);
-let De = class extends G {
-  constructor(e, t, n, r, i) {
+oe = on([
+  ee(te.Rendered, oe),
+  He(0, w(U)),
+  He(1, y)
+], oe);
+var an = Object.defineProperty, cn = Object.getOwnPropertyDescriptor, ln = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? cn(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && an(e, t, s), s;
+}, X = (i, e) => (t, n) => e(t, n, i);
+let ae = class extends ne {
+  constructor(e, t, n, s, r) {
     super();
     M(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionManagerService = r, this._commandService = i, this._initialize(), this._commandExecutedListener();
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionManagerService = s, this._commandService = r, this._initialize(), this._commandExecutedListener();
   }
   dispose() {
     var e;
@@ -2082,16 +1439,16 @@ let De = class extends G {
   _initialize() {
   }
   _commandExecutedListener() {
-    const e = [te.id, ne.id];
+    const e = [be.id, Pe.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
         const n = t.params;
         switch (t.id) {
-          case te.id:
+          case be.id:
             return this._handleMoveCursor(n.direction);
-          case ne.id:
+          case Pe.id:
             return this._handleShiftMoveSelection(n.direction);
           default:
             throw new Error("Unknown command");
@@ -2100,54 +1457,54 @@ let De = class extends G {
     );
   }
   _handleShiftMoveSelection(e) {
-    var p, m, S;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), i = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton, o = this._getDocObject();
-    if (t == null || i == null || o == null)
+    var f, m, S;
+    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), s = this._currentUniverService.getCurrentUniverDocInstance(), r = (f = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : f.skeleton, o = this._getDocObject();
+    if (t == null || r == null || o == null)
       return;
     const { startOffset: a, endOffset: c, style: d, collapsed: l, direction: u } = t;
     if (n.length > 1) {
-      let v = Number.POSITIVE_INFINITY, R = Number.NEGATIVE_INFINITY;
-      for (const C of n)
-        v = Math.min(v, C.startOffset), R = Math.max(R, C.endOffset);
+      let p = Number.POSITIVE_INFINITY, C = Number.NEGATIVE_INFINITY;
+      for (const x of n)
+        p = Math.min(p, x.startOffset), C = Math.max(C, x.endOffset);
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: e === P.LEFT || e === P.UP ? R : v,
-          endOffset: e === P.LEFT || e === P.UP ? v : R,
+          startOffset: e === P.LEFT || e === P.UP ? C : p,
+          endOffset: e === P.LEFT || e === P.UP ? p : C,
           style: d
         }
-      ]);
+      ], !1);
       return;
     }
-    const h = l || u === ut.FORWARD ? a : c;
-    let g = l || u === ut.FORWARD ? c : a;
-    const f = (m = r.getBody().dataStream.length) != null ? m : Number.POSITIVE_INFINITY;
+    const h = l || u === Fe.FORWARD ? a : c;
+    let g = l || u === Fe.FORWARD ? c : a;
+    const _ = (m = s.getBody().dataStream.length) != null ? m : Number.POSITIVE_INFINITY;
     if (e === P.LEFT || e === P.RIGHT) {
-      const v = i.findNodeByCharIndex(g - 1), R = i.findNodeByCharIndex(g);
-      g = e === P.RIGHT ? g + R.count : g - ((S = v == null ? void 0 : v.count) != null ? S : 0), g = Math.min(f - 2, Math.max(0, g)), this._textSelectionManagerService.replaceTextRanges([
+      const p = r.findNodeByCharIndex(g - 1), C = r.findNodeByCharIndex(g);
+      g = e === P.RIGHT ? g + C.count : g - ((S = p == null ? void 0 : p.count) != null ? S : 0), g = Math.min(_ - 2, Math.max(0, g)), this._textSelectionManagerService.replaceTextRanges([
         {
           startOffset: h,
           endOffset: g,
           style: d
         }
-      ]);
+      ], !1);
     } else {
-      const v = i.findNodeByCharIndex(g), R = o.document.getOffsetConfig(), C = this._getTopOrBottomPosition(i, v, e === P.DOWN);
-      if (C == null) {
-        const y = e === P.UP ? 0 : f - 2;
-        if (y === g)
+      const p = r.findNodeByCharIndex(g), C = o.document.getOffsetConfig(), x = this._getTopOrBottomPosition(r, p, e === P.DOWN);
+      if (x == null) {
+        const N = e === P.UP ? 0 : _ - 2;
+        if (N === g)
           return;
         this._textSelectionManagerService.replaceTextRanges([
           {
             startOffset: h,
-            endOffset: y,
+            endOffset: N,
             style: d
           }
-        ]);
+        ], !1);
         return;
       }
-      const O = new ht(R, i).getRangePointData(
-        C,
-        C
+      const O = new ze(C, r).getRangePointData(
+        x,
+        x
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
@@ -2155,69 +1512,69 @@ let De = class extends G {
           endOffset: O.endOffset,
           style: d
         }
-      ]);
+      ], !1);
     }
   }
   _handleMoveCursor(e) {
-    var h, g, f;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), i = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, o = this._getDocObject();
-    if (t == null || i == null || o == null || n == null)
+    var h, g, _;
+    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), s = this._currentUniverService.getCurrentUniverDocInstance(), r = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, o = this._getDocObject();
+    if (t == null || r == null || o == null || n == null)
       return;
-    const { startOffset: a, endOffset: c, style: d, collapsed: l } = t, u = (g = r.getBody().dataStream.length) != null ? g : Number.POSITIVE_INFINITY;
+    const { startOffset: a, endOffset: c, style: d, collapsed: l } = t, u = (g = s.getBody().dataStream.length) != null ? g : Number.POSITIVE_INFINITY;
     if (e === P.LEFT || e === P.RIGHT) {
-      let p;
+      let f;
       if (!t.collapsed || n.length > 1) {
         let m = Number.POSITIVE_INFINITY, S = Number.NEGATIVE_INFINITY;
-        for (const v of n)
-          m = Math.min(m, v.startOffset), S = Math.max(S, v.endOffset);
-        p = e === P.LEFT ? m : S;
+        for (const p of n)
+          m = Math.min(m, p.startOffset), S = Math.max(S, p.endOffset);
+        f = e === P.LEFT ? m : S;
       } else {
-        const m = i.findNodeByCharIndex(a - 1), S = i.findNodeByCharIndex(a);
-        e === P.LEFT ? p = Math.max(0, a - ((f = m == null ? void 0 : m.count) != null ? f : 0)) : p = Math.min(u - 2, c + S.count);
+        const m = r.findNodeByCharIndex(a - 1), S = r.findNodeByCharIndex(a);
+        e === P.LEFT ? f = Math.max(0, a - ((_ = m == null ? void 0 : m.count) != null ? _ : 0)) : f = Math.min(u - 2, c + S.count);
       }
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: p,
-          endOffset: p,
+          startOffset: f,
+          endOffset: f,
           style: d
         }
-      ]);
+      ], !1);
     } else {
-      const p = i.findNodeByCharIndex(a), m = i.findNodeByCharIndex(c), S = o.document.getOffsetConfig(), v = this._getTopOrBottomPosition(
-        i,
-        e === P.UP ? p : m,
+      const f = r.findNodeByCharIndex(a), m = r.findNodeByCharIndex(c), S = o.document.getOffsetConfig(), p = this._getTopOrBottomPosition(
+        r,
+        e === P.UP ? f : m,
         e === P.DOWN
       );
-      if (v == null) {
-        let C;
-        l ? C = e === P.UP ? 0 : u - 2 : C = e === P.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
+      if (p == null) {
+        let x;
+        l ? x = e === P.UP ? 0 : u - 2 : x = e === P.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
           {
-            startOffset: C,
-            endOffset: C,
+            startOffset: x,
+            endOffset: x,
             style: d
           }
-        ]);
+        ], !1);
         return;
       }
-      const R = new ht(S, i).getRangePointData(
-        v,
-        v
+      const C = new ze(S, r).getRangePointData(
+        p,
+        p
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
-          ...R,
+          ...C,
           style: d
         }
-      ]);
+      ], !1);
     }
   }
   _getTopOrBottomPosition(e, t, n) {
     if (t == null)
       return;
-    const r = this._getSpanLeftOffsetInLine(t), i = this._getNextOrPrevLine(t, n);
-    if (i == null)
+    const s = this._getSpanLeftOffsetInLine(t), r = this._getNextOrPrevLine(t, n);
+    if (r == null)
       return;
-    const o = this._matchPositionByLeftOffset(e, i, r);
+    const o = this._matchPositionByLeftOffset(e, r, s);
     if (o != null)
       return { ...o, isBack: !0 };
   }
@@ -2225,51 +1582,51 @@ let De = class extends G {
     const t = e.parent;
     if (t == null)
       return Number.NEGATIVE_INFINITY;
-    const n = t.left, { left: r } = e;
-    return n + r;
+    const n = t.left, { left: s } = e;
+    return n + s;
   }
   _matchPositionByLeftOffset(e, t, n) {
-    const r = {
+    const s = {
       distance: Number.POSITIVE_INFINITY
     };
-    for (const i of t.divides) {
-      const o = i.left;
-      for (const a of i.spanGroup) {
+    for (const r of t.divides) {
+      const o = r.left;
+      for (const a of r.spanGroup) {
         const { left: c } = a, d = o + c, l = Math.abs(n - d);
-        l < r.distance && (r.span = a, r.distance = l);
+        l < s.distance && (s.span = a, s.distance = l);
       }
     }
-    if (r.span != null)
-      return e.findPositionBySpan(r.span);
+    if (s.span != null)
+      return e.findPositionBySpan(s.span);
   }
   _getNextOrPrevLine(e, t) {
-    var f, p, m, S, v, R, C, O, y, E, A, W;
+    var _, f, m, S, p, C, x, O, N, b, E, D;
     const n = e.parent;
     if (n == null)
       return;
-    const r = n.parent;
-    if (r == null)
+    const s = n.parent;
+    if (s == null)
       return;
-    const i = r.parent;
-    if (i == null)
+    const r = s.parent;
+    if (r == null)
       return;
-    const o = i.lines.indexOf(r);
+    const o = r.lines.indexOf(s);
     if (o === -1)
       return;
     let a;
-    if (t === !0 ? a = i.lines[o + 1] : a = i.lines[o - 1], a != null)
+    if (t === !0 ? a = r.lines[o + 1] : a = r.lines[o - 1], a != null)
       return a;
-    const c = i.parent;
+    const c = r.parent;
     if (c == null)
       return;
-    const d = c.columns.indexOf(i);
+    const d = c.columns.indexOf(r);
     if (d === -1)
       return;
     if (t === !0)
-      a = (f = c.columns[d + 1]) == null ? void 0 : f.lines[0];
+      a = (_ = c.columns[d + 1]) == null ? void 0 : _.lines[0];
     else {
-      const x = (m = (p = c.columns) == null ? void 0 : p[d - 1]) == null ? void 0 : m.lines;
-      a = x == null ? void 0 : x[x.length - 1];
+      const I = (m = (f = c.columns) == null ? void 0 : f[d - 1]) == null ? void 0 : m.lines;
+      a = I == null ? void 0 : I[I.length - 1];
     }
     if (a != null)
       return a;
@@ -2280,10 +1637,10 @@ let De = class extends G {
     if (u === -1)
       return;
     if (t === !0)
-      a = (v = (S = l.sections[u - 1]) == null ? void 0 : S.columns[0]) == null ? void 0 : v.lines[0];
+      a = (p = (S = l.sections[u - 1]) == null ? void 0 : S.columns[0]) == null ? void 0 : p.lines[0];
     else {
-      const x = (C = (R = l.sections) == null ? void 0 : R[u - 1]) == null ? void 0 : C.columns, H = x == null ? void 0 : x[x.length - 1], X = H == null ? void 0 : H.lines;
-      a = X == null ? void 0 : X[X.length - 1];
+      const I = (x = (C = l.sections) == null ? void 0 : C[u - 1]) == null ? void 0 : x.columns, F = I == null ? void 0 : I[I.length - 1], $ = F == null ? void 0 : F.lines;
+      a = $ == null ? void 0 : $[$.length - 1];
     }
     if (a != null)
       return a;
@@ -2293,40 +1650,40 @@ let De = class extends G {
     const g = h.pages.indexOf(l);
     if (g !== -1) {
       if (t === !0)
-        a = (E = (y = (O = h.pages[g + 1]) == null ? void 0 : O.sections[0]) == null ? void 0 : y.columns[0]) == null ? void 0 : E.lines[0];
+        a = (b = (N = (O = h.pages[g + 1]) == null ? void 0 : O.sections[0]) == null ? void 0 : N.columns[0]) == null ? void 0 : b.lines[0];
       else {
-        const x = (A = h.pages[g - 1]) == null ? void 0 : A.sections;
-        if (x == null)
+        const I = (E = h.pages[g - 1]) == null ? void 0 : E.sections;
+        if (I == null)
           return;
-        const H = (W = x[x.length - 1]) == null ? void 0 : W.columns, X = H[H.length - 1], ct = X == null ? void 0 : X.lines;
-        a = ct[ct.length - 1];
+        const F = (D = I[I.length - 1]) == null ? void 0 : D.columns, $ = F[F.length - 1], Le = $ == null ? void 0 : $.lines;
+        a = Le[Le.length - 1];
       }
       if (a != null)
         return a;
     }
   }
   _getDocObject() {
-    return Be(this._currentUniverService, this._renderManagerService);
+    return qe(this._currentUniverService, this._renderManagerService);
   }
 };
-De = Er([
-  k(z.Rendered, De),
-  ge(0, N(B)),
-  ge(1, D),
-  ge(2, Y),
-  ge(3, N(U)),
-  ge(4, T)
-], De);
-var Dr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, wr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Pr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Dr(e, t, r), r;
-}, pe = (s, e) => (t, n) => e(t, n, s);
-let Pe = class extends G {
-  constructor(e, t, n, r, i) {
+ae = ln([
+  ee(te.Rendered, ae),
+  X(0, w(B)),
+  X(1, T),
+  X(2, Ue),
+  X(3, w(U)),
+  X(4, y)
+], ae);
+var dn = Object.defineProperty, un = Object.getOwnPropertyDescriptor, hn = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? un(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && dn(e, t, s), s;
+}, Y = (i, e) => (t, n) => e(t, n, i);
+let ce = class extends ne {
+  constructor(e, t, n, s, r) {
     super();
     M(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = r, this._commandService = i, this._initialize(), this._commandExecutedListener();
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._commandService = r, this._initialize(), this._commandExecutedListener();
   }
   dispose() {
     var e;
@@ -2337,23 +1694,23 @@ let Pe = class extends G {
   }
   _initialNormalInput() {
     this._onInputSubscription = this._textSelectionRenderManager.onInput$.subscribe(async (e) => {
-      var f;
+      var _;
       if (e == null)
         return;
-      const n = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { event: r, content: i = "", activeRange: o } = e, a = r, c = (f = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : f.skeleton;
+      const n = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { event: s, content: r = "", activeRange: o } = e, a = s, c = (_ = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : _.skeleton;
       if (a.data == null || c == null || !c || !o)
         return;
-      const { startOffset: d, segmentId: l, style: u } = o, h = i.length, g = [
+      const { startOffset: d, segmentId: l, style: u } = o, h = r.length, g = [
         {
           startOffset: d + h,
           endOffset: d + h,
           style: u
         }
       ];
-      await this._commandService.executeCommand(tt.id, {
+      await this._commandService.executeCommand(pe.id, {
         unitId: n,
         body: {
-          dataStream: i
+          dataStream: r
         },
         range: o,
         textRanges: g,
@@ -2364,118 +1721,91 @@ let Pe = class extends G {
   _commandExecutedListener() {
   }
   _getDocObject() {
-    return Be(this._currentUniverService, this._renderManagerService);
-  }
-};
-Pe = wr([
-  k(z.Rendered, Pe),
-  pe(0, N(B)),
-  pe(1, D),
-  pe(2, Y),
-  pe(3, ce),
-  pe(4, T)
-], Pe);
-var Ur = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ar = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Nr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Ur(e, t, r), r;
-}, Ct = (s, e) => (t, n) => e(t, n, s);
-const Lr = "rgba(198, 198, 198, 1)", $r = "rgba(255, 255, 255, 1)";
-let we = class extends G {
-  constructor(s, e) {
-    super(), this._renderManagerService = s, this._currentUniverService = e, this._initialize(), this._commandExecutedListener();
-  }
-  _initialize() {
-    this._initialRenderRefresh();
-  }
-  _initialRenderRefresh() {
-    this._renderManagerService.currentRender$.subscribe((s) => {
-      var i;
-      if (s == null || this._currentUniverService.getUniverDocInstance(s) == null)
-        return;
-      const e = this._renderManagerService.getRenderById(s);
-      if (e == null)
-        return;
-      const { mainComponent: t } = e, n = t, r = (i = n.getSkeleton()) == null ? void 0 : i.getPageSize();
-      n.onPageRenderObservable.add((o) => {
-        var p, m, S, v;
-        if ([J, Q].includes(s))
-          return;
-        const { page: a, pageLeft: c, pageTop: d, ctx: l } = o, { width: u, pageWidth: h, height: g, pageHeight: f } = a;
-        l.save(), l.translate(c - 0.5, d - 0.5), cn.drawWith(l, {
-          width: (m = (p = r == null ? void 0 : r.width) != null ? p : h) != null ? m : u,
-          height: (v = (S = r == null ? void 0 : r.height) != null ? S : f) != null ? v : g,
-          strokeWidth: 1,
-          stroke: Lr,
-          fill: $r,
-          zIndex: 3
-        }), l.restore();
-      });
-    });
-  }
-  _commandExecutedListener() {
+    return qe(this._currentUniverService, this._renderManagerService);
   }
 };
-we = Ar([
-  k(z.Rendered, we),
-  Ct(0, Y),
-  Ct(1, N(D))
-], we);
-var Br = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Vr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Fr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Br(e, t, r), r;
-}, Z = (s, e) => (t, n) => e(t, n, s);
-let Ue = class extends G {
-  constructor(e, t, n, r, i, o, a) {
+ce = hn([
+  ee(te.Rendered, ce),
+  Y(0, w(B)),
+  Y(1, T),
+  Y(2, Ue),
+  Y(3, se),
+  Y(4, y)
+], ce);
+var gn = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, fn = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? mn(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && gn(e, t, s), s;
+}, k = (i, e) => (t, n) => e(t, n, i);
+let le = class extends ne {
+  constructor(e, t, n, s, r, o) {
     super();
-    M(this, "_moveInObserver");
-    M(this, "_moveOutObserver");
-    M(this, "_downObserver");
-    M(this, "_dblClickObserver");
-    M(this, "_tripleClickObserver");
-    M(this, "_loadedMap", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, 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();
+    M(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = s, this._textSelectionRenderManager = r, this._textSelectionManagerService = o, this._initialize();
   }
   _initialize() {
-    this._skeletonListener(), this._commandExecutedListener(), this._layoutService && this.disposeWithMe(
-      // the content editable div should be regarded as part of the applications container
-      this._layoutService.registerContainer(this._textSelectionRenderManager.__getEditorContainer())
-    );
+    this._init(), this._skeletonListener(), this._commandExecutedListener();
   }
-  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));
+  _init() {
+    this.disposeWithMe(
+      this._renderManagerService.currentRender$.subscribe((e) => {
+        this._create(e);
+      })
+    ), this._renderManagerService.getRenderAll().forEach((e, t) => {
+      this._create(t);
     });
   }
+  _create(e) {
+    if (e == null || this._currentUniverService.getUniverDocInstance(e) == null)
+      return;
+    const t = this._getDocObjectById(e);
+    t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
+  }
   _initialMain(e) {
     const t = this._getDocObjectById(e);
     if (t == null)
       return;
-    const { document: n, scene: r } = t;
-    this._moveInObserver = n.onPointerEnterObserver.add(() => {
-      n.cursor = gt.TEXT;
-    }), this._moveOutObserver = n.onPointerLeaveObserver.add(() => {
-      n.cursor = gt.DEFAULT, r.resetCursor();
-    }), this._downObserver = n == null ? void 0 : n.onPointerDownObserver.add((i, o) => {
-      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(i), i.button !== 2 && o.stopPropagation();
-    }), this._dblClickObserver = n == null ? void 0 : n.onDblclickObserver.add((i) => {
-      this._textSelectionRenderManager.handleDblClick(i);
-    }), this._tripleClickObserver = n == null ? void 0 : n.onTripleClickObserver.add((i) => {
-      this._textSelectionRenderManager.handleTripleClick(i);
-    });
+    const { document: n, scene: s } = t;
+    this.disposeWithMe(
+      G(
+        n.onPointerEnterObserver.add(() => {
+          n.cursor = Ve.TEXT;
+        })
+      )
+    ), this.disposeWithMe(
+      G(
+        n.onPointerLeaveObserver.add(() => {
+          n.cursor = Ve.DEFAULT, s.resetCursor();
+        })
+      )
+    ), this.disposeWithMe(
+      G(
+        n == null ? void 0 : n.onPointerDownObserver.add((r, o) => {
+          this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(r), r.button !== 2 && o.stopPropagation();
+        })
+      )
+    ), this.disposeWithMe(
+      G(
+        n == null ? void 0 : n.onDblclickObserver.add((r) => {
+          this._textSelectionRenderManager.handleDblClick(r);
+        })
+      )
+    ), this.disposeWithMe(
+      G(
+        n == null ? void 0 : n.onTripleClickObserver.add((r) => {
+          this._textSelectionRenderManager.handleTripleClick(r);
+        })
+      )
+    );
   }
   _commandExecutedListener() {
-    const e = [K.id];
+    const e = [Z.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: i } = r, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
-          if (i !== o)
+          const s = t.params, { unitId: r } = s, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          if (r !== o)
             return;
           this._textSelectionManagerService.refreshSelection();
         }
@@ -2483,357 +1813,85 @@ let Ue = class extends G {
     );
   }
   _skeletonListener() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-      if (e == null)
-        return;
-      const { unitId: t, skeleton: n } = e, r = this._renderManagerService.getRenderById(t);
-      if (r == null)
-        return;
-      const { scene: i, mainComponent: o } = r;
-      this._textSelectionRenderManager.changeRuntime(n, i, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
-        unitId: t,
-        subUnitId: ""
-      });
-    });
-  }
-  _getDocObjectById(e) {
-    return xn(e, this._renderManagerService);
-  }
-};
-Ue = Vr([
-  k(z.Rendered, Ue),
-  Z(0, N(B)),
-  Z(1, D),
-  Z(2, T),
-  Z(3, Y),
-  Z(4, ce),
-  Z(5, N(U)),
-  Z(6, Rn(vn))
-], Ue);
-var jr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, zr = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? kr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && jr(e, t, r), r;
-}, fe = (s, e) => (t, n) => e(t, n, s);
-let Ne = class extends G {
-  constructor(e, t, n, r, i) {
-    super();
-    M(this, "_initializedRender", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = i, this._initialize();
-  }
-  dispose() {
-    super.dispose();
-  }
-  _initialize() {
-    this._skeletonListener(), this._commandExecutedListener(), this._initialRenderRefresh();
-  }
-  _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
-      if (e == null)
-        return;
-      const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
-      if (n == null || this._initializedRender.has(t) || [J, Q].includes(t))
-        return;
-      this._initializedRender.add(t);
-      const { scene: r } = n;
-      this.disposeWithMe(
-        Ye(
-          r.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, r.scaleX < 1 && (a /= 2);
-            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(jt.id, {
-              zoomRatio: l,
-              unitId: c.getUnitId()
-            }), i.preventDefault();
-          })
-        )
-      );
-    });
-  }
-  // private _zoomEventBinding() {
-  //     const scene = this._getDocObject()?.scene;
-  //     if (scene == null) {
-  //         return;
-  //     }
-  //     const viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
-  // }
-  _skeletonListener() {
-    this.disposeWithMe(
-      Ye(
-        this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((e) => {
-          if (e == null)
-            return;
-          const n = this._currentUniverService.getCurrentUniverDocInstance().zoomRatio || 1;
-          this._updateViewZoom(n, !1);
-        })
-      )
-    );
-  }
-  _commandExecutedListener() {
-    const e = [K.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        if (e.includes(t.id)) {
-          const n = this._currentUniverService.getCurrentUniverDocInstance(), r = t.params, { unitId: i } = r;
-          if (i !== n.getUnitId())
-            return;
-          const o = n.zoomRatio || 1;
-          this._updateViewZoom(o);
-        }
+      this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+        if (e == null)
+          return;
+        const { unitId: t, skeleton: n } = e, s = this._renderManagerService.getRenderById(t);
+        if (s == null)
+          return;
+        const { scene: r, mainComponent: o } = s;
+        this._textSelectionRenderManager.changeRuntime(n, r, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+          unitId: t,
+          subUnitId: ""
+        });
       })
     );
   }
-  _updateViewZoom(e, t = !0) {
-    var r;
-    const n = this._getDocObject();
-    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.scene.getTransformer()) == null || r.hideControl());
-  }
-  _calculatePagePosition(e, t) {
-    const { document: n, scene: r } = e, i = r == null ? void 0 : r.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
-    if (i == null || o === 1 / 0 || a === 1 / 0)
-      return;
-    const { width: l, height: u } = i;
-    let h = 0, g = 0, f = 0, p = 0, m = 1 / 0;
-    l > (o + c * 2) * t ? (h = l / 2 - o * t / 2, h /= t, f = (l - c * 2) / t, m = 0) : (h = c, f = o + c * 2, m = (f - l / t) / 2), u > a ? (g = u / 2 - a / 2, p = (u - d * 2) / t) : (g = d, p = a + d * 2), r.resize(f, p + 200), n.translate(h, g);
-    const S = r.getViewport(Qe.VIEW_MAIN);
-    if (m !== 1 / 0 && S != null) {
-      const v = S.getBarScroll(m, 0).x;
-      S.scrollTo({
-        x: v
-      });
-    }
-    return this;
-  }
-  _getDocObject() {
-    return Be(this._currentUniverService, this._renderManagerService);
-  }
-};
-Ne = zr([
-  k(z.Rendered, Ne),
-  fe(0, N(B)),
-  fe(1, D),
-  fe(2, T),
-  fe(3, Y),
-  fe(4, N(U))
-], Ne);
-const Wr = {
-  id: wt.id,
-  preconditions: (s) => s.getContextValue(L),
-  binding: V.ENTER
-}, Hr = {
-  id: Nt.id,
-  preconditions: (s) => s.getContextValue(L),
-  binding: V.BACKSPACE
-}, Xr = {
-  id: At.id,
-  preconditions: (s) => s.getContextValue(L),
-  binding: V.DELETE
-}, Gr = {
-  id: te.id,
-  binding: V.ARROW_UP,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.UP
-  }
-}, Yr = {
-  id: te.id,
-  binding: V.ARROW_DOWN,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.DOWN
-  }
-}, qr = {
-  id: te.id,
-  binding: V.ARROW_LEFT,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.LEFT
-  }
-}, Zr = {
-  id: te.id,
-  binding: V.ARROW_RIGHT,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.RIGHT
-  }
-}, Kr = {
-  id: ne.id,
-  binding: V.ARROW_UP | Ie.SHIFT,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.UP
-  }
-}, Jr = {
-  id: ne.id,
-  binding: V.ARROW_DOWN | Ie.SHIFT,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.DOWN
-  }
-}, Qr = {
-  id: ne.id,
-  binding: V.ARROW_LEFT | Ie.SHIFT,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.LEFT
-  }
-}, es = {
-  id: ne.id,
-  binding: V.ARROW_RIGHT | Ie.SHIFT,
-  preconditions: (s) => s.getContextValue(L),
-  staticParameters: {
-    direction: P.RIGHT
-  }
-}, ts = {
-  id: kt.id,
-  binding: V.A | Ie.CTRL_COMMAND,
-  preconditions: (s) => s.getContextValue(L) || s.getContextValue(Ot)
-};
-var ns = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, ss = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? rs(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ns(e, t, r), r;
-}, Ce = (s, e) => (t, n) => e(t, n, s);
-let Ae = class extends ae {
-  constructor(e, t, n, r) {
-    super();
-    M(this, "_scene");
-    M(this, "_currentDocumentModel");
-    M(this, "_loadedMap", /* @__PURE__ */ new Set());
-    M(this, "_fps$", new me(""));
-    M(this, "fps$", this._fps$.asObservable());
-    this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._docViewModelManagerService = r, this._initialize();
-  }
-  _initialize() {
-    this._currentUniverService.currentDoc$.pipe(le(this.dispose$)).subscribe((e) => {
-      if (e == null)
-        return;
-      this._currentDocumentModel = e;
-      const t = e.getUnitId();
-      this._loadedMap.has(t) || (this._addNewRender(), this._loadedMap.add(t));
-    });
-  }
-  dispose() {
-    this._fps$.complete();
-  }
-  _addNewRender() {
-    const e = this._currentDocumentModel, t = e.getUnitId(), n = e.getContainer(), r = e.getParentRenderUnitId();
-    if (n != null && r != null)
-      throw new Error("container or parentRenderUnitId can only exist one");
-    n == null && r != null ? this._renderManagerService.createRenderWithParent(t, r) : this._renderManagerService.createRender(t);
-    const i = this._renderManagerService.getRenderById(t);
-    if (i == null)
-      return;
-    const { scene: o, engine: a } = i;
-    o.openTransformer(), this._scene = o;
-    const c = new ln(Qe.VIEW_MAIN, o, {
-      left: 0,
-      top: 0,
-      bottom: 0,
-      right: 0,
-      isWheelPreventDefaultX: !0
-    });
-    o.attachControl(), o.on(dn.wheel, (u, h) => {
-      const g = u;
-      if (g.ctrlKey) {
-        const f = Math.abs(g.deltaX);
-        let p = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
-        p *= g.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (p /= 2), o.scaleX + p > 4 ? o.scale(4, 4) : o.scaleX + p < 0.1 ? o.scale(0.1, 0.1) : g.preventDefault();
-      } else
-        c.onMouseWheel(g, h);
-    }), this._configService.getConfig("hasScroll") !== !1 && t !== Q && new un(c), o.addLayer(
-      new pt(o, [], ft),
-      new pt(o, [], On)
-    ), 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, n = this._currentDocumentModel, r = new hn(qe.MAIN, void 0, {
-      pageMarginLeft: n.documentStyle.marginLeft || 0,
-      pageMarginTop: n.documentStyle.marginTop || 0
-    });
-    r.zIndex = yn, e.mainComponent = r, e.components.set(qe.MAIN, r), t.addObjects([r], ft);
+  _getDocObjectById(e) {
+    return It(e, this._renderManagerService);
   }
 };
-Ae = ss([
-  k(z.Ready, Ae),
-  Ce(0, Y),
-  Ce(1, Et),
-  Ce(2, D),
-  Ce(3, N(ie))
-], Ae);
-var is = Object.defineProperty, os = Object.getOwnPropertyDescriptor, as = (s, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? os(e, t) : e, i = s.length - 1, o; i >= 0; i--)
-    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && is(e, t, r), r;
-}, xe = (s, e) => (t, n) => e(t, n, s);
-const cs = {
+le = fn([
+  ee(te.Rendered, le),
+  k(0, w(B)),
+  k(1, T),
+  k(2, y),
+  k(3, Ue),
+  k(4, se),
+  k(5, w(U))
+], le);
+var pn = Object.defineProperty, _n = Object.getOwnPropertyDescriptor, Sn = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? _n(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && pn(e, t, s), s;
+}, re = (i, e) => (t, n) => e(t, n, i);
+const vn = {
   hasScroll: !0
-}, ls = "docs";
-var Xe;
-let xt = (Xe = class extends Kt {
-  constructor(e = {}, t, n, r, i) {
-    super(ls);
+}, Mn = "docs";
+var Ee;
+let Ge = (Ee = class extends lt {
+  constructor(e = {}, t, n, s, r) {
+    super(Mn);
     M(this, "_config");
-    this._injector = t, this._localeService = n, this._configService = r, this._currentUniverService = i, this._config = Object.assign(cs, e), this._initializeDependencies(t), this._initializeCommands();
+    this._injector = t, this._localeService = n, this._configService = s, this._currentUniverService = r, this._config = Object.assign(vn, e), this._initializeDependencies(t), this._initializeCommands();
   }
   initialize() {
   }
   _initializeCommands() {
     [
-      te,
-      ne,
-      Nt,
-      At,
+      be,
+      Pe,
+      Vt,
+      jt,
       Se,
-      je,
-      ke,
-      ze,
-      ee,
-      oe,
       ve,
       Me,
-      We,
-      Ft,
-      wt,
+      Ie,
+      H,
+      Ce,
+      Re,
+      xe,
+      Oe,
+      st,
+      Lt,
+      pe,
+      _e,
+      Ke,
       tt,
-      nt,
-      Pt,
-      $t,
-      it,
-      _,
-      lr,
-      dr,
-      jt,
-      K,
-      Dt,
-      kt,
-      ar,
-      or,
-      at
-    ].forEach((e) => {
-      this._injector.get(T).registerCommand(e);
-    }), [
-      Gr,
-      Yr,
-      Zr,
-      qr,
-      Kr,
-      Jr,
-      Qr,
-      es,
-      ts,
-      Hr,
-      Xr,
-      Wr
+      Ne,
+      L,
+      Zt,
+      qt,
+      Kt,
+      Z,
+      Je,
+      Qt,
+      Xt,
+      Wt,
+      we
     ].forEach((e) => {
-      this._injector.get(Mn).registerShortcut(e);
+      this._injector.get(y).registerCommand(e);
     });
   }
   onReady() {
@@ -2841,88 +1899,76 @@ let xt = (Xe = class extends Kt {
   }
   _initializeDependencies(e) {
     [
-      // [
-      //     CanvasView,
-      //     { useFactory: () => docInjector.createInstance(CanvasView, this._config.standalone ?? true) },
-      // ], // FIXME: CanvasView shouldn't be a dependency of UniverDocs. Because it maybe created dynamically.
-      //views
-      [Ae],
       // services
       [B],
-      [ie],
-      [ot],
-      [
-        Re,
-        {
-          useClass: Ke
-        }
-      ],
+      [Q],
+      [ue],
+      [fe],
       [
-        ce,
+        se,
         {
-          useClass: gn
+          useClass: vt
         }
       ],
       [U],
       // controllers
-      [ye],
-      [we],
-      [Ue],
-      [Pe],
-      [Te],
-      [Ee],
-      [Oe],
-      [De],
-      [Ne],
-      [be]
+      [le],
+      [ce],
+      [ie],
+      [oe],
+      [ae]
     ].forEach((t) => e.add(t));
   }
-}, M(Xe, "type", Jt.Doc), Xe);
-xt = as([
-  xe(1, N(Cn)),
-  xe(2, N(yt)),
-  xe(3, Et),
-  xe(4, D)
-], xt);
+}, M(Ee, "type", dt.Doc), Ee);
+Ge = Sn([
+  re(1, w(Mt)),
+  re(2, w(Xe)),
+  re(3, ut),
+  re(4, T)
+], Ge);
 export {
-  wt as BreakLineCommand,
-  or as BulletListCommand,
-  dr as CoverContentCommand,
-  yn as DOCS_COMPONENT_DEFAULT_Z_INDEX,
-  On as DOCS_COMPONENT_HEADER_LAYER_INDEX,
-  ft as DOCS_COMPONENT_MAIN_LAYER_INDEX,
-  qe as DOCS_VIEW_KEY,
-  nt as DeleteCommand,
-  Nt as DeleteLeftCommand,
-  At as DeleteRightCommand,
-  Ae as DocCanvasView,
-  Kn as DocCopyCommand,
-  Jn as DocCutCommand,
-  Qn as DocPasteCommand,
+  Lt as BreakLineCommand,
+  Wt as BulletListCommand,
+  qt as CoverContentCommand,
+  Qe as CutContentCommand,
+  En as DOCS_COMPONENT_DEFAULT_Z_INDEX,
+  Tn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
+  yn as DOCS_COMPONENT_MAIN_LAYER_INDEX,
+  Ct as DOCS_VIEW_KEY,
+  _e as DeleteCommand,
+  Vt as DeleteLeftCommand,
+  jt as DeleteRightCommand,
   B as DocSkeletonManagerService,
-  ie as DocViewModelManagerService,
-  $t as IMEInputCommand,
-  tt as InsertCommand,
-  te as MoveCursorOperation,
-  ne as MoveSelectionOperation,
-  ms as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  ar as OrderListCommand,
-  lr as ReplaceContentCommand,
-  _ as RichTextEditingMutation,
+  ue as DocStateChangeManagerService,
+  Q as DocViewModelManagerService,
+  tt as IMEInputCommand,
+  fe as IMEInputManagerService,
+  bn as InnerPasteCommand,
+  pe as InsertCommand,
+  be as MoveCursorOperation,
+  Pe as MoveSelectionOperation,
+  Dn as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  Xt as OrderListCommand,
+  Zt as ReplaceContentCommand,
+  L as RichTextEditingMutation,
+  Qt as SelectAllOperation,
+  Kt as SetDocZoomRatioCommand,
+  Z as SetDocZoomRatioOperation,
   Se as SetInlineFormatBoldCommand,
-  Ft as SetInlineFormatCommand,
-  Me as SetInlineFormatFontFamilyCommand,
-  ve as SetInlineFormatFontSizeCommand,
-  je as SetInlineFormatItalicCommand,
-  ze as SetInlineFormatStrikethroughCommand,
-  ee as SetInlineFormatSubscriptCommand,
-  oe as SetInlineFormatSuperscriptCommand,
-  We as SetInlineFormatTextColorCommand,
-  ke as SetInlineFormatUnderlineCommand,
-  Dt as SetTextSelectionsOperation,
+  st as SetInlineFormatCommand,
+  xe as SetInlineFormatFontFamilyCommand,
+  Re as SetInlineFormatFontSizeCommand,
+  ve as SetInlineFormatItalicCommand,
+  Ie as SetInlineFormatStrikethroughCommand,
+  H as SetInlineFormatSubscriptCommand,
+  Ce as SetInlineFormatSuperscriptCommand,
+  Oe as SetInlineFormatTextColorCommand,
+  Me as SetInlineFormatUnderlineCommand,
+  Je as SetTextSelectionsOperation,
   U as TextSelectionManagerService,
-  xt as UniverDocsPlugin,
-  Pt as UpdateCommand,
-  Qe as VIEWPORT_KEY,
-  Be as getDocObject
+  Ge as UniverDocsPlugin,
+  Ke as UpdateCommand,
+  Rt as VIEWPORT_KEY,
+  qe as getDocObject,
+  de as serializeTextRange
 };