@univerjs/docs-ui 0.6.1-nightly.202502261607 → 0.6.2

package/lib/es/index.js

@@ -1,14 +1,14 @@
 var Da = Object.defineProperty;
 var Pa = (n, e, t) => e in n ? Da(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var O = (n, e, t) => Pa(n, typeof e != "symbol" ? e + "" : e, t);
-import { IUniverInstanceService as N, Inject as j, Disposable as ge, toDisposable as Zn, UniverInstanceType as _, BuildTextUtils as Ce, JSONX as k, ObjectRelativeFromV as rt, ObjectRelativeFromH as $n, ICommandService as T, generateRandomId as mt, DisposableCollection as Nn, CommandType as w, debounce as gi, IUndoRedoService as eo, Tools as X, TextX as Ie, TextXActionType as z, DOC_RANGE_TYPE as Ye, RANGE_DIRECTION as Oe, COLORS as tn, BooleanNumber as U, Rectangle as wa, ILogService as ps, RxDisposable as dt, DataStreamTreeTokenType as Q, isInternalEditorID as to, IContextService as ms, createIdentifier as Es, EDITOR_ACTIVATED as Qn, FOCUSING_EDITOR_STANDALONE as lr, HorizontalAlign as De, VerticalAlign as Na, DEFAULT_EMPTY_DOCUMENT_VALUE as fi, Direction as ie, getPlainText as Vo, createInternalEditorID as Qa, LocaleService as $e, DocumentFlavor as Be, PresetListType as ye, sequenceExecuteAsync as Ss, FOCUSING_DOC as fn, FOCUSING_UNIVER_EDITOR as Is, FOCUSING_COMMON_DRAWINGS as pi, MemoryCursor as It, getBodySlice as mi, BaselineOffset as Ne, PRESET_LIST_TYPE as Ua, GridType as La, sortRulesFactory as Fa, UpdateDocsAttributeType as no, TableRowHeightRule as Ha, TableSizeType as Ei, TableTextWrapType as ka, TableAlignmentType as Va, SHEET_EDITOR_UNITS as rn, PositionedObjectLayoutType as oo, LRUMap as Wa, ColorKit as dr, DrawingTypeEnum as vs, skipParseTagNames as za, CustomRangeType as Si, DataStreamTreeNodeType as Kt, SliceBodyType as ur, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Cs, normalizeBody as ja, SpacingRule as Bt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as et, ThemeService as Ii, DEFAULT_STYLES as vi, Injector as so, IConfigService as Rs, QuickListTypeMap as xo, fromEventSubject as nn, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Ga, checkForSubstrings as Ya, UndoCommandId as hr, RedoCommandId as gr, DependentOn as qa, Plugin as Ka, merge as Xa, touchDependencies as fr, mergeOverrideWithDependencies as Ja } from "@univerjs/core";
-import { DocSelectionManagerService as G, RichTextEditingMutation as J, DocSkeletonManagerService as ce, SetTextSelectionsOperation as we, DocStateEmitService as Za, DocInterceptorService as $a } from "@univerjs/docs";
-import { DeviceInputEventType as Ci, ScrollBar as Wo, IRenderManagerService as pe, Liquid as Ri, GlyphType as bi, DocumentSkeletonPageType as ve, getPageFromPath as zo, getTableIdAndSliceIndex as pr, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as an, getColor as on, RegularPolygon as xi, Rect as Mn, getOffsetRectForDom as ec, ScrollTimer as tc, CURSOR_TYPE as Et, getSystemHighlightColor as nc, Vector2 as cn, PageLayoutType as An, DocumentEditArea as fe, Shape as oc, Path as mr, getCharSpaceApply as sc, getNumberUnitValue as Ge, hasListGlyph as rc, isIndentByGlyph as ic, isFirstGlyph as ac, getParagraphByGlyph as cc, pixelToPt as Ac, ptToPixel as Er, parseDataStreamToTree as lc, Viewport as dc, Layer as Sr, Documents as uc, DocBackground as hc, getLastLine as gc, lineIterator as fc, getLastColumn as pc, pxToNum as Oi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as yi, UniverRenderEnginePlugin as mc } from "@univerjs/engine-render";
-import { useDependency as ee, IShortcutService as ro, ILayoutService as bs, KeyCode as W, MetaKeys as K, useEvent as Oo, useObservable as sn, ComponentManager as io, ISidebarService as Ti, Slider as Ec, IClipboardInterfaceService as Bi, FILE_PNG_CLIPBOARD_MIME_TYPE as Sc, FILE__WEBP_CLIPBOARD_MIME_TYPE as Ic, FILE__JPEG_CLIPBOARD_MIME_TYPE as vc, FILE__BMP_CLIPBOARD_MIME_TYPE as Cc, HTML_CLIPBOARD_MIME_TYPE as Mi, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as _i, CopyCommand as Rc, CutCommand as bc, PasteCommand as xc, IConfirmService as Oc, getMenuHiddenObservable as te, MenuItemType as $, FONT_FAMILY_LIST as yc, FONT_SIZE_LIST as Tc, ContextMenuPosition as Di, ContextMenuGroup as Ir, RibbonStartGroup as vr, IMenuManagerService as Bc, IUIPartsService as Mc, FontFamily as _c, FontFamilyItem as Dc, FontSize as Pc, BuiltInUIPart as wc, connectInjector as Nc, ICanvasPopupService as Qc, imageMimeTypeSet as Uc, IContextMenuService as Lc } from "@univerjs/ui";
-import Cr, { useMemo as Fe, useEffect as be, useCallback as Pi, useState as Re, useLayoutEffect as wi, useRef as _t, forwardRef as Ht, createElement as kt } from "react";
+import { IUniverInstanceService as N, Inject as j, Disposable as ge, toDisposable as Zn, UniverInstanceType as _, BuildTextUtils as ve, JSONX as k, ObjectRelativeFromV as rt, ObjectRelativeFromH as $n, ICommandService as T, generateRandomId as mt, DisposableCollection as rn, CommandType as w, debounce as gi, IUndoRedoService as eo, Tools as X, TextX as Ie, TextXActionType as z, DOC_RANGE_TYPE as Ye, RANGE_DIRECTION as Oe, COLORS as nn, BooleanNumber as U, Rectangle as wa, ILogService as ps, RxDisposable as dt, DataStreamTreeTokenType as Q, isInternalEditorID as to, IContextService as ms, createIdentifier as Es, EDITOR_ACTIVATED as Qn, FOCUSING_EDITOR_STANDALONE as lr, HorizontalAlign as De, VerticalAlign as Na, DEFAULT_EMPTY_DOCUMENT_VALUE as fi, Direction as ie, getPlainText as Vo, createInternalEditorID as Qa, LocaleService as $e, DocumentFlavor as Be, PresetListType as ye, sequenceExecuteAsync as Ss, FOCUSING_DOC as pn, FOCUSING_UNIVER_EDITOR as Is, FOCUSING_COMMON_DRAWINGS as pi, MemoryCursor as It, getBodySlice as mi, BaselineOffset as Ne, PRESET_LIST_TYPE as Ua, GridType as La, sortRulesFactory as Fa, UpdateDocsAttributeType as no, TableRowHeightRule as Ha, TableSizeType as Ei, TableTextWrapType as ka, TableAlignmentType as Va, SHEET_EDITOR_UNITS as an, PositionedObjectLayoutType as oo, LRUMap as Wa, ColorKit as dr, DrawingTypeEnum as Cs, skipParseTagNames as za, CustomRangeType as Si, DataStreamTreeNodeType as Xt, SliceBodyType as ur, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as vs, normalizeBody as ja, SpacingRule as Bt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as et, ThemeService as Ii, DEFAULT_STYLES as Ci, Injector as so, IConfigService as Rs, QuickListTypeMap as xo, fromEventSubject as on, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Ga, checkForSubstrings as Ya, UndoCommandId as hr, RedoCommandId as gr, DependentOn as qa, Plugin as Ka, merge as Xa, touchDependencies as fr, mergeOverrideWithDependencies as Ja } from "@univerjs/core";
+import { DocSelectionManagerService as G, RichTextEditingMutation as J, DocSkeletonManagerService as Ae, SetTextSelectionsOperation as we, DocStateEmitService as Za, DocInterceptorService as $a } from "@univerjs/docs";
+import { DeviceInputEventType as vi, ScrollBar as Wo, IRenderManagerService as fe, Liquid as Ri, GlyphType as bi, DocumentSkeletonPageType as Ce, getPageFromPath as zo, getTableIdAndSliceIndex as pr, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as cn, getColor as sn, RegularPolygon as xi, Rect as _n, getOffsetRectForDom as ec, ScrollTimer as tc, CURSOR_TYPE as Et, getSystemHighlightColor as nc, Vector2 as An, PageLayoutType as ln, DocumentEditArea as me, Shape as oc, Path as mr, getCharSpaceApply as sc, getNumberUnitValue as Ge, hasListGlyph as rc, isIndentByGlyph as ic, isFirstGlyph as ac, getParagraphByGlyph as cc, pixelToPt as Ac, ptToPixel as Er, parseDataStreamToTree as lc, Viewport as dc, Layer as Sr, Documents as uc, DocBackground as hc, getLastLine as gc, lineIterator as fc, getLastColumn as pc, pxToNum as Oi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as yi, UniverRenderEnginePlugin as mc } from "@univerjs/engine-render";
+import { useDependency as $, IShortcutService as ro, ILayoutService as bs, KeyCode as W, MetaKeys as K, useEvent as Oo, useObservable as Mt, ComponentManager as io, ISidebarService as Ti, Slider as Ec, IClipboardInterfaceService as Bi, FILE_PNG_CLIPBOARD_MIME_TYPE as Sc, FILE__WEBP_CLIPBOARD_MIME_TYPE as Ic, FILE__JPEG_CLIPBOARD_MIME_TYPE as Cc, FILE__BMP_CLIPBOARD_MIME_TYPE as vc, HTML_CLIPBOARD_MIME_TYPE as Mi, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as _i, CopyCommand as Rc, CutCommand as bc, PasteCommand as xc, IConfirmService as Oc, getMenuHiddenObservable as te, MenuItemType as ee, FONT_FAMILY_LIST as yc, FONT_SIZE_LIST as Tc, ContextMenuPosition as Di, ContextMenuGroup as Ir, RibbonStartGroup as Cr, IMenuManagerService as Bc, IUIPartsService as Mc, FontFamily as _c, FontFamilyItem as Dc, FontSize as Pc, BuiltInUIPart as wc, connectInjector as Nc, ICanvasPopupService as Qc, imageMimeTypeSet as Uc, IContextMenuService as Lc } from "@univerjs/ui";
+import vr, { useMemo as Fe, useEffect as be, useCallback as Pi, useState as Re, useLayoutEffect as wi, useRef as Dt, forwardRef as kt, createElement as Vt } from "react";
 import { jsx as V, jsxs as de } from "react/jsx-runtime";
-import { clsx as ln, Checkbox as Rr, InputNumber as dn, Button as Fc, Tooltip as Hc, Select as kc, ColorPicker as Vc } from "@univerjs/design";
-import { Subject as Ee, BehaviorSubject as Le, merge as Ni, filter as Un, takeUntil as it, fromEvent as Ue, combineLatest as ao, Observable as me, map as pn, distinctUntilChanged as br, throttleTime as Qi, switchMap as Wc, take as zc, animationFrameScheduler as jc } from "rxjs";
+import { clsx as dn, Checkbox as Rr, InputNumber as un, Button as Fc, Tooltip as Hc, Select as kc, ColorPicker as Vc } from "@univerjs/design";
+import { Subject as Ee, BehaviorSubject as Le, merge as Ni, filter as Un, takeUntil as it, fromEvent as Ue, combineLatest as ao, Observable as pe, map as mn, distinctUntilChanged as br, throttleTime as Qi, switchMap as Wc, take as zc, animationFrameScheduler as jc } from "rxjs";
 import { filter as jo, bufferTime as Gc, map as Yc } from "rxjs/operators";
 import { ImageSourceType as xs } from "@univerjs/drawing";
 var qc = Object.getOwnPropertyDescriptor, Kc = (n, e, t, o) => {
@@ -62,7 +62,7 @@ let St = class extends ge {
         selection: i,
         isBody: !i.segmentId,
         paragraphs: Xc(i, (l = (A = g.getBody()) == null ? void 0 : A.paragraphs) != null ? l : []),
-        customRanges: Ce.customRange.getCustomRangesInterestsWithSelection(i, (h = (d = g.getBody()) == null ? void 0 : d.customRanges) != null ? h : []),
+        customRanges: ve.customRange.getCustomRangesInterestsWithSelection(i, (h = (d = g.getBody()) == null ? void 0 : d.customRanges) != null ? h : []),
         commandId: e,
         commandParams: t
       }, p = o.find((m) => m.match(f));
@@ -165,10 +165,10 @@ function oA(n) {
       // noHistory: true,
       segmentId: r
     }
-  }, a = k.getInstance(), c = Ce.customDecoration.add({ ranges: t, id: o, type: s });
+  }, a = k.getInstance(), c = ve.customDecoration.add({ ranges: t, id: o, type: s });
   return i.params.actions = a.editOp(c.serialize()), i;
 }
-function vg(n, e) {
+function Cg(n, e) {
   const { segmentId: t, id: o, type: s, unitId: r } = e, i = n.get(G), a = n.get(N), c = r ? a.getUnit(r, _.UNIVER_DOC) : a.getCurrentUnitForType(_.UNIVER_DOC);
   if (!c)
     return !1;
@@ -183,7 +183,7 @@ function vg(n, e) {
     }
   );
 }
-function Cg(n, e) {
+function vg(n, e) {
   const { unitId: t, id: o, segmentId: s } = e, i = n.get(N).getUnit(t);
   if (!i)
     return !1;
@@ -196,7 +196,7 @@ function Cg(n, e) {
       // noHistory: true,
       segmentId: s
     }
-  }, c = Ce.customDecoration.delete({ id: o, segmentId: s, documentDataModel: i });
+  }, c = ve.customDecoration.delete({ id: o, segmentId: s, documentDataModel: i });
   if (!c)
     return !1;
   const A = k.getInstance();
