@univerjs/docs-ui 0.5.3 → 0.5.4

package/lib/es/index.js

@@ -1,16 +1,16 @@
 var ec = Object.defineProperty;
 var tc = (n, e, t) => e in n ? ec(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var b = (n, e, t) => tc(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as k, Disposable as me, toDisposable as Ao, UniverInstanceType as P, BuildTextUtils as Qe, IUniverInstanceService as Q, JSONX as V, ObjectRelativeFromH as uo, ObjectRelativeFromV as St, CommandType as N, ICommandService as T, Tools as K, IUndoRedoService as ho, TextX as Ce, TextXActionType as j, DOC_RANGE_TYPE as dt, RANGE_DIRECTION as Pe, COLORS as pn, BooleanNumber as L, Rectangle as nc, RxDisposable as Ct, DataStreamTreeTokenType as U, ILogService as Ts, DEFAULT_STYLES as Bs, createIdentifier as _s, EDITOR_ACTIVATED as En, FOCUSING_EDITOR_STANDALONE as No, isInternalEditorID as go, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as $o, FOCUSING_EDITOR_INPUT_FORMULA as oc, DEFAULT_EMPTY_DOCUMENT_VALUE as Ms, VerticalAlign as sc, HorizontalAlign as Le, IContextService as Ps, DocumentFlavor as De, useDependency as se, LocaleService as Xe, debounce as es, PresetListType as we, sequenceExecuteAsync as Ds, FOCUSING_DOC as Tn, FOCUSING_UNIVER_EDITOR as ws, FOCUSING_COMMON_DRAWINGS as _i, MemoryCursor as Qt, BaselineOffset as je, getBodySlice as Mi, PRESET_LIST_TYPE as rc, GridType as ic, sortRulesFactory as ac, UpdateDocsAttributeType as fo, useObservable as Pi, TableRowHeightRule as cc, TableSizeType as Di, generateRandomId as In, TableAlignmentType as lc, TableTextWrapType as Ac, SHEET_EDITOR_UNITS as Ns, PositionedObjectLayoutType as po, LRUMap as dc, ColorKit as br, DrawingTypeEnum as Qs, skipParseTagNames as uc, CustomRangeType as wi, DataStreamTreeNodeType as An, SliceBodyType as xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Us, normalizeBody as hc, SpacingRule as Yt, ThemeService as Ni, DOCS_ZEN_EDITOR_UNIT_ID_KEY as gt, Injector as mo, connectInjector as gc, IConfigService as Ls, QuickListTypeMap as Qo, Direction as ce, DisposableCollection as Or, fromEventSubject as mn, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as fc, checkForSubstrings as pc, UndoCommandId as yr, RedoCommandId as Tr, DependentOn as mc, Plugin as Sc, merge as Ec, touchDependencies as Br, mergeOverrideWithDependencies as Ic } from "@univerjs/core";
-import { DocSelectionManagerService as W, RichTextEditingMutation as X, DocSkeletonManagerService as de, SetTextSelectionsOperation as Ve, DocStateEmitService as vc, DocInterceptorService as Cc } from "@univerjs/docs";
-import { IRenderManagerService as Re, Liquid as Qi, GlyphType as Ui, DocumentSkeletonPageType as be, getPageFromPath as ts, getTableIdAndSliceIndex as _r, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as vn, getColor as Sn, RegularPolygon as Li, Rect as jn, getOffsetRectForDom as Rc, ScrollTimer as bc, CURSOR_TYPE as Mt, getSystemHighlightColor as xc, Vector2 as Cn, PageLayoutType as Rn, DocumentEditArea as Se, Shape as Oc, Path as Mr, getCharSpaceApply as yc, getNumberUnitValue as nt, hasListGlyph as Tc, isIndentByGlyph as Bc, isFirstGlyph as _c, getParagraphByGlyph as Mc, pixelToPt as Pc, ptToPixel as Pr, parseDataStreamToTree as Dc, Viewport as wc, ScrollBar as ns, Layer as Dr, Documents as Nc, DocBackground as Qc, lineIterator as Uc, getLastColumn as Lc, getLastLine as Fc, pxToNum as Fi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as Hi, UniverRenderEnginePlugin as Hc } from "@univerjs/engine-render";
+import { Inject as k, Disposable as me, toDisposable as Ao, UniverInstanceType as P, BuildTextUtils as Qe, IUniverInstanceService as Q, JSONX as V, ObjectRelativeFromH as uo, ObjectRelativeFromV as St, CommandType as N, ICommandService as T, Tools as K, IUndoRedoService as ho, TextX as ve, TextXActionType as j, DOC_RANGE_TYPE as dt, RANGE_DIRECTION as Pe, COLORS as pn, BooleanNumber as L, Rectangle as nc, RxDisposable as vt, DataStreamTreeTokenType as U, ILogService as Ts, DEFAULT_STYLES as Bs, createIdentifier as _s, EDITOR_ACTIVATED as En, FOCUSING_EDITOR_STANDALONE as No, isInternalEditorID as go, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as $o, FOCUSING_EDITOR_INPUT_FORMULA as oc, DEFAULT_EMPTY_DOCUMENT_VALUE as Ms, VerticalAlign as sc, HorizontalAlign as Le, IContextService as Ps, DocumentFlavor as De, useDependency as se, LocaleService as Xe, debounce as es, PresetListType as we, sequenceExecuteAsync as Ds, FOCUSING_DOC as Tn, FOCUSING_UNIVER_EDITOR as ws, FOCUSING_COMMON_DRAWINGS as _i, MemoryCursor as Qt, BaselineOffset as je, getBodySlice as Mi, PRESET_LIST_TYPE as rc, GridType as ic, sortRulesFactory as ac, UpdateDocsAttributeType as fo, useObservable as Pi, TableRowHeightRule as cc, TableSizeType as Di, generateRandomId as In, TableAlignmentType as lc, TableTextWrapType as Ac, SHEET_EDITOR_UNITS as Ns, PositionedObjectLayoutType as po, LRUMap as dc, ColorKit as br, DrawingTypeEnum as Qs, skipParseTagNames as uc, CustomRangeType as wi, DataStreamTreeNodeType as An, SliceBodyType as xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Us, normalizeBody as hc, SpacingRule as Yt, ThemeService as Ni, DOCS_ZEN_EDITOR_UNIT_ID_KEY as gt, Injector as mo, connectInjector as gc, IConfigService as Ls, QuickListTypeMap as Qo, Direction as ce, DisposableCollection as Or, fromEventSubject as mn, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as fc, checkForSubstrings as pc, UndoCommandId as yr, RedoCommandId as Tr, DependentOn as mc, Plugin as Sc, merge as Ec, touchDependencies as Br, mergeOverrideWithDependencies as Ic } from "@univerjs/core";
+import { DocSelectionManagerService as W, RichTextEditingMutation as X, DocSkeletonManagerService as de, SetTextSelectionsOperation as Ve, DocStateEmitService as Cc, DocInterceptorService as vc } from "@univerjs/docs";
+import { IRenderManagerService as Re, Liquid as Qi, GlyphType as Ui, DocumentSkeletonPageType as be, getPageFromPath as ts, getTableIdAndSliceIndex as _r, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Cn, getColor as Sn, RegularPolygon as Li, Rect as jn, getOffsetRectForDom as Rc, ScrollTimer as bc, CURSOR_TYPE as Mt, getSystemHighlightColor as xc, Vector2 as vn, PageLayoutType as Rn, DocumentEditArea as Se, Shape as Oc, Path as Mr, getCharSpaceApply as yc, getNumberUnitValue as nt, hasListGlyph as Tc, isIndentByGlyph as Bc, isFirstGlyph as _c, getParagraphByGlyph as Mc, pixelToPt as Pc, ptToPixel as Pr, parseDataStreamToTree as Dc, Viewport as wc, ScrollBar as ns, Layer as Dr, Documents as Nc, DocBackground as Qc, lineIterator as Uc, getLastColumn as Lc, getLastLine as Fc, pxToNum as Fi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as Hi, UniverRenderEnginePlugin as Hc } from "@univerjs/engine-render";
 import * as Vc from "react";
 import kc, { useState as he, useRef as et, useEffect as Oe, forwardRef as st, createElement as rt, useMemo as Pt, useCallback as jc } from "react";
 import { LexerTreeBuilder as Wc, operatorToken as zc, isReferenceStrings as Yc, serializeRange as Gc, serializeRangeWithSheet as qc, serializeRangeWithSpreadsheet as Kc, isReferenceStringWithEffectiveColumn as wr, getRangeWithRefsString as Xc } from "@univerjs/engine-formula";
 import { Subject as le, BehaviorSubject as qe, takeUntil as Et, fromEvent as Ge, merge as Jc, combineLatest as So, Observable as Ee, map as Bn, distinctUntilChanged as Nr, filter as os, throttleTime as Vi, switchMap as Zc, take as $c, animationFrameScheduler as el } from "rxjs";
 import { ILayoutService as Fs, KeyCode as ae, useEvent as tl, ComponentManager as Eo, ISidebarService as ki, MetaKeys as ge, IClipboardInterfaceService as ji, FILE_PNG_CLIPBOARD_MIME_TYPE as Wi, FILE__WEBP_CLIPBOARD_MIME_TYPE as zi, FILE__JPEG_CLIPBOARD_MIME_TYPE as Yi, FILE__BMP_CLIPBOARD_MIME_TYPE as Gi, HTML_CLIPBOARD_MIME_TYPE as qi, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Ki, CopyCommand as nl, CutCommand as ol, PasteCommand as sl, IConfirmService as rl, MenuItemType as J, getMenuHiddenObservable as ee, FONT_FAMILY_LIST as il, FONT_SIZE_LIST as al, RibbonStartGroup as Qr, ContextMenuPosition as Xi, ContextMenuGroup as Ur, FontFamily as cl, FontFamilyItem as ll, FontSize as Al, BuiltInUIPart as dl, IMenuManagerService as ul, IUIPartsService as hl, IShortcutService as Ji, ICanvasPopupService as gl, IContextMenuService as fl } from "@univerjs/ui";
 import { filter as ss, bufferTime as pl, map as ml } from "rxjs/operators";
-import { Tooltip as Zi, Dialog as Sl, Button as Wn, Input as El, Checkbox as Lr, InputNumber as bn, Slider as Il, Select as vl, ColorPicker as Cl } from "@univerjs/design";
+import { Tooltip as Zi, Dialog as Sl, Button as Wn, Input as El, Checkbox as Lr, InputNumber as bn, Slider as Il, Select as Cl, ColorPicker as vl } from "@univerjs/design";
 import { ImageSourceType as Hs } from "@univerjs/drawing";
 var Rl = Object.defineProperty, bl = Object.getOwnPropertyDescriptor, xl = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? bl(e, t) : e, r = n.length - 1, i; r >= 0; r--)