@@ -269,11 +269,11 @@ function xg(n, e = 0, t = 0) {
   };
 }
 function sA(n, e, t) {
-  const o = ee(T), s = ee(ro), r = Fe(() => mt(4), []);
+  const o = $(T), s = $(ro), r = Fe(() => mt(4), []);
   be(() => {
     if (!t || !n || !e)
       return;
-    const a = `sheet.operation.editor-${t.getEditorId()}-keyboard-${r}`, c = new Nn();
+    const a = `sheet.operation.editor-${t.getEditorId()}-keyboard-${r}`, c = new rn();
     return c.add(o.registerCommand({
       id: a,
       type: w.OPERATION,
@@ -287,7 +287,7 @@ function sA(n, e, t) {
       preconditions: () => !0,
       priority: 901,
       staticParameters: {
-        eventType: Ci.Keyboard,
+        eventType: vi.Keyboard,
         keyCode: A.keyCode,
         metaKey: A.metaKey
       }
@@ -301,7 +301,7 @@ function sA(n, e, t) {
 const rA = (n, e = !0, t, o) => {
   const s = Pi(() => {
     if (n) {
-      const { scene: i, mainComponent: a } = n.render, c = n.render.with(ce), { width: A, height: l } = n.getBoundingClientRect();
+      const { scene: i, mainComponent: a } = n.render, c = n.render.with(Ae), { width: A, height: l } = n.getBoundingClientRect();
       c.getViewModel().getDataModel().updateDocumentDataPageSize(e ? 1 / 0 : A, 1 / 0), i.transformByState({
         width: A,
         height: l
@@ -311,7 +311,7 @@ const rA = (n, e = !0, t, o) => {
     var E, I;
     if (!t || !n || !t)
       return;
-    const a = n.render.with(ce).getSkeleton(), { scene: c, mainComponent: A } = n.render, l = c.getViewport(Je.VIEW_MAIN), { actualWidth: d, actualHeight: h } = a.getActualSize(), { width: u, height: g } = n.getBoundingClientRect();
+    const a = n.render.with(Ae).getSkeleton(), { scene: c, mainComponent: A } = n.render, l = c.getViewport(Je.VIEW_MAIN), { actualWidth: d, actualHeight: h } = a.getActualSize(), { width: u, height: g } = n.getBoundingClientRect();
     let f = l == null ? void 0 : l.getScrollBar();
     const p = Math.max(d, u), m = Math.max(h, g);
     c.transformByState({
@@ -351,7 +351,7 @@ const rA = (n, e = !0, t, o) => {
 };
 function ke(n, e) {
   var o;
-  return (o = n.get(pe).getRenderById(e)) == null ? void 0 : o.with(ce);
+  return (o = n.get(fe).getRenderById(e)) == null ? void 0 : o.with(Ae);
 }
 function ue(n, e = "") {
   if (!e)
@@ -493,7 +493,7 @@ const AA = {
     const { unitId: t, body: o, textRanges: s, segmentId: r = "", options: i } = e, a = n.get(N), c = n.get(T), A = a.getUnit(t, _.UNIVER_DOC), l = A == null ? void 0 : A.getSelfOrHeaderFooterModel(r).getSnapshot().body;
     if (A == null || l == null)
       return !1;
-    const d = Ce.selection.replaceTextRuns({
+    const d = ve.selection.replaceTextRuns({
       doc: A,
       body: o,
       selection: {
@@ -516,7 +516,7 @@ const AA = {
     return h.params.actions = u.editOp(d.serialize(), g), h.params.textRanges = s, i && (h.params.options = i), !!c.syncExecuteCommand(h.id, h.params);
   }
 };
-var _n = /* @__PURE__ */ ((n) => (n[n.page = 0] = "page", n[n.section = 1] = "section", n[n.column = 2] = "column", n[n.line = 3] = "line", n[n.divide = 4] = "divide", n[n.glyph = 5] = "glyph", n))(_n || {});
+var Dn = /* @__PURE__ */ ((n) => (n[n.page = 0] = "page", n[n.section = 1] = "section", n[n.column = 2] = "column", n[n.line = 3] = "line", n[n.divide = 4] = "divide", n[n.glyph = 5] = "glyph", n))(Dn || {});
 const yt = {
   page: 0,
   section: 1,
@@ -623,7 +623,7 @@ class ct {
         return;
       const { x: S, y: v } = this._liquid;
       let b, y;
-      const D = C[A], x = C[l], M = C[A - 1], B = (D == null ? void 0 : D.left) || 0, L = (D == null ? void 0 : D.width) || 0, F = (x == null ? void 0 : x.left) || 0, P = (x == null ? void 0 : x.width) || 0, oe = (D == null ? void 0 : D.glyphType) === bi.LIST, { startOffset: re, endOffset: Y } = lA(C, A, l, R), H = a.glyph === A && d ? a.isBack : !0, q = c.glyph === l && h ? c.isBack : !1, se = a === c, Ae = H && M != null ? M : D;
+      const D = C[A], x = C[l], M = C[A - 1], B = (D == null ? void 0 : D.left) || 0, L = (D == null ? void 0 : D.width) || 0, F = (x == null ? void 0 : x.left) || 0, P = (x == null ? void 0 : x.width) || 0, oe = (D == null ? void 0 : D.glyphType) === bi.LIST, { startOffset: re, endOffset: Y } = lA(C, A, l, R), H = a.glyph === A && d ? a.isBack : !0, q = c.glyph === l && h ? c.isBack : !1, se = a === c, ce = H && M != null ? M : D;
       if (A === 0 && l === C.length - 1)
         b = {
           startX: S + B + (oe ? L : 0),
@@ -632,9 +632,9 @@ class ct {
           endY: v + f - E - I
         }, y = {
           startX: S + B + (oe ? L : 0),
-          startY: v + m + p - Ae.bBox.ba,
+          startY: v + m + p - ce.bBox.ba,
           endX: S + F + (q ? 0 : P),
-          endY: v + m + p + Ae.bBox.bd
+          endY: v + m + p + ce.bBox.bd
         };
       else {
         const ne = H && !oe;
@@ -645,9 +645,9 @@ class ct {
           endY: v + f - E - I
         }, y = {
           startX: S + B + (ne ? 0 : L),
-          startY: v + m + p - Ae.bBox.ba,
+          startY: v + m + p - ce.bBox.ba,
           endX: S + F + (q ? 0 : P),
-          endY: v + m + p + Ae.bBox.bd
+          endY: v + m + p + ce.bBox.bd
         };
       }
       o.push(Yo(b)), s.push(Yo(y)), r.push({
@@ -663,7 +663,7 @@ class ct {
   }
   _isValidPosition(e, t) {
     const { segmentPage: o, pageType: s } = e, { segmentPage: r, pageType: i } = t;
-    return s !== i ? !1 : s === ve.HEADER || s === ve.FOOTER ? o === r : !0;
+    return s !== i ? !1 : s === Ce.HEADER || s === Ce.FOOTER ? o === r : !0;
   }
   _resetCurrentNodePositionState() {
     this._currentStartState = {
@@ -690,7 +690,7 @@ class ct {
   _checkPreviousNodePositionState(e, t = !0) {
     let o = e, s;
     for (; o >= 0; ) {
-      const r = _n[o];
+      const r = Dn[o];
       let i;
       if (t ? i = this._currentStartState[r] : i = this._currentEndState[r], i === void 0)
         return;
@@ -702,7 +702,7 @@ class ct {
   }
   _getSelectionRuler(e, t, o, s, r) {
     let i = 0, a = s;
-    const c = _n[e], A = _n[e + 1];
+    const c = Dn[e], A = Dn[e + 1];
     if (A === null || c === null)
       return {
         start_next: i,
@@ -730,16 +730,16 @@ class ct {
     const { pages: c, skeHeaders: A, skeFooters: l } = a, { page: d, segmentPage: h } = e, { page: u, segmentPage: g } = t;
     if (this._resetCurrentNodePositionState(), this._documentOffsetConfig == null)
       return [];
-    const { pageLayoutType: f, pageMarginLeft: p, pageMarginTop: m } = this._documentOffsetConfig, E = r === ve.BODY || r === ve.CELL ? d : h;
+    const { pageLayoutType: f, pageMarginLeft: p, pageMarginTop: m } = this._documentOffsetConfig, E = r === Ce.BODY || r === Ce.CELL ? d : h;
     for (let S = 0; S < E; S++) {
       const v = c[S];
       this._liquid.translatePage(v, f, p, m);
     }
-    const I = r === ve.BODY || r === ve.CELL ? u : g;
+    const I = r === Ce.BODY || r === Ce.CELL ? u : g;
     for (let S = E; S <= I; S++) {
       const v = c[S], { headerId: b, footerId: y, pageWidth: D } = v;
       let x = v;
-      if (r === ve.HEADER ? x = (C = A.get(b)) == null ? void 0 : C.get(D) : r === ve.FOOTER ? x = (R = l.get(y)) == null ? void 0 : R.get(D) : r === ve.CELL && (x = zo(a, i)), x == null) {
+      if (r === Ce.HEADER ? x = (C = A.get(b)) == null ? void 0 : C.get(D) : r === Ce.FOOTER ? x = (R = l.get(y)) == null ? void 0 : R.get(D) : r === Ce.CELL && (x = zo(a, i)), x == null) {
         this._liquid.translatePage(v, f, p, m);
         continue;
       }
@@ -748,22 +748,22 @@ class ct {
         e,
         t,
         M.length - 1,
-        r === ve.BODY || r === ve.CELL ? S : 0
+        r === Ce.BODY || r === Ce.CELL ? S : 0
       );
       switch (this._liquid.translateSave(), r) {
-        case ve.HEADER:
+        case Ce.HEADER:
           this._liquid.translatePagePadding({
             ...x,
             marginLeft: v.marginLeft
             // Because header or footer margin Left is 0.
           });
           break;
-        case ve.FOOTER: {
+        case Ce.FOOTER: {
           const F = v.pageHeight - x.height - x.marginBottom;
           this._liquid.translate(v.marginLeft, F);
           break;
         }
-        case ve.CELL: {
+        case Ce.CELL: {
           this._liquid.translatePagePadding(v);
           const F = x.parent, P = F.parent, { left: oe } = x, { top: re, left: Y } = P, { top: H } = F;
           this._liquid.translate(Y + oe, re + H), this._liquid.translatePagePadding(x);
@@ -783,7 +783,7 @@ class ct {
         );
         this._liquid.translateSection(P);
         for (let H = re; H <= Y; H++) {
-          const q = oe[H], se = q.lines, { start_next: Ae, end_next: ne } = this._getSelectionRuler(
+          const q = oe[H], se = q.lines, { start_next: ce, end_next: ne } = this._getSelectionRuler(
             yt.column,
             e,
             t,
@@ -791,7 +791,7 @@ class ct {
             H
           );
           this._liquid.translateColumn(q);
-          for (let Z = Ae; Z <= ne; Z++) {
+          for (let Z = ce; Z <= ne; Z++) {
             const le = se[Z], { divides: Te } = le, { start_next: We, end_next: ot } = this._getSelectionRuler(
               yt.line,
               e,
@@ -811,7 +811,7 @@ class ct {
                 ze
               );
               let cr = !1, Ar = !1;
-              S === E && F === B && H === re && Z === Ae && ze === We && (cr = !0), S === I && F === L && H === Y && Z === ne && ze === ot && (Ar = !0), o && o(Ma, _a, cr, Ar, bo, le, q, P, x), this._liquid.translateRestore();
+              S === E && F === B && H === re && Z === ce && ze === We && (cr = !0), S === I && F === L && H === Y && Z === ne && ze === ot && (Ar = !0), o && o(Ma, _a, cr, Ar, bo, le, q, P, x), this._liquid.translateRestore();
             }
             this._liquid.translateRestore();
           }
@@ -857,14 +857,14 @@ function To(n, e) {
   const i = t[t.length - 3], a = o[o.length - 3], c = t[t.length - 1], A = o[o.length - 1];
   return i < a ? !0 : i > a ? !1 : c <= A;
 }
-function Ct(n) {
+function vt(n) {
   return n.sections[0].columns[0].lines.length === 0;
 }
 function uA(n, e, t) {
   let o = e, s = t, r = n[o], i = n[s];
-  for (; o < s && (Ct(r) || Ct(i)); )
-    Ct(r) ? (o++, r = n[o]) : Ct(i) && (s--, i = n[s]);
-  if (!Ct(r) && !Ct(i))
+  for (; o < s && (vt(r) || vt(i)); )
+    vt(r) ? (o++, r = n[o]) : vt(i) && (s--, i = n[s]);
+  if (!vt(r) && !vt(i))
     return [r, i];
 }
 class ki {
@@ -888,7 +888,7 @@ class ki {
       endColumnIndex: f
     } = l;
     this._liquid.reset();
-    const { pageLayoutType: p, pageMarginLeft: m, pageMarginTop: E } = this._documentOffsetConfig, I = A === ve.BODY || A === ve.CELL ? c : a;
+    const { pageLayoutType: p, pageMarginLeft: m, pageMarginTop: E } = this._documentOffsetConfig, I = A === Ce.BODY || A === Ce.CELL ? c : a;
     for (let C = 0; C < I; C++) {
       const R = i[C];
       this._liquid.translatePage(R, p, m, E);
@@ -980,7 +980,7 @@ class ki {
   }
 }
 const hA = "__TestSelectionRange__", gA = "__TestSelectionAnchor__", Tr = 6, Bo = 500, fA = 500, qo = 3;
-function Dn(n) {
+function Pn(n) {
   const e = n[0], t = e[0], o = e[2], { x: s, y: r } = t, { x: i, y: a } = o;
   return {
     left: s,
@@ -1002,8 +1002,8 @@ function Bs(n) {
     };
   });
 }
-class Mt {
-  constructor(e, t, o, s, r, i = an, a = "", c = -1) {
+class _t {
+  constructor(e, t, o, s, r, i = cn, a = "", c = -1) {
     O(this, "rangeType", Ye.TEXT);
     // Identifies whether the range is the current one, most of which is the last range.
     O(this, "_current", !1);
@@ -1081,7 +1081,7 @@ class Mt {
       const { contentBoxPointGroup: l, cursorList: d } = i.getRangePointData(e, e);
       if (this._setCursorList(d), l.length === 0)
         return;
-      const h = Dn(l);
+      const h = Pn(l);
       return {
         ...h,
         left: h.left + s,
@@ -1091,7 +1091,7 @@ class Mt {
     const { borderBoxPointGroup: a, cursorList: c } = i.getRangePointData(e, t);
     if (this._setCursorList(c), a.length === 0)
       return;
-    const A = Dn(a);
+    const A = Pn(a);
     return {
       ...A,
       left: A.left + s,
@@ -1104,13 +1104,13 @@ class Mt {
   activeStatic() {
     var e, t;
     (t = this._anchorShape) == null || t.setProps({
-      stroke: ((e = this.style) == null ? void 0 : e.strokeActive) || on(tn.black, 1)
+      stroke: ((e = this.style) == null ? void 0 : e.strokeActive) || sn(nn.black, 1)
     });
   }
   deactivateStatic() {
     var e, t;
     (t = this._anchorShape) == null || t.setProps({
-      stroke: ((e = this.style) == null ? void 0 : e.stroke) || on(tn.black, 0)
+      stroke: ((e = this.style) == null ? void 0 : e.stroke) || sn(nn.black, 0)
     });
   }
   isActive() {
@@ -1173,7 +1173,7 @@ class Mt {
     }
     const s = 0.3, r = new xi(hA + X.generateRandomId(Tr), {
       pointsGroup: e,
-      fill: ((i = this.style) == null ? void 0 : i.fill) || on(tn.black, s),
+      fill: ((i = this.style) == null ? void 0 : i.fill) || sn(nn.black, s),
       left: t,
       top: o,
       evented: !1,
@@ -1183,7 +1183,7 @@ class Mt {
   }
   _createOrUpdateAnchor(e, t, o, s) {
     var f, p, m;
-    const r = Dn(e), { left: i } = r;
+    const r = Pn(e), { left: i } = r;
     let { top: a, height: c } = r;
     const A = 14;
     c < A && (a -= A - c, c = A);
@@ -1194,12 +1194,12 @@ class Mt {
       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 g = new Mn(gA + X.generateRandomId(Tr), {
+    const g = new _n(gA + X.generateRandomId(Tr), {
       left: d,
       top: h,
       height: c,
       strokeWidth: ((p = this.style) == null ? void 0 : p.strokeWidth) || 1.5,
-      stroke: ((m = this.style) == null ? void 0 : m.strokeActive) || on(tn.black, 1),
+      stroke: ((m = this.style) == null ? void 0 : m.strokeActive) || sn(nn.black, 1),
       evented: !1
     });
     u && g.skew(-12, 0), this._anchorShape = g, this._scene.addObject(g, qo), this.activeStatic();
@@ -1209,7 +1209,7 @@ class Mt {
   }
 }
 const pA = "__DocTableRectRange__", mA = 6;
-function Mo(n, e, t, o, s, r = an, i = "", a = -1) {
+function Mo(n, e, t, o, s, r = cn, i = "", a = -1) {
   const c = e.getOffsetConfig(), l = new ki(c, t).getNodePositionGroup(o, s);
   return (l != null ? l : []).map((d) => new Vi(
     n,
@@ -1223,7 +1223,7 @@ function Mo(n, e, t, o, s, r = an, i = "", a = -1) {
   ));
 }
 class Vi {
-  constructor(e, t, o, s, r, i = an, a = "", c = -1) {
+  constructor(e, t, o, s, r, i = cn, a = "", c = -1) {
     O(this, "rangeType", Ye.RECT);
     // The rendered rect range
     O(this, "_rangeShape");
@@ -1351,7 +1351,7 @@ class Vi {
     }
     const s = 0.3, r = new xi(pA + X.generateRandomId(mA), {
       pointsGroup: e,
-      fill: ((i = this.style) == null ? void 0 : i.fill) || on(tn.black, s),
+      fill: ((i = this.style) == null ? void 0 : i.fill) || sn(nn.black, s),
       left: t,
       top: o,
       evented: !1,
@@ -1363,7 +1363,7 @@ class Vi {
 function Br(n, e, t, o, s, r, i, a, c = !0, A = !0) {
   const l = s.findNodePositionByCharIndex(n, c, i, a), d = s.findNodePositionByCharIndex(e, A, i, a);
   if (!(l == null || d == null))
-    return new Mt(t, o, s, l, d, r, i, a);
+    return new _t(t, o, s, l, d, r, i, a);
 }
 function EA(n, e, t, o, s, r, i, a) {
   const c = s.findNodePositionByCharIndex(n, !0, i, a), A = s.findNodePositionByCharIndex(e, !0, i, a);
@@ -1388,7 +1388,7 @@ function Ko(n, e, t, o, s, r, i, a) {
   const c = [], A = [], l = [t, o, s, n, e, r, i, a];
   if (Hi(s, n, e)) {
     if (Fi(n, e))
-      return c.push(new Mt(...l)), {
+      return c.push(new _t(...l)), {
         textRanges: c,
         rectRanges: A
       };
@@ -1431,7 +1431,7 @@ function Ko(n, e, t, o, s, r, i, a) {
         else if (M > f && B < p) {
           if (F = s.findNodePositionByCharIndex(M + 3, !0, i, a), P = s.findNodePositionByCharIndex(B - 4, !0, i, a), m <= M - 1) {
             const Y = s.findNodePositionByCharIndex(m, !0, i, a), H = s.findNodePositionByCharIndex(M - 1, !1, i, a), q = g === Oe.FORWARD ? Y : H, se = g === Oe.FORWARD ? H : Y;
-            c.push(new Mt(t, o, s, q, se, r, i, a));
+            c.push(new _t(t, o, s, q, se, r, i, a));
           }
           m = B + 1;
         }
@@ -1453,7 +1453,7 @@ function Ko(n, e, t, o, s, r, i, a) {
         const M = s.findNodePositionByCharIndex(m, !0, i, a), B = s.findNodePositionByCharIndex(E, !x, i, a), L = g === Oe.FORWARD ? M : B, F = g === Oe.FORWARD ? B : M;
         if (A.length && X.diffValue(L, F))
           continue;
-        c.push(new Mt(t, o, s, L, F, r, i, a));
+        c.push(new _t(t, o, s, L, F, r, i, a));
       }
     }
   return {
@@ -1507,7 +1507,7 @@ function Xo(n) {
     isActive: n.isActive()
   };
 }
-function vA(n) {
+function CA(n) {
   const e = Xo(n), {
     startRow: t,
     startColumn: o,
@@ -1530,11 +1530,11 @@ function vA(n) {
     spanEntireTable: A
   };
 }
-var CA = Object.getOwnPropertyDescriptor, RA = (n, e, t, o) => {
-  for (var s = o > 1 ? void 0 : o ? CA(e, t) : e, r = n.length - 1, i; r >= 0; r--)
+var vA = Object.getOwnPropertyDescriptor, RA = (n, e, t, o) => {
+  for (var s = o > 1 ? void 0 : o ? vA(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, Rn = (n, e) => (t, o) => e(t, o, n);
+}, bn = (n, e) => (t, o) => e(t, o, n);
 let Se = class extends dt {
   constructor(e, t, o, s, r) {
     super();
@@ -1582,7 +1582,7 @@ let Se = class extends dt {
     O(this, "_focusNodePosition", null);
     O(this, "_currentSegmentId", "");
     O(this, "_currentSegmentPage", -1);
-    O(this, "_selectionStyle", an);
+    O(this, "_selectionStyle", cn);
     O(this, "_onPointerEvent", !1);
     O(this, "_viewPortObserverMap", /* @__PURE__ */ new Map());
     O(this, "_isIMEInputApply", !1);
@@ -1626,7 +1626,7 @@ let Se = class extends dt {
   setReserveRangesStatus(e) {
     this._reserveRanges = e;
   }
-  _setRangeStyle(e = an) {
+  _setRangeStyle(e = cn) {
     this._selectionStyle = e;
   }
   // eslint-disable-next-line max-lines-per-function
@@ -1843,7 +1843,7 @@ let Se = class extends dt {
           this._disposeScrollTimers();
           return;
         }
-        const E = new Mt(t, o, s, this._anchorNodePosition, void 0, this._selectionStyle, this._currentSegmentId, this._currentSegmentPage);
+        const E = new _t(t, o, s, this._anchorNodePosition, void 0, this._selectionStyle, this._currentSegmentId, this._currentSegmentPage);
         this._addTextRange(E);
       } else if (this._anchorNodePosition && this._focusNodePosition) {
         for (const E of this._rangeListCache)
@@ -1886,7 +1886,7 @@ let Se = class extends dt {
     return this._rangeList.map(Xo);
   }
   _getAllRectRanges() {
-    return this._rectRangeList.map(vA);
+    return this._rectRangeList.map(CA);
   }
   getAllTextRanges() {
     return this._getAllTextRanges();
@@ -2020,7 +2020,7 @@ let Se = class extends dt {
   }
   _createTextRangeByAnchorPosition(e) {
     this._removeAllRanges();
-    const { scene: t, mainComponent: o } = this._context, s = this._docSkeletonManagerService.getSkeleton(), r = new Mt(t, o, s, e, void 0, this._selectionStyle, this._currentSegmentId, this._currentSegmentPage);
+    const { scene: t, mainComponent: o } = this._context, s = this._docSkeletonManagerService.getSkeleton(), r = new _t(t, o, s, e, void 0, this._selectionStyle, this._currentSegmentId, this._currentSegmentPage);
     this._addTextRange(r);
   }
   _updateActiveRangePosition(e) {
@@ -2064,7 +2064,7 @@ let Se = class extends dt {
       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(An.FromArray([s, r])), { x: a, y: c } = i;
     let { left: A, top: l } = this._getCanvasOffset();
     A += a, l += c, this.activate(A, l, e);
   }
@@ -2204,7 +2204,7 @@ let Se = class extends dt {
     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(An.FromArray([e, t]));
     if (r)
       return s.clone().invert().applyPoint(r);
   }
@@ -2213,7 +2213,7 @@ let Se = class extends dt {
     if (s == null)
       return;
     const r = this._context.mainComponent, i = this._docSkeletonManagerService.getSkeleton(), {
-      pageLayoutType: a = An.VERTICAL,
+      pageLayoutType: a = ln.VERTICAL,
       pageMarginLeft: c,
       pageMarginTop: A
     } = r.getOffsetConfig();
@@ -2230,10 +2230,10 @@ let Se = class extends dt {
   }
 };
 Se = RA([
-  Rn(1, bs),
-  Rn(2, ps),
-  Rn(3, N),
-  Rn(4, j(ce))
+  bn(1, bs),
+  bn(2, ps),
+  bn(3, N),
+  bn(4, j(Ae))
 ], Se);
 class bA extends ge {
   constructor(t, o, s, r, i) {
@@ -2622,7 +2622,7 @@ let Jo = class extends ge {
 };
 Jo = OA([
   Rt(0, N),
-  Rt(1, pe),
+  Rt(1, fe),
   Rt(2, j(G)),
   Rt(3, ms),
   Rt(4, T),
@@ -2630,7 +2630,7 @@ Jo = OA([
 ], Jo);
 const He = Es("univer.editor.service");
 function TA(n) {
-  const { editorId: e, initialValue: t, container: o, autoFocus: s, isSingle: r } = n, i = Fe(() => s != null ? s : !1, []), [a, c] = Re(), A = ee(He);
+  const { editorId: e, initialValue: t, container: o, autoFocus: s, isSingle: r } = n, i = Fe(() => s != null ? s : !1, []), [a, c] = Re(), A = $(He);
   return wi(() => {
     var l, d;
     if (o.current) {
@@ -2684,13 +2684,13 @@ const At = {
   type: w.OPERATION,
   handler: (n, e) => !!e
 }, BA = (n, e, t, o) => {
-  const s = ee(T), r = ee(ro), i = _t(e);
+  const s = $(T), r = $(ro), i = Dt(e);
   i.current = e;
-  const a = _t(o);
+  const a = Dt(o);
   a.current = o, be(() => {
     if (!t || !n)
       return;
-    const A = `sheet.formula-embedding-editor.${t.getEditorId()}`, l = new Nn(), d = (u, g) => {
+    const A = `sheet.formula-embedding-editor.${t.getEditorId()}`, l = new rn(), d = (u, g) => {
       if (a.current) {
         a.current(u, g);
         return;
@@ -2732,7 +2732,7 @@ const At = {
       preconditions: () => !0,
       priority: 900,
       staticParameters: {
-        eventType: Ci.Keyboard,
+        eventType: vi.Keyboard,
         keyCode: u
       }
     })).forEach((u) => {
@@ -2743,7 +2743,7 @@ const At = {
   }, [s, t, n, r]);
 };
 function MA(n, e) {
-  const t = ee(T);
+  const t = $(T);
   be(() => {
     if (!n) return;
     const o = t.onCommandExecuted((s) => {
@@ -2759,7 +2759,7 @@ function MA(n, e) {
     };
   }, [n, e, t]);
 }
-const _A = "univer-rich-text-editor-active", DA = "univer-rich-text-editor-wrap", PA = "univer-rich-text-editor-text", wA = "univer-rich-text-editor-placeholder", Xt = {
+const _A = "univer-rich-text-editor-active", DA = "univer-rich-text-editor-wrap", PA = "univer-rich-text-editor-text", wA = "univer-rich-text-editor-placeholder", Jt = {
   richTextEditorActive: _A,
   richTextEditorWrap: DA,
   richTextEditorText: PA,
@@ -2783,15 +2783,15 @@ const _A = "univer-rich-text-editor-active", DA = "univer-rich-text-editor-wrap"
     maxHeight: g = 32,
     icon: f,
     editorRef: p
-  } = n, m = ee(He), E = Oo(o), I = Oo(r), [C, R] = Re(u), S = Cr.useRef(null), v = Fe(() => l != null ? l : Qa(`RICH_TEXT_EDITOR-${mt(4)}`), [l]), b = TA({
+  } = n, m = $(He), E = Oo(o), I = Oo(r), [C, R] = Re(u), S = vr.useRef(null), v = Fe(() => l != null ? l : Qa(`RICH_TEXT_EDITOR-${mt(4)}`), [l]), b = TA({
     editorId: v,
     initialValue: s,
     container: S,
     autoFocus: t,
     isSingle: A
-  }), D = ee(pe).getRenderById(v), x = D == null ? void 0 : D.with(Se), M = sn(x == null ? void 0 : x.textSelectionInner$), B = !!((Y = x == null ? void 0 : x.isFocusing) != null && Y && (M != null && M.textRanges.some((H) => H.collapsed))), L = Cr.useRef(null), [F, P] = Re(() => {
+  }), D = $(fe).getRenderById(v), x = D == null ? void 0 : D.with(Se), M = Mt(x == null ? void 0 : x.textSelectionInner$), B = !!((Y = x == null ? void 0 : x.isFocusing) != null && Y && (M != null && M.textRanges.some((H) => H.collapsed))), L = vr.useRef(null), [F, P] = Re(() => {
     var H, q;
-    return !Ce.transform.getPlainText((q = (H = b == null ? void 0 : b.getDocumentData().body) == null ? void 0 : H.dataStream) != null ? q : "");
+    return !ve.transform.getPlainText((q = (H = b == null ? void 0 : b.getDocumentData().body) == null ? void 0 : H.dataStream) != null ? q : "");
   }), { checkScrollBar: oe } = rA(b, A, !0, !0);
   wi(() => {
     if (!(!p || !b)) {
@@ -2803,19 +2803,19 @@ const _A = "univer-rich-text-editor-active", DA = "univer-rich-text-editor-wrap"
     }
   }, [b]);
   const re = Oo((H) => {
-    var Ae, ne;
-    const q = D == null ? void 0 : D.with(ce), se = q == null ? void 0 : q.getSkeleton().getActualSize();
-    se && (d == null || d(se.actualHeight), R(Math.max(u, Math.min(se.actualHeight + 10, g)))), h == null || h(H, Vo((ne = (Ae = H.body) == null ? void 0 : Ae.dataStream) != null ? ne : "")), oe();
+    var ce, ne;
+    const q = D == null ? void 0 : D.with(Ae), se = q == null ? void 0 : q.getSkeleton().getActualSize();
+    se && (d == null || d(se.actualHeight), R(Math.max(u, Math.min(se.actualHeight + 10, g)))), h == null || h(H, Vo((ne = (ce = H.body) == null ? void 0 : ce.dataStream) != null ? ne : "")), oe();
   });
   return be(() => {
     var q, se;
-    P(!Ce.transform.getPlainText((se = (q = b == null ? void 0 : b.getDocumentData().body) == null ? void 0 : q.dataStream) != null ? se : ""));
+    P(!ve.transform.getPlainText((se = (q = b == null ? void 0 : b.getDocumentData().body) == null ? void 0 : q.dataStream) != null ? se : ""));
     const H = b == null ? void 0 : b.selectionChange$.subscribe(() => {
-      var Ae, ne;
-      P(!Ce.transform.getPlainText((ne = (Ae = b == null ? void 0 : b.getDocumentData().body) == null ? void 0 : Ae.dataStream) != null ? ne : ""));
+      var ce, ne;
+      P(!ve.transform.getPlainText((ne = (ce = b == null ? void 0 : b.getDocumentData().body) == null ? void 0 : ce.dataStream) != null ? ne : ""));
     });
     return () => H == null ? void 0 : H.unsubscribe();
-  }, [b]), sn(b == null ? void 0 : b.blur$), sn(b == null ? void 0 : b.focus$), be(() => {
+  }, [b]), Mt(b == null ? void 0 : b.blur$), Mt(b == null ? void 0 : b.focus$), be(() => {
     var q, se;
     const H = b == null ? void 0 : b.getDocumentData();
     E == null || E(B, Vo((se = (q = H == null ? void 0 : H.body) == null ? void 0 : q.dataStream) != null ? se : ""));
@@ -2829,11 +2829,11 @@ const _A = "univer-rich-text-editor-active", DA = "univer-rich-text-editor-wrap"
     return () => {
       document.removeEventListener("click", H), clearTimeout(q);
     };
-  }, [b, v, m, I]), BA(B && a, !1, b), sA(B, i, b), MA(b, re), /* @__PURE__ */ V("div", { className: ln(Xt.richTextEditor, e), style: c, children: /* @__PURE__ */ de(
+  }, [b, v, m, I]), BA(B && a, !1, b), sA(B, i, b), MA(b, re), /* @__PURE__ */ V("div", { className: dn(Jt.richTextEditor, e), style: c, children: /* @__PURE__ */ de(
     "div",
     {
-      className: ln(Xt.richTextEditorWrap, {
-        [Xt.richTextEditorActive]: B
+      className: dn(Jt.richTextEditorWrap, {
+        [Jt.richTextEditorActive]: B
       }),
       style: { height: C },
       ref: L,
@@ -2841,13 +2841,13 @@ const _A = "univer-rich-text-editor-active", DA = "univer-rich-text-editor-wrap"
         /* @__PURE__ */ V(
           "div",
           {
-            className: Xt.richTextEditorText,
+            className: Jt.richTextEditorText,
             ref: S,
             onMouseUp: () => b == null ? void 0 : b.focus()
           }
         ),
         f,
-        F ? /* @__PURE__ */ V("div", { className: Xt.richTextEditorPlaceholder, children: n.placeholder }) : null
+        F ? /* @__PURE__ */ V("div", { className: Jt.richTextEditorPlaceholder, children: n.placeholder }) : null
       ]
     }
   ) });
@@ -2867,12 +2867,12 @@ var Qe = function() {
     for (var s = 0, o = Object.getOwnPropertySymbols(n); s < o.length; s++)
       e.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(n, o[s]) && (t[o[s]] = n[o[s]]);
   return t;
-}, Vt = Ht(function(n, e) {
-  var t = n.icon, o = n.id, s = n.className, r = n.extend, i = NA(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(o, " ").concat(s || "").trim(), c = _t("_".concat(LA()));
+}, Wt = kt(function(n, e) {
+  var t = n.icon, o = n.id, s = n.className, r = n.extend, i = NA(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(o, " ").concat(s || "").trim(), c = Dt("_".concat(LA()));
   return Wi(t, "".concat(o), { defIds: t.defIds, idSuffix: c.current }, Qe({ ref: e, className: a }, i), r);
 });
 function Wi(n, e, t, o, s) {
-  return kt(n.tag, Qe(Qe({ key: e }, QA(n, t, s)), o), (UA(n, t).children || []).map(function(r, i) {
+  return Vt(n.tag, Qe(Qe({ key: e }, QA(n, t, s)), o), (UA(n, t).children || []).map(function(r, i) {
     return Wi(r, "".concat(e, "-").concat(n.tag, "-").concat(i), t, void 0, s);
   }));
 }
@@ -2897,41 +2897,41 @@ function UA(n, e) {
 function LA() {
   return Math.random().toString(36).substring(2, 8);
 }
-Vt.displayName = "UniverIcon";
-var FA = { 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.9999zM1.9999 5.56641C1.66853 5.56641 1.3999 5.83504 1.3999 6.16641 1.3999 6.49778 1.66853 6.76641 1.9999 6.76641H13.9999C14.3313 6.76641 14.5999 6.49778 14.5999 6.16641 14.5999 5.83504 14.3313 5.56641 13.9999 5.56641H1.9999zM1.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.8334zM1.9999 12.9004C1.66853 12.9004 1.3999 13.169 1.3999 13.5004 1.3999 13.8318 1.66853 14.1004 1.9999 14.1004H13.9999C14.3313 14.1004 14.5999 13.8318 14.5999 13.5004 14.5999 13.169 14.3313 12.9004 13.9999 12.9004H1.9999z" } }] }, zi = Ht(function(n, e) {
-  return kt(Vt, Object.assign({}, n, {
+Wt.displayName = "UniverIcon";
+var FA = { 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.9999zM1.9999 5.56641C1.66853 5.56641 1.3999 5.83504 1.3999 6.16641 1.3999 6.49778 1.66853 6.76641 1.9999 6.76641H13.9999C14.3313 6.76641 14.5999 6.49778 14.5999 6.16641 14.5999 5.83504 14.3313 5.56641 13.9999 5.56641H1.9999zM1.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.8334zM1.9999 12.9004C1.66853 12.9004 1.3999 13.169 1.3999 13.5004 1.3999 13.8318 1.66853 14.1004 1.9999 14.1004H13.9999C14.3313 14.1004 14.5999 13.8318 14.5999 13.5004 14.5999 13.169 14.3313 12.9004 13.9999 12.9004H1.9999z" } }] }, zi = kt(function(n, e) {
+  return Vt(Wt, Object.assign({}, n, {
     id: "align-text-both-single",
     ref: e,
     icon: FA
   }));
 });
 zi.displayName = "AlignTextBothSingle";
-var HA = { 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" } }] }, ji = Ht(function(n, e) {
-  return kt(Vt, Object.assign({}, n, {
+var HA = { 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" } }] }, ji = kt(function(n, e) {
+  return Vt(Wt, Object.assign({}, n, {
     id: "horizontally-single",
     ref: e,
     icon: HA
   }));
 });
 ji.displayName = "HorizontallySingle";
-var kA = { 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.9999zM1.9999 5.56641C1.66853 5.56641 1.3999 5.83504 1.3999 6.16641 1.3999 6.49778 1.66853 6.76641 1.9999 6.76641H11.3332C11.6646 6.76641 11.9332 6.49778 11.9332 6.16641 11.9332 5.83504 11.6646 5.56641 11.3332 5.56641H1.9999zM1.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.8334zM1.9999 12.9004C1.66853 12.9004 1.3999 13.169 1.3999 13.5004 1.3999 13.8318 1.66853 14.1004 1.9999 14.1004H11.3332C11.6646 14.1004 11.9332 13.8318 11.9332 13.5004 11.9332 13.169 11.6646 12.9004 11.3332 12.9004H1.9999z" } }] }, Gi = Ht(function(n, e) {
-  return kt(Vt, Object.assign({}, n, {
+var kA = { 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.9999zM1.9999 5.56641C1.66853 5.56641 1.3999 5.83504 1.3999 6.16641 1.3999 6.49778 1.66853 6.76641 1.9999 6.76641H11.3332C11.6646 6.76641 11.9332 6.49778 11.9332 6.16641 11.9332 5.83504 11.6646 5.56641 11.3332 5.56641H1.9999zM1.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.8334zM1.9999 12.9004C1.66853 12.9004 1.3999 13.169 1.3999 13.5004 1.3999 13.8318 1.66853 14.1004 1.9999 14.1004H11.3332C11.6646 14.1004 11.9332 13.8318 11.9332 13.5004 11.9332 13.169 11.6646 12.9004 11.3332 12.9004H1.9999z" } }] }, Gi = kt(function(n, e) {
+  return Vt(Wt, Object.assign({}, n, {
     id: "left-justifying-single",
     ref: e,
     icon: kA
   }));
 });
 Gi.displayName = "LeftJustifyingSingle";
-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.9999zM4.66665 5.56641C4.33528 5.56641 4.06665 5.83504 4.06665 6.16641 4.06665 6.49778 4.33528 6.76641 4.66665 6.76641H14C14.3314 6.76641 14.6 6.49778 14.6 6.16641 14.6 5.83504 14.3314 5.56641 14 5.56641H4.66665zM1.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.8334zM4.66665 12.9004C4.33528 12.9004 4.06665 13.169 4.06665 13.5004 4.06665 13.8318 4.33528 14.1004 4.66665 14.1004H14C14.3314 14.1004 14.6 13.8318 14.6 13.5004 14.6 13.169 14.3314 12.9004 14 12.9004H4.66665z" } }] }, Yi = Ht(function(n, e) {
-  return kt(Vt, Object.assign({}, n, {
+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.9999zM4.66665 5.56641C4.33528 5.56641 4.06665 5.83504 4.06665 6.16641 4.06665 6.49778 4.33528 6.76641 4.66665 6.76641H14C14.3314 6.76641 14.6 6.49778 14.6 6.16641 14.6 5.83504 14.3314 5.56641 14 5.56641H4.66665zM1.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.8334zM4.66665 12.9004C4.33528 12.9004 4.06665 13.169 4.06665 13.5004 4.06665 13.8318 4.33528 14.1004 4.66665 14.1004H14C14.3314 14.1004 14.6 13.8318 14.6 13.5004 14.6 13.169 14.3314 12.9004 14 12.9004H4.66665z" } }] }, Yi = kt(function(n, e) {
+  return Vt(Wt, Object.assign({}, n, {
     id: "right-justifying-single",
     ref: e,
     icon: VA
   }));
 });
 Yi.displayName = "RightJustifyingSingle";
-var WA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.96372 2.59116C5.19803 2.35684 5.19803 1.97695 4.96372 1.74263 4.7294 1.50832 4.3495 1.50832 4.11519 1.74263L2.53945 3.31837 1.96372 2.74263C1.7294 2.50832 1.3495 2.50832 1.11519 2.74263.880874 2.97695.880874 3.35684 1.11519 3.59116L2.11519 4.59116C2.3495 4.82547 2.7294 4.82547 2.96372 4.59116L4.96372 2.59116zM14.4605 2.56689H6.8981C6.56672 2.56689 6.2981 2.83552 6.2981 3.16689 6.2981 3.49827 6.56672 3.76689 6.8981 3.76689H14.4605C14.7918 3.76689 15.0605 3.49827 15.0605 3.16689 15.0605 2.83552 14.7918 2.56689 14.4605 2.56689zM6.8981 7.2334C6.56672 7.2334 6.2981 7.50203 6.2981 7.8334 6.2981 8.16477 6.56672 8.4334 6.8981 8.4334H14.4605C14.7918 8.4334 15.0605 8.16477 15.0605 7.8334 15.0605 7.50203 14.7918 7.2334 14.4605 7.2334H6.8981zM6.2981 12.4999C6.2981 12.1685 6.56672 11.8999 6.8981 11.8999H14.4605C14.7918 11.8999 15.0605 12.1685 15.0605 12.4999 15.0605 12.8313 14.7918 13.0999 14.4605 13.0999H6.8981C6.56672 13.0999 6.2981 12.8313 6.2981 12.4999z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.87279 5.8999C1.80504 5.8999.939453 6.76549.939453 7.83324.939453 8.90099 1.80504 9.76657 2.87279 9.76657 3.94054 9.76657 4.80612 8.90099 4.80612 7.83324 4.80612 6.76549 3.94054 5.8999 2.87279 5.8999zM2.13945 7.83324C2.13945 7.42823 2.46778 7.0999 2.87279 7.0999 3.2778 7.0999 3.60612 7.42823 3.60612 7.83324 3.60612 8.23824 3.2778 8.56657 2.87279 8.56657 2.46778 8.56657 2.13945 8.23824 2.13945 7.83324zM.939453 12.5002C.939453 11.4325 1.80504 10.5669 2.87279 10.5669 3.94054 10.5669 4.80612 11.4325 4.80612 12.5002 4.80612 13.568 3.94054 14.4336 2.87279 14.4336 1.80504 14.4336.939453 13.568.939453 12.5002zM2.87279 11.7669C2.46778 11.7669 2.13945 12.0952 2.13945 12.5002 2.13945 12.9052 2.46778 13.2336 2.87279 13.2336 3.2778 13.2336 3.60612 12.9052 3.60612 12.5002 3.60612 12.0952 3.2778 11.7669 2.87279 11.7669z", fillRule: "evenodd", clipRule: "evenodd" } }] }, qi = Ht(function(n, e) {
-  return kt(Vt, Object.assign({}, n, {
+var WA = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.96372 2.59116C5.19803 2.35684 5.19803 1.97695 4.96372 1.74263 4.7294 1.50832 4.3495 1.50832 4.11519 1.74263L2.53945 3.31837 1.96372 2.74263C1.7294 2.50832 1.3495 2.50832 1.11519 2.74263.880874 2.97695.880874 3.35684 1.11519 3.59116L2.11519 4.59116C2.3495 4.82547 2.7294 4.82547 2.96372 4.59116L4.96372 2.59116zM14.4605 2.56689H6.8981C6.56672 2.56689 6.2981 2.83552 6.2981 3.16689 6.2981 3.49827 6.56672 3.76689 6.8981 3.76689H14.4605C14.7918 3.76689 15.0605 3.49827 15.0605 3.16689 15.0605 2.83552 14.7918 2.56689 14.4605 2.56689zM6.8981 7.2334C6.56672 7.2334 6.2981 7.50203 6.2981 7.8334 6.2981 8.16477 6.56672 8.4334 6.8981 8.4334H14.4605C14.7918 8.4334 15.0605 8.16477 15.0605 7.8334 15.0605 7.50203 14.7918 7.2334 14.4605 7.2334H6.8981zM6.2981 12.4999C6.2981 12.1685 6.56672 11.8999 6.8981 11.8999H14.4605C14.7918 11.8999 15.0605 12.1685 15.0605 12.4999 15.0605 12.8313 14.7918 13.0999 14.4605 13.0999H6.8981C6.56672 13.0999 6.2981 12.8313 6.2981 12.4999z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.87279 5.8999C1.80504 5.8999.939453 6.76549.939453 7.83324.939453 8.90099 1.80504 9.76657 2.87279 9.76657 3.94054 9.76657 4.80612 8.90099 4.80612 7.83324 4.80612 6.76549 3.94054 5.8999 2.87279 5.8999zM2.13945 7.83324C2.13945 7.42823 2.46778 7.0999 2.87279 7.0999 3.2778 7.0999 3.60612 7.42823 3.60612 7.83324 3.60612 8.23824 3.2778 8.56657 2.87279 8.56657 2.46778 8.56657 2.13945 8.23824 2.13945 7.83324zM.939453 12.5002C.939453 11.4325 1.80504 10.5669 2.87279 10.5669 3.94054 10.5669 4.80612 11.4325 4.80612 12.5002 4.80612 13.568 3.94054 14.4336 2.87279 14.4336 1.80504 14.4336.939453 13.568.939453 12.5002zM2.87279 11.7669C2.46778 11.7669 2.13945 12.0952 2.13945 12.5002 2.13945 12.9052 2.46778 13.2336 2.87279 13.2336 3.2778 13.2336 3.60612 12.9052 3.60612 12.5002 3.60612 12.0952 3.2778 11.7669 2.87279 11.7669z", fillRule: "evenodd", clipRule: "evenodd" } }] }, qi = kt(function(n, e) {
+  return Vt(Wt, Object.assign({}, n, {
     id: "todo-list",
     ref: e,
     icon: WA
@@ -2970,25 +2970,25 @@ const Zo = "COMPONENT_DOC_HEADER_FOOTER_PANEL", zA = "univer-panel", jA = "unive
 };
 function KA(n, e, t) {
   const { useFirstPageHeaderFooter: o, evenAndOddHeaders: s, defaultHeaderId: r, defaultFooterId: i, firstPageHeaderId: a, firstPageFooterId: c, evenPageHeaderId: A, evenPageFooterId: l } = n;
-  return e === fe.HEADER ? o === U.TRUE ? t === 0 ? a : s === U.TRUE && t % 2 === 1 ? A : r : s === U.TRUE && t % 2 === 1 ? A : r : o === U.TRUE ? t === 0 ? c : s === U.TRUE && t % 2 === 1 ? l : i : s === U.TRUE && t % 2 === 1 ? l : i;
+  return e === me.HEADER ? o === U.TRUE ? t === 0 ? a : s === U.TRUE && t % 2 === 1 ? A : r : s === U.TRUE && t % 2 === 1 ? A : r : o === U.TRUE ? t === 0 ? c : s === U.TRUE && t % 2 === 1 ? l : i : s === U.TRUE && t % 2 === 1 ? l : i;
 }
 const XA = (n) => {
-  const e = ee($e), t = ee(N), o = ee(pe), s = ee(T), r = ee(bs), { unitId: i } = n, a = o.getRenderById(i).with(Se), [c, A] = Re({}), l = (u, g) => {
+  const e = $($e), t = $(N), o = $(fe), s = $(T), r = $(bs), { unitId: i } = n, a = o.getRenderById(i).with(Se), [c, A] = Re({}), l = (u, g) => {
     var v;
     A((b) => ({
       ...b,
       [g]: u ? U.TRUE : U.FALSE
     }));
-    const f = t.getUniverDocInstance(i), p = f == null ? void 0 : f.getSnapshot().documentStyle, m = (v = o.getRenderById(i)) == null ? void 0 : v.with(ce), E = m == null ? void 0 : m.getViewModel();
+    const f = t.getUniverDocInstance(i), p = f == null ? void 0 : f.getSnapshot().documentStyle, m = (v = o.getRenderById(i)) == null ? void 0 : v.with(Ae), E = m == null ? void 0 : m.getViewModel();
     if (p == null || E == null)
       return;
     const I = E.getEditArea();
     let C = !1;
     const R = a.getSegmentPage();
     let S = !1;
-    if (g === "useFirstPageHeaderFooter" && u === !0 && ((I === fe.HEADER && !p.firstPageHeaderId || I === fe.FOOTER && !p.firstPageFooterId) && (C = !0), C && R === 0 && (S = !0)), g === "evenAndOddHeaders" && u === !0 && ((I === fe.HEADER && !p.evenPageHeaderId || I === fe.FOOTER && !p.evenPageFooterId) && (C = !0), C && R % 2 === 1 && (S = !0)), C) {
+    if (g === "useFirstPageHeaderFooter" && u === !0 && ((I === me.HEADER && !p.firstPageHeaderId || I === me.FOOTER && !p.firstPageFooterId) && (C = !0), C && R === 0 && (S = !0)), g === "evenAndOddHeaders" && u === !0 && ((I === me.HEADER && !p.evenPageHeaderId || I === me.FOOTER && !p.evenPageFooterId) && (C = !0), C && R % 2 === 1 && (S = !0)), C) {
       const y = X.generateRandomId(6);
-      S && a.setSegment(y), s.executeCommand(Pn, {
+      S && a.setSegment(y), s.executeCommand(wn, {
         unitId: i,
         segmentId: y,
         headerFooterProps: {
@@ -3004,7 +3004,7 @@ const XA = (n) => {
         I,
         b
       );
-      D && D !== y && a.setSegment(D), s.executeCommand(Pn, {
+      D && D !== y && a.setSegment(D), s.executeCommand(wn, {
         unitId: i,
         headerFooterProps: {
           [g]: u ? U.TRUE : U.FALSE
@@ -3016,7 +3016,7 @@ const XA = (n) => {
     A((f) => ({
       ...f,
       [g]: u
-    })), await s.executeCommand(Pn, {
+    })), await s.executeCommand(wn, {
       unitId: i,
       headerFooterProps: {
         [g]: u
@@ -3066,11 +3066,11 @@ const XA = (n) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ de("div", { className: ln(Pe.optionsSection, Pe.optionsMarginSetting), children: [
+    /* @__PURE__ */ de("div", { className: dn(Pe.optionsSection, Pe.optionsMarginSetting), children: [
       /* @__PURE__ */ de("div", { className: Pe.optionsMarginItem, children: [
         /* @__PURE__ */ V("span", { children: e.t("headerFooter.headerTopMargin") }),
         /* @__PURE__ */ V(
-          dn,
+          un,
           {
             min: 0,
             max: 200,
@@ -3086,7 +3086,7 @@ const XA = (n) => {
       /* @__PURE__ */ de("div", { className: Pe.optionsMarginItem, children: [
         /* @__PURE__ */ V("span", { children: e.t("headerFooter.footerBottomMargin") }),
         /* @__PURE__ */ V(
-          dn,
+          un,
           {
             min: 0,
             max: 200,
@@ -3104,12 +3104,12 @@ const XA = (n) => {
   ] });
 }, JA = () => {
   var A;
-  const n = ee($e), e = ee(pe), s = ee(N).getCurrentUniverDocInstance().getUnitId(), i = ((A = e.getRenderById(s)) == null ? void 0 : A.with(ce)).getViewModel(), [a, c] = Re(!0);
+  const n = $($e), e = $(fe), s = $(N).getCurrentUniverDocInstance().getUnitId(), i = ((A = e.getRenderById(s)) == null ? void 0 : A.with(Ae)).getViewModel(), [a, c] = Re(!0);
   return be(() => {
     const l = i.getEditArea();
-    c(l !== fe.BODY);
+    c(l !== me.BODY);
     const d = i.editAreaChange$.subscribe((h) => {
-      h != null && c(h !== fe.BODY);
+      h != null && c(h !== me.BODY);
     });
     return () => {
       d.unsubscribe();
@@ -3182,12 +3182,12 @@ function nl(n, e, t) {
     useFirstPageHeaderFooter: d
   } = o;
   switch (e) {
-    case fe.BODY:
+    case me.BODY:
       return {
         createType: null,
         headerFooterId: null
       };
-    case fe.HEADER:
+    case me.HEADER:
       return d === U.TRUE && !c ? {
         createType: 0,
         headerFooterId: null
@@ -3201,7 +3201,7 @@ function nl(n, e, t) {
         createType: 2,
         headerFooterId: null
       };
-    case fe.FOOTER:
+    case me.FOOTER:
       return d === U.TRUE && !A ? {
         createType: 1,
         headerFooterId: null
@@ -3234,7 +3234,7 @@ let $o = class extends ge {
       this._commandService.onCommandExecuted((e) => {
         if (J.id === e.id) {
           const t = this._context.unit, s = this._docSkeletonManagerService.getViewModel().getEditArea(), r = t.getSnapshot().documentStyle.documentFlavor;
-          s !== fe.BODY && r === Be.MODERN && this._commandService.executeCommand(Ds.id, {
+          s !== me.BODY && r === Be.MODERN && this._commandService.executeCommand(Ds.id, {
             unitId: this._context.unitId
           });
         }
@@ -3254,7 +3254,7 @@ let $o = class extends ge {
       if (this._isEditorReadOnly(e) || !this._isTraditionalMode())
         return;
       const { offsetX: r, offsetY: i } = s, {
-        pageLayoutType: a = An.VERTICAL,
+        pageLayoutType: a = ln.VERTICAL,
         pageMarginLeft: c,
         pageMarginTop: A
       } = o.getOffsetConfig(), l = this._getTransformCoordForDocumentOffset(r, i);
@@ -3270,7 +3270,7 @@ let $o = class extends ge {
         return;
       d.setEditArea(g);
       const { createType: p, headerFooterId: m } = nl(d, g, f);
-      if (g === fe.BODY)
+      if (g === me.BODY)
         this._docSelectionRenderService.setSegment(""), this._docSelectionRenderService.setSegmentPage(-1), this._docSelectionRenderService.setCursorManually(r, i);
       else if (p != null) {
         const I = X.generateRandomId(6);
@@ -3286,75 +3286,75 @@ let $o = class extends ge {
     const o = at(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(An.FromArray([e, t]));
     return i.clone().invert().applyPoint(c);
   }
   // eslint-disable-next-line max-lines-per-function
   _drawHeaderFooterLabel() {
     const e = this._localeService;
-    this._renderManagerService.currentRender$.subscribe((t) => {
+    this._instanceSrv.getCurrentTypeOfUnit$(_.UNIVER_DOC).subscribe((t) => {
       if (t == null)
         return;
-      const o = this._renderManagerService.getRenderById(t);
-      if (this._editorService.isEditor(t) || this._instanceSrv.getUniverDocInstance(t) == null || o == null)
+      const o = t.getUnitId(), s = this._renderManagerService.getRenderById(o);
+      if (this._editorService.isEditor(o) || this._instanceSrv.getUniverDocInstance(o) == null || s == null)
         return;
-      const { mainComponent: s } = o, r = s;
+      const { mainComponent: r } = s, i = r;
       this.disposeWithMe(
         Zn(
           // eslint-disable-next-line max-lines-per-function
-          r.pageRender$.subscribe((i) => {
-            if (this._editorService.isEditor(t) || !this._isTraditionalMode())
+          i.pageRender$.subscribe((a) => {
+            if (this._editorService.isEditor(o) || !this._isTraditionalMode())
               return;
-            const A = this._docSkeletonManagerService.getViewModel().getEditArea() === fe.BODY, { page: l, pageLeft: d, pageTop: h, ctx: u } = i, { pageWidth: g, pageHeight: f, marginTop: p, marginBottom: m } = l;
-            if (u.save(), u.translate(d - 0.5, h - 0.5), A ? (Mn.drawWith(u, {
+            const l = this._docSkeletonManagerService.getViewModel().getEditArea() === me.BODY, { page: d, pageLeft: h, pageTop: u, ctx: g } = a, { pageWidth: f, pageHeight: p, marginTop: m, marginBottom: E } = d;
+            if (g.save(), g.translate(h - 0.5, u - 0.5), l ? (_n.drawWith(g, {
               left: 0,
               top: 0,
-              width: g,
-              height: p,
+              width: f,
+              height: m,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), u.save(), u.translate(0, f - m), Mn.drawWith(u, {
+            }), g.save(), g.translate(0, p - E), _n.drawWith(g, {
               left: 0,
               top: 0,
-              width: g,
-              height: m,
+              width: f,
+              height: E,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), u.restore()) : (u.save(), u.translate(0, p), Mn.drawWith(u, {
+            }), g.restore()) : (g.save(), g.translate(0, m), _n.drawWith(g, {
               left: 0,
-              top: p,
-              width: g,
-              height: f - p - m,
+              top: m,
+              width: f,
+              height: p - m - E,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), u.restore()), !A) {
-              const E = {
+            }), g.restore()), !l) {
+              const I = {
                 dataArray: [{
                   command: "M",
-                  points: [0, p]
+                  points: [0, m]
                 }, {
                   command: "L",
-                  points: [g, p]
+                  points: [f, m]
                 }],
                 strokeWidth: 1,
                 stroke: Pr
-              }, I = {
+              }, C = {
                 dataArray: [{
                   command: "M",
-                  points: [0, f - m]
+                  points: [0, p - E]
                 }, {
                   command: "L",
-                  points: [g, f - m]
+                  points: [f, p - E]
                 }],
                 strokeWidth: 1,
                 stroke: Pr
               };
-              mr.drawWith(u, E), mr.drawWith(u, I), u.translate(0, p + 1), Ln.drawWith(u, {
+              mr.drawWith(g, I), mr.drawWith(g, C), g.translate(0, m + 1), Ln.drawWith(g, {
                 text: e.t("headerFooter.header"),
                 color: wr
-              }), u.translate(0, f - p - m), Ln.drawWith(u, {
+              }), g.translate(0, p - m - E), Ln.drawWith(g, {
                 text: e.t("headerFooter.footer"),
                 color: wr
               });
             }
-            u.restore();
+            g.restore();
           })
         )
       );
@@ -3372,8 +3372,8 @@ $o = tl([
   st(1, T),
   st(2, He),
   st(3, N),
-  st(4, pe),
-  st(5, j(ce)),
+  st(4, fe),
+  st(5, j(Ae)),
   st(6, j(Se)),
   st(7, j($e)),
   st(8, j(io))
@@ -3475,13 +3475,13 @@ function Do(n, e, t, o) {
     }
   return o;
 }
-const Pn = "doc.command.core-header-footer", Xi = {
-  id: Pn,
+const wn = "doc.command.core-header-footer", Xi = {
+  id: wn,
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
     var C;
-    const t = n.get(T), o = n.get(N), s = n.get(pe), { unitId: r, segmentId: i, createType: a, headerFooterProps: c } = e, A = (C = s.getRenderById(r)) == null ? void 0 : C.with(ce), l = o.getUniverDocInstance(r), d = A == null ? void 0 : A.getViewModel();
+    const t = n.get(T), o = n.get(N), s = n.get(fe), { unitId: r, segmentId: i, createType: a, headerFooterProps: c } = e, A = (C = s.getRenderById(r)) == null ? void 0 : C.with(Ae), l = o.getUniverDocInstance(r), d = A == null ? void 0 : A.getViewModel();
     if (l == null || d == null)
       return !1;
     const h = d.getEditArea(), { documentStyle: u } = l.getSnapshot(), g = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, f = [{
@@ -3505,10 +3505,10 @@ const Pn = "doc.command.core-header-footer", Xi = {
         return;
       let b;
       if (v === void 0 ? b = m.insertOp(["documentStyle", R], S) : b = m.replaceOp(["documentStyle", R], v, S), E.push(b), R === "useFirstPageHeaderFooter" && S === U.TRUE && !u.firstPageHeaderId) {
-        const y = h === fe.HEADER ? _e.FIRST_PAGE_HEADER : _e.FIRST_PAGE_FOOTER;
+        const y = h === me.HEADER ? _e.FIRST_PAGE_HEADER : _e.FIRST_PAGE_FOOTER;
         Do(i, y, u, E);
       } else if (R === "evenAndOddHeaders" && S === U.TRUE && !u.evenPageHeaderId) {
-        const y = h === fe.HEADER ? _e.EVEN_PAGE_HEADER : _e.EVEN_PAGE_FOOTER;
+        const y = h === me.HEADER ? _e.EVEN_PAGE_HEADER : _e.EVEN_PAGE_FOOTER;
         Do(i, y, u, E);
       }
     }), E.length === 0 ? !1 : (p.params.actions = E.reduce((R, S) => k.compose(R, S), null), !!t.syncExecuteCommand(p.id, p.params));
@@ -3522,11 +3522,11 @@ const Pn = "doc.command.core-header-footer", Xi = {
   type: w.COMMAND,
   handler: async (n, e) => {
     var g;
-    const t = n.get(T), o = n.get(pe), s = n.get(G), r = n.get(N), { unitId: i } = e, a = o.getRenderById(i);
+    const t = n.get(T), o = n.get(fe), s = n.get(G), r = n.get(N), { unitId: i } = e, a = o.getRenderById(i);
     if (a == null)
       return !1;
-    const { scene: c } = a, A = c.getTransformerByCreate(), l = a.with(ce), d = a.with(Se), h = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel();
-    return u == null || h == null ? !1 : (s.replaceDocRanges([]), A.clearSelectedObjects(), d.setSegment(""), d.setSegmentPage(-1), u.setEditArea(fe.BODY), h.calculate(), (g = a.mainComponent) == null || g.makeDirty(!0), queueMicrotask(() => {
+    const { scene: c } = a, A = c.getTransformerByCreate(), l = a.with(Ae), d = a.with(Se), h = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel();
+    return u == null || h == null ? !1 : (s.replaceDocRanges([]), A.clearSelectedObjects(), d.setSegment(""), d.setSegmentPage(-1), u.setEditArea(me.BODY), h.calculate(), (g = a.mainComponent) == null || g.makeDirty(!0), queueMicrotask(() => {
       const f = r.getUnit(i), p = f == null ? void 0 : f.getSnapshot();
       if (p == null)
         return;
@@ -3539,13 +3539,13 @@ const Pn = "doc.command.core-header-footer", Xi = {
       ]);
     }), t.executeCommand(Ms.id, { value: "close" }), !0);
   }
-}, Wt = "UI_PLUGIN_DOCS", Ps = `${Wt}_COLOR_PICKER_COMPONENT`, Ji = `${Wt}_FONT_FAMILY_COMPONENT`, Zi = `${Wt}_FONT_FAMILY_ITEM_COMPONENT`, $i = `${Wt}_FONT_SIZE_COMPONENT`, ol = "univer-doc-list-type-picker", sl = "univer-doc-list-type-picker-item", rl = "univer-doc-list-type-picker-item-active", Po = {
+}, zt = "UI_PLUGIN_DOCS", Ps = `${zt}_COLOR_PICKER_COMPONENT`, Ji = `${zt}_FONT_FAMILY_COMPONENT`, Zi = `${zt}_FONT_FAMILY_ITEM_COMPONENT`, $i = `${zt}_FONT_SIZE_COMPONENT`, ol = "univer-doc-list-type-picker", sl = "univer-doc-list-type-picker-item", rl = "univer-doc-list-type-picker-item-active", Po = {
   docListTypePicker: ol,
   docListTypePickerItem: sl,
   docListTypePickerItemActive: rl
 }, ea = (n) => {
   const { value: e, onChange: t, options: o } = n;
-  return /* @__PURE__ */ V("div", { className: ln(Po.docListTypePicker, "univer-theme"), children: o.map((s) => /* @__PURE__ */ V(
+  return /* @__PURE__ */ V("div", { className: dn(Po.docListTypePicker, "univer-theme"), children: o.map((s) => /* @__PURE__ */ V(
     "img",
     {
       className: Po.docListTypePickerItem + (e === s.value ? `
@@ -3620,11 +3620,11 @@ const Pn = "doc.command.core-header-footer", Xi = {
     ...n,
     options: cl
   }
-), ta = `${Wt}_ORDER_LIST_TYPE_COMPONENT`, na = `${Wt}_BULLET_LIST_TYPE_COMPONENT`, ll = "doc.command.tab", Dt = {
+), ta = `${zt}_ORDER_LIST_TYPE_COMPONENT`, na = `${zt}_BULLET_LIST_TYPE_COMPONENT`, ll = "doc.command.tab", Pt = {
   id: ll,
   type: w.COMMAND,
   async handler(n, e) {
-    const o = n.get(St).onAutoFormat(Dt.id, e);
+    const o = n.get(St).onAutoFormat(Pt.id, e);
     return (await Ss(o, n.get(T))).result;
   }
 }, dl = "doc.command.after-space", Ao = {
@@ -3634,26 +3634,26 @@ const Pn = "doc.command.core-header-footer", Xi = {
     const t = n.get(St).onAutoFormat(Ao.id);
     return (await Ss(t, n.get(T))).result;
   }
-}, un = {
+}, hn = {
   id: "doc.command.enter",
   type: w.COMMAND,
   async handler(n) {
-    const t = n.get(St).onAutoFormat(un.id);
+    const t = n.get(St).onAutoFormat(hn.id);
     return (await Ss(t, n.get(T))).result;
   }
 };
 function he(n) {
-  return n.getContextValue(fn) && n.getContextValue(Is) && !n.getContextValue(pi);
+  return n.getContextValue(pn) && n.getContextValue(Is) && !n.getContextValue(pi);
 }
 function ul(n) {
-  return n.getContextValue(fn) && n.getContextValue(Is) && !n.getContextValue(pi);
+  return n.getContextValue(pn) && n.getContextValue(Is) && !n.getContextValue(pi);
 }
 const hl = {
-  id: Dt.id,
+  id: Pt.id,
   binding: W.TAB,
   preconditions: he
 }, gl = {
-  id: Dt.id,
+  id: Pt.id,
   binding: W.TAB | K.SHIFT,
   preconditions: he,
   staticParameters: {
@@ -3665,7 +3665,7 @@ var fl = Object.getOwnPropertyDescriptor, pl = (n, e, t, o) => {
     (i = n[r]) && (s = i(s) || s);
   return s;
 }, wo = (n, e) => (t, o) => e(t, o, n);
-const ml = 11, El = 9, bn = {
+const ml = 11, El = 9, xn = {
   /**
    * fontFamily
    */
@@ -3699,15 +3699,15 @@ let Ze = class extends ge {
     const e = this._univerInstanceService.getCurrentUnitForType(_.UNIVER_DOC);
     if (e == null)
       return {
-        ...bn
+        ...xn
       };
-    const t = e == null ? void 0 : e.getUnitId(), o = (i = this._renderManagerService.getRenderById(t)) == null ? void 0 : i.with(ce), s = o == null ? void 0 : o.getViewModel();
+    const t = e == null ? void 0 : e.getUnitId(), o = (i = this._renderManagerService.getRenderById(t)) == null ? void 0 : i.with(Ae), s = o == null ? void 0 : o.getViewModel();
     return s == null ? {
-      ...bn
-    } : s.getEditArea() === fe.BODY ? {
-      ...bn
+      ...xn
+    } : s.getEditArea() === me.BODY ? {
+      ...xn
     } : {
-      ...bn,
+      ...xn,
       fs: El
     };
   }
@@ -3724,7 +3724,7 @@ let Ze = class extends ge {
 Ze = pl([
   wo(0, j(G)),
   wo(1, N),
-  wo(2, pe)
+  wo(2, fe)
 ], Ze);
 function Ve(n, e, t) {
   return t.executeCommand(ut.id, {
@@ -3732,7 +3732,7 @@ function Ve(n, e, t) {
     ...e != null ? e : {}
   });
 }
-const Qr = "doc.command.set-inline-format-bold", zt = {
+const Qr = "doc.command.set-inline-format-bold", jt = {
   id: Qr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3743,7 +3743,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Ur = "doc.command.set-inline-format-italic", jt = {
+}, Ur = "doc.command.set-inline-format-italic", Gt = {
   id: Ur,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3754,7 +3754,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Lr = "doc.command.set-inline-format-underline", Gt = {
+}, Lr = "doc.command.set-inline-format-underline", Yt = {
   id: Lr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3765,7 +3765,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Fr = "doc.command.set-inline-format-strikethrough", Yt = {
+}, Fr = "doc.command.set-inline-format-strikethrough", qt = {
   id: Fr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3776,7 +3776,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Hr = "doc.command.set-inline-format-subscript", vt = {
+}, Hr = "doc.command.set-inline-format-subscript", Ct = {
   id: Hr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3787,7 +3787,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, kr = "doc.command.set-inline-format-superscript", qt = {
+}, kr = "doc.command.set-inline-format-superscript", Kt = {
   id: kr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3798,7 +3798,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Vr = "doc.command.set-inline-format-fontsize", Pt = {
+}, Vr = "doc.command.set-inline-format-fontsize", wt = {
   id: Vr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3809,7 +3809,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Wr = "doc.command.set-inline-format-font-family", wt = {
+}, Wr = "doc.command.set-inline-format-font-family", Nt = {
   id: Wr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3820,7 +3820,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, zr = "doc.command.set-inline-format-text-color", Nt = {
+}, zr = "doc.command.set-inline-format-text-color", Qt = {
   id: zr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3831,7 +3831,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, jr = "doc.command.set-inline-format-text-background-color", Qt = {
+}, jr = "doc.command.set-inline-format-text-background-color", Ut = {
   id: jr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3842,7 +3842,7 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
       t
     );
   }
-}, Gr = "doc.command.reset-inline-format-text-background-color", mn = {
+}, Gr = "doc.command.reset-inline-format-text-background-color", En = {
   id: Gr,
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -3854,17 +3854,17 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
     );
   }
 }, es = {
-  [zt.id]: "bl",
-  [jt.id]: "it",
-  [Gt.id]: "ul",
-  [Yt.id]: "st",
-  [Pt.id]: "fs",
-  [wt.id]: "ff",
-  [Nt.id]: "cl",
-  [Qt.id]: "bg",
-  [mn.id]: "bg",
-  [vt.id]: "va",
-  [qt.id]: "va"
+  [jt.id]: "bl",
+  [Gt.id]: "it",
+  [Yt.id]: "ul",
+  [qt.id]: "st",
+  [wt.id]: "fs",
+  [Nt.id]: "ff",
+  [Qt.id]: "cl",
+  [Ut.id]: "bg",
+  [En.id]: "bg",
+  [Ct.id]: "va",
+  [Kt.id]: "va"
 }, ut = {
   id: "doc.command.set-inline-format",
   type: w.COMMAND,
@@ -3883,17 +3883,17 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
     const u = d.getUnitId();
     let g;
     switch (o) {
-      case zt.id:
-      // fallthrough
       case jt.id:
       // fallthrough
       case Gt.id:
       // fallthrough
       case Yt.id:
       // fallthrough
-      case vt.id:
+      case qt.id:
+      // fallthrough
+      case Ct.id:
       // fallthrough
-      case qt.id: {
+      case Kt.id: {
         const S = a.getDefaultStyle(), v = sa(
           h,
           A,
@@ -3905,19 +3905,19 @@ const Qr = "doc.command.set-inline-format-bold", zt = {
         );
         break;
       }
-      case Pt.id:
-      case wt.id: {
+      case wt.id:
+      case Nt.id: {
         g = t;
         break;
       }
-      case Nt.id:
-      case Qt.id: {
+      case Qt.id:
+      case Ut.id: {
         g = {
           rgb: t
         };
         break;
       }
-      case mn.id: {
+      case En.id: {
         g = {
           rgb: null
         };
@@ -3990,7 +3990,7 @@ function oa(n, e, t) {
       s: U.TRUE
     };
   if (/va/.test(e))
-    return t === vt.id ? (n == null ? void 0 : n[e]) === Ne.SUBSCRIPT ? Ne.NORMAL : Ne.SUBSCRIPT : (n == null ? void 0 : n[e]) === Ne.SUPERSCRIPT ? Ne.NORMAL : Ne.SUPERSCRIPT;
+    return t === Ct.id ? (n == null ? void 0 : n[e]) === Ne.SUBSCRIPT ? Ne.NORMAL : Ne.SUBSCRIPT : (n == null ? void 0 : n[e]) === Ne.SUPERSCRIPT ? Ne.NORMAL : Ne.SUPERSCRIPT;
 }
 function sa(n, e, t) {
   var A, l, d, h, u, g, f, p, m, E, I, C, R, S;
@@ -4053,7 +4053,7 @@ function Il(n, e) {
   const t = es[e];
   return oa(n, t, e);
 }
-const En = {
+const Sn = {
   id: "doc.command.list-operation",
   type: w.COMMAND,
   handler: (n, e) => {
@@ -4064,7 +4064,7 @@ const En = {
     const c = a[0].segmentId, A = (I = i.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : I.paragraphs;
     if (A == null)
       return !1;
-    const l = Sn(a, A), d = i.getUnitId(), h = {
+    const l = In(a, A), d = i.getUnitId(), h = {
       id: J.id,
       params: {
         unitId: d,
@@ -4074,7 +4074,7 @@ const En = {
       }
     };
     new It().reset();
-    const g = Ce.paragraph.bullet.switch({
+    const g = ve.paragraph.bullet.switch({
       paragraphs: l,
       listType: r,
       document: i,
@@ -4093,7 +4093,7 @@ const En = {
     const { segmentId: c } = a[0], A = (E = t.getDocRanges()) != null ? E : [], l = (I = i.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : I.paragraphs;
     if (l == null)
       return !1;
-    const d = Sn(A, l), h = i.getUnitId(), u = Ce.paragraph.bullet.set({
+    const d = In(A, l), h = i.getUnitId(), u = ve.paragraph.bullet.set({
       paragraphs: d,
       listType: r,
       segmentId: c,
@@ -4113,7 +4113,7 @@ const En = {
     return f.params.actions = g.editOp(u.serialize(), p), !!s.syncExecuteCommand(f.id, f.params);
   }
 };
-var wn = /* @__PURE__ */ ((n) => (n[n.increase = 1] = "increase", n[n.decrease = -1] = "decrease", n))(wn || {});
+var Nn = /* @__PURE__ */ ((n) => (n[n.increase = 1] = "increase", n[n.decrease = -1] = "decrease", n))(Nn || {});
 const ts = {
   id: "doc.command.change-list-nesting-level",
   type: w.COMMAND,
@@ -4127,7 +4127,7 @@ const ts = {
     const { segmentId: c } = a, A = (E = o.getDocRanges()) != null ? E : [], l = (I = i.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : I.paragraphs;
     if (l == null)
       return !1;
-    const d = Qs(a, l), h = i.getUnitId(), u = k.getInstance(), g = Ce.paragraph.bullet.changeNestLevel({
+    const d = Qs(a, l), h = i.getUnitId(), u = k.getInstance(), g = ve.paragraph.bullet.changeNestLevel({
       paragraphs: d,
       type: t,
       segmentId: c,
@@ -4150,7 +4150,7 @@ const ts = {
     const t = n.get(T);
     return e != null && e.value ? t.syncExecuteCommand(lo.id, {
       listType: e.value
-    }) : t.syncExecuteCommand(En.id, {
+    }) : t.syncExecuteCommand(Sn.id, {
       listType: ye.BULLET_LIST
     });
   }
@@ -4161,7 +4161,7 @@ const ts = {
     const t = n.get(T);
     return e != null && e.value ? t.syncExecuteCommand(lo.id, {
       listType: e.value
-    }) : t.syncExecuteCommand(En.id, {
+    }) : t.syncExecuteCommand(Sn.id, {
       listType: ye.CHECK_LIST
     });
   }
@@ -4184,7 +4184,7 @@ const ts = {
         segmentId: r,
         isEditing: !1
       }
-    }, d = Ce.paragraph.bullet.toggleChecklist({
+    }, d = ve.paragraph.bullet.toggleChecklist({
       document: a,
       paragraphIndex: s,
       segmentId: r
@@ -4201,7 +4201,7 @@ const ts = {
     const t = n.get(T);
     return e != null && e.value ? t.syncExecuteCommand(lo.id, {
       listType: e.value
-    }) : t.syncExecuteCommand(En.id, {
+    }) : t.syncExecuteCommand(Sn.id, {
       listType: ye.ORDER_LIST
     });
   }
@@ -4210,15 +4210,15 @@ const ts = {
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler(n, e) {
-    var q, se, Ae, ne, Z;
+    var q, se, ce, ne, Z;
     if (!e)
       return !1;
     const t = n.get(G), o = n.get(N), s = n.get(T), r = o.getCurrentUnitForType(_.UNIVER_DOC), i = t.getActiveTextRange();
     if (r == null || i == null)
       return !1;
-    const { segmentId: a } = i, { listType: c, paragraph: A } = e, { paragraphStart: l, paragraphEnd: d } = A, h = new Ie(), u = k.getInstance(), { defaultTabStop: g = 36 } = r.getSnapshot().documentStyle, f = (se = (q = r.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : q.sectionBreaks) != null ? se : [], { startIndex: p, paragraphStyle: m = {} } = A, { indentFirstLine: E, snapToGrid: I, indentStart: C } = m, R = Ua[c].nestingLevel[0].paragraphProperties || {}, { hanging: S, indentStart: v } = R, b = R.textStyle, { charSpace: y, gridType: D } = vl(p, f) || { charSpace: 0, gridType: La.LINES }, x = sc(y, g, D, I);
+    const { segmentId: a } = i, { listType: c, paragraph: A } = e, { paragraphStart: l, paragraphEnd: d } = A, h = new Ie(), u = k.getInstance(), { defaultTabStop: g = 36 } = r.getSnapshot().documentStyle, f = (se = (q = r.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : q.sectionBreaks) != null ? se : [], { startIndex: p, paragraphStyle: m = {} } = A, { indentFirstLine: E, snapToGrid: I, indentStart: C } = m, R = Ua[c].nestingLevel[0].paragraphProperties || {}, { hanging: S, indentStart: v } = R, b = R.textStyle, { charSpace: y, gridType: D } = Cl(p, f) || { charSpace: 0, gridType: La.LINES }, x = sc(y, g, D, I);
     let B = X.generateRandomId(6);
-    const L = (ne = (Ae = r.getBody()) == null ? void 0 : Ae.paragraphs) != null ? ne : [], F = L.findIndex((le) => le.startIndex === A.startIndex), P = L[F - 1], oe = L[F + 1];
+    const L = (ne = (ce = r.getBody()) == null ? void 0 : ce.paragraphs) != null ? ne : [], F = L.findIndex((le) => le.startIndex === A.startIndex), P = L[F - 1], oe = L[F + 1];
     P && P.bullet && P.bullet.listType.indexOf(c) === 0 ? B = P.bullet.listId : oe && oe.bullet && oe.bullet.listType.indexOf(c) === 0 && (B = oe.bullet.listId);
     const re = {
       id: J.id,
@@ -4284,7 +4284,7 @@ function Qs(n, e) {
   }
   return s;
 }
-function Sn(n, e) {
+function In(n, e) {
   const t = [];
   for (const o of n) {
     const s = Qs(o, e);
@@ -4292,7 +4292,7 @@ function Sn(n, e) {
   }
   return t;
 }
-function vl(n, e) {
+function Cl(n, e) {
   const t = e.sort(Fa("startIndex"));
   for (let o = 0; o < t.length; o++) {
     const s = e[o];
@@ -4315,7 +4315,7 @@ const tt = {
     const c = a[0].segmentId, A = (I = i.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : I.paragraphs;
     if (A == null)
       return !1;
-    const l = Sn(a, A), d = i.getUnitId(), h = l.every((C) => {
+    const l = In(a, A), d = i.getUnitId(), h = l.every((C) => {
       var R;
       return ((R = C.paragraphStyle) == null ? void 0 : R.horizontalAlign) === r;
     }), u = {
@@ -4381,28 +4381,28 @@ const tt = {
   handler: (n) => n.get(T).syncExecuteCommand(tt.id, {
     alignType: De.JUSTIFIED
   })
-}, Cl = {
-  id: zt.id,
+}, vl = {
+  id: jt.id,
   binding: W.B | K.CTRL_COMMAND,
   preconditions: he
 }, Rl = {
-  id: jt.id,
+  id: Gt.id,
   binding: W.I | K.CTRL_COMMAND,
   preconditions: he
 }, bl = {
-  id: Gt.id,
+  id: Yt.id,
   binding: W.U | K.CTRL_COMMAND,
   preconditions: he
 }, xl = {
-  id: Yt.id,
+  id: qt.id,
   binding: W.X | K.SHIFT | K.CTRL_COMMAND,
   preconditions: he
 }, Ol = {
-  id: vt.id,
+  id: Ct.id,
   binding: W.COMMA | K.CTRL_COMMAND,
   preconditions: he
 }, yl = {
-  id: qt.id,
+  id: Kt.id,
   binding: W.PERIOD | K.CTRL_COMMAND,
   preconditions: he
 }, Tl = {
@@ -4451,7 +4451,7 @@ const tt = {
   }
 }, Ul = [50, 80, 100, 130, 150, 170, 200, 400], Ll = [10, 400];
 function Fl() {
-  const n = ee(T), e = ee(N), t = Fe(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), []), o = sn(t), s = Pi(() => {
+  const n = $(T), e = $(N), t = Fe(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), []), o = Mt(t), s = Pi(() => {
     var A, l;
     if (!o) return 100;
     const c = ((l = (A = o.getSettings()) == null ? void 0 : A.zoomRatio) != null ? l : 1) * 100;
@@ -4487,10 +4487,13 @@ function Hl(n) {
 }
 const kl = "univer-doc-footer-container", Vl = {
   docFooterContainer: kl
-}, Wl = () => /* @__PURE__ */ de("div", { className: Vl.docFooterContainer, children: [
-  /* @__PURE__ */ V("div", {}),
-  /* @__PURE__ */ V(Hl, {})
-] }), Us = "docs-ui.config", Yr = {
+}, Wl = () => {
+  const n = $(N);
+  return Mt(() => n.getCurrentTypeOfUnit$(_.UNIVER_SHEET), void 0, void 0, []) ? null : /* @__PURE__ */ de("div", { className: Vl.docFooterContainer, children: [
+    /* @__PURE__ */ V("div", {}),
+    /* @__PURE__ */ V(Hl, {})
+  ] });
+}, Us = "docs-ui.config", Yr = {
   layout: {
     docContainerConfig: Zc,
     toolbarConfig: Jc
@@ -4609,7 +4612,7 @@ function ia(n, e, t) {
     }
   };
 }
-function In(n, e) {
+function Cn(n, e) {
   if (!n && !e)
     return null;
   if (e && e.length > 0) {
@@ -4967,7 +4970,7 @@ function $l(n) {
     return t ? (t == null ? void 0 : t.path.indexOf("cells")) > -1 : !1;
   });
 }
-const ed = rn, Aa = {
+const ed = an, Aa = {
   id: "doc.command.inner-paste",
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -5014,12 +5017,12 @@ const ed = rn, Aa = {
           C.push(ot), C.push(ze);
         }
       }
-      const se = Os((B = g.customRanges) != null ? B : [], re, ed.includes(f)), Ae = ys((L = g.customDecorations) != null ? L : [], re);
+      const se = Os((B = g.customRanges) != null ? B : [], re, ed.includes(f)), ce = ys((L = g.customDecorations) != null ? L : [], re);
       if (se && (q.customRanges = [{
         ...se,
         startIndex: 0,
         endIndex: l.dataStream.length - 1
-      }]), Ae.length && (q.customDecorations = Ae.map((ne) => ({
+      }]), ce.length && (q.customDecorations = ce.map((ne) => ({
         ...ne,
         startIndex: 0,
         endIndex: l.dataStream.length - 1
@@ -5033,7 +5036,7 @@ const ed = rn, Aa = {
           len: l.dataStream.length
         });
       else {
-        const ne = Ce.selection.delete([P], l, m.cursor, q, c.length === 1);
+        const ne = ve.selection.delete([P], l, m.cursor, q, c.length === 1);
         E.push(...ne);
       }
       m.reset(), m.moveCursor(re);
@@ -5062,7 +5065,7 @@ function nd(n, e, t) {
     C ? s.push({
       t: z.RETAIN,
       len: R
-    }) : s.push(...Ce.selection.delete([m], o, c.cursor, null, !1)), c.reset(), c.moveCursor(I);
+    }) : s.push(...ve.selection.delete([m], o, c.cursor, null, !1)), c.reset(), c.moveCursor(I);
   }
   const A = ue(e, t);
   i.push(r.editOp(s.serialize(), A));
@@ -5148,7 +5151,7 @@ function sd(n, e, t, o, s) {
   }
   return r;
 }
-const Ut = {
+const Lt = {
   id: "doc.command.inner-cut",
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -5214,7 +5217,7 @@ const rd = "doc.command.insert-text", Vs = {
         len: r.dataStream.length
       });
     else {
-      const v = Ce.selection.delete([o], h, 0, r);
+      const v = ve.selection.delete([o], h, 0, r);
       E.push(...v);
     }
     m.params.textRanges = [{
@@ -5225,7 +5228,7 @@ const rd = "doc.command.insert-text", Vs = {
     const C = ue(l, s);
     return m.params.actions = I.editOp(E.serialize(), C), !!t.syncExecuteCommand(m.id, m.params);
   }
-}, hn = {
+}, gn = {
   id: "doc.command.delete-text",
   type: w.COMMAND,
   handler: async (n, e) => {
@@ -5430,7 +5433,7 @@ const So = {
           endOffset: x
         }
       ];
-      return o.executeCommand(Ut.id, {
+      return o.executeCommand(Lt.id, {
         segmentId: M,
         textRanges: B
       });
@@ -5512,7 +5515,7 @@ const So = {
               style: u
             }
           ];
-          s = await o.executeCommand(hn.id, {
+          s = await o.executeCommand(gn.id, {
             unitId: r.getUnitId(),
             range: {
               ...c,
@@ -5526,7 +5529,7 @@ const So = {
           });
         }
       } else
-        S -= v.count, s = await o.executeCommand(hn.id, {
+        S -= v.count, s = await o.executeCommand(gn.id, {
           unitId: r.getUnitId(),
           range: p,
           segmentId: h,
@@ -5535,7 +5538,7 @@ const So = {
         });
     } else {
       const x = ua(p, [p]);
-      s = await o.executeCommand(Ut.id, {
+      s = await o.executeCommand(Lt.id, {
         segmentId: h,
         textRanges: x,
         selections: [p]
@@ -5560,7 +5563,7 @@ const So = {
           endOffset: R
         }
       ];
-      return r.executeCommand(Ut.id, {
+      return r.executeCommand(Lt.id, {
         segmentId: S,
         textRanges: v
       });
@@ -5605,7 +5608,7 @@ const So = {
               style: d
             }
           ];
-          E = await r.executeCommand(hn.id, {
+          E = await r.executeCommand(gn.id, {
             unitId: o.getUnitId(),
             range: {
               ...i,
@@ -5626,7 +5629,7 @@ const So = {
             style: d
           }
         ];
-        E = await r.executeCommand(hn.id, {
+        E = await r.executeCommand(gn.id, {
           unitId: o.getUnitId(),
           range: g,
           segmentId: l,
@@ -5637,7 +5640,7 @@ const So = {
       }
     } else {
       const R = ua(g, [g]);
-      E = await r.executeCommand(Ut.id, {
+      E = await r.executeCommand(Lt.id, {
         segmentId: l,
         textRanges: R,
         selections: [g]
@@ -5840,7 +5843,7 @@ const Xr = 660, Jn = class Jn {
               }
             },
             layoutType: oo.INLINE,
-            drawingType: vs.DRAWING_IMAGE,
+            drawingType: Cs.DRAWING_IMAGE,
             unitId: o.id || "",
             subUnitId: o.id || ""
           };
@@ -5933,7 +5936,7 @@ ${Q.TABLE_CELL_END}`;
   }
 };
 O(Jn, "_pluginList", []);
-let Lt = Jn;
+let Ft = Jn;
 const ud = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(n) {
@@ -6099,7 +6102,7 @@ function pd(n, e, t) {
       const C = s[I.blockId];
       if (C)
         switch (C.drawingType) {
-          case vs.DRAWING_IMAGE: {
+          case Cs.DRAWING_IMAGE: {
             f += fd(C), p++;
             break;
           }
@@ -6146,12 +6149,12 @@ function md(n) {
 function Tt(n, e, t) {
   var o, s;
   switch (n.nodeType) {
-    case Kt.SECTION_BREAK: {
+    case Xt.SECTION_BREAK: {
       for (const r of n.children)
         Tt(r, e, t);
       break;
     }
-    case Kt.PARAGRAPH: {
+    case Xt.PARAGRAPH: {
       const { children: r, startIndex: i, endIndex: a } = n, c = (s = (o = e.body) == null ? void 0 : o.paragraphs.find((g) => g.startIndex === a)) != null ? s : {}, { paragraphStyle: A = {} } = c, { spaceAbove: l, spaceBelow: d, lineSpacing: h } = A, u = [];
       if (l != null && (typeof l == "number" ? u.push(`margin-top: ${l}px`) : u.push(`margin-top: ${l.v}px`)), d != null && (typeof d == "number" ? u.push(`margin-bottom: ${d}px`) : u.push(`margin-bottom: ${d.v}px`)), h != null && u.push(`line-height: ${h}`), t.html += `<p class="UniverNormal" ${u.length ? `style="${u.join("; ")};"` : ""}>`, r.length)
         for (const g of r)
@@ -6159,7 +6162,7 @@ function Tt(n, e, t) {
       t.html += `${pd(e, i, a)}</p>`;
       break;
     }
-    case Kt.TABLE: {
+    case Xt.TABLE: {
       const { children: r } = n;
       t.html += '<table class="UniverTable" style="width: 100%; border-collapse: collapse;"><tbody>';
       for (const i of r)
@@ -6167,7 +6170,7 @@ function Tt(n, e, t) {
       t.html += "</tbody></table>";
       break;
     }
-    case Kt.TABLE_ROW: {
+    case Xt.TABLE_ROW: {
       const { children: r } = n;
       t.html += '<tr class="UniverTableRow">';
       for (const i of r)
@@ -6175,7 +6178,7 @@ function Tt(n, e, t) {
       t.html += "</tr>";
       break;
     }
-    case Kt.TABLE_CELL: {
+    case Xt.TABLE_CELL: {
       const { children: r } = n;
       t.html += '<td class="UniverTableCell">';
       for (const i of r)
@@ -6201,10 +6204,10 @@ var Sd = Object.getOwnPropertyDescriptor, Id = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Sd(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, Jt = (n, e) => (t, o) => e(t, o, n);
-Lt.use(gd);
-Lt.use(ud);
-Lt.use(hd);
+}, Zt = (n, e) => (t, o) => e(t, o, n);
+Ft.use(gd);
+Ft.use(ud);
+Ft.use(hd);
 function Zr(n, e, t) {
   var r, i, a;
   const o = mi(n, e, t + 2), s = Q.TABLE_START + Q.TABLE_ROW_START + Q.TABLE_CELL_START + o.dataStream + Q.TABLE_CELL_END + Q.TABLE_ROW_END + Q.TABLE_END;
@@ -6224,7 +6227,7 @@ let os = class extends ge {
   constructor(e, t, o, s, r) {
     super();
     O(this, "_clipboardHooks", []);
-    O(this, "_htmlToUDM", new Lt());
+    O(this, "_htmlToUDM", new Ft());
     O(this, "_umdToHtml", new Ed());
     this._univerInstanceService = e, this._logService = t, this._commandService = o, this._clipboardInterfaceService = s, this._docSelectionManagerService = r;
   }
@@ -6253,9 +6256,9 @@ let os = class extends ge {
     const r = this._univerInstanceService.getCurrentUnitForType(_.UNIVER_DOC), i = (r == null ? void 0 : r.getUnitId()) || "";
     !t && !o && s.length && (t = await this._createImagePasteHtml(s));
     const a = this._genDocDataFromHtmlAndText(t, o, i);
-    if (i === Cs)
+    if (i === vs)
       if (o) {
-        const c = Ce.transform.fromPlainText(o);
+        const c = ve.transform.fromPlainText(o);
         return this._paste({ body: c });
       } else
         a.body.textRuns = [];
@@ -6289,7 +6292,7 @@ let os = class extends ge {
           style: o
         }
       ];
-      return this._commandService.executeCommand(Ut.id, { segmentId: e, textRanges: l });
+      return this._commandService.executeCommand(Lt.id, { segmentId: e, textRanges: l });
     } catch {
       return this._logService.error("[DocClipboardController] cut content failed"), !1;
     }
@@ -6304,7 +6307,7 @@ let os = class extends ge {
       return !1;
     this._clipboardHooks.forEach((h) => {
       h.onBeforePaste && (o = h.onBeforePaste(o));
-    }), o.customRanges = (d = o.customRanges) == null ? void 0 : d.map(Ce.customRange.copyCustomRange);
+    }), o.customRanges = (d = o.customRanges) == null ? void 0 : d.map(ve.customRange.copyCustomRange);
     const r = this._docSelectionManagerService.getActiveTextRange(), { segmentId: i, endOffset: a, style: c } = r || {}, A = this._docSelectionManagerService.getTextRanges();
     if (i == null && this._logService.error("[DocClipboardController] segmentId does not exist!"), a == null || A == null)
       return !1;
@@ -6412,8 +6415,8 @@ let os = class extends ge {
               t = await r.getType(i).then((a) => a && a.text());
               break;
             }
-            case Cc:
             case vc:
+            case Cc:
             case Ic:
             case Sc: {
               const a = await r.getType(i), c = new File([a], `pasted_image.${i.split("/")[1]}`, { type: i });
@@ -6429,7 +6432,7 @@ let os = class extends ge {
   _genDocDataFromHtmlAndText(e, t, o) {
     if (!e) {
       if (t)
-        return { body: Ce.transform.fromPlainText(t) };
+        return { body: ve.transform.fromPlainText(t) };
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
     const s = Ad(e);
@@ -6489,7 +6492,7 @@ let os = class extends ge {
         source: d.source,
         description: "",
         layoutType: oo.INLINE,
-        drawingType: vs.DRAWING_IMAGE,
+        drawingType: Cs.DRAWING_IMAGE,
         transform: {
           width: h,
           height: u,
@@ -6506,14 +6509,14 @@ let os = class extends ge {
   }
 };
 os = Id([
-  Jt(0, N),
-  Jt(1, ps),
-  Jt(2, T),
-  Jt(3, Bi),
-  Jt(4, j(G))
+  Zt(0, N),
+  Zt(1, ps),
+  Zt(2, T),
+  Zt(3, Bi),
+  Zt(4, j(G))
 ], os);
 function Io(n) {
-  return n.getContextValue(fn) || n.getContextValue(Qn);
+  return n.getContextValue(pn) || n.getContextValue(Qn);
 }
 const Ys = 999, Fn = {
   id: Rc.id,
@@ -6542,16 +6545,16 @@ const Ys = 999, Fn = {
     const e = n.get(vn), o = await n.get(Bi).read();
     return o.length === 0 ? !1 : e.paste(o);
   }
-}, vo = {
+}, Co = {
   id: "doc.command.switch-mode",
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: async (n) => {
     var E, I, C, R, S;
-    const e = n.get(T), t = n.get(pe), o = n.get(G), r = n.get(N).getCurrentUniverDocInstance();
+    const e = n.get(T), t = n.get(fe), o = n.get(G), r = n.get(N).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const i = r.getUnitId(), a = (E = t.getRenderById(i)) == null ? void 0 : E.with(ce).getSkeleton(), c = (I = t.getRenderById(i)) == null ? void 0 : I.with(Se);
+    const i = r.getUnitId(), a = (E = t.getRenderById(i)) == null ? void 0 : E.with(Ae).getSkeleton(), c = (I = t.getRenderById(i)) == null ? void 0 : I.with(Se);
     if (a == null || c == null)
       return !1;
     const A = c == null ? void 0 : c.getSegment(), l = c == null ? void 0 : c.getSegmentPage(), d = r.getSnapshot().documentStyle.documentFlavor, h = o.getDocRanges(), u = {
@@ -6579,12 +6582,12 @@ const Ys = 999, Fn = {
         const { startIndex: oe } = B, re = a.findNodeByCharIndex(oe, A, l), Y = (R = re == null ? void 0 : re.parent) == null ? void 0 : R.parent, H = Y == null ? void 0 : Y.parent, q = H == null ? void 0 : H.lines.find((le) => le.paragraphIndex === (Y == null ? void 0 : Y.paragraphIndex) && le.paragraphStart), se = (S = H == null ? void 0 : H.parent) == null ? void 0 : S.parent;
         if (re == null || Y == null || q == null || H == null || se == null)
           continue;
-        let Ae = 0;
-        F === rt.LINE ? Ae -= Y.top : F === rt.PAGE && (Ae += se.marginTop), Ae += q.top;
+        let ce = 0;
+        F === rt.LINE ? ce -= Y.top : F === rt.PAGE && (ce += se.marginTop), ce += q.top;
         const ne = {
           ...L,
           relativeFrom: rt.PARAGRAPH,
-          posOffset: (P != null ? P : 0) - Ae
+          posOffset: (P != null ? P : 0) - ce
         }, Z = g.replaceOp(["drawings", x, "docTransform", "positionV"], L, ne);
         Z && f.push(Z);
       }
@@ -6596,7 +6599,7 @@ const Ys = 999, Fn = {
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n) => {
-    const e = n.get(G), t = n.get(N), o = n.get(T), s = e.getRectRanges(), r = e.getActiveTextRange(), i = In(r, s);
+    const e = n.get(G), t = n.get(N), o = n.get(T), s = e.getRectRanges(), r = e.getActiveTextRange(), i = Cn(r, s);
     if (i == null)
       return !1;
     const { segmentId: a } = i, c = t.getCurrentUniverDocInstance(), A = c == null ? void 0 : c.getSelfOrHeaderFooterModel(a).getBody();
@@ -6610,7 +6613,7 @@ const Ys = 999, Fn = {
       return !1;
     const { offset: p, rowIndexes: m, len: E, tableId: I, cursor: C, selectWholeTable: R } = f;
     if (R)
-      return o.executeCommand(Cn.id);
+      return o.executeCommand(Rn.id);
     const S = [], v = [{
       startOffset: C,
       endOffset: C,
@@ -6643,7 +6646,7 @@ const Ys = 999, Fn = {
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n) => {
-    const e = n.get(G), t = n.get(N), o = n.get(T), s = e.getRectRanges(), r = e.getActiveTextRange(), i = In(r, s);
+    const e = n.get(G), t = n.get(N), o = n.get(T), s = e.getRectRanges(), r = e.getActiveTextRange(), i = Cn(r, s);
     if (i == null)
       return !1;
     const { segmentId: a } = i, c = t.getCurrentUniverDocInstance(), A = c == null ? void 0 : c.getSelfOrHeaderFooterModel(a).getBody();
@@ -6657,7 +6660,7 @@ const Ys = 999, Fn = {
       return !1;
     const { offsets: p, columnIndexes: m, tableId: E, cursor: I, rowCount: C, selectWholeTable: R } = f;
     if (R)
-      return o.executeCommand(Cn.id);
+      return o.executeCommand(Rn.id);
     const S = [], v = [{
       startOffset: I,
       endOffset: I,
@@ -6693,12 +6696,12 @@ const Ys = 999, Fn = {
     }
     return b.params.actions = S.reduce((x, M) => k.compose(x, M), null), !!o.syncExecuteCommand(b.id, b.params);
   }
-}, Cn = {
+}, Rn = {
   id: "doc.table.delete-table",
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n) => {
-    const e = n.get(G), t = n.get(N), o = n.get(T), s = e.getRectRanges(), r = e.getActiveTextRange(), i = In(r, s);
+    const e = n.get(G), t = n.get(N), o = n.get(T), s = e.getRectRanges(), r = e.getActiveTextRange(), i = Cn(r, s);
     if (i == null)
       return !1;
     const { segmentId: a } = i, c = t.getCurrentUniverDocInstance(), A = c == null ? void 0 : c.getSelfOrHeaderFooterModel(a).getBody();
@@ -6734,12 +6737,12 @@ const Ys = 999, Fn = {
     const b = g.removeOp(["tableSource", E]);
     return C.push(b), S.params.actions = C.reduce((D, x) => k.compose(D, x), null), !!o.syncExecuteCommand(S.id, S.params);
   }
-}, Zs = "doc.command.table-insert-row", $s = "doc.command.table-insert-column", vd = "doc.command.table-insert-row-above", Cd = "doc.command.table-insert-row-bellow", Rd = "doc.command.table-insert-column-left", bd = "doc.command.table-insert-column-right", er = {
-  id: vd,
+}, Zs = "doc.command.table-insert-row", $s = "doc.command.table-insert-column", Cd = "doc.command.table-insert-row-above", vd = "doc.command.table-insert-row-bellow", Rd = "doc.command.table-insert-column-left", bd = "doc.command.table-insert-column-right", er = {
+  id: Cd,
   type: w.COMMAND,
   handler: async (n) => n.get(T).executeCommand(Zs, { position: Eo.ABOVE })
 }, tr = {
-  id: Cd,
+  id: vd,
   type: w.COMMAND,
   handler: async (n) => n.get(T).executeCommand(Zs, { position: Eo.BELLOW })
 }, nr = {
@@ -6755,7 +6758,7 @@ const Ys = 999, Fn = {
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
-    const { position: t } = e, o = n.get(G), s = n.get(N), r = n.get(T), i = o.getRectRanges(), a = o.getActiveTextRange(), c = In(a, i);
+    const { position: t } = e, o = n.get(G), s = n.get(N), r = n.get(T), i = o.getRectRanges(), a = o.getActiveTextRange(), c = Cn(a, i);
     if (c == null)
       return !1;
     const { segmentId: A } = c, l = s.getCurrentUnitForType(_.UNIVER_DOC), d = l == null ? void 0 : l.getSelfOrHeaderFooterModel(A).getBody();
@@ -6799,8 +6802,8 @@ const Ys = 999, Fn = {
   type: w.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
-    var se, Ae, ne;
-    const { position: t } = e, o = n.get(G), s = n.get(N), r = n.get(T), i = o.getRectRanges(), a = o.getActiveTextRange(), c = In(a, i);
+    var se, ce, ne;
+    const { position: t } = e, o = n.get(G), s = n.get(N), r = n.get(T), i = o.getRectRanges(), a = o.getActiveTextRange(), c = Cn(a, i);
     if (c == null)
       return !1;
     const { segmentId: A } = c, l = s.getCurrentUniverDocInstance(), d = l == null ? void 0 : l.getSelfOrHeaderFooterModel(A).getBody();
@@ -6842,7 +6845,7 @@ const Ys = 999, Fn = {
       const le = Fs(), Te = p.insertOp(["tableSource", C, "tableRows", Z, "tableCells", I], le);
       S.push(Te);
     }
-    const x = l.getSnapshot(), M = x.documentStyle, { marginLeft: B = 0, marginRight: L = 0 } = M, F = ((Ae = (se = M.pageSize) == null ? void 0 : se.width) != null ? Ae : 800) - B - L, P = (ne = x == null ? void 0 : x.tableSource) == null ? void 0 : ne[C].tableColumns, { newColWidth: oe, widths: re } = Kl(F, P, I);
+    const x = l.getSnapshot(), M = x.documentStyle, { marginLeft: B = 0, marginRight: L = 0 } = M, F = ((ce = (se = M.pageSize) == null ? void 0 : se.width) != null ? ce : 800) - B - L, P = (ne = x == null ? void 0 : x.tableSource) == null ? void 0 : ne[C].tableColumns, { newColWidth: oe, widths: re } = Kl(F, P, I);
     for (let Z = 0; Z < re.length; Z++) {
       const le = p.replaceOp(["tableSource", C, "tableColumns", Z, "size", "width", "v"], P[Z].size.width.v, re[Z]);
       S.push(le);
@@ -7032,7 +7035,7 @@ const ma = {
     const t = n.get(G), o = n.get(N), s = n.get(T), r = o.getCurrentUnitForType(_.UNIVER_DOC), i = t.getDocRanges();
     if (!r || i.length === 0 || !e)
       return !1;
-    const a = i[0].segmentId, c = r.getUnitId(), A = (E = (m = r.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : m.paragraphs) != null ? E : [], l = (I = Sn(i, A)) != null ? I : [], d = {
+    const a = i[0].segmentId, c = r.getUnitId(), A = (E = (m = r.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : m.paragraphs) != null ? E : [], l = (I = In(i, A)) != null ? I : [], d = {
       id: J.id,
       params: {
         unitId: c,
@@ -7072,19 +7075,19 @@ const ma = {
     return d.params.actions = g.editOp(u.serialize(), f), !!s.syncExecuteCommand(d.id, d.params);
   }
 }, yd = () => {
-  const n = ee(G), e = ee(Ft), t = Fe(() => n.getDocRanges(), []);
+  const n = $(G), e = $(Ht), t = Fe(() => n.getDocRanges(), []);
   return be(() => {
     t.length || e.closePanel();
   }, [t]), t;
 }, Td = () => {
   var i, a, c;
-  const e = ee(N).getCurrentUnitForType(_.UNIVER_DOC), t = yd();
+  const e = $(N).getCurrentUnitForType(_.UNIVER_DOC), t = yd();
   if (!e || t.length === 0)
     return [];
   const o = t[0].segmentId, s = (a = (i = e.getSelfOrHeaderFooterModel(o).getBody()) == null ? void 0 : i.paragraphs) != null ? a : [];
-  return (c = Sn(t, s)) != null ? c : [];
+  return (c = In(t, s)) != null ? c : [];
 }, Bd = (n, e) => {
-  const t = ee(T), [o, s] = Re(() => {
+  const t = $(T), [o, s] = Re(() => {
     var a, c;
     const i = n[0];
     return i ? String((c = (a = i.paragraphStyle) == null ? void 0 : a.horizontalAlign) != null ? c : e) : e;
@@ -7093,7 +7096,7 @@ const ma = {
     paragraph: { horizontalAlign: Number(i) }
   }))];
 }, Md = (n) => {
-  const e = ee(T), [t, o] = Re(() => {
+  const e = $(T), [t, o] = Re(() => {
     var i;
     const r = n[0];
     return r ? Ge((i = r.paragraphStyle) == null ? void 0 : i.indentStart, 0) : 0;
@@ -7102,7 +7105,7 @@ const ma = {
     paragraph: { indentStart: { v: r } }
   }))];
 }, _d = (n) => {
-  const e = ee(T), [t, o] = Re(() => {
+  const e = $(T), [t, o] = Re(() => {
     var i;
     const r = n[0];
     return r ? Ge((i = r.paragraphStyle) == null ? void 0 : i.indentEnd, 0) : 0;
@@ -7111,7 +7114,7 @@ const ma = {
     paragraph: { indentEnd: { v: r } }
   }))];
 }, Dd = (n) => {
-  const e = ee(T), [t, o] = Re(() => {
+  const e = $(T), [t, o] = Re(() => {
     var i;
     const r = n[0];
     return r ? Ge((i = r.paragraphStyle) == null ? void 0 : i.indentFirstLine, 0) : 0;
@@ -7120,7 +7123,7 @@ const ma = {
     paragraph: { indentFirstLine: { v: r } }
   }))];
 }, Pd = (n) => {
-  const e = ee(T), [t, o] = Re(() => {
+  const e = $(T), [t, o] = Re(() => {
     var i;
     const r = n[0];
     return r ? Ge((i = r.paragraphStyle) == null ? void 0 : i.hanging, 0) : 0;
@@ -7129,7 +7132,7 @@ const ma = {
     paragraph: { hanging: { v: r } }
   }))];
 }, wd = (n) => {
-  const e = ee(T), [t, o] = Re(() => {
+  const e = $(T), [t, o] = Re(() => {
     var i;
     const r = n[0];
     return r ? Ge((i = r.paragraphStyle) == null ? void 0 : i.spaceAbove, 0) : 0;
@@ -7138,7 +7141,7 @@ const ma = {
     paragraph: { spaceAbove: { v: r } }
   }))];
 }, Nd = (n) => {
-  const e = ee(T), [t, o] = Re(() => {
+  const e = $(T), [t, o] = Re(() => {
     var i;
     const r = n[0];
     return r ? Ge((i = r.paragraphStyle) == null ? void 0 : i.spaceBelow, 0) : 0;
@@ -7147,16 +7150,16 @@ const ma = {
     paragraph: { spaceBelow: { v: r } }
   }))];
 }, Qd = (n) => {
-  const e = ee(T), t = ee(pe), o = ee(N), s = Fe(() => {
+  const e = $(T), t = $(fe), o = $(N), s = Fe(() => {
     var g;
     const u = o.getCurrentUnitForType(_.UNIVER_DOC);
     if (u)
-      return (g = t.getRenderById(u == null ? void 0 : u.getUnitId())) == null ? void 0 : g.with(ce).getSkeleton();
+      return (g = t.getRenderById(u == null ? void 0 : u.getUnitId())) == null ? void 0 : g.with(Ae).getSkeleton();
   }, []), r = Fe(() => new Le({}), []), [i, a] = Re(() => {
     var g, f;
     const u = n[0];
     return u && (f = (g = u.paragraphStyle) == null ? void 0 : g.lineSpacing) != null ? f : 1;
-  }), c = _t(i), [A, l] = Re(() => {
+  }), c = Dt(i), [A, l] = Re(() => {
     var g, f;
     const u = n[0];
     return u ? (f = (g = u.paragraphStyle) == null ? void 0 : g.spacingRule) != null ? f : Bt.AUTO : Bt.AUTO;
@@ -7199,9 +7202,9 @@ const ma = {
   paragraphSettingFlexCol: Wd,
   paragraphSettingSpaceLine: zd
 }, gt = (n) => {
-  const { value: e, onChange: t, className: o = "", min: s = 0, max: r = 100, step: i = 1 } = n, a = _t(null);
+  const { value: e, onChange: t, className: o = "", min: s = 0, max: r = 100, step: i = 1 } = n, a = Dt(null);
   return /* @__PURE__ */ V(
-    dn,
+    un,
     {
       step: i,
       ref: a,
@@ -7221,7 +7224,7 @@ const ma = {
   );
 };
 function jd() {
-  const n = ee($e), e = Fe(
+  const n = $($e), e = Fe(
     () => [
       { label: n.t("toolbar.alignLeft"), value: String(De.LEFT), icon: /* @__PURE__ */ V(Gi, {}) },
       { label: n.t("toolbar.alignCenter"), value: String(De.CENTER), icon: /* @__PURE__ */ V(ji, {}) },
@@ -7242,7 +7245,7 @@ function jd() {
         children: e.map((S) => /* @__PURE__ */ V(Hc, { title: S.label, placement: "bottom", children: /* @__PURE__ */ V(
           "span",
           {
-            className: ln(
+            className: dn(
               ae.paragraphSettingIconListItem,
               { [ae.paragraphSettingIconListActive]: o === S.value }
             ),
@@ -7338,7 +7341,7 @@ function jd() {
 }
 const Gd = (n, e) => e.length === n.length && n.some((t) => e.some((o) => o.startOffset === t.startOffset && o.endOffset === t.endOffset));
 function Yd() {
-  const n = ee(T), e = ee($e), t = sn(e.currentLocale$), [o, s] = Re(""), r = Fe(() => gi(() => s(mt(4)), 300), []), i = _t([]);
+  const n = $(T), e = $($e), t = Mt(e.currentLocale$), [o, s] = Re(""), r = Fe(() => gi(() => s(mt(4)), 300), []), i = Dt([]);
   return be(() => {
     const a = n.onCommandExecuted((c) => {
       if (we.id === c.id) {
@@ -7358,7 +7361,7 @@ var qd = Object.getOwnPropertyDescriptor, Kd = (n, e, t, o) => {
   return s;
 }, Lo = (n, e) => (t, o) => e(t, o, n);
 const $r = "doc_ui_paragraph-setting-panel";
-let Ft = class extends ge {
+let Ht = class extends ge {
   constructor(e, t, o) {
     super();
     O(this, "_id");
@@ -7382,18 +7385,18 @@ let Ft = class extends ge {
     this._sidebarService.close(this._id);
   }
 };
-Ft = Kd([
+Ht = Kd([
   Lo(0, T),
   Lo(1, j(io)),
   Lo(2, j(Ti))
-], Ft);
+], Ht);
 const rr = {
   id: "sidebar.operation.doc-paragraph-setting-panel",
   type: w.OPERATION,
-  handler: (n) => (n.get(Ft).openPanel(), !0)
+  handler: (n) => (n.get(Ht).openPanel(), !0)
 }, ir = (n) => {
   const e = n.get(G);
-  return new me((t) => {
+  return new pe((t) => {
     const o = e.textSelection$.subscribe(() => {
       e.getDocRanges().some((i) => i.collapsed === !1 || i.rangeType === Ye.RECT) ? t.next(!1) : t.next(!0);
     });
@@ -7427,7 +7430,7 @@ function ei(n, e, t) {
 }
 const nt = (n) => {
   const e = n.get(G), t = n.get(N);
-  return new me((o) => {
+  return new pe((o) => {
     const s = e.textSelection$.subscribe(() => {
       ei(o, e, t);
     });
@@ -7436,33 +7439,33 @@ const nt = (n) => {
 }, Jd = (n) => ({
   id: Fn.name,
   commandId: Fn.id,
-  type: $.BUTTON,
+  type: ee.BUTTON,
   icon: "Copy",
   title: "rightClick.copy",
   disabled$: ir(n),
   hidden$: te(n, _.UNIVER_DOC)
 }), Zd = (n) => ({
   id: rr.id,
-  type: $.BUTTON,
+  type: ee.BUTTON,
   icon: "MenuSingle24",
   title: "doc.menu.paragraphSetting",
   hidden$: te(n, _.UNIVER_DOC)
 }), $d = (n) => ({
   id: qs.id,
-  type: $.BUTTON,
+  type: ee.BUTTON,
   icon: "Copy",
   title: "rightClick.cut",
   disabled$: ir(n),
   hidden$: te(n, _.UNIVER_DOC)
 }), eu = (n) => ({
   id: Ks.id,
-  type: $.BUTTON,
+  type: ee.BUTTON,
   icon: "PasteSpecial",
   title: "rightClick.paste",
   hidden$: te(n, _.UNIVER_DOC)
 }), tu = (n) => ({
   id: So.id,
-  type: $.BUTTON,
+  type: ee.BUTTON,
   icon: "PasteSpecial",
   title: "rightClick.delete",
   disabled$: ir(n),
@@ -7471,7 +7474,7 @@ const nt = (n) => {
 function nu(n) {
   return {
     id: Sa,
-    type: $.SUBITEMS,
+    type: ee.SUBITEMS,
     title: "table.insert",
     icon: "Insert",
     hidden$: ao(te(n, _.UNIVER_DOC), nt(n), (e, t) => e || t)
@@ -7480,7 +7483,7 @@ function nu(n) {
 function ou(n) {
   return {
     id: er.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     title: "table.insertRowAbove",
     icon: "InsertRowAbove",
     disabled$: nt(n),
@@ -7490,7 +7493,7 @@ function ou(n) {
 function su(n) {
   return {
     id: tr.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     title: "table.insertRowBelow",
     icon: "InsertRowBelow",
     disabled$: nt(n),
@@ -7500,7 +7503,7 @@ function su(n) {
 function ru(n) {
   return {
     id: nr.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     title: "table.insertColumnLeft",
     icon: "LeftInsertColumn",
     disabled$: nt(n),
@@ -7510,7 +7513,7 @@ function ru(n) {
 function iu(n) {
   return {
     id: or.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     title: "table.insertColumnRight",
     icon: "RightInsertColumn",
     disabled$: nt(n),
@@ -7521,7 +7524,7 @@ const Ia = "doc.menu.table-delete";
 function au(n) {
   return {
     id: Ia,
-    type: $.SUBITEMS,
+    type: ee.SUBITEMS,
     title: "table.delete",
     icon: "Reduce",
     hidden$: ao(te(n, _.UNIVER_DOC), nt(n), (e, t) => e || t)
@@ -7530,7 +7533,7 @@ function au(n) {
 function cu(n) {
   return {
     id: Xs.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     title: "table.deleteRows",
     icon: "DeleteRow",
     disabled$: nt(n),
@@ -7540,7 +7543,7 @@ function cu(n) {
 function Au(n) {
   return {
     id: Js.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     title: "table.deleteColumns",
     icon: "DeleteColumn",
     disabled$: nt(n),
@@ -7549,8 +7552,8 @@ function Au(n) {
 }
 function lu(n) {
   return {
-    id: Cn.id,
-    type: $.BUTTON,
+    id: Rn.id,
+    type: ee.BUTTON,
     title: "table.deleteTable",
     icon: "GridSingle",
     disabled$: nt(n),
@@ -7558,27 +7561,24 @@ function lu(n) {
   };
 }
 function du(n) {
-  const e = n.get(N), t = n.get(pe);
-  return new me((o) => {
-    const s = e.focused$.subscribe((a) => {
-      if (a == null || e.getUnitType(a) !== _.UNIVER_DOC)
+  const e = n.get(N), t = n.get(fe);
+  return new pe((o) => {
+    const s = e.focused$.subscribe((r) => {
+      if (r == null || e.getUnitType(r) !== _.UNIVER_DOC)
         return o.next(!0);
-      const A = t.getRenderById(a);
-      if (A == null)
+      const a = t.getRenderById(r);
+      if (a == null)
         return o.next(!0);
-      A.with(ce).getViewModel().editAreaChange$.subscribe((d) => {
-        o.next(d === fe.HEADER || d === fe.FOOTER);
+      a.with(Ae).getViewModel().editAreaChange$.subscribe((A) => {
+        o.next(A === me.HEADER || A === me.FOOTER);
       });
-    }), r = t.getCurrentTypeOfRenderer(_.UNIVER_DOC);
-    if (r == null)
-      return o.next(!0);
-    const i = r.with(ce).getViewModel();
-    return o.next(i.getEditArea() !== fe.BODY), () => s.unsubscribe();
+    });
+    return () => s.unsubscribe();
   });
 }
 function uu(n) {
   const e = n.get(N), t = n.get(T);
-  return new me((o) => {
+  return new pe((o) => {
     const s = t.onCommandExecuted((c) => {
       if (c.id === J.id) {
         const { unitId: A } = c.params, l = e.getUnit(A);
@@ -7605,7 +7605,7 @@ function uu(n) {
 }
 function hu(n) {
   const e = n.get(G), t = n.get(N);
-  return new me((o) => {
+  return new pe((o) => {
     const s = e.textSelection$.subscribe((r) => {
       if (r == null) {
         o.next(!0);
@@ -7649,7 +7649,7 @@ function hu(n) {
 }
 function xe(n) {
   const e = n.get(G);
-  return new me((t) => {
+  return new pe((t) => {
     const o = e.textSelection$.subscribe((s) => {
       if (s == null) {
         t.next(!0);
@@ -7668,12 +7668,12 @@ function xe(n) {
 function gu(n) {
   const e = n.get(T);
   return {
-    id: zt.id,
-    type: $.BUTTON,
+    id: jt.id,
+    type: ee.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
@@ -7696,12 +7696,12 @@ function gu(n) {
 function fu(n) {
   const e = n.get(T);
   return {
-    id: jt.id,
-    type: $.BUTTON,
+    id: Gt.id,
+    type: ee.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
@@ -7724,12 +7724,12 @@ function fu(n) {
 function pu(n) {
   const e = n.get(T);
   return {
-    id: Gt.id,
-    type: $.BUTTON,
+    id: Yt.id,
+    type: ee.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
@@ -7752,12 +7752,12 @@ function pu(n) {
 function mu(n) {
   const e = n.get(T);
   return {
-    id: Yt.id,
-    type: $.BUTTON,
+    id: qt.id,
+    type: ee.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
@@ -7780,11 +7780,11 @@ function mu(n) {
 function Eu(n) {
   const e = n.get(T);
   return {
-    id: vt.id,
-    type: $.BUTTON,
+    id: Ct.id,
+    type: ee.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
@@ -7807,11 +7807,11 @@ function Eu(n) {
 function Su(n) {
   const e = n.get(T);
   return {
-    id: qt.id,
-    type: $.BUTTON,
+    id: Kt.id,
+    type: ee.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
@@ -7834,9 +7834,9 @@ function Su(n) {
 function Iu(n) {
   const e = n.get(T);
   return {
-    id: wt.id,
+    id: Nt.id,
     tooltip: "toolbar.font",
-    type: $.SELECTOR,
+    type: ee.SELECTOR,
     label: Ji,
     selections: yc.map((t) => ({
       label: {
@@ -7845,11 +7845,11 @@ function Iu(n) {
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new me((t) => {
-      const o = vi.ff, s = e.onCommandExecuted((r) => {
+    value$: new pe((t) => {
+      const o = Ci.ff, s = e.onCommandExecuted((r) => {
         var a;
         const i = r.id;
-        if (i === we.id || i === wt.id) {
+        if (i === we.id || i === Nt.id) {
           const c = ht(n);
           if (c == null) {
             t.next(o);
@@ -7865,11 +7865,11 @@ function Iu(n) {
     hidden$: te(n, _.UNIVER_DOC)
   };
 }
-function vu(n) {
+function Cu(n) {
   const e = n.get(T);
   return {
-    id: Pt.id,
-    type: $.SELECTOR,
+    id: wt.id,
+    type: ee.SELECTOR,
     tooltip: "toolbar.fontSize",
     label: {
       name: $i,
@@ -7881,11 +7881,11 @@ function vu(n) {
     },
     selections: Tc,
     // disabled$,
-    value$: new me((t) => {
-      const o = vi.fs, s = e.onCommandExecuted((r) => {
+    value$: new pe((t) => {
+      const o = Ci.fs, s = e.onCommandExecuted((r) => {
         var a;
         const i = r.id;
-        if (i === we.id || i === Pt.id) {
+        if (i === we.id || i === wt.id) {
           const c = ht(n);
           if (c == null) {
             t.next(o);
@@ -7901,13 +7901,13 @@ function vu(n) {
     hidden$: te(n, _.UNIVER_DOC)
   };
 }
-function Cu(n) {
+function vu(n) {
   const e = n.get(T), t = n.get(Ii);
   return {
-    id: Nt.id,
+    id: Qt.id,
     icon: "FontColor",
     tooltip: "toolbar.textColor.main",
-    type: $.BUTTON_SELECTOR,
+    type: ee.BUTTON_SELECTOR,
     selections: [
       {
         label: {
@@ -7917,9 +7917,9 @@ function Cu(n) {
         }
       }
     ],
-    value$: new me((o) => {
+    value$: new pe((o) => {
       const s = t.getCurrentTheme().textColor, r = e.onCommandExecuted((i) => {
-        if (i.id === Nt.id) {
+        if (i.id === Qt.id) {
           const a = i.params.value;
           o.next(a != null ? a : s);
         }
@@ -7934,17 +7934,17 @@ function Cu(n) {
 function Ru(n) {
   return {
     id: _s.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     icon: "HeaderFooterSingle",
     tooltip: "toolbar.headerFooter",
     hidden$: ao(te(n, _.UNIVER_DOC, void 0, et), uu(n), (e, t) => e || t)
   };
 }
-const bu = "GridSingle", va = "doc.menu.table";
+const bu = "GridSingle", Ca = "doc.menu.table";
 function xu(n) {
   return {
-    id: va,
-    type: $.SUBITEMS,
+    id: Ca,
+    type: ee.SUBITEMS,
     icon: bu,
     tooltip: "toolbar.table.main",
     disabled$: hu(n),
@@ -7956,7 +7956,7 @@ function Ou(n) {
   return {
     id: sr.id,
     title: "toolbar.table.insert",
-    type: $.BUTTON,
+    type: ee.BUTTON,
     hidden$: te(n, _.UNIVER_DOC)
   };
 }
@@ -7964,16 +7964,16 @@ function yu(n) {
   const e = n.get(T);
   return {
     id: go.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     icon: "LeftJustifyingSingle",
     tooltip: "toolbar.alignLeft",
     disabled$: xe(n),
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
         if (r === we.id || r === tt.id) {
-          const a = Co(n);
+          const a = vo(n);
           if (a == null)
             return;
           const c = (i = a.paragraphStyle) == null ? void 0 : i.horizontalAlign;
@@ -7989,15 +7989,15 @@ function Tu(n) {
   const e = n.get(T);
   return {
     id: fo.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     icon: "HorizontallySingle",
     tooltip: "toolbar.alignCenter",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
         if (r === we.id || r === tt.id) {
-          const a = Co(n);
+          const a = vo(n);
           if (a == null)
             return;
           const c = (i = a.paragraphStyle) == null ? void 0 : i.horizontalAlign;
@@ -8014,15 +8014,15 @@ function Bu(n) {
   const e = n.get(T);
   return {
     id: po.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     icon: "RightJustifyingSingle",
     tooltip: "toolbar.alignRight",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
         if (r === we.id || r === tt.id) {
-          const a = Co(n);
+          const a = vo(n);
           if (a == null)
             return;
           const c = (i = a.paragraphStyle) == null ? void 0 : i.horizontalAlign;
@@ -8039,15 +8039,15 @@ function Mu(n) {
   const e = n.get(T);
   return {
     id: mo.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     icon: "AlignTextBothSingle",
     tooltip: "toolbar.alignJustify",
-    activated$: new me((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((s) => {
         var i;
         const r = s.id;
         if (r === we.id || r === tt.id) {
-          const a = Co(n);
+          const a = vo(n);
           if (a == null)
             return;
           const c = (i = a.paragraphStyle) == null ? void 0 : i.horizontalAlign;
@@ -8060,7 +8060,7 @@ function Mu(n) {
     hidden$: te(n, _.UNIVER_DOC, void 0, et)
   };
 }
-const gn = (n) => new me((e) => {
+const fn = (n) => new pe((e) => {
   const t = n.get(N), o = n.get(G);
   let s;
   const r = t.focused$.subscribe((i) => {
@@ -8091,7 +8091,7 @@ const gn = (n) => new me((e) => {
 function _u(n) {
   return {
     id: ho.id,
-    type: $.BUTTON_SELECTOR,
+    type: ee.BUTTON_SELECTOR,
     slot: !0,
     selections: [
       {
@@ -8100,20 +8100,20 @@ function _u(n) {
           hoverable: !1,
           selectable: !1
         },
-        value$: gn(n)
+        value$: fn(n)
       }
     ],
     icon: "OrderSingle",
     tooltip: "toolbar.order",
     hidden$: te(n, _.UNIVER_DOC),
     disabled$: xe(n),
-    activated$: gn(n).pipe(pn((e) => e && e.indexOf("ORDER_LIST") === 0))
+    activated$: fn(n).pipe(mn((e) => e && e.indexOf("ORDER_LIST") === 0))
   };
 }
 function Du(n) {
   return {
     id: uo.id,
-    type: $.BUTTON_SELECTOR,
+    type: ee.BUTTON_SELECTOR,
     slot: !0,
     selections: [
       {
@@ -8122,36 +8122,36 @@ function Du(n) {
           hoverable: !1,
           selectable: !1
         },
-        value$: gn(n)
+        value$: fn(n)
       }
     ],
     icon: "UnorderSingle",
     tooltip: "toolbar.unorder",
     disabled$: xe(n),
     hidden$: te(n, _.UNIVER_DOC),
-    activated$: gn(n).pipe(pn((e) => e && e.indexOf("BULLET_LIST") === 0))
+    activated$: fn(n).pipe(mn((e) => e && e.indexOf("BULLET_LIST") === 0))
   };
 }
 function Pu(n) {
   return {
     id: ws.id,
-    type: $.BUTTON,
+    type: ee.BUTTON,
     icon: "TodoList",
     tooltip: "toolbar.checklist",
     disabled$: xe(n),
     hidden$: te(n, _.UNIVER_DOC),
-    activated$: gn(n).pipe(pn((e) => e && e.indexOf("CHECK_LIST") === 0))
+    activated$: fn(n).pipe(mn((e) => e && e.indexOf("CHECK_LIST") === 0))
   };
 }
 function wu(n) {
   const e = n.get(T), t = n.get(N);
   return {
-    id: vo.id,
-    type: $.BUTTON,
+    id: Co.id,
+    type: ee.BUTTON,
     icon: "KeyboardSingle",
     tooltip: "toolbar.documentFlavor",
     hidden$: te(n, _.UNIVER_DOC, void 0, et),
-    activated$: new me((o) => {
+    activated$: new pe((o) => {
       var i;
       const s = e.onCommandExecuted((a) => {
         var c;
@@ -8166,8 +8166,8 @@ function wu(n) {
 }
 function Nu(n) {
   return {
-    id: mn.id,
-    type: $.BUTTON,
+    id: En.id,
+    type: ee.BUTTON,
     title: "toolbar.resetColor",
     icon: "NoColor"
   };
@@ -8175,9 +8175,9 @@ function Nu(n) {
 function Qu(n) {
   const e = n.get(T), t = n.get(Ii);
   return {
-    id: Qt.id,
+    id: Ut.id,
     tooltip: "toolbar.fillColor.main",
-    type: $.BUTTON_SELECTOR,
+    type: ee.BUTTON_SELECTOR,
     icon: "PaintBucket",
     selections: [
       {
@@ -8188,9 +8188,9 @@ function Qu(n) {
         }
       }
     ],
-    value$: new me((o) => {
+    value$: new pe((o) => {
       const s = t.getCurrentTheme().primaryColor, r = e.onCommandExecuted((i) => {
-        if (i.id === Qt.id) {
+        if (i.id === Ut.id) {
           const a = i.params.value;
           o.next(a != null ? a : s);
         }
@@ -8224,7 +8224,7 @@ function ht(n) {
     }
   };
 }
-function Co(n) {
+function vo(n) {
   var l, d;
   const e = n.get(N), t = n.get(G), o = e.getCurrentUniverDocInstance(), s = t.getDocRanges(), r = (l = s.find((h) => h.isActive)) != null ? l : s[0];
   if (o == null || r == null)
@@ -8242,54 +8242,54 @@ function Co(n) {
   return null;
 }
 const Uu = {
-  [vr.FORMAT]: {
-    [zt.id]: {
+  [Cr.FORMAT]: {
+    [jt.id]: {
       order: 0,
       menuItemFactory: gu
     },
-    [jt.id]: {
+    [Gt.id]: {
       order: 1,
       menuItemFactory: fu
     },
-    [Gt.id]: {
+    [Yt.id]: {
       order: 2,
       menuItemFactory: pu
     },
-    [Yt.id]: {
+    [qt.id]: {
       order: 3,
       menuItemFactory: mu
     },
-    [vt.id]: {
+    [Ct.id]: {
       order: 4,
       menuItemFactory: Eu
     },
-    [qt.id]: {
+    [Kt.id]: {
       order: 5,
       menuItemFactory: Su
     },
-    [Pt.id]: {
+    [wt.id]: {
       order: 6,
-      menuItemFactory: vu
+      menuItemFactory: Cu
     },
-    [wt.id]: {
+    [Nt.id]: {
       order: 7,
       menuItemFactory: Iu
     },
-    [Nt.id]: {
+    [Qt.id]: {
       order: 8,
-      menuItemFactory: Cu
+      menuItemFactory: vu
     },
-    [Qt.id]: {
+    [Ut.id]: {
       order: 9,
       menuItemFactory: Qu,
-      [mn.id]: {
+      [En.id]: {
         order: 0,
         menuItemFactory: Nu
       }
     }
   },
-  [vr.LAYOUT]: {
-    [va]: {
+  [Cr.LAYOUT]: {
+    [Ca]: {
       order: 1,
       menuItemFactory: xu,
       [sr.id]: {
@@ -8329,7 +8329,7 @@ const Uu = {
       order: 9,
       menuItemFactory: Ru
     },
-    [vo.id]: {
+    [Co.id]: {
       order: 10,
       menuItemFactory: wu
     }
@@ -8389,7 +8389,7 @@ const Uu = {
           order: 2,
           menuItemFactory: Au
         },
-        [Cn.id]: {
+        [Rn.id]: {
           order: 3,
           menuItemFactory: lu
         }
@@ -8410,18 +8410,17 @@ let Hn = class extends ge {
     const n = this._componentManager;
     this.disposeWithMe(n.register(Ps, Vc)), this.disposeWithMe(n.register(Ji, _c)), this.disposeWithMe(n.register(Zi, Dc)), this.disposeWithMe(n.register($i, Pc)), this.disposeWithMe(n.register(na, Al)), this.disposeWithMe(n.register(ta, al)), this.disposeWithMe(n.register("TodoList", qi));
   }
-  // TODO: @zhangwei, why add workbook to docs-ui?
   _initUiParts() {
-    var t, o;
-    const n = this._univerInstanceService.getCurrentUnitForType(_.UNIVER_SHEET), e = this._configService.getConfig(Us);
-    (o = (t = e == null ? void 0 : e.layout) == null ? void 0 : t.docContainerConfig) != null && o.footer && !n && this.disposeWithMe(this._uiPartsService.registerComponent(wc.FOOTER, () => Nc(Wl, this._injector)));
+    var e, t;
+    const n = this._configService.getConfig(Us);
+    (t = (e = n == null ? void 0 : n.layout) == null ? void 0 : e.docContainerConfig) != null && t.footer && this.disposeWithMe(this._uiPartsService.registerComponent(wc.FOOTER, () => Nc(Wl, this._injector)));
   }
   _initMenus() {
     this._menuManagerService.mergeMenu(Uu);
   }
   _initShortCut() {
     [
-      Cl,
+      vl,
       Rl,
       bl,
       xl,
@@ -8451,7 +8450,7 @@ let Hn = class extends ge {
   _initFocusHandler() {
     this.disposeWithMe(
       this._layoutService.registerFocusHandler(_.UNIVER_DOC, (n) => {
-        this._injector.get(pe).getRenderById(n).with(Se).focus();
+        this._injector.get(fe).getRenderById(n).with(Se).focus();
       })
     );
   }
@@ -8482,7 +8481,7 @@ let kn = class extends dt {
       if (n == null)
         return;
       const { isEditing: e, unitId: t } = n;
-      t !== this._context.unitId || !e || this._context.unitId !== Cs && this._scrollToSelection();
+      t !== this._context.unitId || !e || this._context.unitId !== vs && this._scrollToSelection();
     });
   }
   scrollToRange(n) {
@@ -8497,7 +8496,7 @@ let kn = class extends dt {
     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 ct(r, s), { contentBoxPointGroup: A } = c.getRangePointData(n, n), { left: l, top: d, height: h } = Dn(A), u = l + i, g = d + a, f = t.getViewport(Je.VIEW_MAIN), p = this._editorService.getEditor(e);
+    const r = o.getOffsetConfig(), { docsLeft: i, docsTop: a } = r, c = new ct(r, s), { contentBoxPointGroup: A } = c.getRangePointData(n, n), { left: l, top: d, height: h } = Pn(A), u = l + i, g = d + a, f = t.getViewport(Je.VIEW_MAIN), p = this._editorService.getEditor(e);
     if (f == null)
       return;
     const {
@@ -8524,7 +8523,7 @@ let kn = class extends dt {
 kn = ku([
   Fo(1, j(G)),
   Fo(2, He),
-  Fo(3, j(ce))
+  Fo(3, j(Ae))
 ], kn);
 var Vu = Object.getOwnPropertyDescriptor, Wu = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Vu(e, t) : e, r = n.length - 1, i; r >= 0; r--)
@@ -8537,7 +8536,7 @@ let ss = class extends dt {
   }
   reRender(n) {
     var r, i;
-    const e = (r = this._renderManagerService.getRenderById(n)) == null ? void 0 : r.with(ce), t = e == null ? void 0 : e.getSkeleton();
+    const e = (r = this._renderManagerService.getRenderById(n)) == null ? void 0 : r.with(Ae), t = e == null ? void 0 : e.getSkeleton();
     if (!t || !!t.getViewModel().getDataModel().getSnapshot().disabled)
       return;
     t.calculate();
@@ -8626,7 +8625,7 @@ let ss = class extends dt {
         const I = zu(p);
         m = I.pageWidth, E = I.pageHeight;
       }
-      r.pageLayoutType === An.VERTICAL ? (A += E, A += r.pageMarginTop, g === f - 1 && (A += r.pageMarginTop), c = Math.max(c, m)) : r.pageLayoutType === An.HORIZONTAL && (c += m, g !== f - 1 && (c += r.pageMarginLeft), A = Math.max(A, E));
+      r.pageLayoutType === ln.VERTICAL ? (A += E, A += r.pageMarginTop, g === f - 1 && (A += r.pageMarginTop), c = Math.max(c, m)) : r.pageLayoutType === ln.HORIZONTAL && (c += m, g !== f - 1 && (c += r.pageMarginLeft), A = Math.max(A, E));
     }
     r.resize(c, A), i.resize(c, A);
     const h = this._editorService.getEditor(o);
@@ -8636,9 +8635,9 @@ let ss = class extends dt {
 ss = Wu([
   bt(1, T),
   bt(2, j(Se)),
-  bt(3, j(ce)),
+  bt(3, j(Ae)),
   bt(4, He),
-  bt(5, pe),
+  bt(5, fe),
   bt(6, N)
 ], ss);
 function zu(n) {
@@ -8651,7 +8650,7 @@ function zu(n) {
     e = Math.max(e, A.left + A.width + o + s), t = Math.max(t, A.top + A.height + r + i);
   return { pageWidth: e, pageHeight: t };
 }
-const Ca = {
+const va = {
   id: "doc.command.select-all",
   type: w.COMMAND,
   handler: async (n) => {
@@ -8743,7 +8742,7 @@ const Ra = {
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
     var P, oe, re;
-    const { unitId: t, newText: o, oldTextLen: s, isCompositionEnd: r, isCompositionStart: i } = e, a = n.get(T), c = n.get(pe), A = n.get(N), l = n.get(Ze), d = (P = c.getRenderById(t)) == null ? void 0 : P.with(Ro), h = A.getUnit(t, _.UNIVER_DOC);
+    const { unitId: t, newText: o, oldTextLen: s, isCompositionEnd: r, isCompositionStart: i } = e, a = n.get(T), c = n.get(fe), A = n.get(N), l = n.get(Ze), d = (P = c.getRenderById(t)) == null ? void 0 : P.with(Ro), h = A.getUnit(t, _.UNIVER_DOC);
     if (h == null || d == null)
       return !1;
     const u = d.getActiveRange();
@@ -8767,15 +8766,15 @@ const Ra = {
         actions: [],
         textRanges: R
       }
-    }, v = l.getDefaultStyle(), b = l.getStyleCache(), y = Os((oe = p.customRanges) != null ? oe : [], E + s, rn.includes(t)), D = co(
+    }, v = l.getDefaultStyle(), b = l.getStyleCache(), y = Os((oe = p.customRanges) != null ? oe : [], E + s, an.includes(t)), D = co(
       p,
       i ? I : E + s,
       v,
       b,
-      rn.includes(t)
+      an.includes(t)
     ), x = ys((re = p.customDecorations) != null ? re : [], E + s), M = new Ie(), B = k.getInstance();
     if (!u.collapsed && i) {
-      const Y = Ce.selection.delete([u], p, 0, null, !1);
+      const Y = ve.selection.delete([u], p, 0, null, !1);
       M.push(...Y), S.params.textRanges = [{
         startOffset: E + C,
         endOffset: E + C,
@@ -8936,7 +8935,7 @@ let Wn = class extends ge {
   _initListTabAutoFormat() {
     this.disposeWithMe(
       this._docAutoFormatService.registerAutoFormat({
-        id: Dt.id,
+        id: Pt.id,
         match: (n) => {
           var s;
           const { selection: e, paragraphs: t, unit: o } = n;
@@ -8956,7 +8955,7 @@ let Wn = class extends ge {
           return [{
             id: ts.id,
             params: {
-              type: e != null && e.shift ? wn.decrease : wn.increase
+              type: e != null && e.shift ? Nn.decrease : Nn.increase
             }
           }];
         },
@@ -8964,9 +8963,9 @@ let Wn = class extends ge {
       })
     ), this.disposeWithMe(
       this._docAutoFormatService.registerAutoFormat({
-        id: Dt.id,
+        id: Pt.id,
         match: (n) => {
-          const { selection: e, unit: t } = n, { startNodePosition: o, endNodePosition: s } = e, r = this._renderManagerService.getRenderById(t.getUnitId()), i = r == null ? void 0 : r.with(ce).getSkeleton();
+          const { selection: e, unit: t } = n, { startNodePosition: o, endNodePosition: s } = e, r = this._renderManagerService.getRenderById(t.getUnitId()), i = r == null ? void 0 : r.with(Ae).getSkeleton();
           return i == null ? !1 : !!(o && s && Hi(i, o, s) || o && !s && o.path.indexOf("cells") > -1);
         },
         getMutations(n) {
@@ -9015,7 +9014,7 @@ let Wn = class extends ge {
   _initExitListAutoFormat() {
     this.disposeWithMe(
       this._docAutoFormatService.registerAutoFormat({
-        id: un.id,
+        id: hn.id,
         match: (n) => {
           const { paragraphs: e } = n;
           return !!(e.length === 1 && e[0].bullet && e[0].paragraphStart === e[0].paragraphEnd);
@@ -9025,10 +9024,10 @@ let Wn = class extends ge {
           return e ? e.nestingLevel > 0 ? [{
             id: ts.id,
             params: {
-              type: wn.decrease
+              type: Nn.decrease
             }
           }] : [{
-            id: En.id,
+            id: Sn.id,
             params: {
               listType: n.paragraphs[0].bullet.listType
             }
@@ -9040,7 +9039,7 @@ let Wn = class extends ge {
   _initDefaultEnterFormat() {
     this.disposeWithMe(
       this._docAutoFormatService.registerAutoFormat({
-        id: un.id,
+        id: hn.id,
         match: () => !0,
         getMutations() {
           return [{
@@ -9054,7 +9053,7 @@ let Wn = class extends ge {
 };
 Wn = Ju([
   ni(0, j(St)),
-  ni(1, pe)
+  ni(1, fe)
 ], Wn);
 function Zu(n) {
   return n.rows[0].cells[0].sections[0].columns[0].lines[0];
@@ -9081,7 +9080,7 @@ function oi(n) {
       lineBeforeTable: t,
       lineAfterTable: o
     };
-  const { st: s, ed: r } = n, i = e.type === ve.CELL ? [e] : e.parent.pages;
+  const { st: s, ed: r } = n, i = e.type === Ce.CELL ? [e] : e.parent.pages;
   return fc(i, (a) => {
     a.st === r + 1 ? o = a : a.ed === s - 1 && (t = a);
   }), {
@@ -9165,7 +9164,7 @@ var sh = Object.getOwnPropertyDescriptor, rh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? sh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, xn = (n, e) => (t, o) => e(t, o, n);
+}, On = (n, e) => (t, o) => e(t, o, n);
 let zn = class extends ge {
   constructor(e, t, o, s) {
     super();
@@ -9200,7 +9199,7 @@ let zn = class extends ge {
     const t = this._textSelectionManagerService.getActiveTextRange(), o = this._textSelectionManagerService.getTextRanges(), s = this._univerInstanceService.getCurrentUniverDocInstance();
     if (s == null)
       return;
-    const r = (I = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : I.with(ce).getSkeleton(), i = this._getDocObject();
+    const r = (I = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : I.with(Ae).getSkeleton(), i = this._getDocObject();
     if (t == null || r == null || i == null)
       return;
     const {
@@ -9273,7 +9272,7 @@ let zn = class extends ge {
     const t = this._textSelectionManagerService.getActiveTextRange(), o = this._textSelectionManagerService.getTextRanges(), s = this._univerInstanceService.getCurrentUniverDocInstance();
     if (s == null)
       return !1;
-    const r = (E = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : E.with(ce).getSkeleton(), i = this._getDocObject();
+    const r = (E = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : E.with(Ae).getSkeleton(), i = this._getDocObject();
     if (t == null || r == null || i == null || o == null)
       return;
     const { startOffset: a, endOffset: c, style: A, collapsed: l, segmentId: d, startNodePosition: h, endNodePosition: u, segmentPage: g } = t, f = s.getSelfOrHeaderFooterModel(d).getBody();
@@ -9390,7 +9389,7 @@ let zn = class extends ge {
     if (A === -1)
       return;
     let l;
-    if (c.type === ve.CELL && o) {
+    if (c.type === Ce.CELL && o) {
       const x = si(c, t);
       if (x)
         return x;
@@ -9434,7 +9433,7 @@ let zn = class extends ge {
     }
     if (l != null)
       return l;
-    if (c.type === ve.CELL)
+    if (c.type === Ce.CELL)
       return si(c, t);
     const u = c.parent;
     if (u == null)
@@ -9468,10 +9467,10 @@ let zn = class extends ge {
   }
 };
 zn = rh([
-  xn(0, N),
-  xn(1, pe),
-  xn(2, j(G)),
-  xn(3, T)
+  On(0, N),
+  On(1, fe),
+  On(2, j(G)),
+  On(3, T)
 ], zn);
 function si(n, e) {
   var o, s;
@@ -9504,7 +9503,7 @@ const ih = "univer-create", ah = "univer-create-item", ch = "univer-create-label
   handleRowColChange: n,
   tableCreateParams: e
 }) => {
-  const t = ee($e), [o, s] = Re(3), [r, i] = Re(5);
+  const t = $($e), [o, s] = Re(3), [r, i] = Re(5);
   function a(c, A) {
     s(c), i(A), n(c, A);
   }
@@ -9514,7 +9513,7 @@ const ih = "univer-create", ah = "univer-create-item", ch = "univer-create-label
     /* @__PURE__ */ de("div", { className: ft.createItem, children: [
       /* @__PURE__ */ V("span", { className: ft.createLabel, children: t.t("toolbar.table.rowCount") }),
       /* @__PURE__ */ V(
-        dn,
+        un,
         {
           min: 1,
           max: 20,
@@ -9530,7 +9529,7 @@ const ih = "univer-create", ah = "univer-create-item", ch = "univer-create-label
     /* @__PURE__ */ de("div", { className: ft.createItem, children: [
       /* @__PURE__ */ V("span", { className: ft.createLabel, children: t.t("toolbar.table.colCount") }),
       /* @__PURE__ */ V(
-        dn,
+        un,
         {
           min: 1,
           max: 20,
@@ -9578,7 +9577,7 @@ var hh = Object.getOwnPropertyDescriptor, gh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? hh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, On = (n, e) => (t, o) => e(t, o, n);
+}, yn = (n, e) => (t, o) => e(t, o, n);
 function Ta(n, e) {
   const t = ai(n.left, n.top, e), o = ai(n.right, n.bottom, e);
   return {
@@ -9615,7 +9614,7 @@ function ci(n, e, t) {
   };
 }
 const ko = (n, e) => {
-  const { scene: t, mainComponent: o, engine: s } = e, r = e.with(ce).getSkeleton(), i = r.findNodePositionByCharIndex(n.startOffset, !0, n.segmentId, n.segmentPage), a = r.findNodePositionByCharIndex(n.endOffset, !0, n.segmentId, n.segmentPage), c = o;
+  const { scene: t, mainComponent: o, engine: s } = e, r = e.with(Ae).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 A = c.getOffsetConfig(), { docsLeft: l, docsTop: d } = A, h = s.getCanvasElement(), u = h.getBoundingClientRect(), g = Oi(h.style.width), { top: f, left: p, width: m } = u, E = m / g, { scaleX: I, scaleY: C } = t.getAncestorScale(), R = new ct(A, r), { borderBoxPointGroup: S } = R.getRangePointData(i, a);
@@ -9644,7 +9643,7 @@ let as = class extends ge {
         top: m.top * R + E,
         bottom: m.bottom * R + E
       };
-    }, o = t(), s = new Le(o), r = new Nn();
+    }, o = t(), s = new Le(o), r = new rn();
     r.add(this._commandService.onCommandExecuted((a) => {
       if (a.id === qe.id || a.id === J.id) {
         const c = t();
@@ -9662,7 +9661,7 @@ let as = class extends ge {
   }
   _createRangePositionObserver(n, e) {
     var i;
-    const t = (i = ko(n, e)) != null ? i : [], o = new Le(t), s = new Nn();
+    const t = (i = ko(n, e)) != null ? i : [], o = new Le(t), s = new rn();
     s.add(this._commandService.onCommandExecuted((a) => {
       if ((a.id === qe.id || a.id === J.id) && a.params.unitId === e.unitId) {
         const A = ko(n, e);
@@ -9719,7 +9718,7 @@ let as = class extends ge {
     const { direction: s = "top", multipleDirection: r } = e, i = this._renderManagerService.getRenderById(t);
     if (!i)
       throw new Error(`Current render not found, unitId: ${t}`);
-    const { positions: a, positions$: c, disposable: A } = this._createRangePositionObserver(n, i), l = c.pipe(pn((h) => s.includes("top") ? h[0] : h[h.length - 1])), d = this._globalPopupManagerService.addPopup({
+    const { positions: a, positions$: c, disposable: A } = this._createRangePositionObserver(n, i), l = c.pipe(mn((h) => s.includes("top") ? h[0] : h[h.length - 1])), d = this._globalPopupManagerService.addPopup({
       ...e,
       unitId: t,
       subUnitId: "default",
@@ -9740,10 +9739,10 @@ let as = class extends ge {
   // #endregion
 };
 as = gh([
-  On(0, j(Qc)),
-  On(1, pe),
-  On(2, N),
-  On(3, T)
+  yn(0, j(Qc)),
+  yn(1, fe),
+  yn(2, N),
+  yn(3, T)
 ], as);
 var fh = Object.getOwnPropertyDescriptor, ph = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? fh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
@@ -9824,7 +9823,7 @@ let Gn = class extends ge {
     this.disposeWithMe(this._skeleton.dirty$.subscribe(() => {
       this._customRangeDirty = !0, this._bulletDirty = !0;
     })), this.disposeWithMe(
-      nn(this._context.engine.onTransformChange$).pipe(
+      on(this._context.engine.onTransformChange$).pipe(
         Un((e) => e.type === yi.resize)
       ).subscribe(() => {
         this._customRangeDirty = !0, this._bulletDirty = !0;
@@ -9832,7 +9831,7 @@ let Gn = class extends ge {
     );
   }
   _initEvents() {
-    this.disposeWithMe(nn(this._context.scene.onPointerMove$).pipe(Qi(30)).subscribe((o) => {
+    this.disposeWithMe(on(this._context.scene.onPointerMove$).pipe(Qi(30)).subscribe((o) => {
       this._hoverCustomRanges$.next(
         this._calcActiveRanges(o)
       ), this._hoverBullet$.next(
@@ -9841,9 +9840,9 @@ let Gn = class extends ge {
     })), this.disposeWithMe(this._context.scene.onPointerEnter$.subscribeEvent(() => {
       this._hoverBullet$.next(null), this._hoverCustomRanges$.next([]);
     }));
-    const e = nn(this._context.mainComponent.onPointerDown$), t = nn(this._context.scene.onPointerUp$);
+    const e = on(this._context.mainComponent.onPointerDown$), t = on(this._context.scene.onPointerUp$);
     this.disposeWithMe(e.pipe(
-      Wc((o) => t.pipe(zc(1), pn((s) => ({ down: o, up: s })))),
+      Wc((o) => t.pipe(zc(1), mn((s) => ({ down: o, up: s })))),
       Un(({ down: o, up: s }) => o.target === s.target && s.timeStamp - o.timeStamp < 300)
       // filter(({ down, up }) => down.offsetX === up.offsetX && down.offsetY === up.offsetY)
     ).subscribe(({ down: o }) => {
@@ -9957,13 +9956,13 @@ let Gn = class extends ge {
   }
 };
 Gn = ph([
-  mh(1, j(ce))
+  mh(1, j(Ae))
 ], Gn);
-var Ih = Object.getOwnPropertyDescriptor, vh = (n, e, t, o) => {
+var Ih = Object.getOwnPropertyDescriptor, Ch = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Ih(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, yn = (n, e) => (t, o) => e(t, o, n);
+}, Tn = (n, e) => (t, o) => e(t, o, n);
 let cs = class extends ge {
   constructor(n, e, t, o, s) {
     super(), this._context = n, this._docSkeletonManagerService = e, this._commandService = t, this._docEventManagerService = o, this._textSelectionManagerService = s, this._initPointerDownObserver(), this._initHoverCursor();
@@ -9986,22 +9985,22 @@ let cs = class extends ge {
     );
   }
   _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(An.FromArray([t, o]));
     if (r)
       return s.clone().invert().applyPoint(r);
   }
 };
-cs = vh([
-  yn(1, j(ce)),
-  yn(2, T),
-  yn(3, j(Gn)),
-  yn(4, j(G))
+cs = Ch([
+  Tn(1, j(Ae)),
+  Tn(2, T),
+  Tn(3, j(Gn)),
+  Tn(4, j(G))
 ], cs);
-var Ch = Object.getOwnPropertyDescriptor, Rh = (n, e, t, o) => {
-  for (var s = o > 1 ? void 0 : o ? Ch(e, t) : e, r = n.length - 1, i; r >= 0; r--)
+var vh = Object.getOwnPropertyDescriptor, Rh = (n, e, t, o) => {
+  for (var s = o > 1 ? void 0 : o ? vh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, Zt = (n, e) => (t, o) => e(t, o, n);
+}, $t = (n, e) => (t, o) => e(t, o, n);
 let Yn = class extends dt {
   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();
@@ -10024,11 +10023,11 @@ let Yn = class extends dt {
   }
 };
 Yn = Rh([
-  Zt(1, T),
-  Zt(2, vn),
-  Zt(3, j(Se)),
-  Zt(4, ms),
-  Zt(5, He)
+  $t(1, T),
+  $t(2, vn),
+  $t(3, j(Se)),
+  $t(4, ms),
+  $t(5, He)
 ], Yn);
 var bh = Object.getOwnPropertyDescriptor, xh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? bh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
@@ -10038,7 +10037,7 @@ var bh = Object.getOwnPropertyDescriptor, xh = (n, e, t, o) => {
 const Oh = [
   fi,
   Ga,
-  Cs,
+  vs,
   et
 ];
 let As = class extends ge {
@@ -10127,12 +10126,21 @@ let qn = class extends ge {
         const r = o.target.classList[0] || "";
         Ya(r, e) && o.stopPropagation();
       })
-    ), this._univerInstanceService.getAllUnitsForType(_.UNIVER_SHEET).forEach((o) => {
-      const s = o.getUnitId(), r = this._renderManagerService.getRenderById(s), i = r == null ? void 0 : r.engine.getCanvas().getCanvasEle();
-      i != null && Ue(i, "mousedown").subscribe((a) => {
-        a.stopPropagation();
-      });
-    });
+    );
+    const t = new rn();
+    this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(_.UNIVER_SHEET).subscribe((o) => {
+        if (t.dispose(), !o)
+          return;
+        const s = o.getUnitId(), r = this._renderManagerService.getRenderById(s), i = r == null ? void 0 : r.engine.getCanvas().getCanvasEle();
+        if (i == null)
+          return;
+        const a = Ue(i, "mousedown").subscribe((c) => {
+          c.stopPropagation();
+        });
+        t.add(a);
+      })
+    ), this.disposeWithMe(() => t.dispose());
   }
   /**
    * Listen to document edits to refresh the size of the formula editor.
@@ -10157,14 +10165,14 @@ qn = Th([
   xt(2, He),
   xt(3, T),
   xt(4, j(Se)),
-  xt(5, j(ce)),
-  xt(6, pe)
+  xt(5, j(Ae)),
+  xt(6, fe)
 ], qn);
 var Bh = Object.getOwnPropertyDescriptor, Mh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Bh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, Tn = (n, e) => (t, o) => e(t, o, n);
+}, Bn = (n, e) => (t, o) => e(t, o, n);
 let ls = class extends ge {
   constructor(e, t, o, s, r) {
     super();
@@ -10221,16 +10229,16 @@ let ls = class extends ge {
   }
 };
 ls = Mh([
-  Tn(1, j(Se)),
-  Tn(2, j(Ro)),
-  Tn(3, j(ce)),
-  Tn(4, T)
+  Bn(1, j(Se)),
+  Bn(2, j(Ro)),
+  Bn(3, j(Ae)),
+  Bn(4, T)
 ], ls);
 var _h = Object.getOwnPropertyDescriptor, Dh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? _h(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, Bn = (n, e) => (t, o) => e(t, o, n);
+}, Mn = (n, e) => (t, o) => e(t, o, n);
 let ds = class extends ge {
   constructor(e, t, o, s, r) {
     super();
@@ -10252,7 +10260,7 @@ let ds = class extends ge {
       const { unitId: t } = this._context, { event: o, content: s = "", activeRange: r } = e, i = o, a = this._docSkeletonManagerService.getSkeleton();
       if (i.data == null || a == null || r == null)
         return;
-      const { segmentId: c } = r, l = this._context.unit.getSelfOrHeaderFooterModel(c).getBody(), d = this._docMenuStyleService.getDefaultStyle(), h = this._docMenuStyleService.getStyleCache(), u = Os((p = l == null ? void 0 : l.customRanges) != null ? p : [], r.endOffset, rn.includes(t)), g = co(l, r.endOffset, d, h, rn.includes(t)), f = ys((m = l == null ? void 0 : l.customDecorations) != null ? m : [], r.endOffset);
+      const { segmentId: c } = r, l = this._context.unit.getSelfOrHeaderFooterModel(c).getBody(), d = this._docMenuStyleService.getDefaultStyle(), h = this._docMenuStyleService.getStyleCache(), u = Os((p = l == null ? void 0 : l.customRanges) != null ? p : [], r.endOffset, an.includes(t)), g = co(l, r.endOffset, d, h, an.includes(t)), f = ys((m = l == null ? void 0 : l.customDecorations) != null ? m : [], r.endOffset);
       await this._commandService.executeCommand(Vs.id, {
         unitId: t,
         body: {
@@ -10282,10 +10290,10 @@ let ds = class extends ge {
   }
 };
 ds = Dh([
-  Bn(1, j(Se)),
-  Bn(2, j(ce)),
-  Bn(3, T),
-  Bn(4, j(Ze))
+  Mn(1, j(Se)),
+  Mn(2, j(Ae)),
+  Mn(3, T),
+  Mn(4, j(Ze))
 ], ds);
 class ar extends ge {
   constructor(e) {
@@ -10319,7 +10327,7 @@ let us = class extends ge {
   }
   _initResize() {
     this.disposeWithMe(
-      nn(this._context.engine.onTransformChange$).pipe(
+      on(this._context.engine.onTransformChange$).pipe(
         Un((n) => n.type === yi.resize),
         Qi(0, jc)
       ).subscribe(() => {
@@ -10385,7 +10393,7 @@ let hs = class extends ge {
       const c = this._docSkeletonManagerService.getSkeleton(), { offsetX: A, offsetY: l } = r, d = this._getTransformCoordForDocumentOffset(A, l);
       if (d != null) {
         const {
-          pageLayoutType: h = An.VERTICAL,
+          pageLayoutType: h = ln.VERTICAL,
           pageMarginLeft: u,
           pageMarginTop: g
         } = o.getOffsetConfig(), { editArea: f } = c.findEditAreaByCoord(
@@ -10394,7 +10402,7 @@ let hs = class extends ge {
           u,
           g
         ), p = this._docSkeletonManagerService.getViewModel(), m = p.getEditArea();
-        m !== fe.BODY && f !== fe.BODY && f !== m && p.setEditArea(f);
+        m !== me.BODY && f !== me.BODY && f !== m && p.setEditArea(f);
       }
       if (this._docSelectionRenderService.__onPointDown(r), this._editorService.getEditor(e)) {
         this._setEditorFocus(e);
@@ -10414,7 +10422,7 @@ let hs = class extends ge {
     const o = at(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(An.FromArray([e, t]));
     return i.clone().invert().applyPoint(c);
   }
   _isEditorReadOnly(e) {
@@ -10463,7 +10471,7 @@ hs = Qh([
   Ot(2, He),
   Ot(3, N),
   Ot(4, j(Se)),
-  Ot(5, j(ce)),
+  Ot(5, j(Ae)),
   Ot(6, j(G))
 ], hs);
 var Uh = Object.getOwnPropertyDescriptor, Lh = (n, e, t, o) => {
@@ -10481,7 +10489,7 @@ let gs = class extends ge {
         return;
       const { unitId: e, scene: t } = this._context;
       this._editorService.isEditor(e) || this.disposeWithMe(t.onMouseWheel$.subscribeEvent((o) => {
-        if (!o.ctrlKey || !this._contextService.getContextValue(fn))
+        if (!o.ctrlKey || !this._contextService.getContextValue(pn))
           return;
         const s = this._univerInstanceService.getCurrentUniverDocInstance();
         if (!s)
@@ -10520,7 +10528,7 @@ let gs = class extends ge {
       }
     })), this.disposeWithMe(
       this._commandService.beforeCommandExecuted((e) => {
-        e.id === vo.id && this._commandService.executeCommand(rs.id, {
+        e.id === Co.id && this._commandService.executeCommand(rs.id, {
           zoomRatio: 1,
           unitId: this._context.unitId
         });
@@ -10535,7 +10543,7 @@ let gs = class extends ge {
 };
 gs = Lh([
   pt(1, ms),
-  pt(2, j(ce)),
+  pt(2, j(Ae)),
   pt(3, N),
   pt(4, T),
   pt(5, j(G)),
@@ -10546,7 +10554,7 @@ var Fh = Object.getOwnPropertyDescriptor, Hh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Fh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, $t = (n, e) => (t, o) => e(t, o, n);
+}, en = (n, e) => (t, o) => e(t, o, n);
 const di = 300;
 let Kn = class extends dt {
   constructor(e, t, o, s, r) {
@@ -10668,11 +10676,11 @@ let Kn = class extends dt {
   }
 };
 Kn = Hh([
-  $t(0, j(eo)),
-  $t(1, T),
-  $t(2, N),
-  $t(3, j(Za)),
-  $t(4, pe)
+  en(0, j(eo)),
+  en(1, T),
+  en(2, N),
+  en(3, j(Za)),
+  en(4, fe)
 ], Kn);
 var kh = Object.getOwnPropertyDescriptor, Vh = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? kh(e, t) : e, r = n.length - 1, i; r >= 0; r--)
@@ -10692,7 +10700,7 @@ let Xn = class extends dt {
     const e = n.getUnitId(), t = (o = this._instanceSrv.getCurrentUnitForType(_.UNIVER_DOC)) == null ? void 0 : o.getUnitId();
     this._renderManagerService.created$.subscribe((s) => {
       s.unitId === t && (s.engine.getCanvas().setId(hi), s.engine.getCanvas().getContext().setId(hi));
-    }), this._renderManagerService.has(e) || (this._createRenderWithId(e), this._renderManagerService.setCurrent(e));
+    }), this._renderManagerService.has(e) || this._createRenderWithId(e);
   }
   _createRenderWithId(n) {
     this._renderManagerService.createRender(n);
@@ -10704,7 +10712,7 @@ let Xn = class extends dt {
 };
 Xn = Vh([
   ui(0, N),
-  ui(1, pe)
+  ui(1, fe)
 ], Xn);
 class Wh extends ge {
   constructor() {
@@ -10739,7 +10747,7 @@ class Wh extends ge {
 const zh = Es(
   "univer.range-selector.service"
 ), jh = {
-  id: un.id,
+  id: hn.id,
   preconditions: ul,
   binding: W.ENTER
 }, Gh = {
@@ -10807,15 +10815,15 @@ const zh = Es(
     direction: ie.RIGHT
   }
 }, ng = {
-  id: Ca.id,
+  id: va.id,
   binding: W.A | K.CTRL_COMMAND,
-  preconditions: (n) => n.getContextValue(Is) && (n.getContextValue(fn) || n.getContextValue(Qn))
+  preconditions: (n) => n.getContextValue(Is) && (n.getContextValue(pn) || n.getContextValue(Qn))
 };
 var og = Object.defineProperty, sg = Object.getOwnPropertyDescriptor, rg = (n, e, t) => e in n ? og(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ig = (n, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? sg(e, t) : e, r = n.length - 1, i; r >= 0; r--)
     (i = n[r]) && (s = i(s) || s);
   return s;
-}, en = (n, e) => (t, o) => e(t, o, n), ag = (n, e, t) => rg(n, e + "", t);
+}, tn = (n, e) => (t, o) => e(t, o, n), ag = (n, e, t) => rg(n, e + "", t);
 let fs = class extends Ka {
   // static override type = UniverInstanceType.UNIVER_DOC;
   constructor(n = Yr, e, t, o, s, r) {
@@ -10837,7 +10845,7 @@ let fs = class extends Ka {
     this._initUI(), this._initRenderModules(), fr(this._injector, [
       [Wn],
       [zn],
-      [Ft],
+      [Ht],
       [jn],
       // FIXME: LifecycleStages.Rendered must be used, otherwise the menu cannot be added to the DOM, but the sheet ui
       // plugin can be added in LifecycleStages.Ready
@@ -10848,28 +10856,28 @@ let fs = class extends Ka {
     [
       So,
       da,
-      zt,
       jt,
       Gt,
       Yt,
-      vt,
       qt,
-      Pt,
+      Ct,
+      Kt,
       wt,
       Nt,
-      mn,
       Qt,
+      En,
+      Ut,
       ut,
       ma,
       Vs,
-      hn,
+      gn,
       Ws,
       la,
       zs,
       qe,
       ho,
       uo,
-      En,
+      Sn,
       go,
       fo,
       po,
@@ -10884,27 +10892,27 @@ let fs = class extends Ka {
       or,
       Xs,
       Js,
-      Cn,
+      Rn,
       Ds,
       ba,
-      Dt,
+      Pt,
       Ao,
-      un,
+      hn,
       ts,
       lo,
       ws,
       Ns,
       ra,
       Ra,
-      vo,
+      Co,
       Ke,
       Aa,
-      Ut,
+      Lt,
       iA,
       Ui,
       aA,
       rs,
-      Ca,
+      va,
       rr,
       At,
       lt,
@@ -10941,7 +10949,7 @@ let fs = class extends Ka {
       [jn],
       [zn],
       [Vn],
-      [Ft],
+      [Ht],
       [He, { useClass: Jo }],
       [zh, { useClass: Wh }],
       [vn, { useClass: os }],
@@ -10968,7 +10976,7 @@ let fs = class extends Ka {
   }
   _initRenderBasics() {
     [
-      [ce],
+      [Ae],
       [Se],
       [$a],
       [ar],
@@ -11000,11 +11008,11 @@ let fs = class extends Ka {
 ag(fs, "pluginName", $c);
 fs = ig([
   qa(mc),
-  en(1, j(so)),
-  en(2, pe),
-  en(3, T),
-  en(4, ps),
-  en(5, Rs)
+  tn(1, j(so)),
+  tn(2, fe),
+  tn(3, T),
+  tn(4, ps),
+  tn(5, Rs)
 ], fs);
 export {
   Ao as AfterSpaceCommand,
@@ -11016,12 +11024,12 @@ export {
   ma as BreakLineCommand,
   uo as BulletListCommand,
   ts as ChangeListNestingLevelCommand,
-  wn as ChangeListNestingLevelType,
+  Nn as ChangeListNestingLevelType,
   lo as ChangeListTypeCommand,
   ws as CheckListCommand,
   aA as CoverContentCommand,
   Ea as CreateDocTableCommand,
-  Ut as CutContentCommand,
+  Lt as CutContentCommand,
   eA as DOCS_COMPONENT_BACKGROUND_LAYER_INDEX,
   Or as DOCS_COMPONENT_DEFAULT_Z_INDEX,
   tA as DOCS_COMPONENT_HEADER_LAYER_INDEX,
@@ -11031,7 +11039,7 @@ export {
   ii as DOC_VERTICAL_PADDING,
   Zc as DefaultDocContainerConfig,
   Jc as DefaultToolbarConfig,
-  hn as DeleteCommand,
+  gn as DeleteCommand,
   Ws as DeleteCustomBlockCommand,
   So as DeleteLeftCommand,
   da as DeleteRightCommand,
@@ -11045,12 +11053,12 @@ export {
   Ro as DocIMEInputManagerService,
   Ks as DocPasteCommand,
   ss as DocRenderController,
-  Ca as DocSelectAllCommand,
+  va as DocSelectAllCommand,
   Se as DocSelectionRenderService,
   Kn as DocStateChangeManagerService,
   Js as DocTableDeleteColumnsCommand,
   Xs as DocTableDeleteRowsCommand,
-  Cn as DocTableDeleteTableCommand,
+  Rn as DocTableDeleteTableCommand,
   xd as DocTableInsertColumnCommand,
   nr as DocTableInsertColumnLeftCommand,
   or as DocTableInsertColumnRightCommand,
@@ -11064,14 +11072,14 @@ export {
   bA as Editor,
   rd as EditorInsertTextCommandId,
   Jo as EditorService,
-  un as EnterCommand,
+  hn as EnterCommand,
   vn as IDocClipboardService,
   He as IEditorService,
   Ra as IMEInputCommand,
   zh as IRangeSelectorService,
   Aa as InnerPasteCommand,
   Vs as InsertCommand,
-  En as ListOperationCommand,
+  Sn as ListOperationCommand,
   zs as MergeTwoParagraphCommand,
   At as MoveCursorOperation,
   lt as MoveSelectionOperation,
@@ -11088,37 +11096,37 @@ export {
   iA as ReplaceContentCommand,
   Ui as ReplaceSnapshotCommand,
   AA as ReplaceTextRunsCommand,
-  mn as ResetInlineFormatTextBackgroundColorCommand,
+  En as ResetInlineFormatTextBackgroundColorCommand,
   Og as RichTextEditor,
   rs as SetDocZoomRatioCommand,
   qe as SetDocZoomRatioOperation,
-  zt as SetInlineFormatBoldCommand,
+  jt as SetInlineFormatBoldCommand,
   ut as SetInlineFormatCommand,
-  wt as SetInlineFormatFontFamilyCommand,
-  Pt as SetInlineFormatFontSizeCommand,
-  jt as SetInlineFormatItalicCommand,
-  Yt as SetInlineFormatStrikethroughCommand,
-  vt as SetInlineFormatSubscriptCommand,
-  qt as SetInlineFormatSuperscriptCommand,
-  Qt as SetInlineFormatTextBackgroundColorCommand,
-  Nt as SetInlineFormatTextColorCommand,
-  Gt as SetInlineFormatUnderlineCommand,
+  Nt as SetInlineFormatFontFamilyCommand,
+  wt as SetInlineFormatFontSizeCommand,
+  Gt as SetInlineFormatItalicCommand,
+  qt as SetInlineFormatStrikethroughCommand,
+  Ct as SetInlineFormatSubscriptCommand,
+  Kt as SetInlineFormatSuperscriptCommand,
+  Ut as SetInlineFormatTextBackgroundColorCommand,
+  Qt as SetInlineFormatTextColorCommand,
+  Yt as SetInlineFormatUnderlineCommand,
   qo as TEXT_RANGE_LAYER_INDEX,
-  Dt as TabCommand,
-  Mt as TextRange,
+  Pt as TabCommand,
+  _t as TextRange,
   Ns as ToggleCheckListCommand,
   fs as UniverDocsUIPlugin,
   la as UpdateCommand,
   Je as VIEWPORT_KEY,
-  vg as addCustomDecorationBySelectionFactory,
+  Cg as addCustomDecorationBySelectionFactory,
   oA as addCustomDecorationFactory,
   ko as calcDocRangePositions,
   Mo as convertPositionsToRectRanges,
-  Cg as deleteCustomDecorationFactory,
+  vg as deleteCustomDecorationFactory,
   bg as docDrawingPositionToTransform,
   ia as genTableSource,
   pa as generateParagraphs,
-  Dn as getAnchorBounding,
+  Pn as getAnchorBounding,
   IA as getCanvasOffsetByEngine,
   ke as getCommandSkeleton,
   js as getCursorWhenDelete,
@@ -11131,7 +11139,7 @@ export {
   Bs as getLineBounding,
   yr as getOneTextSelectionRange,
   Qs as getParagraphsInRange,
-  Sn as getParagraphsInRanges,
+  In as getParagraphsInRanges,
   ue as getRichTextEditPath,
   ks as getTableColumn,
   Rg as hasParagraphInTable,