@@ -318,10 +318,10 @@ const $i = {
       return !1;
     const { body: h, tableSource: u, footers: f, headers: g, lists: p, drawings: m, drawingsOrder: S } = o, {
       body: I,
-      tableSource: C,
+      tableSource: v,
       footers: R,
       headers: E,
-      lists: v,
+      lists: C,
       drawings: y,
       drawingsOrder: O
     } = d;
@@ -346,8 +346,8 @@ const $i = {
       const w = _.replaceOp(["body"], I, h);
       w != null && x.push(w);
     }
-    if (!K.diffValue(u, C)) {
-      const w = _.replaceOp(["tableSource"], C, u);
+    if (!K.diffValue(u, v)) {
+      const w = _.replaceOp(["tableSource"], v, u);
       w != null && x.push(w);
     }
     if (!K.diffValue(f, R)) {
@@ -358,8 +358,8 @@ const $i = {
       const w = _.replaceOp(["headers"], E, g);
       w != null && x.push(w);
     }
-    if (!K.diffValue(p, v)) {
-      const w = _.replaceOp(["lists"], v, p);
+    if (!K.diffValue(p, C)) {
+      const w = _.replaceOp(["lists"], C, p);
       w != null && x.push(w);
     }
     if (!K.diffValue(m, y)) {
@@ -400,7 +400,7 @@ const $i = {
   }
 };
 function Ll(n, e, t, o) {
-  const s = new Ce(), r = V.getInstance(), i = (t == null ? void 0 : t.dataStream.length) - 2;
+  const s = new ve(), r = V.getInstance(), i = (t == null ? void 0 : t.dataStream.length) - 2;
   i > 0 && s.push({
     t: j.DELETE,
     len: i
@@ -486,7 +486,7 @@ function is(n) {
     y: t
   }), r;
 }
-class vt {
+class Ct {
   constructor(e, t) {
     b(this, "_liquid", new Qi());
     b(this, "_currentStartState", {
@@ -526,36 +526,36 @@ class vt {
       );
     const { start: a, end: c } = rs(e, t);
     return this._selectionIterator(a, c, (l, A, d, h, u, f) => {
-      const { lineHeight: g, asc: p, paddingTop: m, marginTop: S, marginBottom: I } = f, { glyphGroup: C, st: R } = u;
-      if (C.length === 0)
+      const { lineHeight: g, asc: p, paddingTop: m, marginTop: S, marginBottom: I } = f, { glyphGroup: v, st: R } = u;
+      if (v.length === 0)
         return;
-      const { x: E, y: v } = this._liquid;
+      const { x: E, y: C } = this._liquid;
       let y, O;
-      const D = C[l], x = C[A], _ = C[l - 1], M = (D == null ? void 0 : D.left) || 0, w = (D == null ? void 0 : D.width) || 0, F = (x == null ? void 0 : x.left) || 0, H = (x == null ? void 0 : x.width) || 0, te = (D == null ? void 0 : D.glyphType) === Ui.LIST, { startOffset: Z, endOffset: G } = Fl(C, l, A, R), z = a.glyph === l && d ? a.isBack : !0, ne = c.glyph === A && h ? c.isBack : !1, ue = a === c, re = z && _ != null ? _ : D;
-      if (l === 0 && A === C.length - 1)
+      const D = v[l], x = v[A], _ = v[l - 1], M = (D == null ? void 0 : D.left) || 0, w = (D == null ? void 0 : D.width) || 0, F = (x == null ? void 0 : x.left) || 0, H = (x == null ? void 0 : x.width) || 0, te = (D == null ? void 0 : D.glyphType) === Ui.LIST, { startOffset: Z, endOffset: G } = Fl(v, l, A, R), z = a.glyph === l && d ? a.isBack : !0, ne = c.glyph === A && h ? c.isBack : !1, ue = a === c, re = z && _ != null ? _ : D;
+      if (l === 0 && A === v.length - 1)
         y = {
           startX: E + M + (te ? w : 0),
-          startY: v,
+          startY: C,
           endX: E + F + (ne ? 0 : H),
-          endY: v + g - S - I
+          endY: C + g - S - I
         }, O = {
           startX: E + M + (te ? w : 0),
-          startY: v + m + p - re.bBox.ba,
+          startY: C + m + p - re.bBox.ba,
           endX: E + F + (ne ? 0 : H),
-          endY: v + m + p + re.bBox.bd
+          endY: C + m + p + re.bBox.bd
         };
       else {
         const Y = z && !te;
         y = {
           startX: E + M + (Y ? 0 : w),
-          startY: v,
+          startY: C,
           endX: E + F + (ne ? 0 : H),
-          endY: v + g - S - I
+          endY: C + g - S - I
         }, O = {
           startX: E + M + (Y ? 0 : w),
-          startY: v + m + p - re.bBox.ba,
+          startY: C + m + p - re.bBox.ba,
           endX: E + F + (ne ? 0 : H),
-          endY: v + m + p + re.bBox.bd
+          endY: C + m + p + re.bBox.bd
         };
       }
       o.push(is(y)), s.push(is(O)), r.push({
@@ -626,7 +626,7 @@ class vt {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _selectionIterator(e, t, o) {
-    var C, R;
+    var v, R;
     const s = this._docSkeleton;
     if (!s)
       return [];
@@ -640,15 +640,15 @@ class vt {
       return [];
     const { pageLayoutType: g, pageMarginLeft: p, pageMarginTop: m } = this._documentOffsetConfig, S = r === be.BODY || r === be.CELL ? d : h;
     for (let E = 0; E < S; E++) {
-      const v = c[E];
-      this._liquid.translatePage(v, g, p, m);
+      const C = c[E];
+      this._liquid.translatePage(C, g, p, m);
     }
     const I = r === be.BODY || r === be.CELL ? u : f;
     for (let E = S; E <= I; E++) {
-      const v = c[E], { headerId: y, footerId: O, pageWidth: D } = v;
-      let x = v;
-      if (r === be.HEADER ? x = (C = l.get(y)) == null ? void 0 : C.get(D) : r === be.FOOTER ? x = (R = A.get(O)) == null ? void 0 : R.get(D) : r === be.CELL && (x = ts(a, i)), x == null) {
-        this._liquid.translatePage(v, g, p, m);
+      const C = c[E], { headerId: y, footerId: O, pageWidth: D } = C;
+      let x = C;
+      if (r === be.HEADER ? x = (v = l.get(y)) == null ? void 0 : v.get(D) : r === be.FOOTER ? x = (R = A.get(O)) == null ? void 0 : R.get(D) : r === be.CELL && (x = ts(a, i)), x == null) {
+        this._liquid.translatePage(C, g, p, m);
         continue;
       }
       const _ = x.sections, { start_next: M, end_next: w } = this._getSelectionRuler(
@@ -662,23 +662,23 @@ class vt {
         case be.HEADER:
           this._liquid.translatePagePadding({
             ...x,
-            marginLeft: v.marginLeft
+            marginLeft: C.marginLeft
             // Because header or footer margin Left is 0.
           });
           break;
         case be.FOOTER: {
-          const F = v.pageHeight - x.height - x.marginBottom;
-          this._liquid.translate(v.marginLeft, F);
+          const F = C.pageHeight - x.height - x.marginBottom;
+          this._liquid.translate(C.marginLeft, F);
           break;
         }
         case be.CELL: {
-          this._liquid.translatePagePadding(v);
+          this._liquid.translatePagePadding(C);
           const F = x.parent, H = F.parent, { left: te } = x, { top: Z, left: G } = H, { top: z } = F;
           this._liquid.translate(G + te, Z + z), this._liquid.translatePagePadding(x);
           break;
         }
         default:
-          this._liquid.translatePagePadding(v);
+          this._liquid.translatePagePadding(C);
           break;
       }
       for (let F = M; F <= w; F++) {
@@ -725,7 +725,7 @@ class vt {
           }
         }
       }
-      this._liquid.translateRestore(), this._liquid.translatePage(v, g, p, m);
+      this._liquid.translateRestore(), this._liquid.translatePage(C, g, p, m);
     }
   }
 }
@@ -744,11 +744,11 @@ function na(n, e) {
   return t.indexOf("cells") === -1 || o.indexOf("cells") === -1 || t.length !== o.length ? !1 : K.diffValue(t, o);
 }
 function oa(n, e, t) {
-  var u, f, g, p, m, S, I, C;
+  var u, f, g, p, m, S, I, v;
   const { path: o } = e, { path: s } = t;
   if (o.indexOf("cells") === -1 || s.indexOf("cells") === -1)
     return !1;
-  const r = n.findGlyphByPosition(e), i = n.findGlyphByPosition(t), a = (p = (g = (f = (u = r == null ? void 0 : r.parent) == null ? void 0 : u.parent) == null ? void 0 : f.parent) == null ? void 0 : g.parent) == null ? void 0 : p.parent, c = (C = (I = (S = (m = i == null ? void 0 : i.parent) == null ? void 0 : m.parent) == null ? void 0 : S.parent) == null ? void 0 : I.parent) == null ? void 0 : C.parent;
+  const r = n.findGlyphByPosition(e), i = n.findGlyphByPosition(t), a = (p = (g = (f = (u = r == null ? void 0 : r.parent) == null ? void 0 : u.parent) == null ? void 0 : f.parent) == null ? void 0 : g.parent) == null ? void 0 : p.parent, c = (v = (I = (S = (m = i == null ? void 0 : i.parent) == null ? void 0 : m.parent) == null ? void 0 : S.parent) == null ? void 0 : I.parent) == null ? void 0 : v.parent;
   if (a == null || c == null)
     return !1;
   const l = a.parent, A = c.parent, d = l.cells.indexOf(a), h = A.cells.indexOf(c);
@@ -797,24 +797,24 @@ class sa {
     } = A;
     this._liquid.reset();
     const { pageLayoutType: p, pageMarginLeft: m, pageMarginTop: S } = this._documentOffsetConfig, I = l === be.BODY || l === be.CELL ? c : a;
-    for (let C = 0; C < I; C++) {
-      const R = i[C];
+    for (let v = 0; v < I; v++) {
+      const R = i[v];
       this._liquid.translatePage(R, p, m, S);
     }
-    for (let C = I; C < i.length; C++) {
-      const R = i[C];
+    for (let v = I; v < i.length; v++) {
+      const R = i[v];
       this._liquid.translatePagePadding(R);
       const { skeTables: E } = R;
-      let v = null;
+      let C = null;
       for (const [x, _] of E.entries())
-        x.startsWith(d) && (v = _);
-      if (v == null) {
+        x.startsWith(d) && (C = _);
+      if (C == null) {
         this._liquid.restorePagePadding(R), this._liquid.translatePage(R, p, m, S);
         continue;
       }
-      this._liquid.translateSave(), this._liquid.translate(0, v.top);
-      const { x: y, y: O } = this._liquid, { left: D } = v;
-      for (const x of v.rows)
+      this._liquid.translateSave(), this._liquid.translate(0, C.top);
+      const { x: y, y: O } = this._liquid, { left: D } = C;
+      for (const x of C.rows)
         if (x.index >= h && x.index <= f) {
           const _ = Vl(x.cells, u, g);
           if (_ == null)
@@ -859,12 +859,12 @@ class sa {
       });
     } else
       for (let p = l; p <= d; p++) {
-        const m = u.children[p], S = m.children[A], I = m.children[h], C = this._docSkeleton.findNodePositionByCharIndex(S.startIndex + 1), R = this._docSkeleton.findNodePositionByCharIndex(I.endIndex - 2);
-        if (C == null || R == null)
+        const m = u.children[p], S = m.children[A], I = m.children[h], v = this._docSkeleton.findNodePositionByCharIndex(S.startIndex + 1), R = this._docSkeleton.findNodePositionByCharIndex(I.endIndex - 2);
+        if (v == null || R == null)
           return;
         o.push({
-          anchor: i ? C : R,
-          focus: i ? R : C
+          anchor: i ? v : R,
+          focus: i ? R : v
         });
       }
     return o;
@@ -911,7 +911,7 @@ function Ws(n) {
   });
 }
 class Gt {
-  constructor(e, t, o, s, r, i = vn, a = "", c = -1) {
+  constructor(e, t, o, s, r, i = Cn, a = "", c = -1) {
     b(this, "rangeType", dt.TEXT);
     // Identifies whether the range is the current one, most of which is the last range.
     b(this, "_current", !1);
@@ -984,7 +984,7 @@ class Gt {
     const e = this.anchorNodePosition, t = this.focusNodePosition;
     if (this._isEmpty())
       return;
-    const o = this._document.getOffsetConfig(), { docsLeft: s, docsTop: r } = o, i = new vt(o, this._docSkeleton);
+    const o = this._document.getOffsetConfig(), { docsLeft: s, docsTop: r } = o, i = new Ct(o, this._docSkeleton);
     if (this._isCollapsed()) {
       const { contentBoxPointGroup: A, cursorList: d } = i.getRangePointData(e, e);
       if (this._setCursorList(d), A.length === 0)
@@ -1044,7 +1044,7 @@ class Gt {
     const { _document: e, _docSkeleton: t } = this, o = this.anchorNodePosition, s = this.focusNodePosition;
     if ((d = this._anchorShape) == null || d.hide(), (h = this._rangeShape) == null || h.hide(), this._isEmpty())
       return;
-    const r = e.getOffsetConfig(), { docsLeft: i, docsTop: a } = r, c = new vt(r, t);
+    const r = e.getOffsetConfig(), { docsLeft: i, docsTop: a } = r, c = new Ct(r, t);
     if (this._isCollapsed()) {
       const { contentBoxPointGroup: u, cursorList: f } = c.getRangePointData(o, o);
       if (this._setCursorList(f), u.length > 0) {
@@ -1099,7 +1099,7 @@ class Gt {
     let d = i + t;
     const h = a + o, u = ((g = s == null ? void 0 : s.ts) == null ? void 0 : g.it) === L.TRUE;
     if (u && (d += c * Math.tan(A * Math.PI / 180) / 2), this._anchorShape) {
-      this._anchorShape.transformByState({ left: d, top: h, height: c }), this._anchorShape.show(), u ? this._anchorShape.skew(-A, 0) : this._anchorShape.skew(0, 0);
+      this._anchorShape.transformByState({ left: d, top: h, height: c }), this._anchorShape.show(), u ? this._anchorShape.skew(-12, 0) : this._anchorShape.skew(0, 0);
       return;
     }
     const f = new jn(jl + K.generateRandomId(Wr), {
@@ -1110,14 +1110,14 @@ class Gt {
       stroke: ((m = this.style) == null ? void 0 : m.strokeActive) || Sn(pn.black, 1),
       evented: !1
     });
-    u && f.skew(-A, 0), this._anchorShape = f, this._scene.addObject(f, as), this.activeStatic();
+    u && f.skew(-12, 0), this._anchorShape = f, this._scene.addObject(f, as), this.activeStatic();
   }
   _setCursorList(e) {
     e.length !== 0 && (this._cursorList = e);
   }
 }
 const zl = "__DocTableRectRange__", Yl = 6;
-function Vo(n, e, t, o, s, r = vn, i = "", a = -1) {
+function Vo(n, e, t, o, s, r = Cn, i = "", a = -1) {
   const c = e.getOffsetConfig(), A = new sa(c, t).getNodePositionGroup(o, s);
   return (A != null ? A : []).map((d) => new ra(
     n,
@@ -1131,7 +1131,7 @@ function Vo(n, e, t, o, s, r = vn, i = "", a = -1) {
   ));
 }
 class ra {
-  constructor(e, t, o, s, r, i = vn, a = "", c = -1) {
+  constructor(e, t, o, s, r, i = Cn, a = "", c = -1) {
     b(this, "rangeType", dt.RECT);
     // The rendered rect range
     b(this, "_rangeShape");
@@ -1325,8 +1325,8 @@ function cs(n, e, t, o, s, r, i, a) {
   const f = h <= u ? Pe.FORWARD : Pe.BACKWARD, g = Math.min(h, u), p = Math.max(h, u);
   let m = g, S = p;
   for (const I of d.getChildren())
-    for (const C of I.children) {
-      const { startIndex: R, endIndex: E, children: v } = C, y = I.children.indexOf(C), O = I.children[y + 1], D = v[0];
+    for (const v of I.children) {
+      const { startIndex: R, endIndex: E, children: C } = v, y = I.children.indexOf(v), O = I.children[y + 1], D = C[0];
       let x = !1;
       if (D) {
         const { startIndex: _, endIndex: M, children: w } = D;
@@ -1443,7 +1443,7 @@ var Jl = Object.defineProperty, Zl = Object.getOwnPropertyDescriptor, $l = (n, e
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && Jl(e, t, s), s;
 }, Qn = (n, e) => (t, o) => e(t, o, n);
-let Be = class extends Ct {
+let Be = class extends vt {
   constructor(e, t, o, s, r) {
     super();
     b(this, "_onInputBefore$", new le());
@@ -1485,7 +1485,7 @@ let Be = class extends Ct {
     b(this, "_focusNodePosition", null);
     b(this, "_currentSegmentId", "");
     b(this, "_currentSegmentPage", -1);
-    b(this, "_selectionStyle", vn);
+    b(this, "_selectionStyle", Cn);
     b(this, "_viewPortObserverMap", /* @__PURE__ */ new Map());
     b(this, "_isIMEInputApply", !1);
     b(this, "_scenePointerMoveSubs", []);
@@ -1520,7 +1520,7 @@ let Be = class extends Ct {
   setReserveRangesStatus(e) {
     this._reserveRanges = e;
   }
-  _setRangeStyle(e = vn) {
+  _setRangeStyle(e = Cn) {
     this._selectionStyle = e;
   }
   // eslint-disable-next-line max-lines-per-function
@@ -1972,7 +1972,7 @@ let Be = class extends Ct {
       this.focus();
       return;
     }
-    const { left: s, top: r } = o, i = this.activeViewPort.getAbsoluteVector(Cn.FromArray([s, r])), { x: a, y: c } = i;
+    const { left: s, top: r } = o, i = this.activeViewPort.getAbsoluteVector(vn.FromArray([s, r])), { x: a, y: c } = i;
     let { left: l, top: A } = this._getCanvasOffset();
     l += a, A += c, this.activate(l, A, e);
   }
@@ -2112,7 +2112,7 @@ let Be = class extends Ct {
     const o = this._context.mainComponent, { documentTransform: s } = o.getOffsetConfig();
     if (this.activeViewPort == null || s == null)
       return;
-    const r = this.activeViewPort.transformVector2SceneCoord(Cn.FromArray([e, t]));
+    const r = this.activeViewPort.transformVector2SceneCoord(vn.FromArray([e, t]));
     if (r)
       return s.clone().invert().applyPoint(r);
   }
@@ -2813,10 +2813,10 @@ function hA(n) {
     onChange: m,
     onActive: S,
     onValid: I,
-    isValueValid: C = !0,
+    isValueValid: v = !0,
     placeholder: R,
     disabled: E
-  } = n, v = se(Ke), y = se(Xe), [O, D] = he(""), [x, _] = he(""), [M, w] = he(C), [F, H] = he([0, 0]), te = et(null), [Z, G] = he(!1);
+  } = n, C = se(Ke), y = se(Xe), [O, D] = he(""), [x, _] = he(""), [M, w] = he(v), [F, H] = he([0, 0]), te = et(null), [Z, G] = he(!1);
   if (!go(e))
     throw new Error("Invalid editor ID");
   Oe(() => {
@@ -2824,12 +2824,12 @@ function hA(n) {
     if (!Y)
       return;
     const q = new ResizeObserver(() => {
-      s !== !0 && v.resize(e), o && o(Y);
+      s !== !0 && C.resize(e), o && o(Y);
     });
     q.observe(Y);
     const $ = t != null ? t : dA(e, a);
     $.id !== e && ($.id = e);
-    const Ie = v.register(
+    const Ie = C.register(
       {
         editorUnitId: e,
         initialSnapshot: $,
@@ -2848,36 +2848,36 @@ function hA(n) {
       },
       Y
     );
-    v.setValueNoRefresh(a || "", e), D(R || "");
+    C.setValueNoRefresh(a || "", e), D(R || "");
     const ye = es((Me) => {
       G(Me), S && S(Me);
     }, 30), Fe = 160, Te = es((Me) => {
-      const ke = Me.getEditorId(), Ye = v.checkValueLegality(ke);
+      const ke = Me.getEditorId(), Ye = C.checkValueLegality(ke);
       setTimeout(() => {
         const ct = Me.getBoundingClientRect();
         H([ct.left, ct.top - 16]), ct.left + ct.top > 0 && w(Ye), Me.onlyInputFormula() ? _(y.t("textEditor.formulaError")) : _(y.t("textEditor.rangeError"));
-      }, Fe), v.getValue(ke) !== a && (I && I(Ye), m && m(v.getValue(e)));
-    }, 30), ze = v.focusStyle$.subscribe((Me) => {
+      }, Fe), C.getValue(ke) !== a && (I && I(Ye), m && m(C.getValue(e)));
+    }, 30), ze = C.focusStyle$.subscribe((Me) => {
       let ke = !1;
       Me === e && (ke = !0), ye(ke), setTimeout(() => {
         if (!Ql(Y))
           w(!0);
         else {
-          const Ye = v.getEditor(e);
+          const Ye = C.getEditor(e);
           Ye && Te(Ye);
         }
       }, Fe);
-    }), xt = v.valueChange$.subscribe((Me) => {
+    }), xt = C.valueChange$.subscribe((Me) => {
       if (Me.isSheetEditor() || Me.getEditorId() !== e)
         return;
-      const ke = v.getFocusEditor();
+      const ke = C.getFocusEditor();
       ke && ke.getEditorId() !== e || Te(Me);
     });
     return () => {
       q.unobserve(Y), q.disconnect(), Ie.dispose(), ze == null || ze.unsubscribe(), xt == null || xt.unsubscribe();
     };
   }, []), Oe(() => {
-    const Y = v.getEditor(e);
+    const Y = C.getEditor(e);
     Y != null && Y.update({
       readonly: l,
       isSingle: c,
@@ -2889,12 +2889,12 @@ function hA(n) {
       openForSheetUnitId: g
     });
   }, [l, c, f, u, d, h, p, g]), Oe(() => {
-    a != null && v.setValueNoRefresh(a, e);
+    a != null && C.setValueNoRefresh(a, e);
   }, [a]), Oe(() => {
-    w(C);
-  }, [C]);
+    w(v);
+  }, [v]);
   function z() {
-    const Y = v.getValue(e);
+    const Y = C.getValue(e);
     return !(Y == null || Y === "");
   }
   const ne = Object.fromEntries(
@@ -2975,19 +2975,19 @@ var IA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 la.displayName = "DeleteSingle";
-var vA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.9999 1.89941C1.66853 1.89941 1.3999 2.16804 1.3999 2.49941 1.3999 2.83078 1.66853 3.09941 1.9999 3.09941H13.9999C14.3313 3.09941 14.5999 2.83078 14.5999 2.49941 14.5999 2.16804 14.3313 1.89941 13.9999 1.89941H1.9999zM3.33315 5.56641C3.00178 5.56641 2.73315 5.83504 2.73315 6.16641 2.73315 6.49778 3.00178 6.76641 3.33315 6.76641H12.6665C12.9979 6.76641 13.2665 6.49778 13.2665 6.16641 13.2665 5.83504 12.9979 5.56641 12.6665 5.56641H3.33315zM1.3999 9.8334C1.3999 9.50203 1.66853 9.2334 1.9999 9.2334H13.9999C14.3313 9.2334 14.5999 9.50203 14.5999 9.8334 14.5999 10.1648 14.3313 10.4334 13.9999 10.4334H1.9999C1.66853 10.4334 1.3999 10.1648 1.3999 9.8334zM3.33315 12.9004C3.00178 12.9004 2.73315 13.169 2.73315 13.5004 2.73315 13.8318 3.00178 14.1004 3.33315 14.1004H12.6665C12.9979 14.1004 13.2665 13.8318 13.2665 13.5004 13.2665 13.169 12.9979 12.9004 12.6665 12.9004H3.33315z" } }] }, Aa = st(function(n, e) {
+var CA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.9999 1.89941C1.66853 1.89941 1.3999 2.16804 1.3999 2.49941 1.3999 2.83078 1.66853 3.09941 1.9999 3.09941H13.9999C14.3313 3.09941 14.5999 2.83078 14.5999 2.49941 14.5999 2.16804 14.3313 1.89941 13.9999 1.89941H1.9999zM3.33315 5.56641C3.00178 5.56641 2.73315 5.83504 2.73315 6.16641 2.73315 6.49778 3.00178 6.76641 3.33315 6.76641H12.6665C12.9979 6.76641 13.2665 6.49778 13.2665 6.16641 13.2665 5.83504 12.9979 5.56641 12.6665 5.56641H3.33315zM1.3999 9.8334C1.3999 9.50203 1.66853 9.2334 1.9999 9.2334H13.9999C14.3313 9.2334 14.5999 9.50203 14.5999 9.8334 14.5999 10.1648 14.3313 10.4334 13.9999 10.4334H1.9999C1.66853 10.4334 1.3999 10.1648 1.3999 9.8334zM3.33315 12.9004C3.00178 12.9004 2.73315 13.169 2.73315 13.5004 2.73315 13.8318 3.00178 14.1004 3.33315 14.1004H12.6665C12.9979 14.1004 13.2665 13.8318 13.2665 13.5004 13.2665 13.169 12.9979 12.9004 12.6665 12.9004H3.33315z" } }] }, Aa = st(function(n, e) {
   return rt(it, Object.assign({}, n, {
     id: "horizontally-single",
     ref: e,
-    icon: vA
+    icon: CA
   }));
 });
 Aa.displayName = "HorizontallySingle";
-var CA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, da = st(function(n, e) {
+var vA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, da = st(function(n, e) {
   return rt(it, Object.assign({}, n, {
     id: "increase-single",
     ref: e,
-    icon: CA
+    icon: vA
   }));
 });
 da.displayName = "IncreaseSingle";
@@ -3087,22 +3087,22 @@ const ma = _s(
   pointerEvents: "none"
 };
 function Kf(n) {
-  const { dialogOnly: e, onChange: t, id: o, value: s = "", width: r = 220, placeholder: i = "", size: a = "middle", onActive: c, onValid: l, isSingleChoice: A = !1, openForSheetUnitId: d, openForSheetSubUnitId: h, isReadonly: u = !1, className: f, textEditorClassName: g, onSelectorVisibleChange: p } = n, m = tl(p), [S, I] = he([""]), C = (oe) => {
+  const { dialogOnly: e, onChange: t, id: o, value: s = "", width: r = 220, placeholder: i = "", size: a = "middle", onActive: c, onValid: l, isSingleChoice: A = !1, openForSheetUnitId: d, openForSheetSubUnitId: h, isReadonly: u = !1, className: f, textEditorClassName: g, onSelectorVisibleChange: p } = n, m = tl(p), [S, I] = he([""]), v = (oe) => {
     I((Ae) => [...Ae, oe]);
   }, R = (oe) => {
     I(
-      (Ae) => Ae.filter((ve, ln) => ln !== oe)
+      (Ae) => Ae.filter((Ce, ln) => ln !== oe)
     );
   }, E = (oe, Ae) => {
     I(
-      (ve) => ve.map(
+      (Ce) => Ce.map(
         (ln, Ot) => Ot === oe ? Ae : ln
       )
     );
-  }, v = (oe) => {
+  }, C = (oe) => {
     I((Ae) => {
-      const ve = [...Ae];
-      return ve.length > 0 && (ve[ve.length - 1] = oe), ve;
+      const Ce = [...Ae];
+      return Ce.length > 0 && (Ce[Ce.length - 1] = oe), Ce;
     });
   }, y = se(Ke), O = se(ma), D = se(Q), [x, _] = he(!1), M = se(Xe), [w, F] = he(!1), [H, te] = he(!0), [Z, G] = he(s), [z, ne] = he(-1), ue = et(null), re = et(-1), Y = et(d), q = et(h), $ = et(A), Ie = et(u);
   Oe(() => {
@@ -3113,20 +3113,20 @@ function Kf(n) {
       y.resize(o);
     });
     Ae.observe(oe);
-    let ve = 1;
+    let Ce = 1;
     const ln = O.selectionChange$.subscribe((Ot) => {
       if (O.getCurrentSelectorId() !== o)
         return;
       if (Ot.length === 0) {
-        ve = 0;
+        Ce = 0;
         return;
       }
-      const Rr = Ot.length - ve;
-      if (ve = Ot.length, Rr < 0)
+      const Rr = Ot.length - Ce;
+      if (Ce = Ot.length, Rr < 0)
         return;
       const lt = Ot[Ot.length - 1];
       let Lt = "";
-      lt.unitId === Y.current && lt.sheetId === q.current ? Lt = Gc(lt.range) : lt.unitId === Y.current ? Lt = qc(lt.sheetName, lt.range) : Lt = Kc(lt.unitId, lt.sheetName, lt.range), Rr >= 1 && !$.current ? (C(Lt), ne(-1)) : re.current === -1 ? v(Lt) : E(re.current, Lt);
+      lt.unitId === Y.current && lt.sheetId === q.current ? Lt = Gc(lt.range) : lt.unitId === Y.current ? Lt = qc(lt.sheetName, lt.range) : Lt = Kc(lt.unitId, lt.sheetName, lt.range), Rr >= 1 && !$.current ? (v(Lt), ne(-1)) : re.current === -1 ? C(Lt) : E(re.current, Lt);
     });
     return () => {
       ln.unsubscribe(), Ae.unobserve(oe);
@@ -3158,20 +3158,20 @@ function Kf(n) {
       return;
     }
     let oe = "";
-    const Ae = S.filter((ve) => wr(ve.trim()));
+    const Ae = S.filter((Ce) => wr(Ce.trim()));
     if (Ae.length === 1) {
-      const ve = Ae[0];
-      wr(ve.trim()) && (oe = ve.trim());
+      const Ce = Ae[0];
+      wr(Ce.trim()) && (oe = Ce.trim());
     } else
       oe = Ae.join(",");
     y.setValue(oe, o), Ye(oe), ye();
   }
   function Me() {
-    C(""), ne(-1);
+    v(""), ne(-1);
   }
   function ke(oe) {
-    var Ae, ve;
-    return ((ve = (Ae = D.getCurrentUnitForType(P.UNIVER_SHEET)) == null ? void 0 : Ae.getSheetBySheetName(oe)) == null ? void 0 : ve.getSheetId()) || "";
+    var Ae, Ce;
+    return ((Ce = (Ae = D.getCurrentUnitForType(P.UNIVER_SHEET)) == null ? void 0 : Ae.getSheetBySheetName(oe)) == null ? void 0 : Ce.getSheetId()) || "";
   }
   function Ye(oe) {
     if (G(oe || ""), oe == null) {
@@ -3223,7 +3223,7 @@ function Kf(n) {
                 affixWrapperStyle: { width: "100%" },
                 onClick: () => ne(Ae),
                 value: oe,
-                onChange: (ve) => E(Ae, ve)
+                onChange: (Ce) => E(Ae, Ce)
               },
               `input${Ae}`
             ) }),
@@ -3274,19 +3274,19 @@ function qA(n, e, t) {
 }
 const KA = (n) => {
   const e = se(Xe), t = se(Q), o = se(Re), s = se(T), r = se(Fs), { unitId: i } = n, a = o.getRenderById(i).with(Be), [c, l] = he({}), A = (u, f) => {
-    var v;
+    var C;
     l((y) => ({
       ...y,
       [f]: u ? L.TRUE : L.FALSE
     }));
-    const g = t.getUniverDocInstance(i), p = g == null ? void 0 : g.getSnapshot().documentStyle, m = (v = o.getRenderById(i)) == null ? void 0 : v.with(de), S = m == null ? void 0 : m.getViewModel();
+    const g = t.getUniverDocInstance(i), p = g == null ? void 0 : g.getSnapshot().documentStyle, m = (C = o.getRenderById(i)) == null ? void 0 : C.with(de), S = m == null ? void 0 : m.getViewModel();
     if (p == null || S == null)
       return;
     const I = S.getEditArea();
-    let C = !1;
+    let v = !1;
     const R = a.getSegmentPage();
     let E = !1;
-    if (f === "useFirstPageHeaderFooter" && u === !0 && ((I === Se.HEADER && !p.firstPageHeaderId || I === Se.FOOTER && !p.firstPageFooterId) && (C = !0), C && R === 0 && (E = !0)), f === "evenAndOddHeaders" && u === !0 && ((I === Se.HEADER && !p.evenPageHeaderId || I === Se.FOOTER && !p.evenPageFooterId) && (C = !0), C && R % 2 === 1 && (E = !0)), C) {
+    if (f === "useFirstPageHeaderFooter" && u === !0 && ((I === Se.HEADER && !p.firstPageHeaderId || I === Se.FOOTER && !p.firstPageFooterId) && (v = !0), v && R === 0 && (E = !0)), f === "evenAndOddHeaders" && u === !0 && ((I === Se.HEADER && !p.evenPageHeaderId || I === Se.FOOTER && !p.evenPageFooterId) && (v = !0), v && R % 2 === 1 && (E = !0)), v) {
       const O = K.generateRandomId(6);
       E && a.setSegment(O), s.executeCommand(Gn, {
         unitId: i,
@@ -3588,7 +3588,7 @@ let ds = class extends me {
     const o = It(this._context), { document: s, scene: r } = o, { documentTransform: i } = s.getOffsetConfig(), a = r.getViewports()[0];
     if (a == null)
       return;
-    const c = a.transformVector2SceneCoord(Cn.FromArray([e, t]));
+    const c = a.transformVector2SceneCoord(vn.FromArray([e, t]));
     return i.clone().invert().applyPoint(c);
   }
   // eslint-disable-next-line max-lines-per-function
@@ -3782,8 +3782,8 @@ const Gn = "doc.command.core-header-footer", Ia = {
   type: N.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
-    var C;
-    const t = n.get(T), o = n.get(Q), s = n.get(Re), { unitId: r, segmentId: i, createType: a, headerFooterProps: c } = e, l = (C = s.getRenderById(r)) == null ? void 0 : C.with(de), A = o.getUniverDocInstance(r), d = l == null ? void 0 : l.getViewModel();
+    var v;
+    const t = n.get(T), o = n.get(Q), s = n.get(Re), { unitId: r, segmentId: i, createType: a, headerFooterProps: c } = e, l = (v = s.getRenderById(r)) == null ? void 0 : v.with(de), A = o.getUniverDocInstance(r), d = l == null ? void 0 : l.getViewModel();
     if (A == null || d == null)
       return !1;
     const h = d.getEditArea(), { documentStyle: u } = A.getSnapshot(), f = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, g = [{
@@ -3802,11 +3802,11 @@ const Gn = "doc.command.core-header-footer", Ia = {
     f && (p.params.noNeedSetTextRange = !0);
     const m = V.getInstance(), S = [];
     return a != null && jo(i, a, u, S), c != null && Object.keys(c).forEach((R) => {
-      const E = c[R], v = u[R];
-      if (E === v)
+      const E = c[R], C = u[R];
+      if (E === C)
         return;
       let y;
-      if (v === void 0 ? y = m.insertOp(["documentStyle", R], E) : y = m.replaceOp(["documentStyle", R], v, E), S.push(y), R === "useFirstPageHeaderFooter" && E === L.TRUE && !u.firstPageHeaderId) {
+      if (C === void 0 ? y = m.insertOp(["documentStyle", R], E) : y = m.replaceOp(["documentStyle", R], C, E), S.push(y), R === "useFirstPageHeaderFooter" && E === L.TRUE && !u.firstPageHeaderId) {
         const O = h === Se.HEADER ? Ue.FIRST_PAGE_HEADER : Ue.FIRST_PAGE_FOOTER;
         jo(i, O, u, S);
       } else if (R === "evenAndOddHeaders" && E === L.TRUE && !u.evenPageHeaderId) {
@@ -3841,7 +3841,7 @@ const Gn = "doc.command.core-header-footer", Ia = {
       ]);
     }), t.executeCommand(zs.id, { value: "close" }), !0);
   }
-}, nn = "UI_PLUGIN_DOCS", qs = `${nn}_COLOR_PICKER_COMPONENT`, va = `${nn}_FONT_FAMILY_COMPONENT`, Ca = `${nn}_FONT_FAMILY_ITEM_COMPONENT`, Ra = `${nn}_FONT_SIZE_COMPONENT`, od = "univer-doc-list-type-picker", sd = "univer-doc-list-type-picker-item", rd = "univer-doc-list-type-picker-item-active", Wo = {
+}, nn = "UI_PLUGIN_DOCS", qs = `${nn}_COLOR_PICKER_COMPONENT`, Ca = `${nn}_FONT_FAMILY_COMPONENT`, va = `${nn}_FONT_FAMILY_ITEM_COMPONENT`, Ra = `${nn}_FONT_SIZE_COMPONENT`, od = "univer-doc-list-type-picker", sd = "univer-doc-list-type-picker-item", rd = "univer-doc-list-type-picker-item-active", Wo = {
   docListTypePicker: od,
   docListTypePickerItem: sd,
   docListTypePickerItemActive: rd
@@ -3929,11 +3929,11 @@ const Gn = "doc.command.core-header-footer", Ia = {
     const o = n.get(Dt).onAutoFormat(qt.id, e);
     return (await Ds(o, n.get(T))).result;
   }
-}, dd = "doc.command.after-space", vo = {
+}, dd = "doc.command.after-space", Co = {
   id: dd,
   type: N.COMMAND,
   async handler(n) {
-    const t = n.get(Dt).onAutoFormat(vo.id);
+    const t = n.get(Dt).onAutoFormat(Co.id);
     return (await Ds(t, n.get(T))).result;
   }
 }, xn = {
@@ -4196,13 +4196,13 @@ const Zr = "doc.command.set-inline-format-bold", on = {
       case Ut.id:
       // fallthrough
       case cn.id: {
-        const E = a.getDefaultStyle(), v = Ta(
+        const E = a.getDefaultStyle(), C = Ta(
           h,
           l,
           E
         );
-        f = vd(
-          v,
+        f = Cd(
+          C,
           o
         );
         break;
@@ -4235,13 +4235,13 @@ const Zr = "doc.command.set-inline-format-bold", on = {
         actions: [],
         textRanges: c
       }
-    }, p = new Ce(), m = V.getInstance(), S = new Qt();
+    }, p = new ve(), m = V.getInstance(), S = new Qt();
     S.reset();
     for (const E of c) {
-      let { startOffset: v, endOffset: y, rangeType: O } = E;
-      if (v == null || y == null)
+      let { startOffset: C, endOffset: y, rangeType: O } = E;
+      if (C == null || y == null)
         continue;
-      if (O === dt.RECT && (v = v - 1), v === y) {
+      if (O === dt.RECT && (C = C - 1), C === y) {
         const _ = a.getStyleCache(), M = us[o];
         a.setStyleCache(
           {
@@ -4259,20 +4259,20 @@ const Zr = "doc.command.set-inline-format-bold", on = {
         textRuns: [
           {
             st: 0,
-            ed: y - v,
+            ed: y - C,
             ts: {
               [us[o]]: f
             }
           }
         ]
-      }, x = v - S.cursor;
+      }, x = C - S.cursor;
       x !== 0 && p.push({
         t: j.RETAIN,
         len: x
       }), p.push({
         t: j.RETAIN,
         body: D,
-        len: y - v
+        len: y - C
       }), S.reset(), S.moveCursor(y);
     }
     const I = fe(d, A);
@@ -4295,13 +4295,13 @@ function ya(n, e, t) {
     return t === Ut.id ? (n == null ? void 0 : n[e]) === je.SUBSCRIPT ? je.NORMAL : je.SUBSCRIPT : (n == null ? void 0 : n[e]) === je.SUPERSCRIPT ? je.NORMAL : je.SUPERSCRIPT;
 }
 function Ta(n, e, t) {
-  var l, A, d, h, u, f, g, p, m, S, I, C, R, E;
+  var l, A, d, h, u, f, g, p, m, S, I, v, R, E;
   const { startOffset: o, endOffset: s, collapsed: r } = e;
   if (r) {
-    const v = (l = n.textRuns) != null ? l : [];
+    const C = (l = n.textRuns) != null ? l : [];
     let y = null;
-    for (let O = v.length - 1; O >= 0; O--) {
-      const D = v[O];
+    for (let O = C.length - 1; O >= 0; O--) {
+      const D = C[O];
       if (D.st < o && o <= D.ed) {
         y = D;
         break;
@@ -4310,48 +4310,48 @@ function Ta(n, e, t) {
     return y != null && y.ts ? { ...t, ...y.ts } : t;
   }
   const { textRuns: i = [] } = Mi(n, o, s), a = K.deepClone(t);
-  a.fs = Math.max(a.fs, ...i.map((v) => {
+  a.fs = Math.max(a.fs, ...i.map((C) => {
     var y, O;
-    return (O = (y = v == null ? void 0 : v.ts) == null ? void 0 : y.fs) != null ? O : a.fs;
-  })), a.ff = (h = (d = (A = i.find((v) => {
+    return (O = (y = C == null ? void 0 : C.ts) == null ? void 0 : y.fs) != null ? O : a.fs;
+  })), a.ff = (h = (d = (A = i.find((C) => {
     var y;
-    return ((y = v.ts) == null ? void 0 : y.ff) != null;
-  })) == null ? void 0 : A.ts) == null ? void 0 : d.ff) != null ? h : a.ff, a.it = i.length && i.every((v) => {
+    return ((y = C.ts) == null ? void 0 : y.ff) != null;
+  })) == null ? void 0 : A.ts) == null ? void 0 : d.ff) != null ? h : a.ff, a.it = i.length && i.every((C) => {
     var y;
-    return ((y = v.ts) == null ? void 0 : y.it) === L.TRUE;
-  }) ? L.TRUE : L.FALSE, a.bl = i.length && i.every((v) => {
+    return ((y = C.ts) == null ? void 0 : y.it) === L.TRUE;
+  }) ? L.TRUE : L.FALSE, a.bl = i.length && i.every((C) => {
     var y;
-    return ((y = v.ts) == null ? void 0 : y.bl) === L.TRUE;
-  }) ? L.TRUE : L.FALSE, a.ul = i.length && i.every((v) => {
+    return ((y = C.ts) == null ? void 0 : y.bl) === L.TRUE;
+  }) ? L.TRUE : L.FALSE, a.ul = i.length && i.every((C) => {
     var y, O;
-    return ((O = (y = v.ts) == null ? void 0 : y.ul) == null ? void 0 : O.s) === L.TRUE;
-  }) ? (u = i[0].ts) == null ? void 0 : u.ul : a.ul, a.st = i.length && i.every((v) => {
+    return ((O = (y = C.ts) == null ? void 0 : y.ul) == null ? void 0 : O.s) === L.TRUE;
+  }) ? (u = i[0].ts) == null ? void 0 : u.ul : a.ul, a.st = i.length && i.every((C) => {
     var y, O;
-    return ((O = (y = v.ts) == null ? void 0 : y.st) == null ? void 0 : O.s) === L.TRUE;
-  }) ? (f = i[0].ts) == null ? void 0 : f.st : a.st, a.bg = (m = (p = (g = i.find((v) => {
+    return ((O = (y = C.ts) == null ? void 0 : y.st) == null ? void 0 : O.s) === L.TRUE;
+  }) ? (f = i[0].ts) == null ? void 0 : f.st : a.st, a.bg = (m = (p = (g = i.find((C) => {
     var y;
-    return ((y = v.ts) == null ? void 0 : y.bg) != null;
-  })) == null ? void 0 : g.ts) == null ? void 0 : p.bg) != null ? m : a.bg, a.cl = (C = (I = (S = i.find((v) => {
+    return ((y = C.ts) == null ? void 0 : y.bg) != null;
+  })) == null ? void 0 : g.ts) == null ? void 0 : p.bg) != null ? m : a.bg, a.cl = (v = (I = (S = i.find((C) => {
     var y;
-    return ((y = v.ts) == null ? void 0 : y.cl) != null;
-  })) == null ? void 0 : S.ts) == null ? void 0 : I.cl) != null ? C : a.cl;
-  const c = i.filter((v) => {
+    return ((y = C.ts) == null ? void 0 : y.cl) != null;
+  })) == null ? void 0 : S.ts) == null ? void 0 : I.cl) != null ? v : a.cl;
+  const c = i.filter((C) => {
     var y;
-    return ((y = v == null ? void 0 : v.ts) == null ? void 0 : y.va) != null;
+    return ((y = C == null ? void 0 : C.ts) == null ? void 0 : y.va) != null;
   });
   if (c.length > 0 && c.length === i.length) {
-    const v = (R = c[0].ts) == null ? void 0 : R.va;
+    const C = (R = c[0].ts) == null ? void 0 : R.va;
     let y = !0;
     for (let O = 1; O < c.length; O++)
-      if (((E = c[O].ts) == null ? void 0 : E.va) !== v) {
+      if (((E = c[O].ts) == null ? void 0 : E.va) !== C) {
         y = !1;
         break;
       }
-    y && (a.va = v);
+    y && (a.va = C);
   }
   return a;
 }
-function vd(n, e) {
+function Cd(n, e) {
   const t = us[e];
   return ya(n, t, e);
 }
@@ -4384,7 +4384,7 @@ const Mn = {
     }), g = V.getInstance(), p = fe(i, c);
     return h.params.actions = g.editOp(f.serialize(), p), !!s.syncExecuteCommand(h.id, h.params);
   }
-}, Co = {
+}, vo = {
   id: "doc.command.change-list-type",
   type: N.COMMAND,
   handler: (n, e) => {
@@ -4450,7 +4450,7 @@ const hs = {
   type: N.COMMAND,
   handler: (n, e) => {
     const t = n.get(T);
-    return e != null && e.value ? t.syncExecuteCommand(Co.id, {
+    return e != null && e.value ? t.syncExecuteCommand(vo.id, {
       listType: e.value
     }) : t.syncExecuteCommand(Mn.id, {
       listType: we.BULLET_LIST
@@ -4461,7 +4461,7 @@ const hs = {
   type: N.COMMAND,
   handler: (n, e) => {
     const t = n.get(T);
-    return e != null && e.value ? t.syncExecuteCommand(Co.id, {
+    return e != null && e.value ? t.syncExecuteCommand(vo.id, {
       listType: e.value
     }) : t.syncExecuteCommand(Mn.id, {
       listType: we.CHECK_LIST
@@ -4501,7 +4501,7 @@ const hs = {
   type: N.COMMAND,
   handler: (n, e) => {
     const t = n.get(T);
-    return e != null && e.value ? t.syncExecuteCommand(Co.id, {
+    return e != null && e.value ? t.syncExecuteCommand(vo.id, {
       listType: e.value
     }) : t.syncExecuteCommand(Mn.id, {
       listType: we.ORDER_LIST
@@ -4518,7 +4518,7 @@ const hs = {
     const t = n.get(W), o = n.get(Q), s = n.get(T), r = o.getCurrentUnitForType(P.UNIVER_DOC), i = t.getActiveTextRange();
     if (r == null || i == null)
       return !1;
-    const { segmentId: a } = i, { listType: c, paragraph: l } = e, { paragraphStart: A, paragraphEnd: d } = l, h = new Ce(), u = V.getInstance(), { defaultTabStop: f = 36 } = r.getSnapshot().documentStyle, g = (ue = (ne = r.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : ne.sectionBreaks) != null ? ue : [], { startIndex: p, paragraphStyle: m = {} } = l, { indentFirstLine: S, snapToGrid: I, indentStart: C } = m, R = rc[c].nestingLevel[0].paragraphProperties || {}, { hanging: E, indentStart: v } = R, y = R.textStyle, { charSpace: O, gridType: D } = Cd(p, g) || { charSpace: 0, gridType: ic.LINES }, x = yc(O, f, D, I);
+    const { segmentId: a } = i, { listType: c, paragraph: l } = e, { paragraphStart: A, paragraphEnd: d } = l, h = new ve(), u = V.getInstance(), { defaultTabStop: f = 36 } = r.getSnapshot().documentStyle, g = (ue = (ne = r.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : ne.sectionBreaks) != null ? ue : [], { startIndex: p, paragraphStyle: m = {} } = l, { indentFirstLine: S, snapToGrid: I, indentStart: v } = m, R = rc[c].nestingLevel[0].paragraphProperties || {}, { hanging: E, indentStart: C } = R, y = R.textStyle, { charSpace: O, gridType: D } = vd(p, g) || { charSpace: 0, gridType: ic.LINES }, x = yc(O, f, D, I);
     let M = K.generateRandomId(6);
     const w = (Y = (re = r.getBody()) == null ? void 0 : re.paragraphs) != null ? Y : [], F = w.findIndex(($) => $.startIndex === l.startIndex), H = w[F - 1], te = w[F + 1];
     H && H.bullet && H.bullet.listType.indexOf(c) === 0 ? M = H.bullet.listId : te && te.bullet && te.bullet.listType.indexOf(c) === 0 && (M = te.bullet.listId);
@@ -4557,7 +4557,7 @@ const hs = {
               },
               indentFirstLine: void 0,
               hanging: E,
-              indentStart: { v: nt(v, x) - nt(E, x) + nt(S, x) + nt(C, x) }
+              indentStart: { v: nt(C, x) - nt(E, x) + nt(S, x) + nt(v, x) }
             },
             bullet: {
               ...(q = l.bullet) != null ? q : {
@@ -4594,7 +4594,7 @@ function Pn(n, e) {
   }
   return t;
 }
-function Cd(n, e) {
+function vd(n, e) {
   const t = e.sort(ac("startIndex"));
   for (let o = 0; o < t.length; o++) {
     const s = e[o];
@@ -4617,9 +4617,9 @@ const ft = {
     const c = a[0].segmentId, l = (I = i.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : I.paragraphs;
     if (l == null)
       return !1;
-    const A = Pn(a, l), d = i.getUnitId(), h = A.every((C) => {
+    const A = Pn(a, l), d = i.getUnitId(), h = A.every((v) => {
       var R;
-      return ((R = C.paragraphStyle) == null ? void 0 : R.horizontalAlign) === r;
+      return ((R = v.paragraphStyle) == null ? void 0 : R.horizontalAlign) === r;
     }), u = {
       id: X.id,
       params: {
@@ -4629,15 +4629,15 @@ const ft = {
       }
     }, f = new Qt();
     f.reset();
-    const g = new Ce(), p = V.getInstance();
-    for (const C of A) {
-      const { startIndex: R } = C;
+    const g = new ve(), p = V.getInstance();
+    for (const v of A) {
+      const { startIndex: R } = v;
       g.push({
         t: j.RETAIN,
         len: R - f.cursor
       });
       const E = {
-        ...C.paragraphStyle,
+        ...v.paragraphStyle,
         horizontalAlign: h ? Le.UNSPECIFIED : r
       };
       g.push({
@@ -4647,7 +4647,7 @@ const ft = {
           dataStream: "",
           paragraphs: [
             {
-              ...C,
+              ...v,
               paragraphStyle: E,
               startIndex: 0
             }
@@ -5015,9 +5015,9 @@ function Kd(n, e, t) {
         if (a < I.startIndex || a > I.endIndex)
           continue;
         A = I;
-        for (const C of I.children) {
-          for (const R of C.children) {
-            const E = C.children.indexOf(R);
+        for (const v of I.children) {
+          for (const R of v.children) {
+            const E = v.children.indexOf(R);
             if (a >= R.startIndex && a <= R.endIndex) {
               d = E;
               break;
@@ -5072,8 +5072,8 @@ function Ma(n, e) {
           continue;
         A = S.startIndex + 3;
         for (const I of S.children) {
-          const C = S.children.indexOf(I), { startIndex: R, endIndex: E } = I;
-          t >= R && t <= E ? (c = R, a.push(C), l += E - R + 1) : (R > t && E < o || o >= R && o <= E) && (a.push(C), l += E - R + 1), a.length === S.children.length && (d = !0);
+          const v = S.children.indexOf(I), { startIndex: R, endIndex: E } = I;
+          t >= R && t <= E ? (c = R, a.push(v), l += E - R + 1) : (R > t && E < o || o >= R && o <= E) && (a.push(v), l += E - R + 1), a.length === S.children.length && (d = !0);
         }
       }
       if (a.length)
@@ -5099,15 +5099,15 @@ function Jd(n, e) {
   let A = -1, d = -1, h = -1;
   for (const m of r.getChildren()) {
     for (const S of m.children) {
-      const { children: I } = S, C = I[0];
-      if (C) {
-        if (t < C.startIndex || o > C.endIndex)
+      const { children: I } = S, v = I[0];
+      if (v) {
+        if (t < v.startIndex || o > v.endIndex)
           continue;
-        c = C;
-        for (const R of C.children)
+        c = v;
+        for (const R of v.children)
           for (const E of R.children) {
-            const v = R.children.indexOf(E);
-            t >= E.startIndex && t <= E.endIndex && (d = v), o >= E.startIndex && o <= E.endIndex && (h = v);
+            const C = R.children.indexOf(E);
+            t >= E.startIndex && t <= E.endIndex && (d = C), o >= E.startIndex && o <= E.endIndex && (h = C);
           }
       }
       if (c)
@@ -5168,16 +5168,16 @@ function Zd(n, e) {
   let c = null, l = -1, A = -1, d = -1, h = -1;
   for (const m of r.getChildren()) {
     for (const S of m.children) {
-      const { children: I } = S, C = I[0];
-      if (C) {
-        if (t < C.startIndex || o > C.endIndex)
+      const { children: I } = S, v = I[0];
+      if (v) {
+        if (t < v.startIndex || o > v.endIndex)
           continue;
-        c = C;
-        for (const R of C.children) {
-          const E = C.children.indexOf(R);
-          for (const v of R.children) {
-            const y = R.children.indexOf(v);
-            t >= v.startIndex && t <= v.endIndex && (A = E, d = y), o >= v.startIndex && o <= v.endIndex && (h = y);
+        c = v;
+        for (const R of v.children) {
+          const E = v.children.indexOf(R);
+          for (const C of R.children) {
+            const y = R.children.indexOf(C);
+            t >= C.startIndex && t <= C.endIndex && (A = E, d = y), o >= C.startIndex && o <= C.endIndex && (h = y);
           }
         }
       }
@@ -5291,7 +5291,7 @@ const tu = Ns, Da = {
       }
     }, m = new Qt();
     m.reset();
-    const S = new Ce(), I = V.getInstance(), C = [], R = !!((O = A.tables) != null && O.length), E = !!((D = A.customBlocks) != null && D.length);
+    const S = new ve(), I = V.getInstance(), v = [], R = !!((O = A.tables) != null && O.length), E = !!((D = A.customBlocks) != null && D.length);
     if (R && t || R && eu(c) || c.length && (l != null && l.length))
       return !1;
     for (let F = 0; F < c.length; F++) {
@@ -5303,7 +5303,7 @@ const tu = Ns, Da = {
           const Ie = K.deepClone(d[q]);
           Ie.tableId = $;
           const ye = I.insertOp(["tableSource", $], Ie);
-          C.push(ye);
+          v.push(ye);
         }
       if (E && h) {
         const Y = (_ = (x = u.getSnapshot().drawingsOrder) == null ? void 0 : x.length) != null ? _ : 0;
@@ -5313,7 +5313,7 @@ const tu = Ns, Da = {
           const ye = K.deepClone(h[$]);
           ye.drawingId = Ie;
           const Fe = I.insertOp(["drawings", Ie], ye), Te = I.insertOp(["drawingsOrder", Y], Ie);
-          C.push(Fe), C.push(Te);
+          v.push(Fe), v.push(Te);
         }
       }
       const ue = Vs((M = f.customRanges) != null ? M : [], Z, tu.includes(g)), re = ks((w = f.customDecorations) != null ? w : [], Z);
@@ -5340,8 +5340,8 @@ const tu = Ns, Da = {
       }
       m.reset(), m.moveCursor(Z);
     }
-    const v = fe(u, t);
-    return C.push(I.editOp(S.serialize(), v)), p.params.actions = C.reduce((F, H) => V.compose(F, H), null), !!r.syncExecuteCommand(p.id, p.params);
+    const C = fe(u, t);
+    return v.push(I.editOp(S.serialize(), C)), p.params.actions = v.reduce((F, H) => V.compose(F, H), null), !!r.syncExecuteCommand(p.id, p.params);
   }
 };
 function nu(n, e) {
@@ -5354,14 +5354,14 @@ function nu(n, e) {
 }
 function ou(n, e, t) {
   var f, g;
-  const o = e.getSelfOrHeaderFooterModel(t).getBody(), s = new Ce(), r = V.getInstance(), i = [];
+  const o = e.getSelfOrHeaderFooterModel(t).getBody(), s = new ve(), r = V.getInstance(), i = [];
   if (o == null)
     return i;
   const { tables: a = [] } = o, c = new Qt();
   c.reset();
   for (let p = 0; p < n.length; p++) {
-    const m = nu(n[p], a), { startOffset: S, endOffset: I, collapsed: C } = m, R = S - c.cursor;
-    C ? s.push({
+    const m = nu(n[p], a), { startOffset: S, endOffset: I, collapsed: v } = m, R = S - c.cursor;
+    v ? s.push({
       t: j.RETAIN,
       len: R
     }) : s.push(...Qe.selection.delete([m], o, c.cursor, null, !1)), c.reset(), c.moveCursor(I);
@@ -5374,8 +5374,8 @@ function ou(n, e, t) {
       const m = d[p], S = h.indexOf(p);
       if (m == null || S < 0)
         continue;
-      const I = r.removeOp(["drawings", p], m), C = r.removeOp(["drawingsOrder", S], p);
-      i.push(I), i.push(C);
+      const I = r.removeOp(["drawings", p], m), v = r.removeOp(["drawingsOrder", S], p);
+      i.push(I), i.push(v);
     }
   return i.reduce((p, m) => V.compose(p, m), null);
 }
@@ -5383,7 +5383,7 @@ function su(n, e, t, o) {
   const s = [];
   if (e.getSelfOrHeaderFooterModel(o).getBody() == null)
     return s;
-  const i = new Ce(), a = V.getInstance(), c = new Qt();
+  const i = new ve(), a = V.getInstance(), c = new Qt();
   c.reset();
   for (const A of n) {
     const { startOffset: d, endOffset: h, spanEntireRow: u, spanEntireTable: f } = A;
@@ -5414,8 +5414,8 @@ function su(n, e, t, o) {
           t: j.DELETE,
           len: S
         });
-        for (const C of m.reverse()) {
-          const R = a.removeOp(["tableSource", I, "tableRows", C]);
+        for (const v of m.reverse()) {
+          const R = a.removeOp(["tableSource", I, "tableRows", v]);
           s.push(R);
         }
         c.moveCursorTo(p + S);
@@ -5505,7 +5505,7 @@ const iu = "doc.command.insert-text", or = {
         textRanges: p,
         debounce: !0
       }
-    }, S = new Ce(), I = V.getInstance();
+    }, S = new ve(), I = V.getInstance();
     if (f)
       u > 0 && S.push({
         t: j.RETAIN,
@@ -5516,16 +5516,16 @@ const iu = "doc.command.insert-text", or = {
         len: r.dataStream.length
       });
     else {
-      const v = Qe.selection.delete([o], h, 0, r);
-      S.push(...v);
+      const C = Qe.selection.delete([o], h, 0, r);
+      S.push(...C);
     }
     m.params.textRanges = [{
       startOffset: u + g,
       endOffset: u + g,
       collapsed: f
     }];
-    const C = fe(A, s);
-    return m.params.actions = I.editOp(S.serialize(), C), !!t.syncExecuteCommand(m.id, m.params);
+    const v = fe(A, s);
+    return m.params.actions = I.editOp(S.serialize(), v), !!t.syncExecuteCommand(m.id, m.params);
   }
 }, On = {
   id: "doc.command.delete-text",
@@ -5551,7 +5551,7 @@ const iu = "doc.command.insert-text", or = {
         }],
         debounce: !0
       }
-    }, p = new Ce(), m = V.getInstance();
+    }, p = new ve(), m = V.getInstance();
     p.push({
       t: j.RETAIN,
       len: h - 0
@@ -5576,7 +5576,7 @@ const iu = "doc.command.insert-text", or = {
         actions: [],
         textRanges: a
       }
-    }, h = new Ce(), u = V.getInstance(), { startOffset: f, endOffset: g } = t;
+    }, h = new ve(), u = V.getInstance(), { startOffset: f, endOffset: g } = t;
     h.push({
       t: j.RETAIN,
       len: f
@@ -5611,7 +5611,7 @@ const iu = "doc.command.insert-text", or = {
         textRanges: g,
         prevTextRanges: [c]
       }
-    }, m = new Ce(), S = V.getInstance(), I = [];
+    }, m = new ve(), S = V.getInstance(), I = [];
     d > 0 && m.push({
       t: j.RETAIN,
       len: a === Ne.LEFT ? d - 1 : d
@@ -5619,9 +5619,9 @@ const iu = "doc.command.insert-text", or = {
       t: j.DELETE,
       len: 1
     });
-    const C = fe(i, h);
-    I.push(S.editOp(m.serialize(), C));
-    const R = ((x = i.getDrawings()) != null ? x : {})[A], v = i.getDrawingsOrder().indexOf(A), y = S.removeOp(["drawings", A], R), O = S.removeOp(["drawingsOrder", v], A);
+    const v = fe(i, h);
+    I.push(S.editOp(m.serialize(), v));
+    const R = ((x = i.getDrawings()) != null ? x : {})[A], C = i.getDrawingsOrder().indexOf(A), y = S.removeOp(["drawings", A], R), O = S.removeOp(["drawingsOrder", C], A);
     return I.push(y), I.push(O), p.params.actions = I.reduce((_, M) => V.compose(_, M), null), !!s.syncExecuteCommand(p.id, p.params);
   }
 }, rr = {
@@ -5649,10 +5649,10 @@ const iu = "doc.command.insert-text", or = {
     }
     if (S == null || I == null)
       return !1;
-    const C = r === Ne.LEFT ? g - 1 : g, R = [
+    const v = r === Ne.LEFT ? g - 1 : g, R = [
       {
-        startOffset: C,
-        endOffset: C,
+        startOffset: v,
+        endOffset: v,
         style: A
       }
     ], E = {
@@ -5663,17 +5663,17 @@ const iu = "doc.command.insert-text", or = {
         textRanges: R,
         prevTextRanges: [i]
       }
-    }, v = new Ce(), y = V.getInstance();
-    S.startIndex > 0 && v.push({
+    }, C = new ve(), y = V.getInstance();
+    S.startIndex > 0 && C.push({
       t: j.RETAIN,
       len: S.startIndex
-    }), v.push({
+    }), C.push({
       t: j.DELETE,
       len: 1
-    }), I.startIndex > S.startIndex + 1 && v.push({
+    }), I.startIndex > S.startIndex + 1 && C.push({
       t: j.RETAIN,
       len: I.startIndex - S.startIndex - 1
-    }), v.push({
+    }), C.push({
       t: j.RETAIN,
       len: 1,
       coverType: fo.REPLACE,
@@ -5688,7 +5688,7 @@ const iu = "doc.command.insert-text", or = {
       }
     });
     const O = fe(d, l);
-    return E.params.actions = y.editOp(v.serialize(), O), !!s.syncExecuteCommand(E.id, E.params);
+    return E.params.actions = y.editOp(C.serialize(), O), !!s.syncExecuteCommand(E.id, E.params);
   }
 };
 function ir(n, e) {
@@ -5742,15 +5742,15 @@ const _o = {
     const { segmentId: h, style: u, segmentPage: f } = c, g = r.getSelfOrHeaderFooterModel(h).getBody();
     if (g == null)
       return !1;
-    const p = c, { startOffset: m, collapsed: S } = p, I = d.findNodeByCharIndex(m, h, f), C = Tc(I), R = Bc(I, g);
+    const p = c, { startOffset: m, collapsed: S } = p, I = d.findNodeByCharIndex(m, h, f), v = Tc(I), R = Bc(I, g);
     let E = m;
-    const v = d.findNodeByCharIndex(m - 1, h, f);
-    if (_c(I) && v !== I && (C === !0 || R === !0) && S) {
+    const C = d.findNodeByCharIndex(m - 1, h, f);
+    if (_c(I) && C !== I && (v === !0 || R === !0) && S) {
       const x = Mc(I, g);
       if (x == null)
         return !1;
       const _ = x == null ? void 0 : x.startIndex, M = { startIndex: 0 }, w = x.paragraphStyle;
-      if (C === !0) {
+      if (v === !0) {
         const H = x.paragraphStyle;
         if (H) {
           M.paragraphStyle = H;
@@ -5783,15 +5783,15 @@ const _o = {
         segmentId: h
       });
     } else if (S === !0) {
-      if (v == null)
+      if (C == null)
         return !0;
-      if (v.content === "\r")
+      if (C.content === "\r")
         s = await o.executeCommand(rr.id, {
           direction: Ne.LEFT,
           range: p
         });
-      else if (v.streamType === "\b") {
-        const x = (D = r.getSnapshot().drawings) == null ? void 0 : D[(O = v.drawingId) != null ? O : ""];
+      else if (C.streamType === "\b") {
+        const x = (D = r.getSnapshot().drawings) == null ? void 0 : D[(O = C.drawingId) != null ? O : ""];
         if (x == null)
           return !0;
         if (x.layoutType === po.INLINE) {
@@ -5800,13 +5800,13 @@ const _o = {
             direction: Ne.LEFT,
             range: c,
             unitId: M,
-            drawingId: v.drawingId
+            drawingId: C.drawingId
           });
         } else {
           const M = d.findNodeByCharIndex(m - 2);
           if (M == null)
             return !0;
-          E -= v.count, E -= M.count;
+          E -= C.count, E -= M.count;
           const w = [
             {
               startOffset: E,
@@ -5828,12 +5828,12 @@ const _o = {
           });
         }
       } else
-        E -= v.count, s = await o.executeCommand(On.id, {
+        E -= C.count, s = await o.executeCommand(On.id, {
           unitId: r.getUnitId(),
           range: p,
           segmentId: h,
           direction: Ne.LEFT,
-          len: v.count
+          len: C.count
         });
     } else {
       const x = Qa(p, [p]);
@@ -5850,13 +5850,13 @@ const _o = {
   type: N.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: async (n) => {
-    var I, C;
+    var I, v;
     const e = n.get(W), o = n.get(Q).getCurrentUniverDocInstance();
     if (!o)
       return !1;
     const s = Je(n, o.getUnitId()), r = n.get(T), i = e.getActiveTextRange(), a = e.getRectRanges(), c = e.getTextRanges(), l = s == null ? void 0 : s.getSkeleton();
     if (a != null && a.length) {
-      const R = ir(c, a), E = a[0].segmentId, v = [
+      const R = ir(c, a), E = a[0].segmentId, C = [
         {
           startOffset: R,
           endOffset: R
@@ -5864,7 +5864,7 @@ const _o = {
       ];
       return r.executeCommand($t.id, {
         segmentId: E,
-        textRanges: v
+        textRanges: C
       });
     }
     if (i == null || l == null || c == null)
@@ -5886,10 +5886,10 @@ const _o = {
           range: i
         });
       else if (R.streamType === "\b") {
-        const v = (C = o.getSnapshot().drawings) == null ? void 0 : C[(I = R.drawingId) != null ? I : ""];
-        if (v == null)
+        const C = (v = o.getSnapshot().drawings) == null ? void 0 : v[(I = R.drawingId) != null ? I : ""];
+        if (C == null)
           return !0;
-        if (v.layoutType === po.INLINE) {
+        if (C.layoutType === po.INLINE) {
           const O = o.getUnitId();
           S = await r.executeCommand(sr.id, {
             direction: Ne.RIGHT,
@@ -5921,7 +5921,7 @@ const _o = {
           });
         }
       } else {
-        const v = [
+        const C = [
           {
             startOffset: g,
             endOffset: g,
@@ -5933,7 +5933,7 @@ const _o = {
           range: f,
           segmentId: A,
           direction: Ne.RIGHT,
-          textRanges: v,
+          textRanges: C,
           len: R.count
         });
       }
@@ -6075,7 +6075,7 @@ function di(n, e) {
   const t = n.tagName.toLowerCase();
   return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((o) => o === t) : e(n);
 }
-const ui = 600, lo = class lo {
+const ui = 660, lo = class lo {
   constructor() {
     b(this, "_tableCache", []);
     b(this, "_styleCache", /* @__PURE__ */ new Map());
@@ -6398,11 +6398,11 @@ function mu(n, e, t) {
     for (; S !== -1; ) {
       const I = a[S];
       a.splice(S, 1), g += Go(o, m, I.startIndex);
-      const C = s[I.blockId];
-      if (C)
-        switch (C.drawingType) {
+      const v = s[I.blockId];
+      if (v)
+        switch (v.drawingType) {
           case Qs.DRAWING_IMAGE: {
-            g += pu(C), p++;
+            g += pu(v), p++;
             break;
           }
         }
@@ -6411,13 +6411,13 @@ function mu(n, e, t) {
     return g = g + Go(o, m, f + 1), { sliceHtml: g, customBlockLength: p };
   };
   c.forEach((u) => {
-    var C, R;
+    var v, R;
     const { startIndex: f, endIndex: g, rangeType: p, rangeId: m } = u, S = d(l, f);
     A += S.sliceHtml;
     const I = d(f, g + 1);
     switch (p) {
       case wi.HYPERLINK: {
-        A += `<a data-rangeid="${m}" href="${(R = (C = u.properties) == null ? void 0 : C.url) != null ? R : ""}">${I.sliceHtml}</a>`;
+        A += `<a data-rangeid="${m}" href="${(R = (v = u.properties) == null ? void 0 : v.url) != null ? R : ""}">${I.sliceHtml}</a>`;
         break;
       }
       default: {
@@ -6499,8 +6499,8 @@ class Eu {
     return t;
   }
 }
-var Iu = Object.defineProperty, vu = Object.getOwnPropertyDescriptor, Cu = (n, e, t, o) => {
-  for (var s = o > 1 ? void 0 : o ? vu(e, t) : e, r = n.length - 1, i; r >= 0; r--)
+var Iu = Object.defineProperty, Cu = Object.getOwnPropertyDescriptor, vu = (n, e, t, o) => {
+  for (var s = o > 1 ? void 0 : o ? Cu(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && Iu(e, t, s), s;
 }, un = (n, e) => (t, o) => e(t, o, n);
@@ -6807,7 +6807,7 @@ let fs = class extends me {
     })), this._umdToHtml.convert([t]);
   }
 };
-fs = Cu([
+fs = vu([
   un(0, Q),
   un(1, Ts),
   un(2, T),
@@ -6849,7 +6849,7 @@ const cr = 999, Jn = {
   type: N.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: async (n) => {
-    var S, I, C, R, E;
+    var S, I, v, R, E;
     const e = n.get(T), t = n.get(Re), o = n.get(W), r = n.get(Q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
@@ -6870,7 +6870,7 @@ const cr = 999, Jn = {
     else
       return !1;
     if (d !== De.MODERN) {
-      const v = r.getSnapshot(), { drawings: y = {}, body: O } = v, D = (C = O == null ? void 0 : O.customBlocks) != null ? C : [];
+      const C = r.getSnapshot(), { drawings: y = {}, body: O } = C, D = (v = O == null ? void 0 : O.customBlocks) != null ? v : [];
       for (const x in y) {
         const _ = y[x], M = D.find(($) => $.blockId === x);
         if (M == null)
@@ -6891,7 +6891,7 @@ const cr = 999, Jn = {
         q && g.push(q);
       }
     }
-    return u.params.actions = g.reduce((v, y) => V.compose(v, y), null), !!e.syncExecuteCommand(u.id, u.params);
+    return u.params.actions = g.reduce((C, y) => V.compose(C, y), null), !!e.syncExecuteCommand(u.id, u.params);
   }
 }, dr = {
   id: "doc.table.delete-rows",
@@ -6907,22 +6907,22 @@ const cr = 999, Jn = {
     const A = Je(n, c.getUnitId());
     if (A == null)
       return !1;
-    const d = A.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ce(), f = V.getInstance(), g = Ma(i, d);
+    const d = A.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new ve(), f = V.getInstance(), g = Ma(i, d);
     if (g == null)
       return !1;
-    const { offset: p, rowIndexes: m, len: S, tableId: I, cursor: C, selectWholeTable: R } = g;
+    const { offset: p, rowIndexes: m, len: S, tableId: I, cursor: v, selectWholeTable: R } = g;
     if (R)
       return o.executeCommand(Nn.id);
-    const E = [], v = [{
-      startOffset: C,
-      endOffset: C,
+    const E = [], C = [{
+      startOffset: v,
+      endOffset: v,
       collapsed: !0
     }], y = {
       id: X.id,
       params: {
         unitId: h,
         actions: [],
-        textRanges: v
+        textRanges: C
       }
     };
     p > 0 && u.push({
@@ -6954,13 +6954,13 @@ const cr = 999, Jn = {
     const A = Je(n, c.getUnitId());
     if (A == null)
       return !1;
-    const d = A.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ce(), f = V.getInstance(), g = Jd(i, d);
+    const d = A.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new ve(), f = V.getInstance(), g = Jd(i, d);
     if (g == null)
       return !1;
-    const { offsets: p, columnIndexes: m, tableId: S, cursor: I, rowCount: C, selectWholeTable: R } = g;
+    const { offsets: p, columnIndexes: m, tableId: S, cursor: I, rowCount: v, selectWholeTable: R } = g;
     if (R)
       return o.executeCommand(Nn.id);
-    const E = [], v = [{
+    const E = [], C = [{
       startOffset: I,
       endOffset: I,
       collapsed: !0
@@ -6969,7 +6969,7 @@ const cr = 999, Jn = {
       params: {
         unitId: h,
         actions: [],
-        textRanges: v
+        textRanges: C
       }
     };
     for (const x of p) {
@@ -6984,7 +6984,7 @@ const cr = 999, Jn = {
     }
     const O = fe(c, a);
     E.push(f.editOp(u.serialize(), O)), m.reverse();
-    for (let x = 0; x < C; x++)
+    for (let x = 0; x < v; x++)
       for (const _ of m) {
         const M = f.removeOp(["tableSource", S, "tableRows", x, "tableCells", _]);
         E.push(M);
@@ -7009,10 +7009,10 @@ const cr = 999, Jn = {
     const A = Je(n, c.getUnitId());
     if (A == null)
       return !1;
-    const d = A.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ce(), f = V.getInstance(), g = Pa(i, d);
+    const d = A.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new ve(), f = V.getInstance(), g = Pa(i, d);
     if (g == null)
       return !1;
-    const { offset: p, len: m, tableId: S, cursor: I } = g, C = [], R = [{
+    const { offset: p, len: m, tableId: S, cursor: I } = g, v = [], R = [{
       startOffset: I,
       endOffset: I,
       collapsed: !0
@@ -7031,10 +7031,10 @@ const cr = 999, Jn = {
       t: j.DELETE,
       len: m
     });
-    const v = fe(c, a);
-    C.push(f.editOp(u.serialize(), v));
+    const C = fe(c, a);
+    v.push(f.editOp(u.serialize(), C));
     const y = f.removeOp(["tableSource", S]);
-    return C.push(y), E.params.actions = C.reduce((D, x) => V.compose(D, x), null), !!o.syncExecuteCommand(E.id, E.params);
+    return v.push(y), E.params.actions = v.reduce((D, x) => V.compose(D, x), null), !!o.syncExecuteCommand(E.id, E.params);
   }
 }, hr = "doc.command.table-insert-row", gr = "doc.command.table-insert-column", Ru = "doc.command.table-insert-row-above", bu = "doc.command.table-insert-row-bellow", xu = "doc.command.table-insert-column-left", Ou = "doc.command.table-insert-column-right", fr = {
   id: Ru,
@@ -7066,12 +7066,12 @@ const cr = 999, Jn = {
     const h = Je(n, A.getUnitId());
     if (h == null)
       return !1;
-    const u = h.getViewModel(), f = A == null ? void 0 : A.getUnitId(), g = new Ce(), p = V.getInstance(), m = qd(c, t, u);
+    const u = h.getViewModel(), f = A == null ? void 0 : A.getUnitId(), g = new ve(), p = V.getInstance(), m = qd(c, t, u);
     if (m == null)
       return !1;
-    const { offset: S, colCount: I, tableId: C, insertRowIndex: R } = m, E = [], v = S + 2, y = [{
-      startOffset: v,
-      endOffset: v,
+    const { offset: S, colCount: I, tableId: v, insertRowIndex: R } = m, E = [], C = S + 2, y = [{
+      startOffset: C,
+      endOffset: C,
       collapsed: !0
     }], O = {
       id: X.id,
@@ -7093,7 +7093,7 @@ const cr = 999, Jn = {
     });
     const x = fe(A, l);
     E.push(p.editOp(g.serialize(), x));
-    const _ = tr(I), M = p.insertOp(["tableSource", C, "tableRows", R], _);
+    const _ = tr(I), M = p.insertOp(["tableSource", v, "tableRows", R], _);
     return E.push(M), O.params.actions = E.reduce((F, H) => V.compose(F, H), null), !!r.syncExecuteCommand(O.id, O.params);
   }
 }, yu = {
@@ -7111,12 +7111,12 @@ const cr = 999, Jn = {
     const h = Je(n, A.getUnitId());
     if (h == null)
       return !1;
-    const u = h.getViewModel(), f = A == null ? void 0 : A.getUnitId(), g = new Ce(), p = V.getInstance(), m = Kd(c, t, u);
+    const u = h.getViewModel(), f = A == null ? void 0 : A.getUnitId(), g = new ve(), p = V.getInstance(), m = Kd(c, t, u);
     if (m == null)
       return !1;
-    const { offsets: S, columnIndex: I, tableId: C, rowCount: R } = m, E = [], v = S[0] + 1, y = [{
-      startOffset: v,
-      endOffset: v,
+    const { offsets: S, columnIndex: I, tableId: v, rowCount: R } = m, E = [], C = S[0] + 1, y = [{
+      startOffset: C,
+      endOffset: C,
       collapsed: !0
     }], O = {
       id: X.id,
@@ -7141,15 +7141,15 @@ const cr = 999, Jn = {
     const D = fe(A, l);
     E.push(p.editOp(g.serialize(), D));
     for (let q = 0; q < R; q++) {
-      const $ = er(), Ie = p.insertOp(["tableSource", C, "tableRows", q, "tableCells", I], $);
+      const $ = er(), Ie = p.insertOp(["tableSource", v, "tableRows", q, "tableCells", I], $);
       E.push(Ie);
     }
-    const x = A.getSnapshot(), _ = x.documentStyle, { marginLeft: M = 0, marginRight: w = 0 } = _, F = ((re = (ue = _.pageSize) == null ? void 0 : ue.width) != null ? re : 800) - M - w, H = (Y = x == null ? void 0 : x.tableSource) == null ? void 0 : Y[C].tableColumns, { newColWidth: te, widths: Z } = Xd(F, H, I);
+    const x = A.getSnapshot(), _ = x.documentStyle, { marginLeft: M = 0, marginRight: w = 0 } = _, F = ((re = (ue = _.pageSize) == null ? void 0 : ue.width) != null ? re : 800) - M - w, H = (Y = x == null ? void 0 : x.tableSource) == null ? void 0 : Y[v].tableColumns, { newColWidth: te, widths: Z } = Xd(F, H, I);
     for (let q = 0; q < Z.length; q++) {
-      const $ = p.replaceOp(["tableSource", C, "tableColumns", q, "size", "width", "v"], H[q].size.width.v, Z[q]);
+      const $ = p.replaceOp(["tableSource", v, "tableColumns", q, "size", "width", "v"], H[q].size.width.v, Z[q]);
       E.push($);
     }
-    const G = nr(te), z = p.insertOp(["tableSource", C, "tableColumns", I], G);
+    const G = nr(te), z = p.insertOp(["tableSource", v, "tableColumns", I], G);
     return E.push(z), O.params.actions = E.reduce((q, $) => V.compose(q, $), null), !!r.syncExecuteCommand(O.id, O.params);
   }
 }, Fa = "COMPONENT_DOC_CREATE_TABLE_CONFIRM";
@@ -7169,7 +7169,7 @@ const Va = {
   type: N.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n) => {
-    var E, v, y;
+    var E, C, y;
     const e = n.get(W), t = n.get(Q), o = n.get(T), s = n.get(ht), r = e.getActiveTextRange(), i = e.getRectRanges();
     if (r == null)
       return !1;
@@ -7186,7 +7186,7 @@ const Va = {
     const A = c.getUnitId(), { startOffset: d, endOffset: h } = r, f = ((E = l.paragraphs) != null ? E : []).find((O) => O.startIndex >= d);
     if (!f)
       return !1;
-    const g = f.startIndex, p = s.getDefaultStyle(), m = s.getStyleCache(), S = Io((v = l.textRuns) != null ? v : [], h, p, m), I = {
+    const g = f.startIndex, p = s.getDefaultStyle(), m = s.getStyleCache(), S = Io((C = l.textRuns) != null ? C : [], h, p, m), I = {
       dataStream: U.PARAGRAPH,
       paragraphs: Ha(U.PARAGRAPH, f),
       textRuns: [{
@@ -7196,14 +7196,14 @@ const Va = {
           ...S.ts
         }
       }]
-    }, C = {
+    }, v = {
       startOffset: d,
       endOffset: h,
       collapsed: d === h
     }, R = await o.executeCommand(or.id, {
       unitId: A,
       body: I,
-      range: C,
+      range: v,
       segmentId: a
     });
     if (((y = f.bullet) == null ? void 0 : y.listType) === we.CHECK_LIST_CHECKED) {
@@ -7237,9 +7237,9 @@ const Va = {
     const { startOffset: p } = c, S = ((Y = h.paragraphs) != null ? Y : []).find((Te) => Te.startIndex >= p), I = g.findNodeByCharIndex(p, l, A);
     if (I == null)
       return !1;
-    const C = new Ce(), R = V.getInstance(), E = [], v = p + 4, y = [{
-      startOffset: v,
-      endOffset: v,
+    const v = new ve(), R = V.getInstance(), E = [], C = p + 4, y = [{
+      startOffset: C,
+      endOffset: C,
       collapsed: !0
     }], O = {
       id: X.id,
@@ -7249,10 +7249,10 @@ const Va = {
         textRanges: y
       }
     };
-    p > 0 && C.push({
+    p > 0 && v.push({
       t: j.RETAIN,
       len: p
-    }), C.push({
+    }), v.push({
       t: j.INSERT,
       body: {
         dataStream: U.PARAGRAPH,
@@ -7269,7 +7269,7 @@ const Va = {
     if (H == null)
       return !1;
     const { pageWidth: te, marginLeft: Z, marginRight: G } = H, z = _a(t, o, te - Z - G);
-    C.push({
+    v.push({
       t: j.INSERT,
       body: {
         dataStream: M,
@@ -7291,7 +7291,7 @@ const Va = {
       len: M.length
     });
     const ne = fe(d, l);
-    E.push(R.editOp(C.serialize(), ne));
+    E.push(R.editOp(v.serialize(), ne));
     const ue = R.insertOp(["tableSource", z.tableId], z);
     return E.push(ue), O.params.actions = E.reduce((Te, ze) => V.compose(Te, ze), null), !!i.syncExecuteCommand(O.id, O.params);
   }
@@ -7343,12 +7343,12 @@ const Va = {
       }
     }, h = new Qt();
     h.reset();
-    const u = new Ce(), f = V.getInstance();
+    const u = new ve(), f = V.getInstance();
     for (const I of A) {
-      const { startIndex: C } = I;
+      const { startIndex: v } = I;
       u.push({
         t: j.RETAIN,
-        len: C - h.cursor
+        len: v - h.cursor
       });
       const R = {
         ...I.paragraphStyle,
@@ -7368,7 +7368,7 @@ const Va = {
           ]
         },
         coverType: fo.REPLACE
-      }), h.moveCursorTo(C + 1);
+      }), h.moveCursorTo(v + 1);
     }
     const g = fe(r, a);
     return d.params.actions = f.editOp(u.serialize(), g), !!s.syncExecuteCommand(d.id, d.params);
@@ -7531,7 +7531,7 @@ function Gu() {
       { label: n.t("toolbar.alignJustify"), value: String(Le.JUSTIFIED), icon: /* @__PURE__ */ B.jsx(aa, {}) }
     ],
     []
-  ), t = _u(), [o, s] = Mu(t, e[0].value), [r, i] = Pu(t), [a, c] = Du(t), [l, A] = wu(t), [d, h] = Nu(t), [u, f] = Qu(t), [g, p] = Uu(t), { lineSpacing: [m, S], spacingRule: [I, C] } = Lu(t), R = Pt(() => I === Yt.AUTO ? { min: 1, max: 5, step: m < 2 ? 0.5 : 1 } : { min: 1, max: 100 }, [I, m]);
+  ), t = _u(), [o, s] = Mu(t, e[0].value), [r, i] = Pu(t), [a, c] = Du(t), [l, A] = wu(t), [d, h] = Nu(t), [u, f] = Qu(t), [g, p] = Uu(t), { lineSpacing: [m, S], spacingRule: [I, v] } = Lu(t), R = Pt(() => I === Yt.AUTO ? { min: 1, max: 5, step: m < 2 ? 0.5 : 1 } : { min: 1, max: 100 }, [I, m]);
   return /* @__PURE__ */ B.jsxs("div", { className: ie.paragraphSetting, children: [
     /* @__PURE__ */ B.jsx("div", { className: ie.paragraphSettingTitle, children: n.t("doc.paragraphSetting.alignment") }),
     /* @__PURE__ */ B.jsx(
@@ -7613,14 +7613,14 @@ function Gu() {
             style: { width: 162 },
             children: [
               /* @__PURE__ */ B.jsx(
-                vl,
+                Cl,
                 {
                   value: `${I}`,
                   options: [
                     { label: n.t("doc.paragraphSetting.multiSpace"), value: `${Yt.AUTO}` },
                     { label: n.t("doc.paragraphSetting.fixedValue"), value: `${Yt.AT_LEAST}` }
                   ],
-                  onChange: (E) => C(Number(E))
+                  onChange: (E) => v(Number(E))
                 }
               ),
               /* @__PURE__ */ B.jsx(
@@ -7693,7 +7693,7 @@ const Ir = {
   id: "sidebar.operation.doc-paragraph-setting-panel",
   type: N.OPERATION,
   handler: (n) => (n.get(tn).openPanel(), !0)
-}, vr = (n) => {
+}, Cr = (n) => {
   const e = n.get(W);
   return new Ee((t) => {
     const o = e.textSelection$.subscribe(() => {
@@ -7742,7 +7742,7 @@ const pt = (n) => {
   type: J.BUTTON,
   icon: "Copy",
   title: "rightClick.copy",
-  disabled$: vr(n),
+  disabled$: Cr(n),
   hidden$: ee(n, P.UNIVER_DOC)
 }), th = (n) => ({
   id: Ir.id,
@@ -7755,7 +7755,7 @@ const pt = (n) => {
   type: J.BUTTON,
   icon: "Copy",
   title: "rightClick.cut",
-  disabled$: vr(n),
+  disabled$: Cr(n),
   hidden$: ee(n, P.UNIVER_DOC)
 }), oh = (n) => ({
   id: Ar.id,
@@ -7768,7 +7768,7 @@ const pt = (n) => {
   type: J.BUTTON,
   icon: "PasteSpecial",
   title: "rightClick.delete",
-  disabled$: vr(n),
+  disabled$: Cr(n),
   hidden$: ee(n, P.UNIVER_DOC)
 }), ja = "doc.menu.table-insert";
 function rh(n) {
@@ -8080,7 +8080,7 @@ function Ih(n) {
     hidden$: ee(n, P.UNIVER_DOC)
   };
 }
-function vh(n) {
+function Ch(n) {
   const e = n.get(T);
   return {
     id: Ut.id,
@@ -8107,7 +8107,7 @@ function vh(n) {
     hidden$: ee(n, P.UNIVER_DOC)
   };
 }
-function Ch(n) {
+function vh(n) {
   const e = n.get(T);
   return {
     id: cn.id,
@@ -8140,10 +8140,10 @@ function Rh(n) {
     id: Xt.id,
     tooltip: "toolbar.font",
     type: J.SELECTOR,
-    label: va,
+    label: Ca,
     selections: il.map((t) => ({
       label: {
-        name: Ca,
+        name: va,
         hoverable: !0
       },
       value: t.value
@@ -8559,11 +8559,11 @@ const Hh = {
     },
     [Ut.id]: {
       order: 4,
-      menuItemFactory: vh
+      menuItemFactory: Ch
     },
     [cn.id]: {
       order: 5,
-      menuItemFactory: Ch
+      menuItemFactory: vh
     },
     [Kt.id]: {
       order: 6,
@@ -8706,7 +8706,7 @@ let Zn = class extends me {
   }
   _initCustomComponents() {
     const n = this._componentManager;
-    this.disposeWithMe(n.register(qs, Cl)), this.disposeWithMe(n.register(va, cl)), this.disposeWithMe(n.register(Ca, ll)), this.disposeWithMe(n.register(Ra, Al)), this.disposeWithMe(n.register(Oa, ld)), this.disposeWithMe(n.register(xa, ad)), this.disposeWithMe(n.register("TodoList", fa));
+    this.disposeWithMe(n.register(qs, vl)), this.disposeWithMe(n.register(Ca, cl)), this.disposeWithMe(n.register(va, ll)), this.disposeWithMe(n.register(Ra, Al)), this.disposeWithMe(n.register(Oa, ld)), this.disposeWithMe(n.register(xa, ad)), this.disposeWithMe(n.register("TodoList", fa));
   }
   // TODO: @zhangwei, why add workbook to docs-ui?
   _initUiParts() {
@@ -8771,7 +8771,7 @@ var Wh = Object.defineProperty, zh = Object.getOwnPropertyDescriptor, Yh = (n, e
   return o && s && Wh(e, t, s), s;
 }, Xo = (n, e) => (t, o) => e(t, o, n);
 const mi = 1.5;
-let $n = class extends Ct {
+let $n = class extends vt {
   constructor(n, e, t, o) {
     super(), this._context = n, this._textSelectionManagerService = e, this._editorService = t, this._docSkeletonManagerService = o, this._init();
   }
@@ -8795,18 +8795,18 @@ let $n = class extends Ct {
     const { unitId: e, scene: t, mainComponent: o } = this._context, s = this._docSkeletonManagerService.getSkeleton();
     if (o == null || s == null)
       return;
-    const r = o.getOffsetConfig(), { docsLeft: i, docsTop: a } = r, c = new vt(r, s), { contentBoxPointGroup: l } = c.getRangePointData(n, n), { left: A, top: d, height: h } = Yn(l), u = A + i, f = d + a, g = t.getViewport(ut.VIEW_MAIN), p = this._editorService.getEditor(e);
+    const r = o.getOffsetConfig(), { docsLeft: i, docsTop: a } = r, c = new Ct(r, s), { contentBoxPointGroup: l } = c.getRangePointData(n, n), { left: A, top: d, height: h } = Yn(l), u = A + i, f = d + a, g = t.getViewport(ut.VIEW_MAIN), p = this._editorService.getEditor(e);
     if (g == null)
       return;
     const {
       left: m,
       top: S,
       right: I,
-      bottom: C
+      bottom: v
     } = g.getBounding().viewBound;
     let R = 0, E = 0;
-    const v = p ? (O = p.params.backScrollOffset) != null ? O : 0 : 100;
-    f < S ? R = f - S - v : f > C - h && (R = f - C + h + v), u < m ? E = u - m : u > I - mi && (E = u - I + mi);
+    const C = p ? (O = p.params.backScrollOffset) != null ? O : 0 : 100;
+    f < S ? R = f - S - C : f > v - h && (R = f - v + h + C), u < m ? E = u - m : u > I - mi && (E = u - I + mi);
     const y = g.transViewportScroll2ScrollValue(E, R);
     g.scrollByBarDeltaValue(y);
   }
@@ -8829,7 +8829,7 @@ var Gh = Object.defineProperty, qh = Object.getOwnPropertyDescriptor, Kh = (n, e
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && Gh(e, t, s), s;
 }, Vt = (n, e) => (t, o) => e(t, o, n);
-let ps = class extends Ct {
+let ps = class extends vt {
   constructor(n, e, t, o, s, r, i) {
     super(), this._context = n, this._commandService = e, this._docSelectionRenderService = t, this._docSkeletonManagerService = o, this._editorService = s, this._renderManagerService = r, this._univerInstanceService = i, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
   }
@@ -8977,7 +8977,7 @@ const Ya = {
     }, !1), !0;
   }
 };
-class wo extends Ct {
+class wo extends vt {
   constructor(t) {
     super();
     b(this, "_previousActiveRange", null);
@@ -9042,10 +9042,10 @@ const Jh = Ns, Ga = {
     if (p == null)
       return !1;
     Object.assign(u, u);
-    const { startOffset: S, endOffset: I } = u, C = o.length, R = [
+    const { startOffset: S, endOffset: I } = u, v = o.length, R = [
       {
-        startOffset: S + C,
-        endOffset: S + C,
+        startOffset: S + v,
+        endOffset: S + v,
         collapsed: !0,
         style: f
       }
@@ -9056,17 +9056,17 @@ const Jh = Ns, Ga = {
         actions: [],
         textRanges: R
       }
-    }, v = A.getDefaultStyle(), y = A.getStyleCache(), O = Vs((te = p.customRanges) != null ? te : [], S + s, Jh.includes(t)), D = Io(
+    }, C = A.getDefaultStyle(), y = A.getStyleCache(), O = Vs((te = p.customRanges) != null ? te : [], S + s, Jh.includes(t)), D = Io(
       (Z = p.textRuns) != null ? Z : [],
       i ? I : S + s,
-      v,
+      C,
       y
-    ), x = ks((G = p.customDecorations) != null ? G : [], S + s), _ = new Ce(), M = V.getInstance();
+    ), x = ks((G = p.customDecorations) != null ? G : [], S + s), _ = new ve(), M = V.getInstance();
     if (!u.collapsed && i) {
       const z = Qe.selection.delete([u], p, 0, null, !1);
       _.push(...z), E.params.textRanges = [{
-        startOffset: S + C,
-        endOffset: S + C,
+        startOffset: S + v,
+        endOffset: S + v,
         collapsed: !0
       }];
     } else
@@ -9210,7 +9210,7 @@ var tg = Object.defineProperty, ng = Object.getOwnPropertyDescriptor, og = (n, e
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && tg(e, t, s), s;
 }, sg = (n, e) => (t, o) => e(t, o, n);
-let eo = class extends Ct {
+let eo = class extends vt {
   constructor(e) {
     super();
     b(this, "_docContainerController");
@@ -9281,7 +9281,7 @@ let to = class extends me {
   _initListSpaceAutoFormat() {
     this.disposeWithMe(
       this._docAutoFormatService.registerAutoFormat({
-        id: vo.id,
+        id: Co.id,
         match: (n) => {
           var r;
           const { selection: e, paragraphs: t, unit: o } = n;
@@ -9492,7 +9492,7 @@ let no = class extends me {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _handleShiftMoveSelection(e) {
-    var I, C, R;
+    var I, v, R;
     const t = this._textSelectionManagerService.getActiveTextRange(), o = this._textSelectionManagerService.getTextRanges(), s = this._univerInstanceService.getCurrentUniverDocInstance();
     if (s == null)
       return;
@@ -9511,13 +9511,13 @@ let no = class extends me {
       segmentPage: g
     } = t;
     if (o.length > 1) {
-      let E = Number.POSITIVE_INFINITY, v = Number.NEGATIVE_INFINITY;
+      let E = Number.POSITIVE_INFINITY, C = Number.NEGATIVE_INFINITY;
       for (const y of o)
-        E = Math.min(E, y.startOffset), v = Math.max(v, y.endOffset);
+        E = Math.min(E, y.startOffset), C = Math.max(C, y.endOffset);
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: e === ce.LEFT || e === ce.UP ? v : E,
-          endOffset: e === ce.LEFT || e === ce.UP ? E : v,
+          startOffset: e === ce.LEFT || e === ce.UP ? C : E,
+          endOffset: e === ce.LEFT || e === ce.UP ? E : C,
           style: l
         }
       ], !1);
@@ -9525,10 +9525,10 @@ let no = class extends me {
     }
     const p = A || d === Pe.FORWARD ? a : c;
     let m = A || d === Pe.FORWARD ? c : a;
-    const S = (C = s.getSelfOrHeaderFooterModel(h).getBody().dataStream.length) != null ? C : Number.POSITIVE_INFINITY;
+    const S = (v = s.getSelfOrHeaderFooterModel(h).getBody().dataStream.length) != null ? v : Number.POSITIVE_INFINITY;
     if (e === ce.LEFT || e === ce.RIGHT) {
-      const E = r.findNodeByCharIndex(m - 1, h, g), v = r.findNodeByCharIndex(m, h, g);
-      m = e === ce.RIGHT ? m + v.count : m - ((R = E == null ? void 0 : E.count) != null ? R : 0), m = Math.min(S - 2, Math.max(0, m)), this._textSelectionManagerService.replaceTextRanges([
+      const E = r.findNodeByCharIndex(m - 1, h, g), C = r.findNodeByCharIndex(m, h, g);
+      m = e === ce.RIGHT ? m + C.count : m - ((R = E == null ? void 0 : E.count) != null ? R : 0), m = Math.min(S - 2, Math.max(0, m)), this._textSelectionManagerService.replaceTextRanges([
         {
           startOffset: p,
           endOffset: m,
@@ -9536,7 +9536,7 @@ let no = class extends me {
         }
       ], !1), this._scrollToFocusNodePosition(s.getUnitId(), m);
     } else {
-      const E = r.findNodeByCharIndex(m, h, g), v = i.document.getOffsetConfig(), y = A ? u : d === Pe.FORWARD ? f : u, O = this._getTopOrBottomPosition(r, E, y, e === ce.DOWN, !0);
+      const E = r.findNodeByCharIndex(m, h, g), C = i.document.getOffsetConfig(), y = A ? u : d === Pe.FORWARD ? f : u, O = this._getTopOrBottomPosition(r, E, y, e === ce.DOWN, !0);
       if (O == null) {
         const x = e === ce.UP ? 0 : S - 2;
         if (x === m)
@@ -9550,7 +9550,7 @@ let no = class extends me {
         ], !1);
         return;
       }
-      const D = new vt(v, r).getRangePointData(
+      const D = new Ct(C, r).getRangePointData(
         O,
         O
       ).cursorList[0];
@@ -9565,7 +9565,7 @@ let no = class extends me {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _handleMoveCursor(e) {
-    var S, I, C, R;
+    var S, I, v, R;
     const t = this._textSelectionManagerService.getActiveTextRange(), o = this._textSelectionManagerService.getTextRanges(), s = this._univerInstanceService.getCurrentUniverDocInstance();
     if (s == null)
       return !1;
@@ -9575,7 +9575,7 @@ let no = class extends me {
     const { startOffset: a, endOffset: c, style: l, collapsed: A, segmentId: d, startNodePosition: h, endNodePosition: u, segmentPage: f } = t, g = s.getSelfOrHeaderFooterModel(d).getBody();
     if (g == null)
       return;
-    const p = (I = g.dataStream.length) != null ? I : Number.POSITIVE_INFINITY, m = (C = s.getCustomRanges()) != null ? C : [];
+    const p = (I = g.dataStream.length) != null ? I : Number.POSITIVE_INFINITY, m = (v = s.getCustomRanges()) != null ? v : [];
     if (e === ce.LEFT || e === ce.RIGHT) {
       let E;
       if (!t.collapsed || o.length > 1) {
@@ -9587,7 +9587,7 @@ let no = class extends me {
         const O = r.findNodeByCharIndex(a - 1, d, f), D = r.findNodeByCharIndex(a, d, f), x = r.findNodeByCharIndex(a + 1, d, f);
         e === ce.LEFT ? E = Math.max(0, a - ((R = O == null ? void 0 : O.count) != null ? R : 1)) : E = Math.min(p - 2, c + D.count + ((x == null ? void 0 : x.streamType) === U.SECTION_BREAK ? 1 : 0));
       }
-      const v = [
+      const C = [
         U.TABLE_START,
         U.TABLE_END,
         U.TABLE_ROW_START,
@@ -9597,10 +9597,10 @@ let no = class extends me {
         U.SECTION_BREAK
       ];
       if (e === ce.LEFT)
-        for (; v.includes(g.dataStream[E]); )
+        for (; C.includes(g.dataStream[E]); )
           E--;
       else
-        for (; v.includes(g.dataStream[E]); )
+        for (; C.includes(g.dataStream[E]); )
           E++;
       m.filter((O) => O.wholeEntity && O.startIndex < E && O.endIndex >= E).forEach((O) => {
         e === ce.LEFT ? E = Math.min(O.startIndex, E) : E = Math.max(O.endIndex + 1, E);
@@ -9612,9 +9612,9 @@ let no = class extends me {
         }
       ], !1), this._scrollToFocusNodePosition(s.getUnitId(), E);
     } else {
-      const E = r.findNodeByCharIndex(a, d, f), v = r.findNodeByCharIndex(c, d, f), y = i.document.getOffsetConfig(), O = this._getTopOrBottomPosition(
+      const E = r.findNodeByCharIndex(a, d, f), C = r.findNodeByCharIndex(c, d, f), y = i.document.getOffsetConfig(), O = this._getTopOrBottomPosition(
         r,
-        e === ce.UP || A ? E : v,
+        e === ce.UP || A ? E : C,
         e === ce.UP || A ? h : u,
         e === ce.DOWN
       );
@@ -9629,7 +9629,7 @@ let no = class extends me {
         ], !1);
         return;
       }
-      const D = new vt(y, r).getRangePointData(
+      const D = new Ct(y, r).getRangePointData(
         O,
         O
       ).cursorList[0];
@@ -9678,7 +9678,7 @@ let no = class extends me {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getNextOrPrevLine(e, t, o = !1) {
-    var g, p, m, S, I, C, R, E, v, y, O, D;
+    var g, p, m, S, I, v, R, E, C, y, O, D;
     const s = e.parent, r = s == null ? void 0 : s.parent, i = r == null ? void 0 : r.parent, a = i == null ? void 0 : i.parent, c = a == null ? void 0 : a.parent;
     if (s == null || r == null || i == null || a == null || c == null)
       return;
@@ -9725,7 +9725,7 @@ let no = class extends me {
     if (t === !0)
       A = (I = (S = c.sections[h - 1]) == null ? void 0 : S.columns[0]) == null ? void 0 : I.lines[0];
     else {
-      const x = (R = (C = c.sections) == null ? void 0 : C[h - 1]) == null ? void 0 : R.columns, _ = x == null ? void 0 : x[x.length - 1], M = _ == null ? void 0 : _.lines;
+      const x = (R = (v = c.sections) == null ? void 0 : v[h - 1]) == null ? void 0 : R.columns, _ = x == null ? void 0 : x[x.length - 1], M = _ == null ? void 0 : _.lines;
       A = M == null ? void 0 : M[M.length - 1];
     }
     if (A != null)
@@ -9738,7 +9738,7 @@ let no = class extends me {
     const f = u.pages.indexOf(c);
     if (f !== -1) {
       if (t === !0)
-        A = (y = (v = (E = u.pages[f + 1]) == null ? void 0 : E.sections[0]) == null ? void 0 : v.columns[0]) == null ? void 0 : y.lines[0];
+        A = (y = (C = (E = u.pages[f + 1]) == null ? void 0 : E.sections[0]) == null ? void 0 : C.columns[0]) == null ? void 0 : y.lines[0];
       else {
         const x = (O = u.pages[f - 1]) == null ? void 0 : O.sections;
         if (x == null)
@@ -9796,7 +9796,7 @@ const mg = "univer-create", Sg = "univer-create-item", Eg = "univer-create-label
   createItem: Sg,
   createLabel: Eg,
   createInput: Ig
-}, vg = ({
+}, Cg = ({
   handleRowColChange: n,
   tableCreateParams: e
 }) => {
@@ -9841,11 +9841,11 @@ const mg = "univer-create", Sg = "univer-create-item", Eg = "univer-create-label
     ] })
   ] });
 };
-var Cg = Object.defineProperty, Rg = Object.getOwnPropertyDescriptor, bg = (n, e, t, o) => {
+var vg = Object.defineProperty, Rg = Object.getOwnPropertyDescriptor, bg = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Rg(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
-  return o && s && Cg(e, t, s), s;
-}, vi = (n, e) => (t, o) => e(t, o, n);
+  return o && s && vg(e, t, s), s;
+}, Ci = (n, e) => (t, o) => e(t, o, n);
 let oo = class extends me {
   constructor(n, e) {
     super(), this._commandService = n, this._componentManager = e, this._initialize();
@@ -9860,16 +9860,16 @@ let oo = class extends me {
   }
   _initCustomComponents() {
     const n = this._componentManager;
-    this.disposeWithMe(n.register(Fa, vg));
+    this.disposeWithMe(n.register(Fa, Cg));
   }
   _init() {
   }
 };
 oo = bg([
-  vi(0, T),
-  vi(1, k(Eo))
+  Ci(0, T),
+  Ci(1, k(Eo))
 ], oo);
-const Ci = 4;
+const vi = 4;
 var xg = Object.defineProperty, Og = Object.getOwnPropertyDescriptor, yg = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Og(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
@@ -9914,12 +9914,12 @@ const Zo = (n, e) => {
   const { scene: t, mainComponent: o, engine: s } = e, r = e.with(de).getSkeleton(), i = r.findNodePositionByCharIndex(n.startOffset, !0, n.segmentId, n.segmentPage), a = r.findNodePositionByCharIndex(n.endOffset, !0, n.segmentId, n.segmentPage), c = o;
   if (!a || !i)
     return;
-  const l = c.getOffsetConfig(), { docsLeft: A, docsTop: d } = l, h = s.getCanvasElement(), u = h.getBoundingClientRect(), f = Fi(h.style.width), { top: g, left: p, width: m } = u, S = m / f, { scaleX: I, scaleY: C } = t.getAncestorScale(), R = new vt(l, r), { borderBoxPointGroup: E } = R.getRangePointData(i, a);
+  const l = c.getOffsetConfig(), { docsLeft: A, docsTop: d } = l, h = s.getCanvasElement(), u = h.getBoundingClientRect(), f = Fi(h.style.width), { top: g, left: p, width: m } = u, S = m / f, { scaleX: I, scaleY: v } = t.getAncestorScale(), R = new Ct(l, r), { borderBoxPointGroup: E } = R.getRangePointData(i, a);
   return Ws(E).map((O) => Za(O, t)).map((O) => ({
     left: (O.left + A * I) * S + p,
     right: (O.right + A * I) * S + p,
-    top: (O.top + d * C) * S + g,
-    bottom: (O.bottom + d * C) * S + g
+    top: (O.top + d * v) * S + g,
+    bottom: (O.bottom + d * v) * S + g
   }));
 };
 let Es = class extends me {
@@ -9933,7 +9933,7 @@ let Es = class extends me {
         right: l + d,
         top: A,
         bottom: A + h
-      }, f = c.getCanvasElement(), g = f.getBoundingClientRect(), p = Fi(f.style.width), m = Za(u, a), { top: S, left: I, width: C } = g, R = C / p;
+      }, f = c.getCanvasElement(), g = f.getBoundingClientRect(), p = Fi(f.style.width), m = Za(u, a), { top: S, left: I, width: v } = g, R = v / p;
       return {
         left: m.left * R + I,
         right: m.right * R + I,
@@ -10057,10 +10057,10 @@ const Pg = (n, e, t, o) => {
   const a = t.findNodePositionByCharIndex(i, !0, n.segmentId, o);
   if (!a || !s)
     return;
-  const c = e.getOffsetConfig(), l = new vt(c, t), { borderBoxPointGroup: A } = l.getRangePointData(s, a);
+  const c = e.getOffsetConfig(), l = new Ct(c, t), { borderBoxPointGroup: A } = l.getRangePointData(s, a);
   return Ws(A).map((m) => ({
-    top: m.top + c.docsTop - Ci,
-    bottom: m.bottom + c.docsTop + Ci,
+    top: m.top + c.docsTop - vi,
+    bottom: m.bottom + c.docsTop + vi,
     left: m.left + c.docsLeft,
     right: m.right + c.docsLeft
   }));
@@ -10068,7 +10068,7 @@ const Pg = (n, e, t, o) => {
   const s = t.findPositionByGlyph(n, o);
   if (!s)
     return;
-  const r = e.getOffsetConfig(), i = { ...s, isBack: !0 }, a = new vt(r, t), { borderBoxPointGroup: c } = a.getRangePointData(i, i), A = Ws(c)[0];
+  const r = e.getOffsetConfig(), i = { ...s, isBack: !0 }, a = new Ct(r, t), { borderBoxPointGroup: c } = a.getRangePointData(i, i), A = Ws(c)[0];
   return {
     top: A.top + r.docsTop,
     bottom: A.bottom + r.docsTop,
@@ -10207,15 +10207,15 @@ let so = class extends me {
         const S = [...m.sections];
         if (m.skeTables) {
           const I = Array.from(m.skeTables.values());
-          S.push(...I.map((C) => C.rows.map((R) => R.cells.map((E) => E.sections))).flat(4));
+          S.push(...I.map((v) => v.rows.map((R) => R.cells.map((E) => E.sections))).flat(4));
         }
         for (const I of S)
-          for (const C of I.columns)
-            for (const R of C.lines)
+          for (const v of I.columns)
+            for (const R of v.lines)
               if (R.paragraphStart) {
-                const E = s.find((v) => v.startIndex === R.paragraphIndex);
+                const E = s.find((C) => C.startIndex === R.paragraphIndex);
                 if (E) {
-                  const v = R, y = (p = (g = (f = v == null ? void 0 : v.divides) == null ? void 0 : f[0]) == null ? void 0 : g.glyphGroup) == null ? void 0 : p[0];
+                  const C = R, y = (p = (g = (f = C == null ? void 0 : C.divides) == null ? void 0 : f[0]) == null ? void 0 : g.glyphGroup) == null ? void 0 : p[0];
                   if (!y)
                     continue;
                   const O = Dg(y, this._documents, this._skeleton, t);
@@ -10283,7 +10283,7 @@ let Is = class extends me {
     );
   }
   _getTransformCoordForDocumentOffset(n, e, t, o) {
-    const { documentTransform: s } = n.getOffsetConfig(), r = e.transformVector2SceneCoord(Cn.FromArray([t, o]));
+    const { documentTransform: s } = n.getOffsetConfig(), r = e.transformVector2SceneCoord(vn.FromArray([t, o]));
     if (r)
       return s.clone().invert().applyPoint(r);
   }
@@ -10299,7 +10299,7 @@ var Ug = Object.defineProperty, Lg = Object.getOwnPropertyDescriptor, Fg = (n, e
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && Ug(e, t, s), s;
 }, hn = (n, e) => (t, o) => e(t, o, n);
-let ro = class extends Ct {
+let ro = class extends vt {
   constructor(n, e, t, o, s, r) {
     super(), this._context = n, this._commandService = e, this._docClipboardService = t, this._docSelectionRenderService = o, this._contextService = s, this._editorService = r, this._init();
   }
@@ -10343,7 +10343,7 @@ const jg = [
   Us,
   gt
 ];
-let vs = class extends me {
+let Cs = class extends me {
   constructor(n, e, t) {
     super(), this._context = n, this._contextMenuService = e, this._commandService = t, jg.includes(this._context.unitId) || (this._initPointerDown(), this._initEditChange());
   }
@@ -10362,10 +10362,10 @@ let vs = class extends me {
     );
   }
 };
-vs = kg([
+Cs = kg([
   xi(1, fl),
   xi(2, T)
-], vs);
+], Cs);
 var Wg = Object.defineProperty, zg = Object.getOwnPropertyDescriptor, Yg = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? zg(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
@@ -10389,7 +10389,7 @@ let io = class extends me {
   }
   // eslint-disable-next-line complexity
   _resize(e) {
-    var I, C;
+    var I, v;
     if (e == null)
       return;
     const t = this._editorService.getEditor(e);
@@ -10411,7 +10411,7 @@ let io = class extends me {
     l.transformByState({
       width: m,
       height: S
-    }), A == null || A.resize(m, S), t.isSingle() ? h > u ? p == null ? g && new ns(g, { barSize: 8, enableVertical: !1 }) : g == null || g.resetCanvasSizeAndUpdateScroll() : (p = null, g == null || g.scrollToBarPos({ x: 0, y: 0 }), (C = g == null ? void 0 : g.getScrollBar()) == null || C.dispose()) : d > f ? p == null ? g && new ns(g, { enableHorizontal: !1, barSize: 8 }) : g == null || g.resetCanvasSizeAndUpdateScroll() : (p = null, g == null || g.scrollToBarPos({ x: 0, y: 0 }), (I = g == null ? void 0 : g.getScrollBar()) == null || I.dispose());
+    }), A == null || A.resize(m, S), t.isSingle() ? h > u ? p == null ? g && new ns(g, { barSize: 8, enableVertical: !1 }) : g == null || g.resetCanvasSizeAndUpdateScroll() : (p = null, g == null || g.scrollToBarPos({ x: 0, y: 0 }), (v = g == null ? void 0 : g.getScrollBar()) == null || v.dispose()) : d > f ? p == null ? g && new ns(g, { enableHorizontal: !1, barSize: 8 }) : g == null || g.resetCanvasSizeAndUpdateScroll() : (p = null, g == null || g.scrollToBarPos({ x: 0, y: 0 }), (I = g == null ? void 0 : g.getScrollBar()) == null || I.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
@@ -10511,7 +10511,7 @@ var Gg = Object.defineProperty, qg = Object.getOwnPropertyDescriptor, Kg = (n, e
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && Gg(e, t, s), s;
 }, Vn = (n, e) => (t, o) => e(t, o, n);
-let Cs = class extends me {
+let vs = class extends me {
   constructor(e, t, o, s, r) {
     super();
     b(this, "_previousIMEContent", "");
@@ -10566,12 +10566,12 @@ let Cs = class extends me {
     this._previousIMEContent = "", this._isCompositionStart = !0, this._docImeInputManagerService.clearUndoRedoMutationParamsCache(), this._docImeInputManagerService.setActiveRange(null);
   }
 };
-Cs = Kg([
+vs = Kg([
   Vn(1, k(Be)),
   Vn(2, k(wo)),
   Vn(3, k(de)),
   Vn(4, T)
-], Cs);
+], vs);
 var Xg = Object.defineProperty, Jg = Object.getOwnPropertyDescriptor, Zg = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Jg(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = (o ? i(e, t, s) : i(s)) || s);
@@ -10623,7 +10623,7 @@ let Rs = class extends me {
         },
         range: r,
         segmentId: c
-      }), s === " " && await this._commandService.executeCommand(vo.id);
+      }), s === " " && await this._commandService.executeCommand(Co.id);
     });
   }
 };
@@ -10633,13 +10633,13 @@ Rs = Zg([
   kn(3, T),
   kn(4, k(ht))
 ], Rs);
-class Cr extends me {
+class vr extends me {
   constructor(e) {
     super(), this._context = e;
   }
   calculatePagePosition() {
-    var C, R;
-    const e = It(this._context), o = (R = (C = this._context.unit.getSettings()) == null ? void 0 : C.zoomRatio) != null ? R : 1, { document: s, scene: r, docBackground: i } = e, a = r == null ? void 0 : r.getParent(), { width: c, height: l, pageMarginLeft: A, pageMarginTop: d } = s;
+    var v, R;
+    const e = It(this._context), o = (R = (v = this._context.unit.getSettings()) == null ? void 0 : v.zoomRatio) != null ? R : 1, { document: s, scene: r, docBackground: i } = e, a = r == null ? void 0 : r.getParent(), { width: c, height: l, pageMarginLeft: A, pageMarginTop: d } = s;
     if (a == null || c === Number.POSITIVE_INFINITY || l === Number.POSITIVE_INFINITY)
       return;
     const { width: h, height: u } = a;
@@ -10675,7 +10675,7 @@ let bs = class extends me {
   }
 };
 bs = tf([
-  Oi(1, k(Cr)),
+  Oi(1, k(vr)),
   Oi(2, k(W))
 ], bs);
 var nf = Object.defineProperty, of = Object.getOwnPropertyDescriptor, sf = (n, e, t, o) => {
@@ -10760,7 +10760,7 @@ let xs = class extends me {
     const o = It(this._context), { document: s, scene: r } = o, { documentTransform: i } = s.getOffsetConfig(), a = r.getViewports()[0];
     if (a == null)
       return;
-    const c = a.transformVector2SceneCoord(Cn.FromArray([e, t]));
+    const c = a.transformVector2SceneCoord(vn.FromArray([e, t]));
     return i.clone().invert().applyPoint(c);
   }
   _isEditorReadOnly(e) {
@@ -10886,7 +10886,7 @@ Os = cf([
   _t(4, T),
   _t(5, k(W)),
   _t(6, Ke),
-  _t(7, k(Cr))
+  _t(7, k(vr))
 ], Os);
 var lf = Object.defineProperty, Af = Object.getOwnPropertyDescriptor, df = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Af(e, t) : e, r = n.length - 1, i; r >= 0; r--)
@@ -10894,7 +10894,7 @@ var lf = Object.defineProperty, Af = Object.getOwnPropertyDescriptor, df = (n, e
   return o && s && lf(e, t, s), s;
 }, gn = (n, e) => (t, o) => e(t, o, n);
 const yi = 300;
-let ao = class extends Ct {
+let ao = class extends vt {
   constructor(e, t, o, s, r) {
     super();
     b(this, "_docStateChange$", new qe(null));
@@ -11017,7 +11017,7 @@ ao = df([
   gn(0, k(ho)),
   gn(1, T),
   gn(2, Q),
-  gn(3, k(vc)),
+  gn(3, k(Cc)),
   gn(4, Re)
 ], ao);
 var uf = Object.defineProperty, hf = Object.getOwnPropertyDescriptor, gf = (n, e, t, o) => {
@@ -11026,7 +11026,7 @@ var uf = Object.defineProperty, hf = Object.getOwnPropertyDescriptor, gf = (n, e
   return o && s && uf(e, t, s), s;
 }, Ti = (n, e) => (t, o) => e(t, o, n);
 const Bi = "univer-doc-main-canvas";
-let co = class extends Ct {
+let co = class extends vt {
   constructor(n, e) {
     super(), this._instanceSrv = n, this._renderManagerService = e, this._init();
   }
@@ -11085,14 +11085,14 @@ const ff = {
   staticParameters: {
     direction: ce.LEFT
   }
-}, vf = {
+}, Cf = {
   id: wt.id,
   binding: ae.ARROW_RIGHT,
   preconditions: pe,
   staticParameters: {
     direction: ce.RIGHT
   }
-}, Cf = {
+}, vf = {
   id: Nt.id,
   binding: ae.ARROW_UP | ge.SHIFT,
   preconditions: pe,
@@ -11202,10 +11202,10 @@ let ys = class extends Sc {
       Gs,
       qa,
       qt,
-      vo,
+      Co,
       xn,
       hs,
-      Co,
+      vo,
       Ks,
       Xs,
       Ba,
@@ -11230,9 +11230,9 @@ let ys = class extends Sc {
     [
       Sf,
       Ef,
-      vf,
-      If,
       Cf,
+      If,
+      vf,
       Rf,
       bf,
       xf,
@@ -11283,8 +11283,8 @@ let ys = class extends Sc {
     [
       [de],
       [Be],
-      [Cc],
-      [Cr],
+      [vc],
+      [vr],
       [wo],
       [ps],
       [Os]
@@ -11299,11 +11299,11 @@ let ys = class extends Sc {
       [xs],
       [ds],
       [bs],
-      [vs],
+      [Cs],
       [Is],
       [ro],
       [Rs],
-      [Cs],
+      [vs],
       [io]
     ].forEach((n) => {
       this._renderManagerSrv.registerRenderModule(P.UNIVER_DOC, n);
@@ -11320,7 +11320,7 @@ ys = Bf([
   fn(5, Ls)
 ], ys);
 export {
-  vo as AfterSpaceCommand,
+  Co as AfterSpaceCommand,
   Oo as AlignCenterCommand,
   To as AlignJustifyCommand,
   xo as AlignLeftCommand,
@@ -11330,7 +11330,7 @@ export {
   Ro as BulletListCommand,
   hs as ChangeListNestingLevelCommand,
   qn as ChangeListNestingLevelType,
-  Co as ChangeListTypeCommand,
+  vo as ChangeListTypeCommand,
   Ks as CheckListCommand,
   ea as CoverContentCommand,
   ka as CreateDocTableCommand,
@@ -11341,7 +11341,7 @@ export {
   Uo as DOCS_COMPONENT_MAIN_LAYER_INDEX,
   tt as DOCS_VIEW_KEY,
   Bl as DOC_UI_PLUGIN_NAME,
-  Ci as DOC_VERTICAL_PADDING,
+  vi as DOC_VERTICAL_PADDING,
   Tl as DefaultDocContainerConfig,
   yl as DefaultToolbarConfig,
   On as DeleteCommand,
@@ -11390,7 +11390,7 @@ export {
   wt as MoveCursorOperation,
   Nt as MoveSelectionOperation,
   kf as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  vt as NodePositionConvertToCursor,
+  Ct as NodePositionConvertToCursor,
   sa as NodePositionConvertToRectRange,
   bo as OrderListCommand,
   hu as PastePluginLark,