@univerjs/docs-ui 0.10.6 → 0.10.7-nightly.202509090319

package/lib/es/index.js

@@ -1,22 +1,22 @@
 var Mc = Object.defineProperty;
 var _c = (n, e, t) => e in n ? Mc(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var O = (n, e, t) => _c(n, typeof e != "symbol" ? e + "" : e, t);
-import { IUniverInstanceService as L, Inject as j, Disposable as pe, toDisposable as _n, UniverInstanceType as _, BuildTextUtils as ce, JSONX as W, ObjectRelativeFromV as gt, ObjectRelativeFromH as Ro, CommandType as D, sequenceExecuteAsync as wr, ICommandService as T, DataStreamTreeTokenType as V, TextX as Ee, TextXActionType as G, PresetListType as ye, UpdateDocsAttributeType as on, Tools as ue, generateRandomId as ge, TableRowHeightRule as Dc, TableSizeType as Gi, TableTextWrapType as Pc, TableAlignmentType as wc, MemoryCursor as Nt, SHEET_EDITOR_UNITS as In, PositionedObjectLayoutType as bo, BlockType as Nc, LRUMap as Lc, BaselineOffset as Ve, BooleanNumber as z, ColorKit as Qs, DrawingTypeEnum as Nr, skipParseTagNames as Qc, CustomRangeType as Lr, DataStreamTreeNodeType as an, createIdentifier as Yi, ILogService as Qr, SliceBodyType as ir, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as yo, DOC_RANGE_TYPE as He, normalizeBody as Uc, getBodySlice as Ki, FOCUSING_DOC as Dn, EDITOR_ACTIVATED as to, DashStyleType as Fc, RxDisposable as St, ThemeService as Ur, IUndoRedoService as xo, PRESET_LIST_TYPE as Hc, HorizontalAlign as Ue, NamedStyleType as K, RANGE_DIRECTION as De, COLORS as fn, Rectangle as kc, DocumentFlavor as we, LocaleService as Ke, isInternalEditorID as vt, IContextService as Fr, Injector as Pn, FOCUSING_EDITOR_STANDALONE as Us, VerticalAlign as Vc, DEFAULT_EMPTY_DOCUMENT_VALUE as qi, PageOrientType as Wc, PAPER_TYPES as jc, PAGE_SIZE as ar, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ot, DEFAULT_STYLES as Xi, NAMED_STYLE_MAP as zc, DisposableCollection as Sn, fromEventSubject as Bt, deepCompare as Gc, FOCUSING_UNIVER_EDITOR as Hr, FOCUSING_COMMON_DRAWINGS as Zi, getPlainText as no, debounce as kr, SpacingRule as Xt, IConfigService as Vr, QuickListTypeMap as jo, Direction as le, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Yc, checkForSubstrings as Kc, createInterceptorKey as Ji, InterceptorManager as qc, UndoCommandId as Fs, RedoCommandId as Hs, DependentOn as Xc, Plugin as Zc, merge as Jc, touchDependencies as ks, mergeOverrideWithDependencies as $c, createInternalEditorID as el } from "@univerjs/core";
+import { IUniverInstanceService as L, Inject as j, Disposable as me, toDisposable as _n, UniverInstanceType as _, BuildTextUtils as ce, JSONX as W, ObjectRelativeFromV as ft, ObjectRelativeFromH as Ro, CommandType as D, sequenceExecuteAsync as wr, ICommandService as T, DataStreamTreeTokenType as V, TextX as Ie, TextXActionType as G, PresetListType as ye, UpdateDocsAttributeType as on, Tools as ue, generateRandomId as ge, TableRowHeightRule as Dc, TableSizeType as Yi, TableTextWrapType as Pc, TableAlignmentType as wc, MemoryCursor as Nt, SHEET_EDITOR_UNITS as In, PositionedObjectLayoutType as bo, BlockType as Nc, LRUMap as Lc, BaselineOffset as Ve, BooleanNumber as z, ColorKit as Us, DrawingTypeEnum as Nr, skipParseTagNames as Qc, CustomRangeType as Lr, DataStreamTreeNodeType as an, createIdentifier as Ki, ILogService as Qr, SliceBodyType as ir, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as yo, DOC_RANGE_TYPE as He, normalizeBody as Uc, getBodySlice as qi, FOCUSING_DOC as Dn, EDITOR_ACTIVATED as to, DashStyleType as Fc, RxDisposable as Ct, ThemeService as Ur, IUndoRedoService as xo, PRESET_LIST_TYPE as Hc, HorizontalAlign as Ue, NamedStyleType as K, RANGE_DIRECTION as De, COLORS as fn, Rectangle as kc, DocumentFlavor as we, LocaleService as Ke, isInternalEditorID as Rt, IContextService as Fr, Injector as Pn, FOCUSING_EDITOR_STANDALONE as Fs, VerticalAlign as Vc, DEFAULT_EMPTY_DOCUMENT_VALUE as Xi, PageOrientType as Wc, PAPER_TYPES as jc, PAGE_SIZE as ar, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ot, DEFAULT_STYLES as Hr, NAMED_STYLE_MAP as zc, DisposableCollection as Sn, fromEventSubject as Mt, deepCompare as Gc, FOCUSING_UNIVER_EDITOR as kr, FOCUSING_COMMON_DRAWINGS as Zi, getPlainText as no, debounce as Vr, SpacingRule as Xt, IConfigService as Wr, QuickListTypeMap as jo, Direction as le, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Yc, checkForSubstrings as Kc, createInterceptorKey as Ji, InterceptorManager as qc, UndoCommandId as Hs, RedoCommandId as ks, DependentOn as Xc, Plugin as Zc, merge as Jc, touchDependencies as Vs, mergeOverrideWithDependencies as $c, createInternalEditorID as el } from "@univerjs/core";
 import { DocSelectionManagerService as Y, RichTextEditingMutation as X, DocSkeletonManagerService as de, SetTextSelectionsOperation as Le, DocStateEmitService as tl, DocInterceptorService as nl } from "@univerjs/docs";
-import { IRenderManagerService as fe, DocumentEditArea as ve, hasListGlyph as ol, isIndentByGlyph as rl, isFirstGlyph as sl, getParagraphByGlyph as il, pixelToPt as al, ptToPixel as Vs, parseDataStreamToTree as cl, Liquid as $i, GlyphType as ea, DocumentSkeletonPageType as Oe, getPageFromPath as cr, getTableIdAndSliceIndex as Ws, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as vn, getColor as pn, RegularPolygon as ta, Rect as qn, getOffsetRectForDom as ll, ScrollTimer as dl, CURSOR_TYPE as Mt, getSystemHighlightColor as Al, Vector2 as Cn, PageLayoutType as Rn, Shape as ul, Path as js, pxToNum as na, TRANSFORM_CHANGE_OBSERVABLE_TYPE as oa, getNumberUnitValue as rn, Viewport as hl, ScrollBar as lr, Layer as zs, Documents as gl, DocBackground as fl, getLastLine as pl, lineIterator as ml, getLastColumn as El, UniverRenderEnginePlugin as Il, DeviceInputEventType as ra } from "@univerjs/engine-render";
-import { IClipboardInterfaceService as sa, FILE_PNG_CLIPBOARD_MIME_TYPE as Sl, FILE__WEBP_CLIPBOARD_MIME_TYPE as vl, FILE__JPEG_CLIPBOARD_MIME_TYPE as Cl, FILE__BMP_CLIPBOARD_MIME_TYPE as Rl, HTML_CLIPBOARD_MIME_TYPE as ia, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as aa, CopyCommand as bl, CutCommand as yl, PasteCommand as xl, ILayoutService as Oo, KeyCode as q, IConfirmService as ca, useDependency as J, ComponentManager as sn, ISidebarService as la, getMenuHiddenObservable as se, MenuItemType as Z, COLOR_PICKER_COMPONENT as da, FONT_FAMILY_LIST as Ol, FONT_FAMILY_COMPONENT as Tl, FONT_FAMILY_ITEM_COMPONENT as Bl, FONT_SIZE_LIST as Ml, FONT_SIZE_COMPONENT as _l, HEADING_LIST as Gs, COMMON_LABEL_COMPONENT as Dl, HEADING_ITEM_COMPONENT as Pl, ICanvasPopupService as wl, IMenuManagerService as Aa, ToolbarItem as Nl, MenuManagerPosition as Ll, useObservable as tt, RectPopup as Ql, DesktopMenu as Ul, ContextMenuPosition as oo, MetaKeys as te, Slider as Fl, useConfigValue as ua, useEvent as En, ContextMenuGroup as cn, RibbonInsertGroup as Hl, RibbonStartGroup as Ys, IUIPartsService as kl, IShortcutService as To, BuiltInUIPart as Ks, connectInjector as qs, imageMimeTypeSet as Vl, IContextMenuService as Wl } from "@univerjs/ui";
-import { ImageSourceType as Wr } from "@univerjs/drawing";
-import { Subject as be, BehaviorSubject as Fe, merge as ha, filter as ro, takeUntil as ft, fromEvent as ze, Observable as Ie, map as wn, combineLatest as Nn, distinctUntilChanged as Wt, throttleTime as bn, switchMap as jl, take as zl, first as Gl, of as Yl, animationFrameScheduler as Kl } from "rxjs";
+import { IRenderManagerService as fe, DocumentEditArea as ve, hasListGlyph as ol, isIndentByGlyph as rl, isFirstGlyph as sl, getParagraphByGlyph as il, pixelToPt as al, ptToPixel as Ws, parseDataStreamToTree as cl, Liquid as $i, GlyphType as ea, DocumentSkeletonPageType as Oe, getPageFromPath as cr, getTableIdAndSliceIndex as js, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as vn, getColor as pn, RegularPolygon as ta, Rect as qn, getOffsetRectForDom as ll, ScrollTimer as dl, CURSOR_TYPE as _t, getSystemHighlightColor as Al, Vector2 as Cn, PageLayoutType as Rn, Shape as ul, Path as zs, pxToNum as na, TRANSFORM_CHANGE_OBSERVABLE_TYPE as oa, getNumberUnitValue as rn, Viewport as hl, ScrollBar as lr, Layer as Gs, Documents as gl, DocBackground as fl, getLastLine as pl, lineIterator as ml, getLastColumn as El, UniverRenderEnginePlugin as Il, DeviceInputEventType as ra } from "@univerjs/engine-render";
+import { IClipboardInterfaceService as sa, FILE_PNG_CLIPBOARD_MIME_TYPE as Sl, FILE__WEBP_CLIPBOARD_MIME_TYPE as vl, FILE__JPEG_CLIPBOARD_MIME_TYPE as Cl, FILE__BMP_CLIPBOARD_MIME_TYPE as Rl, HTML_CLIPBOARD_MIME_TYPE as ia, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as aa, CopyCommand as bl, CutCommand as yl, PasteCommand as xl, ILayoutService as Oo, KeyCode as q, IConfirmService as ca, useDependency as J, ComponentManager as sn, ISidebarService as la, getMenuHiddenObservable as se, MenuItemType as Z, COLOR_PICKER_COMPONENT as da, FONT_FAMILY_LIST as Ol, FONT_FAMILY_COMPONENT as Tl, FONT_FAMILY_ITEM_COMPONENT as Bl, FONT_SIZE_LIST as Ml, FONT_SIZE_COMPONENT as _l, HEADING_LIST as Ys, COMMON_LABEL_COMPONENT as Dl, HEADING_ITEM_COMPONENT as Pl, ICanvasPopupService as wl, IMenuManagerService as Aa, ToolbarItem as Nl, MenuManagerPosition as Ll, useObservable as tt, RectPopup as Ql, DesktopMenu as Ul, ContextMenuPosition as oo, MetaKeys as te, Slider as Fl, useConfigValue as ua, useEvent as En, ContextMenuGroup as cn, RibbonInsertGroup as Hl, RibbonStartGroup as Ks, IUIPartsService as kl, IShortcutService as To, BuiltInUIPart as qs, connectInjector as Xs, imageMimeTypeSet as Vl, IContextMenuService as Wl } from "@univerjs/ui";
+import { ImageSourceType as jr } from "@univerjs/drawing";
+import { Subject as be, BehaviorSubject as Fe, merge as ha, filter as ro, takeUntil as pt, fromEvent as ze, Observable as pe, map as wn, combineLatest as Nn, distinctUntilChanged as Wt, throttleTime as bn, switchMap as jl, take as zl, first as Gl, of as Yl, animationFrameScheduler as Kl } from "rxjs";
 import { filter as dr, bufferTime as ql, map as Xl } from "rxjs/operators";
 import { jsxs as re, jsx as Q, Fragment as Zl } from "react/jsx-runtime";
-import { forwardRef as Te, useRef as ke, createElement as Be, useState as me, useEffect as Ce, useMemo as _e, useCallback as ga, useImperativeHandle as Jl, useLayoutEffect as fa } from "react";
-import { Checkbox as Xs, InputNumber as it, Button as $l, clsx as Ge, borderClassName as Ln, Select as pa, scrollbarClassName as ed, Tooltip as td } from "@univerjs/design";
+import { forwardRef as Te, useRef as ke, createElement as Be, useState as Ee, useEffect as Ce, useMemo as _e, useCallback as ga, useImperativeHandle as Jl, useLayoutEffect as fa } from "react";
+import { Checkbox as Zs, InputNumber as it, Button as $l, clsx as Ge, borderClassName as Ln, Select as pa, scrollbarClassName as ed, Tooltip as td } from "@univerjs/design";
 var nd = Object.getOwnPropertyDescriptor, od = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? nd(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, Zs = (n, e) => (t, o) => e(t, o, n);
-let _t = class extends pe {
+}, Js = (n, e) => (t, o) => e(t, o, n);
+let Dt = class extends me {
   constructor(e, t) {
     super();
     O(this, "_matches", /* @__PURE__ */ new Map());
@@ -53,10 +53,10 @@ let _t = class extends pe {
     return [];
   }
 };
-_t = od([
-  Zs(0, L),
-  Zs(1, j(Y))
-], _t);
+Dt = od([
+  Js(0, L),
+  Js(1, j(Y))
+], Dt);
 const rd = {
   undo: !0,
   redo: !0,
@@ -100,8 +100,8 @@ const rd = {
   toolbar: !0
 }, id = "DOC_UI_PLUGIN";
 var et = /* @__PURE__ */ ((n) => (n.MAIN = "__Document_Render_Main__", n.BACKGROUND = "__Document_Render_Background__", n))(et || {}), je = /* @__PURE__ */ ((n) => (n.VIEW_MAIN = "viewMain", n.VIEW_TOP = "viewTop", n.VIEW_LEFT = "viewLeft", n.VIEW_LEFT_TOP = "viewLeftTop", n))(je || {});
-const ad = 0, zo = 2, cd = 4, Js = 10, Yf = "normalTextSelectionPluginName";
-function pt(n) {
+const ad = 0, zo = 2, cd = 4, $s = 10, Yf = "normalTextSelectionPluginName";
+function mt(n) {
   const { mainComponent: e, scene: t, engine: o, components: r } = n, s = e, i = r.get(et.BACKGROUND);
   return {
     document: s,
@@ -214,7 +214,7 @@ function Bo(n, e, t, o, r) {
     ...o
   }), c;
 }
-function jr(n, e, t) {
+function zr(n, e, t) {
   if (t) {
     const r = n.find((s) => e >= s.startIndex && e <= s.endIndex + 1);
     return r != null && r.wholeEntity ? null : r;
@@ -222,7 +222,7 @@ function jr(n, e, t) {
   const o = n.find((r) => e > r.startIndex && e <= r.endIndex);
   return o != null && o.wholeEntity ? null : o;
 }
-function zr(n, e) {
+function Gr(n, e) {
   return n.filter((t) => e > t.startIndex && e <= t.endIndex);
 }
 function Jf(n) {
@@ -244,7 +244,7 @@ function $f(n, e = 0, t = 0) {
       posOffset: (n.left || 0) - e
     },
     positionV: {
-      relativeFrom: gt.PAGE,
+      relativeFrom: ft.PAGE,
       posOffset: (n.top || 0) - t
     },
     angle: n.angle || 0
@@ -254,21 +254,21 @@ const Ad = "doc.command.tab", Jt = {
   id: Ad,
   type: D.COMMAND,
   async handler(n, e) {
-    const o = n.get(_t).onAutoFormat(Jt.id, e);
+    const o = n.get(Dt).onAutoFormat(Jt.id, e);
     return (await wr(o, n.get(T))).result;
   }
 }, ud = "doc.command.after-space", Mo = {
   id: ud,
   type: D.COMMAND,
   async handler(n) {
-    const t = n.get(_t).onAutoFormat(Mo.id);
+    const t = n.get(Dt).onAutoFormat(Mo.id);
     return (await wr(t, n.get(T))).result;
   }
 }, yn = {
   id: "doc.command.enter",
   type: D.COMMAND,
   async handler(n) {
-    const t = n.get(_t).onAutoFormat(yn.id);
+    const t = n.get(Dt).onAutoFormat(yn.id);
     return (await wr(t, n.get(T))).result;
   }
 };
@@ -287,7 +287,7 @@ const fd = 11, pd = 9, Vn = {
    */
   fs: fd
 };
-let at = class extends pe {
+let at = class extends me {
   constructor(e, t, o) {
     super();
     O(this, "_cacheStyle", null);
@@ -368,7 +368,7 @@ function ma(n, e, t) {
       r.paragraphStyle || (r.paragraphStyle = {}), r.paragraphStyle.borderBottom = t;
   return o;
 }
-const Gr = {
+const Yr = {
   id: "doc.command.break-line",
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -425,7 +425,7 @@ const Gr = {
         textRanges: B,
         debounce: !0
       }
-    }, M = new Ee(), P = W.getInstance();
+    }, M = new Ie(), P = W.getInstance();
     if (y)
       u > 0 && M.push({
         t: G.RETAIN,
@@ -475,7 +475,7 @@ const Gr = {
     return x.params.actions = P.editOp(M.serialize(), F), !!r.syncExecuteCommand(x.id, x.params);
   }
 };
-var _o = /* @__PURE__ */ ((n) => (n[n.ABOVE = 0] = "ABOVE", n[n.BELLOW = 1] = "BELLOW", n))(_o || {}), Yr = /* @__PURE__ */ ((n) => (n[n.LEFT = 0] = "LEFT", n[n.RIGHT = 1] = "RIGHT", n))(Yr || {});
+var _o = /* @__PURE__ */ ((n) => (n[n.ABOVE = 0] = "ABOVE", n[n.BELLOW = 1] = "BELLOW", n))(_o || {}), Kr = /* @__PURE__ */ ((n) => (n[n.LEFT = 0] = "LEFT", n[n.RIGHT = 1] = "RIGHT", n))(Kr || {});
 function md(n, e) {
   let t = V.TABLE_START;
   const o = [], r = [];
@@ -501,7 +501,7 @@ ${V.TABLE_CELL_END}`, o.push({
     sectionBreaks: r
   };
 }
-function Kr() {
+function qr() {
   return {
     margin: {
       start: {
@@ -519,8 +519,8 @@ function Kr() {
     }
   };
 }
-function qr(n) {
-  const e = Kr();
+function Xr(n) {
+  const e = qr();
   return {
     tableCells: [...new Array(n).fill(null).map(() => ue.deepClone(e))],
     trHeight: {
@@ -529,10 +529,10 @@ function qr(n) {
     }
   };
 }
-function Xr(n) {
+function Zr(n) {
   return {
     size: {
-      type: Gi.SPECIFIED,
+      type: Yi.SPECIFIED,
       width: {
         v: n
       }
@@ -540,7 +540,7 @@ function Xr(n) {
   };
 }
 function Ea(n, e, t) {
-  const o = Xr(t / e), r = qr(e), s = [...new Array(n).fill(null).map(() => ue.deepClone(r))], i = [...new Array(e).fill(null).map(() => ue.deepClone(o))], a = ge(6);
+  const o = Zr(t / e), r = Xr(e), s = [...new Array(n).fill(null).map(() => ue.deepClone(r))], i = [...new Array(e).fill(null).map(() => ue.deepClone(o))], a = ge(6);
   return {
     tableRows: s,
     tableColumns: i,
@@ -556,7 +556,7 @@ function Ea(n, e, t) {
         posOffset: 0
       },
       positionV: {
-        relativeFrom: gt.PAGE,
+        relativeFrom: ft.PAGE,
         posOffset: 0
       }
     },
@@ -581,7 +581,7 @@ function Ea(n, e, t) {
       }
     },
     size: {
-      type: Gi.UNSPECIFIED,
+      type: Yi.UNSPECIFIED,
       width: {
         v: t
       }
@@ -882,7 +882,7 @@ function bd(n, e) {
   };
 }
 var Ar = /* @__PURE__ */ ((n) => (n[n.NEXT = 0] = "NEXT", n[n.PREV = 1] = "PREV", n))(Ar || {});
-function $s(n, e, t) {
+function ei(n, e, t) {
   const { startOffset: o } = e;
   let r = null;
   for (const d of n.getChildren()) {
@@ -968,7 +968,7 @@ const Od = In, va = {
       }
     }, m = new Nt();
     m.reset();
-    const I = new Ee(), S = W.getInstance(), v = [], R = !!((C = l.tables) != null && C.length), E = !!((B = l.customBlocks) != null && B.length);
+    const I = new Ie(), S = W.getInstance(), v = [], R = !!((C = l.tables) != null && C.length), E = !!((B = l.customBlocks) != null && B.length);
     if (R && t || R && xd(c) || c.length && (d != null && d.length))
       return !1;
     for (let w = 0; w < c.length; w++) {
@@ -989,11 +989,11 @@ const Od = In, va = {
           oe.blockId = Pe;
           const Je = ue.deepClone(h[he]);
           Je.drawingId = Pe;
-          const At = S.insertOp(["drawings", Pe], Je), $e = S.insertOp(["drawingsOrder", ae], Pe);
-          v.push(At), v.push($e);
+          const ut = S.insertOp(["drawings", Pe], Je), $e = S.insertOp(["drawingsOrder", ae], Pe);
+          v.push(ut), v.push($e);
         }
       }
-      const ne = jr((P = g.customRanges) != null ? P : [], $, Od.includes(f)), ie = zr((F = g.customDecorations) != null ? F : [], $);
+      const ne = zr((P = g.customRanges) != null ? P : [], $, Od.includes(f)), ie = Gr((F = g.customDecorations) != null ? F : [], $);
       if (ne && (k.customRanges = [{
         ...ne,
         startIndex: 0,
@@ -1031,7 +1031,7 @@ function Td(n, e) {
 }
 function Bd(n, e, t) {
   var g, f;
-  const o = e.getSelfOrHeaderFooterModel(t).getBody(), r = new Ee(), s = W.getInstance(), i = [];
+  const o = e.getSelfOrHeaderFooterModel(t).getBody(), r = new Ie(), s = W.getInstance(), i = [];
   if (o == null)
     return i;
   const { tables: a = [] } = o, c = new Nt();
@@ -1060,7 +1060,7 @@ function Md(n, e, t, o) {
   const r = [];
   if (e.getSelfOrHeaderFooterModel(o).getBody() == null)
     return r;
-  const i = new Ee(), a = W.getInstance(), c = new Nt();
+  const i = new Ie(), a = W.getInstance(), c = new Nt();
   c.reset();
   for (const l of n) {
     const { startOffset: A, endOffset: h, spanEntireRow: u, spanEntireTable: g } = l;
@@ -1182,7 +1182,7 @@ const Dd = "doc.command.insert-text", Ca = {
         textRanges: p,
         debounce: !0
       }
-    }, I = new Ee(), S = W.getInstance();
+    }, I = new Ie(), S = W.getInstance();
     if (g)
       u > 0 && I.push({
         t: G.RETAIN,
@@ -1228,7 +1228,7 @@ const Dd = "doc.command.insert-text", Ca = {
         }],
         debounce: !0
       }
-    }, p = new Ee(), m = W.getInstance();
+    }, p = new Ie(), m = W.getInstance();
     p.push({
       t: G.RETAIN,
       len: h - 0
@@ -1253,7 +1253,7 @@ const Dd = "doc.command.insert-text", Ca = {
         actions: [],
         textRanges: a
       }
-    }, h = new Ee(), u = W.getInstance(), { startOffset: g, endOffset: f } = t;
+    }, h = new Ie(), u = W.getInstance(), { startOffset: g, endOffset: f } = t;
     h.push({
       t: G.RETAIN,
       len: g
@@ -1272,7 +1272,7 @@ function Un(n) {
   const e = n.get(L), o = n.get(Y).getActiveTextRange(), r = e.getCurrentUnitOfType(_.UNIVER_DOC);
   return !o || !o.collapsed || !r || o.segmentId ? !1 : ce.range.getParagraphsInRange(o, (a = (i = r.getBody()) == null ? void 0 : i.paragraphs) != null ? a : [], (d = (c = r.getBody()) == null ? void 0 : c.dataStream) != null ? d : "")[0];
 }
-const Zr = {
+const Jr = {
   id: "doc.command.delete-custom-block",
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -1294,7 +1294,7 @@ const Zr = {
         textRanges: f,
         prevTextRanges: [c]
       }
-    }, m = new Ee(), I = W.getInstance(), S = [];
+    }, m = new Ie(), I = W.getInstance(), S = [];
     A > 0 && m.push({
       t: G.RETAIN,
       len: a === Ne.LEFT ? A - 1 : A
@@ -1307,7 +1307,7 @@ const Zr = {
     const R = ((x = i.getDrawings()) != null ? x : {})[l], b = i.getDrawingsOrder().indexOf(l), y = I.removeOp(["drawings", l], R), C = I.removeOp(["drawingsOrder", b], l);
     return S.push(y), S.push(C), p.params.actions = S.reduce((M, P) => W.compose(M, P), null), !!r.syncExecuteCommand(p.id, p.params);
   }
-}, Jr = {
+}, $r = {
   id: "doc.command.merge-two-paragraph",
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -1346,7 +1346,7 @@ const Zr = {
         textRanges: E,
         prevTextRanges: [i]
       }
-    }, y = new Ee(), C = W.getInstance();
+    }, y = new Ie(), C = W.getInstance();
     S.startIndex > 0 && y.push({
       t: G.RETAIN,
       len: S.startIndex
@@ -1406,7 +1406,7 @@ const Zr = {
         actions: [],
         textRanges: f
       }
-    }, m = new Ee(), I = W.getInstance();
+    }, m = new Ie(), I = W.getInstance();
     g.startIndex > 0 && m.push({
       t: G.RETAIN,
       len: g.startIndex
@@ -1434,7 +1434,7 @@ const Zr = {
     return p.params.actions = I.editOp(m.serialize(), S), !!o.syncExecuteCommand(p.id, p.params);
   }
 };
-function $r(n, e) {
+function es(n, e) {
   let t = 0;
   if (n == null || n.length === 0) {
     if (typeof e[0].startOffset == "number") {
@@ -1469,7 +1469,7 @@ const Do = {
     if (A == null)
       return !1;
     if (d != null && d.length) {
-      const w = $r(l, d), N = d[0].segmentId, ee = [
+      const w = es(l, d), N = d[0].segmentId, ee = [
         {
           startOffset: w,
           endOffset: w
@@ -1530,7 +1530,7 @@ const Do = {
         return !0;
       if (b.content === "\r") {
         const w = (C = f.paragraphs) == null ? void 0 : C.find((N) => N.startIndex === m - 1);
-        (B = w == null ? void 0 : w.paragraphStyle) != null && B.borderBottom ? r = await o.executeCommand(ba.id) : r = await o.executeCommand(Jr.id, {
+        (B = w == null ? void 0 : w.paragraphStyle) != null && B.borderBottom ? r = await o.executeCommand(ba.id) : r = await o.executeCommand($r.id, {
           direction: Ne.LEFT,
           range: p
         });
@@ -1541,7 +1541,7 @@ const Do = {
         const N = (F = (P = s.getBody()) == null ? void 0 : P.customBlocks) == null ? void 0 : F.find(($) => $.blockId === b.drawingId);
         if (w.layoutType === bo.INLINE || (N == null ? void 0 : N.blockType) === Nc.CUSTOM) {
           const $ = s.getUnitId();
-          r = await o.executeCommand(Zr.id, {
+          r = await o.executeCommand(Jr.id, {
             direction: Ne.LEFT,
             range: c,
             unitId: $,
@@ -1601,7 +1601,7 @@ const Do = {
       return !1;
     const r = qe(n, o.getUnitId()), s = n.get(T), i = e.getActiveTextRange(), a = e.getRectRanges(), c = e.getTextRanges(), d = r == null ? void 0 : r.getSkeleton();
     if (a != null && a.length) {
-      const R = $r(c, a), E = a[0].segmentId, b = [
+      const R = es(c, a), E = a[0].segmentId, b = [
         {
           startOffset: R,
           endOffset: R
@@ -1626,7 +1626,7 @@ const Do = {
       if (R.streamType === V.PARAGRAPH && (E == null ? void 0 : E.streamType) === V.SECTION_BREAK)
         return !1;
       if (R.content === "\r")
-        I = await s.executeCommand(Jr.id, {
+        I = await s.executeCommand($r.id, {
           direction: Ne.RIGHT,
           range: i
         });
@@ -1636,7 +1636,7 @@ const Do = {
           return !0;
         if (b.layoutType === bo.INLINE) {
           const C = o.getUnitId();
-          I = await s.executeCommand(Zr.id, {
+          I = await s.executeCommand(Jr.id, {
             direction: Ne.RIGHT,
             range: i,
             unitId: C,
@@ -1707,7 +1707,7 @@ function xa(n, e) {
     }
   ];
 }
-const es = {
+const ts = {
   id: "doc.command.delete-current-paragraph",
   type: D.COMMAND,
   handler: async (n) => {
@@ -1763,7 +1763,7 @@ class Qd {
   }
 }
 const Yo = new Qd();
-function ts(n) {
+function ns(n) {
   const e = n.style, t = {}, o = n.tagName.toLowerCase();
   switch (o) {
     case "b":
@@ -1826,7 +1826,7 @@ function ts(n) {
       }
       case "color": {
         try {
-          const a = new Qs(i);
+          const a = new Us(i);
           a.isValid && (t.cl = {
             rgb: a.toRgbString()
           });
@@ -1835,7 +1835,7 @@ function ts(n) {
         break;
       }
       case "background-color": {
-        const a = new Qs(i);
+        const a = new Us(i);
         a.isValid && (t.bg = {
           rgb: a.toRgbString()
         });
@@ -1849,11 +1849,11 @@ function Ud(n) {
   const e = new DOMParser(), t = `<x-univer id="univer-root">${n}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function ei(n, e) {
+function ti(n, e) {
   const t = n.tagName.toLowerCase();
   return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((o) => o === t) : e(n);
 }
-const ti = 660, Co = class Co {
+const ni = 660, Co = class Co {
   constructor() {
     O(this, "_tableCache", []);
     O(this, "_styleCache", /* @__PURE__ */ new Map());
@@ -1897,7 +1897,7 @@ const ti = 660, Co = class Co {
           ts: A
         });
       } else if (d.nodeName === "IMG") {
-        const l = d, A = l.dataset.imageSourceType, h = A === Wr.UUID ? l.dataset.source : l.src;
+        const l = d, A = l.dataset.imageSourceType, h = A === jr.UUID ? l.dataset.source : l.src;
         if (h && A) {
           const u = Number(l.dataset.width || 100), g = Number(l.dataset.height || 100), f = Number(l.dataset.docTransformWidth || u), p = Number(l.dataset.docTransformHeight || g), m = ge(6);
           (c = (a = o.body) == null ? void 0 : a.customBlocks) == null || c.push({ startIndex: r.dataStream.length, blockId: m }), r.dataStream += "\b", o.drawings || (o.drawings = {}), o.drawings[m] = {
@@ -1915,7 +1915,7 @@ const ti = 660, Co = class Co {
                 posOffset: 0
               },
               positionV: {
-                relativeFrom: gt.PARAGRAPH,
+                relativeFrom: ft.PARAGRAPH,
                 posOffset: 0
               }
             },
@@ -1929,12 +1929,12 @@ const ti = 660, Co = class Co {
         if (Qc.includes(d.nodeName.toLowerCase()))
           continue;
         if (d.nodeType === Node.ELEMENT_NODE) {
-          const l = d, A = this._processBeforeLink(l, o), h = e ? this._styleCache.get(e) : {}, u = this._styleRules.find(({ filter: m }) => ei(d, m)), g = u ? u.getStyle(d) : ts(d);
+          const l = d, A = this._processBeforeLink(l, o), h = e ? this._styleCache.get(e) : {}, u = this._styleRules.find(({ filter: m }) => ti(d, m)), g = u ? u.getStyle(d) : ns(d);
           this._styleCache.set(d, { ...h, ...g });
           const { childNodes: f } = d;
           this._processBeforeTable(d, o), this._process(d, f, o), this._processAfterTable(d, o);
           const p = this._afterProcessRules.find(
-            ({ filter: m }) => ei(d, m)
+            ({ filter: m }) => ti(d, m)
           );
           p && p.handler(o, d), this._processAfterLink(l, o, A);
         }
@@ -1948,7 +1948,7 @@ const ti = 660, Co = class Co {
         r.dataStream[r.dataStream.length - 1] !== "\r" && (r.dataStream += "\r", r.paragraphs == null && (r.paragraphs = []), (s = r.paragraphs) == null || s.push({
           startIndex: r.dataStream.length - 1
         }));
-        const i = Ea(0, 0, ti);
+        const i = Ea(0, 0, ni);
         this._tableCache.push({
           table: i,
           startIndex: r.dataStream.length
@@ -1956,12 +1956,12 @@ const ti = 660, Co = class Co {
         break;
       }
       case "TR": {
-        const i = qr(0);
+        const i = Xr(0);
         this._tableCache[this._tableCache.length - 1].table.tableRows.push(i), r.dataStream += V.TABLE_ROW_START;
         break;
       }
       case "TD": {
-        const i = Kr(), a = this._tableCache[this._tableCache.length - 1].table;
+        const i = qr(), a = this._tableCache[this._tableCache.length - 1].table;
         a.tableRows[a.tableRows.length - 1].tableCells.push(i), r.dataStream += V.TABLE_CELL_START;
         break;
       }
@@ -1974,7 +1974,7 @@ const ti = 660, Co = class Co {
     const { tableSource: s } = t;
     switch (o) {
       case "TABLE": {
-        const c = this._tableCache.pop(), { startIndex: d, table: l } = c, A = l.tableRows[0].tableCells.length, h = Xr(ti / A), u = [...new Array(A).fill(null).map(() => ue.deepClone(h))];
+        const c = this._tableCache.pop(), { startIndex: d, table: l } = c, A = l.tableRows[0].tableCells.length, h = Zr(ni / A), u = [...new Array(A).fill(null).map(() => ue.deepClone(h))];
         l.tableColumns = u, s[l.tableId] = l, r.dataStream += V.TABLE_END, r.tables.push({
           startIndex: d,
           endIndex: r.dataStream.length,
@@ -2024,7 +2024,7 @@ const Fd = {
     {
       filter: ["s"],
       getStyle(n) {
-        const e = ts(n);
+        const e = ns(n);
         return {
           st: {
             s: z.TRUE
@@ -2055,12 +2055,12 @@ function Oa(n) {
     switch (r) {
       case "margin-top": {
         const i = Number.parseInt(s);
-        t.spaceAbove = { v: /pt/.test(s) ? Vs(i) : i };
+        t.spaceAbove = { v: /pt/.test(s) ? Ws(i) : i };
         break;
       }
       case "margin-bottom": {
         const i = Number.parseInt(s);
-        t.spaceBelow = { v: /pt/.test(s) ? Vs(i) : i };
+        t.spaceBelow = { v: /pt/.test(s) ? Ws(i) : i };
         break;
       }
       case "line-height": {
@@ -2102,7 +2102,7 @@ const Hd = {
     {
       filter: ["b"],
       getStyle(n) {
-        const e = ts(n);
+        const e = ns(n);
         return { bl: z.TRUE, ...e };
       }
     }
@@ -2136,12 +2136,12 @@ function Vd(n) {
     "data-width": (o = n.transform) == null ? void 0 : o.width,
     "data-height": (r = n.transform) == null ? void 0 : r.height,
     "data-image-source-type": n.imageSourceType,
-    "data-source": n.imageSourceType === Wr.UUID ? n.source : void 0,
+    "data-source": n.imageSourceType === jr.UUID ? n.source : void 0,
     src: n.source
   };
   return `<img  ${e(t)}></img>`;
 }
-function ni(n, e) {
+function oi(n, e) {
   const { st: t, ed: o, ts: r = {} } = e, { ff: s, fs: i, it: a, bl: c, ul: d, st: l, ol: A, bg: h, cl: u, va: g } = r;
   let f = n.slice(t, o);
   const p = [];
@@ -2155,10 +2155,10 @@ function Ko(n, e, t) {
   const i = [];
   for (const a of r) {
     const { st: c, ed: d } = a;
-    ue.hasIntersectionBetweenTwoRanges(e, t, c, d) && (c > s ? (i.push(o.slice(s, c)), i.push(ni(o, {
+    ue.hasIntersectionBetweenTwoRanges(e, t, c, d) && (c > s ? (i.push(o.slice(s, c)), i.push(oi(o, {
       ...a,
       ed: Math.min(d, t)
-    }))) : i.push(ni(o, {
+    }))) : i.push(oi(o, {
       ...a,
       st: s,
       ed: Math.min(d, t)
@@ -2285,9 +2285,9 @@ var Gd = Object.getOwnPropertyDescriptor, Yd = (n, e, t, o) => {
 en.use(kd);
 en.use(Fd);
 en.use(Hd);
-function oi(n, e, t) {
+function ri(n, e, t) {
   var s, i, a;
-  const o = Ki(n, e, t + 2), r = V.TABLE_START + V.TABLE_ROW_START + V.TABLE_CELL_START + o.dataStream + V.TABLE_CELL_END + V.TABLE_ROW_END + V.TABLE_END;
+  const o = qi(n, e, t + 2), r = V.TABLE_START + V.TABLE_ROW_START + V.TABLE_CELL_START + o.dataStream + V.TABLE_CELL_END + V.TABLE_ROW_END + V.TABLE_END;
   return o.dataStream = r, (s = o.textRuns) == null || s.forEach((c) => {
     const { st: d, ed: l } = c;
     c.st = d + 3, c.ed = l + 3;
@@ -2299,8 +2299,8 @@ function oi(n, e, t) {
     c.startIndex = d + 3;
   }), o;
 }
-const Lt = Yi("doc.clipboard-service");
-let ur = class extends pe {
+const Lt = Ki("doc.clipboard-service");
+let ur = class extends me {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_clipboardHooks", []);
@@ -2355,7 +2355,7 @@ let ur = class extends pe {
     try {
       let h = 0;
       if (o.length > 0)
-        h = $r(t, o);
+        h = es(t, o);
       else if (s != null) {
         h = s;
         for (const g of t) {
@@ -2473,7 +2473,7 @@ let ur = class extends pe {
           i = !1;
           const { spanEntireRow: I } = A;
           let S;
-          S = oi(c, h, u), s.push(S);
+          S = ri(c, h, u), s.push(S);
           continue;
         }
         const p = { startOffset: h, endOffset: u }, m = o.getSelfOrHeaderFooterModel(a).sliceBody(p.startOffset, p.endOffset, e);
@@ -2551,7 +2551,7 @@ let ur = class extends pe {
         l.onloadend = function() {
           A({
             source: l.result,
-            imageSourceType: Wr.BASE64
+            imageSourceType: jr.BASE64
           });
         }, l.readAsDataURL(d);
       });
@@ -2589,7 +2589,7 @@ let ur = class extends pe {
           angle: 0,
           size: { width: h, height: u },
           positionH: { relativeFrom: Ro.CHARACTER, posOffset: 0 },
-          positionV: { relativeFrom: gt.LINE, posOffset: 0 }
+          positionV: { relativeFrom: ft.LINE, posOffset: 0 }
         }
       };
     })), this._umdToHtml.convert([t]);
@@ -2605,15 +2605,15 @@ ur = Yd([
 function Po(n) {
   return n.getContextValue(Dn) || n.getContextValue(to);
 }
-const ns = 999, so = {
+const os = 999, so = {
   id: bl.id,
   name: "doc.command.copy",
   type: D.COMMAND,
   multi: !0,
-  priority: ns,
+  priority: os,
   preconditions: Po,
   handler: async (n) => n.get(Lt).copy()
-}, os = {
+}, rs = {
   id: "doc.command.copy-current-paragraph",
   type: D.COMMAND,
   handler: async (n) => {
@@ -2627,15 +2627,15 @@ const ns = 999, so = {
       }]
     ) : !1;
   }
-}, rs = {
+}, ss = {
   id: yl.id,
   name: "doc.command.cut",
   type: D.COMMAND,
   multi: !0,
-  priority: ns,
+  priority: os,
   preconditions: Po,
   handler: async (n) => n.get(Lt).cut()
-}, ss = {
+}, is = {
   id: "doc.command.cut-current-paragraph",
   type: D.COMMAND,
   handler: async (n) => {
@@ -2649,12 +2649,12 @@ const ns = 999, so = {
       }]
     ) : !1;
   }
-}, is = {
+}, as = {
   id: xl.id,
   name: "doc.command.paste",
   type: D.COMMAND,
   multi: !0,
-  priority: ns,
+  priority: os,
   preconditions: Po,
   handler: async (n) => {
     const e = n.get(Lt), o = await n.get(sa).read();
@@ -2663,7 +2663,7 @@ const ns = 999, so = {
 }, wo = {
   id: "doc.command.horizontal-line",
   type: D.COMMAND,
-  handler: (n, e) => n.get(T).syncExecuteCommand(Gr.id, {
+  handler: (n, e) => n.get(T).syncExecuteCommand(Yr.id, {
     horizontalLine: {
       padding: 5,
       color: {
@@ -2674,7 +2674,7 @@ const ns = 999, so = {
     },
     textRange: e == null ? void 0 : e.insertRange
   })
-}, as = {
+}, cs = {
   id: "doc.command.insert-horizontal-line-bellow",
   type: D.COMMAND,
   handler: (n) => {
@@ -2727,7 +2727,7 @@ const ns = 999, so = {
     }, !1), !0;
   }
 };
-class No extends St {
+class No extends Ct {
   constructor(t) {
     super();
     O(this, "_previousActiveRange", null);
@@ -2806,13 +2806,13 @@ const Ba = {
         actions: [],
         textRanges: R
       }
-    }, b = l.getDefaultStyle(), y = l.getStyleCache(), C = jr((ee = p.customRanges) != null ? ee : [], I + r, In.includes(t)), B = Bo(
+    }, b = l.getDefaultStyle(), y = l.getStyleCache(), C = zr((ee = p.customRanges) != null ? ee : [], I + r, In.includes(t)), B = Bo(
       p,
       i ? S : I + r,
       b,
       y,
       In.includes(t)
-    ), x = zr(($ = p.customDecorations) != null ? $ : [], I + r), M = new Ee(), P = W.getInstance();
+    ), x = Gr(($ = p.customDecorations) != null ? $ : [], I + r), M = new Ie(), P = W.getInstance();
     if (!u.collapsed && i) {
       const U = ce.selection.delete([u], p, 0, null, !1);
       M.push(...U), E.params.textRanges = [{
@@ -2857,23 +2857,12 @@ const Ba = {
   }
 };
 function Xe(n, e, t) {
-  return t.executeCommand(Rt.id, {
+  return t.executeCommand(yt.id, {
     preCommandId: n,
     ...e != null ? e : {}
   });
 }
-const ri = "doc.command.set-inline-format-bold", Qt = {
-  id: ri,
-  type: D.COMMAND,
-  handler: async (n, e) => {
-    const t = n.get(T);
-    return Xe(
-      ri,
-      e,
-      t
-    );
-  }
-}, si = "doc.command.set-inline-format-italic", Ut = {
+const si = "doc.command.set-inline-format-bold", Qt = {
   id: si,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2884,7 +2873,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, ii = "doc.command.set-inline-format-underline", Ft = {
+}, ii = "doc.command.set-inline-format-italic", Ut = {
   id: ii,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2895,7 +2884,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, ai = "doc.command.set-inline-format-strikethrough", Ht = {
+}, ai = "doc.command.set-inline-format-underline", Ft = {
   id: ai,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2906,7 +2895,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, ci = "doc.command.set-inline-format-subscript", Ct = {
+}, ci = "doc.command.set-inline-format-strikethrough", Ht = {
   id: ci,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2917,7 +2906,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, li = "doc.command.set-inline-format-superscript", kt = {
+}, li = "doc.command.set-inline-format-subscript", bt = {
   id: li,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2928,7 +2917,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, di = "doc.command.set-inline-format-fontsize", ct = {
+}, di = "doc.command.set-inline-format-superscript", kt = {
   id: di,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2939,7 +2928,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, Ai = "doc.command.set-inline-format-font-family", tn = {
+}, Ai = "doc.command.set-inline-format-fontsize", ct = {
   id: Ai,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2950,7 +2939,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, ui = "doc.command.set-inline-format-text-color", Dt = {
+}, ui = "doc.command.set-inline-format-font-family", tn = {
   id: ui,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2961,7 +2950,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, hi = "doc.command.set-inline-format-text-background-color", Pt = {
+}, hi = "doc.command.set-inline-format-text-color", Et = {
   id: hi,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2972,7 +2961,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
-}, gi = "doc.command.reset-inline-format-text-background-color", Fn = {
+}, gi = "doc.command.set-inline-format-text-background-color", Pt = {
   id: gi,
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -2983,6 +2972,17 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       t
     );
   }
+}, fi = "doc.command.reset-inline-format-text-background-color", Fn = {
+  id: fi,
+  type: D.COMMAND,
+  handler: async (n, e) => {
+    const t = n.get(T);
+    return Xe(
+      fi,
+      e,
+      t
+    );
+  }
 }, hr = {
   [Qt.id]: "bl",
   [Ut.id]: "it",
@@ -2990,12 +2990,12 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
   [Ht.id]: "st",
   [ct.id]: "fs",
   [tn.id]: "ff",
-  [Dt.id]: "cl",
+  [Et.id]: "cl",
   [Pt.id]: "bg",
   [Fn.id]: "bg",
-  [Ct.id]: "va",
+  [bt.id]: "va",
   [kt.id]: "va"
-}, Rt = {
+}, yt = {
   id: "doc.command.set-inline-format",
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -3021,7 +3021,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
       // fallthrough
       case Ht.id:
       // fallthrough
-      case Ct.id:
+      case bt.id:
       // fallthrough
       case kt.id: {
         const E = a.getDefaultStyle(), b = _a(
@@ -3040,7 +3040,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
         g = t;
         break;
       }
-      case Dt.id:
+      case Et.id:
       case Pt.id: {
         g = {
           rgb: t
@@ -3063,7 +3063,7 @@ const ri = "doc.command.set-inline-format-bold", Qt = {
         actions: [],
         textRanges: c
       }
-    }, p = new Ee(), m = W.getInstance(), I = new Nt();
+    }, p = new Ie(), m = W.getInstance(), I = new Nt();
     I.reset();
     for (const E of c) {
       let { startOffset: b, endOffset: y, rangeType: C } = E;
@@ -3120,7 +3120,7 @@ function Ma(n, e, t) {
       s: z.TRUE
     };
   if (/va/.test(e))
-    return t === Ct.id ? (n == null ? void 0 : n[e]) === Ve.SUBSCRIPT ? Ve.NORMAL : Ve.SUBSCRIPT : (n == null ? void 0 : n[e]) === Ve.SUPERSCRIPT ? Ve.NORMAL : Ve.SUPERSCRIPT;
+    return t === bt.id ? (n == null ? void 0 : n[e]) === Ve.SUBSCRIPT ? Ve.NORMAL : Ve.SUBSCRIPT : (n == null ? void 0 : n[e]) === Ve.SUPERSCRIPT ? Ve.NORMAL : Ve.SUPERSCRIPT;
 }
 function _a(n, e, t) {
   var l, A, h, u, g, f, p, m, I, S, v, R, E, b;
@@ -3137,7 +3137,7 @@ function _a(n, e, t) {
     }
     return C != null && C.ts ? { ...t, ...C.ts } : t;
   }
-  const { textRuns: i = [] } = Ki(n, o, r), a = ue.deepClone(t), c = i.map((y) => {
+  const { textRuns: i = [] } = qi(n, o, r), a = ue.deepClone(t), c = i.map((y) => {
     var C;
     return (C = y == null ? void 0 : y.ts) == null ? void 0 : C.fs;
   }).filter(Boolean);
@@ -3280,7 +3280,7 @@ const Da = {
   }
 };
 function Jd(n, e, t, o) {
-  const r = new Ee(), s = W.getInstance(), i = (t == null ? void 0 : t.dataStream.length) - 2;
+  const r = new Ie(), s = W.getInstance(), i = (t == null ? void 0 : t.dataStream.length) - 2;
   i > 0 && r.push({
     t: G.DELETE,
     len: i
@@ -3324,7 +3324,7 @@ const wa = {
         textRanges: s,
         debounce: !0
       }
-    }, h = new Ee(), u = W.getInstance();
+    }, h = new Ie(), u = W.getInstance();
     return h.push(...ce.selection.delete([l], d, 0, r)), A.params.actions = u.editOp(h.serialize()), t.syncExecuteCommand(A.id, A.params);
   }
 }, $d = {
@@ -3546,7 +3546,7 @@ const gr = {
     const t = n.get(Y), o = n.get(L), r = n.get(T), s = o.getCurrentUnitForType(_.UNIVER_DOC), i = t.getActiveTextRange();
     if (s == null || i == null)
       return !1;
-    const { segmentId: a, startOffset: c } = i, { listType: d, paragraph: l } = e, { paragraphStart: A, paragraphEnd: h } = l, u = new Ee(), g = W.getInstance(), { paragraphStyle: f = {} } = l, m = (Hc[d].nestingLevel[0].paragraphProperties || {}).textStyle;
+    const { segmentId: a, startOffset: c } = i, { listType: d, paragraph: l } = e, { paragraphStart: A, paragraphEnd: h } = l, u = new Ie(), g = W.getInstance(), { paragraphStyle: f = {} } = l, m = (Hc[d].nestingLevel[0].paragraphProperties || {}).textStyle;
     let S = ge(6);
     const v = (M = (x = s.getBody()) == null ? void 0 : x.paragraphs) != null ? M : [], R = v.findIndex((F) => F.startIndex === l.startIndex), E = v[R - 1], b = v[R + 1];
     E && E.bullet && E.bullet.listType.indexOf(d) === 0 ? S = E.bullet.listId : b && b.bullet && b.bullet.listType.indexOf(d) === 0 && (S = b.bullet.listId);
@@ -3606,7 +3606,7 @@ const gr = {
     return y.params.actions = g.editOp(u.serialize(), C), !!r.syncExecuteCommand(y.id, y.params);
   }
 };
-function cs(n, e) {
+function ls(n, e) {
   var l, A;
   const t = n.get(T), o = Un(n);
   if (!o)
@@ -3655,18 +3655,18 @@ function cs(n, e) {
   }, a = W.getInstance(), c = Ae(r);
   return i.params.actions = a.editOp(s.serialize(), c), !!t.syncExecuteCommand(i.id, i.params);
 }
-const ls = {
+const ds = {
   id: "doc.command.insert-bullet-list-bellow",
   type: D.COMMAND,
-  handler: (n) => cs(n, ye.BULLET_LIST)
-}, ds = {
+  handler: (n) => ls(n, ye.BULLET_LIST)
+}, As = {
   id: "doc.command.insert-order-list-bellow",
   type: D.COMMAND,
-  handler: (n) => cs(n, ye.ORDER_LIST)
-}, As = {
+  handler: (n) => ls(n, ye.ORDER_LIST)
+}, us = {
   id: "doc.command.insert-check-list-bellow",
   type: D.COMMAND,
-  handler: (n) => cs(n, ye.CHECK_LIST)
+  handler: (n) => ls(n, ye.CHECK_LIST)
 }, lt = {
   id: "doc.command.align-action",
   type: D.COMMAND,
@@ -3694,7 +3694,7 @@ const ls = {
       }
     }, p = new Nt();
     p.reset();
-    const m = new Ee(), I = W.getInstance();
+    const m = new Ie(), I = W.getInstance();
     for (const C of h) {
       const { startIndex: B } = C;
       m.push({
@@ -3826,7 +3826,7 @@ const ls = {
     const { segmentId: c, startOffset: d } = a, l = i.getSelfOrHeaderFooterModel(c), A = (E = (R = l.getBody()) == null ? void 0 : R.paragraphs) != null ? E : [], h = (y = (b = l.getBody()) == null ? void 0 : b.dataStream) != null ? y : "", u = ce.paragraph.util.getParagraphsInRange(a, A, h)[0];
     if (!u)
       return !1;
-    const { paragraphStart: g } = u, f = new Ee(), p = W.getInstance(), { paragraphStyle: m = {} } = u, I = {
+    const { paragraphStart: g } = u, f = new Ie(), p = W.getInstance(), { paragraphStyle: m = {} } = u, I = {
       id: X.id,
       params: {
         unitId: i.getUnitId(),
@@ -3864,31 +3864,31 @@ const ls = {
   "###": K.HEADING_3,
   "####": K.HEADING_4,
   "#####": K.HEADING_5
-}, us = {
+}, hs = {
   id: "doc.command.h1-heading",
   type: D.COMMAND,
   handler: (n) => n.get(T).syncExecuteCommand(Ze.id, {
     value: K.HEADING_1
   })
-}, hs = {
+}, gs = {
   id: "doc.command.h2-heading",
   type: D.COMMAND,
   handler: (n) => n.get(T).syncExecuteCommand(Ze.id, {
     value: K.HEADING_2
   })
-}, gs = {
+}, fs = {
   id: "doc.command.h3-heading",
   type: D.COMMAND,
   handler: (n) => n.get(T).syncExecuteCommand(Ze.id, {
     value: K.HEADING_3
   })
-}, fs = {
+}, ps = {
   id: "doc.command.h4-heading",
   type: D.COMMAND,
   handler: (n) => n.get(T).syncExecuteCommand(Ze.id, {
     value: K.HEADING_4
   })
-}, ps = {
+}, ms = {
   id: "doc.command.h5-heading",
   type: D.COMMAND,
   handler: (n) => n.get(T).syncExecuteCommand(Ze.id, {
@@ -3922,11 +3922,11 @@ const qt = {
   divide: 4,
   glyph: 5
 };
-function ms(n, e) {
+function Es(n, e) {
   return n.page > e.page ? !1 : n.page < e.page ? !0 : n.section > e.section ? !1 : n.section < e.section ? !0 : n.column > e.column ? !1 : n.column < e.column ? !0 : n.line > e.line ? !1 : n.line < e.line ? !0 : n.divide > e.divide ? !1 : n.divide < e.divide ? !0 : n.glyph > e.glyph ? !1 : (n.glyph < e.glyph, !0);
 }
 function fr(n, e) {
-  return ms(n, e) ? {
+  return Es(n, e) ? {
     start: n,
     end: e
   } : {
@@ -3934,7 +3934,7 @@ function fr(n, e) {
     end: n
   };
 }
-function fi(n) {
+function pi(n) {
   const e = n.length;
   if (e === 0)
     return;
@@ -3975,7 +3975,7 @@ function pr(n) {
     y: t
   }), s;
 }
-class mt {
+class It {
   constructor(e, t) {
     O(this, "_liquid", new $i());
     O(this, "_currentStartState", {
@@ -4189,7 +4189,7 @@ class mt {
           );
           this._liquid.translateColumn(k);
           for (let oe = ie; oe <= ae; oe++) {
-            const he = ne[oe], { divides: Pe } = he, { start_next: Je, end_next: At } = this._getSelectionRuler(
+            const he = ne[oe], { divides: Pe } = he, { start_next: Je, end_next: ut } = this._getSelectionRuler(
               qt.line,
               e,
               t,
@@ -4197,7 +4197,7 @@ class mt {
               oe
             );
             this._liquid.translateSave(), this._liquid.translateLine(he, !0, !1);
-            for (let $e = Je; $e <= At; $e++) {
+            for (let $e = Je; $e <= ut; $e++) {
               const Wo = Pe[$e];
               this._liquid.translateSave(), this._liquid.translateDivide(Wo);
               const { glyphGroup: Oc } = Wo, { start_next: Tc, end_next: Bc } = this._getSelectionRuler(
@@ -4207,8 +4207,8 @@ class mt {
                 Oc.length - 1,
                 $e
               );
-              let Ns = !1, Ls = !1;
-              E === I && w === P && H === $ && oe === ie && $e === Je && (Ns = !0), E === S && w === F && H === U && oe === ae && $e === At && (Ls = !0), o && o(Tc, Bc, Ns, Ls, Wo, he, k, N, x), this._liquid.translateRestore();
+              let Ls = !1, Qs = !1;
+              E === I && w === P && H === $ && oe === ie && $e === Je && (Ls = !0), E === S && w === F && H === U && oe === ae && $e === ut && (Qs = !0), o && o(Tc, Bc, Ls, Qs, Wo, he, k, N, x), this._liquid.translateRestore();
             }
             this._liquid.translateRestore();
           }
@@ -4222,7 +4222,7 @@ function oA(n, e) {
   const { path: t } = n, { path: o } = e;
   if (t.length !== o.length || t.indexOf("cells") === -1)
     return !1;
-  const r = t.indexOf("skeTables") + 1, s = t.indexOf("rows") + 1, i = t.indexOf("cells") + 1, { tableId: a, sliceIndex: c } = Ws(t[r]), { tableId: d, sliceIndex: l } = Ws(o[r]);
+  const r = t.indexOf("skeTables") + 1, s = t.indexOf("rows") + 1, i = t.indexOf("cells") + 1, { tableId: a, sliceIndex: c } = js(t[r]), { tableId: d, sliceIndex: l } = js(o[r]);
   if (a !== d)
     return !1;
   const A = t[s], h = o[s], u = t[i], g = o[i];
@@ -4245,7 +4245,7 @@ function ka(n, e, t) {
 }
 function Xo(n, e) {
   if (Ha(n, e))
-    return ms(n, e);
+    return Es(n, e);
   const { path: t } = n, { path: o } = e, r = t[t.length - 5], s = o[o.length - 5];
   if (r !== s && typeof r == "string" && typeof s == "string") {
     const l = r.split("#-#")[1], A = s.split("#-#")[1];
@@ -4376,7 +4376,7 @@ class Va {
     };
   }
 }
-const sA = "__TestSelectionRange__", iA = "__TestSelectionAnchor__", pi = 6, Zo = 500, aA = 500, mr = 3;
+const sA = "__TestSelectionRange__", iA = "__TestSelectionAnchor__", mi = 6, Zo = 500, aA = 500, mr = 3;
 function $n(n) {
   const e = n[0], t = e[0], o = e[2], { x: r, y: s } = t, { x: i, y: a } = o;
   return {
@@ -4386,7 +4386,7 @@ function $n(n) {
     height: a - s
   };
 }
-function Es(n) {
+function Is(n) {
   return n.map((e) => {
     let t = 1 / 0, o = -1 / 0, r = 1 / 0, s = -1 / 0;
     return e.forEach((i) => {
@@ -4424,7 +4424,7 @@ class Zt {
   // The start position of the range
   get startOffset() {
     var r;
-    const { startOffset: e } = (r = fi(this._cursorList)) != null ? r : {}, t = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
+    const { startOffset: e } = (r = pi(this._cursorList)) != null ? r : {}, t = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
     if (e == null || t == null)
       return e;
     const o = t.dataStream.length - 2;
@@ -4433,7 +4433,7 @@ class Zt {
   // The end position of the range
   get endOffset() {
     var r;
-    const { endOffset: e } = (r = fi(this._cursorList)) != null ? r : {}, t = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
+    const { endOffset: e } = (r = pi(this._cursorList)) != null ? r : {}, t = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
     if (e == null || t == null)
       return e;
     const o = t.dataStream.length - 2;
@@ -4461,7 +4461,7 @@ class Zt {
   }
   get direction() {
     const { collapsed: e, anchorNodePosition: t, focusNodePosition: o } = this;
-    return e || t == null || o == null ? De.NONE : ms(t, o) ? De.FORWARD : De.BACKWARD;
+    return e || t == null || o == null ? De.NONE : Es(t, o) ? De.FORWARD : De.BACKWARD;
   }
   get segmentId() {
     return this._segmentId;
@@ -4473,7 +4473,7 @@ class Zt {
     const e = this.anchorNodePosition, t = this.focusNodePosition;
     if (this._isEmpty())
       return;
-    const o = this._document.getOffsetConfig(), { docsLeft: r, docsTop: s } = o, i = new mt(o, this._docSkeleton);
+    const o = this._document.getOffsetConfig(), { docsLeft: r, docsTop: s } = o, i = new It(o, this._docSkeleton);
     if (this._isCollapsed()) {
       const { contentBoxPointGroup: l, cursorList: A } = i.getRangePointData(e, e);
       if (this._setCursorList(A), l.length === 0)
@@ -4533,7 +4533,7 @@ class Zt {
     const { _document: e, _docSkeleton: t } = this, o = this.anchorNodePosition, r = this.focusNodePosition;
     if ((A = this._anchorShape) == null || A.hide(), (h = this._rangeShape) == null || h.hide(), this._isEmpty())
       return;
-    const s = e.getOffsetConfig(), { docsLeft: i, docsTop: a } = s, c = new mt(s, t);
+    const s = e.getOffsetConfig(), { docsLeft: i, docsTop: a } = s, c = new It(s, t);
     if (this._isCollapsed()) {
       const { contentBoxPointGroup: u, cursorList: g } = c.getRangePointData(o, o);
       if (this._setCursorList(g), u.length > 0) {
@@ -4568,7 +4568,7 @@ class Zt {
       this._rangeShape.translate(t, o), this._rangeShape.updatePointGroup(e), this._rangeShape.show();
       return;
     }
-    const r = 0.3, s = new ta(sA + ge(pi), {
+    const r = 0.3, s = new ta(sA + ge(mi), {
       pointsGroup: e,
       fill: ((i = this.style) == null ? void 0 : i.fill) || pn(fn.black, r),
       left: t,
@@ -4591,7 +4591,7 @@ class Zt {
       this._anchorShape.transformByState({ left: A, top: h, height: c }), this._anchorShape.show(), u ? this._anchorShape.skew(-l, 0) : this._anchorShape.skew(0, 0);
       return;
     }
-    const g = new qn(iA + ge(pi), {
+    const g = new qn(iA + ge(mi), {
       left: A,
       top: h,
       height: c,
@@ -4757,7 +4757,7 @@ class Wa {
     this._rangeShape = s, this._scene.addObject(s, mr);
   }
 }
-function mi(n, e, t, o, r, s, i, a, c = !0, d = !0) {
+function Ei(n, e, t, o, r, s, i, a, c = !0, d = !0) {
   const l = r.findNodePositionByCharIndex(n, c, i, a), A = r.findNodePositionByCharIndex(e, d, i, a);
   if (!(l == null || A == null))
     return new Zt(t, o, r, l, A, s, i, a);
@@ -4871,7 +4871,7 @@ function uA(n) {
     top: t
   };
 }
-function Ei(n) {
+function Ii(n) {
   var c;
   const e = (c = n.parent) == null ? void 0 : c.parent, t = e == null ? void 0 : e.parent;
   if (e == null || t == null)
@@ -4932,7 +4932,7 @@ var gA = Object.getOwnPropertyDescriptor, fA = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Wn = (n, e) => (t, o) => e(t, o, n);
-let Re = class extends St {
+let Re = class extends Ct {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_onInputBefore$", new be());
@@ -4999,7 +4999,7 @@ let Re = class extends St {
     return this.isFocusing || document.activeElement === document.body || document.activeElement === null;
   }
   _listenCurrentUnitChange() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(_.UNIVER_DOC).pipe(ft(this.dispose$)).subscribe((e) => {
+    this._univerInstanceService.getCurrentTypeOfUnit$(_.UNIVER_DOC).pipe(pt(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
       e.getUnitId() !== this._context.unitId && !this._reserveRanges && this.removeAllRanges();
@@ -5067,7 +5067,7 @@ let Re = class extends St {
       } else if (f === He.TEXT)
         try {
           let I = null;
-          p && m ? I = mi(
+          p && m ? I = Ei(
             p.isBack ? u : u - 1,
             m.isBack ? g : g - 1,
             a,
@@ -5078,7 +5078,7 @@ let Re = class extends St {
             s,
             p.isBack,
             m.isBack
-          ) : I = mi(
+          ) : I = Ei(
             u,
             g,
             a,
@@ -5158,7 +5158,7 @@ let Re = class extends St {
     });
     if (r == null || r.node == null)
       return;
-    const s = Ei(r.node);
+    const s = Ii(r.node);
     if (s == null)
       return;
     const { content: i, st: a, nodeIndex: c } = s;
@@ -5190,7 +5190,7 @@ let Re = class extends St {
     });
     if (r == null || r.node == null)
       return;
-    const s = Ei(r.node);
+    const s = Ii(r.node);
     if (s == null)
       return;
     this.removeAllRanges();
@@ -5229,7 +5229,7 @@ let Re = class extends St {
     let u = s, g = i;
     this._onPointerEvent = !0, this._scenePointerMoveSubs.push(t.onPointerMove$.subscribeEvent((m) => {
       const { offsetX: I, offsetY: S } = m;
-      t.setCursor(Mt.TEXT), !(Math.sqrt((I - u) ** 2 + (S - g) ** 2) < 3) && (this._moving(I, S), h.scrolling(I, S, () => {
+      t.setCursor(_t.TEXT), !(Math.sqrt((I - u) ** 2 + (S - g) ** 2) < 3) && (this._moving(I, S), h.scrolling(I, S, () => {
         this._moving(I, S);
       }), u = I, g = S);
     })), this._scenePointerUpSubs.push(t.onPointerUp$.subscribeEvent(() => {
@@ -5664,16 +5664,16 @@ const ko = {
         if (P == null)
           continue;
         const F = M.docTransform.positionV, { relativeFrom: w, posOffset: N } = F;
-        if (w === gt.PARAGRAPH)
+        if (w === ft.PARAGRAPH)
           continue;
         const { startIndex: ee } = P, $ = a.findNodeByCharIndex(ee, d, l), U = (R = $ == null ? void 0 : $.parent) == null ? void 0 : R.parent, H = U == null ? void 0 : U.parent, k = H == null ? void 0 : H.lines.find((he) => he.paragraphIndex === (U == null ? void 0 : U.paragraphIndex) && he.paragraphStart), ne = (E = H == null ? void 0 : H.parent) == null ? void 0 : E.parent;
         if ($ == null || U == null || k == null || H == null || ne == null)
           continue;
         let ie = 0;
-        w === gt.LINE ? ie -= U.top : w === gt.PAGE && (ie += ne.marginTop), ie += k.top;
+        w === ft.LINE ? ie -= U.top : w === ft.PAGE && (ie += ne.marginTop), ie += k.top;
         const ae = {
           ...F,
-          relativeFrom: gt.PARAGRAPH,
+          relativeFrom: ft.PARAGRAPH,
           posOffset: (N != null ? N : 0) - ie
         }, oe = g.replaceOp(["drawings", x, "docTransform", "positionV"], F, ae);
         oe && f.push(oe);
@@ -5696,10 +5696,10 @@ const ko = {
     const u = A.getUnitId(), g = qe(n, u), f = g == null ? void 0 : g.getSkeleton();
     if (f == null)
       return !1;
-    const { startOffset: p } = c, I = ((ae = h.paragraphs) != null ? ae : []).find((At) => At.startIndex >= p), S = f.findNodeByCharIndex(p, d, l);
+    const { startOffset: p } = c, I = ((ae = h.paragraphs) != null ? ae : []).find((ut) => ut.startIndex >= p), S = f.findNodeByCharIndex(p, d, l);
     if (S == null)
       return !1;
-    const v = new Ee(), R = W.getInstance(), E = [], b = p + 4, y = [{
+    const v = new Ie(), R = W.getInstance(), E = [], b = p + 4, y = [{
       startOffset: b,
       endOffset: b,
       collapsed: !0
@@ -5755,9 +5755,9 @@ const ko = {
     const k = Ae(A, d);
     E.push(R.editOp(v.serialize(), k));
     const ne = R.insertOp(["tableSource", H.tableId], H);
-    return E.push(ne), C.params.actions = E.reduce((At, $e) => W.compose(At, $e), null), !!i.syncExecuteCommand(C.id, C.params);
+    return E.push(ne), C.params.actions = E.reduce((ut, $e) => W.compose(ut, $e), null), !!i.syncExecuteCommand(C.id, C.params);
   }
-}, Is = {
+}, Ss = {
   id: "doc.table.delete-rows",
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -5771,7 +5771,7 @@ const ko = {
     const l = qe(n, c.getUnitId());
     if (l == null)
       return !1;
-    const A = l.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ee(), g = W.getInstance(), f = Ia(i, A);
+    const A = l.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ie(), g = W.getInstance(), f = Ia(i, A);
     if (f == null)
       return !1;
     const { offset: p, rowIndexes: m, len: I, tableId: S, cursor: v, selectWholeTable: R } = f;
@@ -5804,7 +5804,7 @@ const ko = {
     }
     return y.params.actions = E.reduce((x, M) => W.compose(x, M), null), !!o.syncExecuteCommand(y.id, y.params);
   }
-}, Ss = {
+}, vs = {
   id: "doc.table.delete-columns",
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -5818,7 +5818,7 @@ const ko = {
     const l = qe(n, c.getUnitId());
     if (l == null)
       return !1;
-    const A = l.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ee(), g = W.getInstance(), f = Rd(i, A);
+    const A = l.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ie(), g = W.getInstance(), f = Rd(i, A);
     if (f == null)
       return !1;
     const { offsets: p, columnIndexes: m, tableId: I, cursor: S, rowCount: v, selectWholeTable: R } = f;
@@ -5873,7 +5873,7 @@ const ko = {
     const l = qe(n, c.getUnitId());
     if (l == null)
       return !1;
-    const A = l.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ee(), g = W.getInstance(), f = Sa(i, A);
+    const A = l.getViewModel(), h = c == null ? void 0 : c.getUnitId(), u = new Ie(), g = W.getInstance(), f = Sa(i, A);
     if (f == null)
       return !1;
     const { offset: p, len: m, tableId: I, cursor: S } = f, v = [], R = [{
@@ -5900,24 +5900,24 @@ const ko = {
     const y = g.removeOp(["tableSource", I]);
     return v.push(y), E.params.actions = v.reduce((B, x) => W.compose(B, x), null), !!o.syncExecuteCommand(E.id, E.params);
   }
-}, vs = "doc.command.table-insert-row", Cs = "doc.command.table-insert-column", mA = "doc.command.table-insert-row-above", EA = "doc.command.table-insert-row-bellow", IA = "doc.command.table-insert-column-left", SA = "doc.command.table-insert-column-right", Rs = {
+}, Cs = "doc.command.table-insert-row", Rs = "doc.command.table-insert-column", mA = "doc.command.table-insert-row-above", EA = "doc.command.table-insert-row-bellow", IA = "doc.command.table-insert-column-left", SA = "doc.command.table-insert-column-right", bs = {
   id: mA,
   type: D.COMMAND,
-  handler: async (n) => n.get(T).executeCommand(vs, { position: _o.ABOVE })
-}, bs = {
+  handler: async (n) => n.get(T).executeCommand(Cs, { position: _o.ABOVE })
+}, ys = {
   id: EA,
   type: D.COMMAND,
-  handler: async (n) => n.get(T).executeCommand(vs, { position: _o.BELLOW })
-}, ys = {
+  handler: async (n) => n.get(T).executeCommand(Cs, { position: _o.BELLOW })
+}, xs = {
   id: IA,
   type: D.COMMAND,
-  handler: async (n) => n.get(T).executeCommand(Cs, { position: Yr.LEFT })
-}, xs = {
+  handler: async (n) => n.get(T).executeCommand(Rs, { position: Kr.LEFT })
+}, Os = {
   id: SA,
   type: D.COMMAND,
-  handler: async (n) => n.get(T).executeCommand(Cs, { position: Yr.RIGHT })
+  handler: async (n) => n.get(T).executeCommand(Rs, { position: Kr.RIGHT })
 }, za = {
-  id: vs,
+  id: Cs,
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
@@ -5930,7 +5930,7 @@ const ko = {
     const h = qe(n, l.getUnitId());
     if (h == null)
       return !1;
-    const u = h.getViewModel(), g = l == null ? void 0 : l.getUnitId(), f = new Ee(), p = W.getInstance(), m = Sd(c, t, u);
+    const u = h.getViewModel(), g = l == null ? void 0 : l.getUnitId(), f = new Ie(), p = W.getInstance(), m = Sd(c, t, u);
     if (m == null)
       return !1;
     const { offset: I, colCount: S, tableId: v, insertRowIndex: R } = m, E = [], b = I + 2, y = [{
@@ -5957,11 +5957,11 @@ const ko = {
     });
     const x = Ae(l, d);
     E.push(p.editOp(f.serialize(), x));
-    const M = qr(S), P = p.insertOp(["tableSource", v, "tableRows", R], M);
+    const M = Xr(S), P = p.insertOp(["tableSource", v, "tableRows", R], M);
     return E.push(P), C.params.actions = E.reduce((w, N) => W.compose(w, N), null), !!s.syncExecuteCommand(C.id, C.params);
   }
 }, vA = {
-  id: Cs,
+  id: Rs,
   type: D.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (n, e) => {
@@ -5975,7 +5975,7 @@ const ko = {
     const h = qe(n, l.getUnitId());
     if (h == null)
       return !1;
-    const u = h.getViewModel(), g = l == null ? void 0 : l.getUnitId(), f = new Ee(), p = W.getInstance(), m = vd(c, t, u);
+    const u = h.getViewModel(), g = l == null ? void 0 : l.getUnitId(), f = new Ie(), p = W.getInstance(), m = vd(c, t, u);
     if (m == null)
       return !1;
     const { offsets: I, columnIndex: S, tableId: v, rowCount: R } = m, E = [], b = I[0] + 1, y = [{
@@ -6005,7 +6005,7 @@ const ko = {
     const B = Ae(l, d);
     E.push(p.editOp(f.serialize(), B));
     for (let oe = 0; oe < R; oe++) {
-      const he = Kr(), Pe = p.insertOp(["tableSource", v, "tableRows", oe, "tableCells", S], he);
+      const he = qr(), Pe = p.insertOp(["tableSource", v, "tableRows", oe, "tableCells", S], he);
       E.push(Pe);
     }
     const x = l.getSnapshot(), M = x.documentStyle, { marginLeft: P = 0, marginRight: F = 0 } = M, w = ((ie = (ne = M.pageSize) == null ? void 0 : ne.width) != null ? ie : 800) - P - F, N = (ae = x == null ? void 0 : x.tableSource) == null ? void 0 : ae[v].tableColumns, { newColWidth: ee, widths: $ } = Cd(w, N, S);
@@ -6013,7 +6013,7 @@ const ko = {
       const he = p.replaceOp(["tableSource", v, "tableColumns", oe, "size", "width", "v"], N[oe].size.width.v, $[oe]);
       E.push(he);
     }
-    const U = Xr(ee), H = p.insertOp(["tableSource", v, "tableColumns", S], U);
+    const U = Zr(ee), H = p.insertOp(["tableSource", v, "tableColumns", S], U);
     return E.push(H), C.params.actions = E.reduce((oe, he) => W.compose(oe, he), null), !!s.syncExecuteCommand(C.id, C.params);
   }
 }, Ga = {
@@ -6028,7 +6028,7 @@ const ko = {
     if (h == null || c == null)
       return !1;
     let u = null;
-    if (t ? u = $s(h, c, Ar.PREV) : u = $s(h, c, Ar.NEXT), u) {
+    if (t ? u = ei(h, c, Ar.PREV) : u = ei(h, c, Ar.NEXT), u) {
       const { startOffset: f, endOffset: p } = u, m = [{
         startOffset: f,
         endOffset: p
@@ -6039,7 +6039,7 @@ const ko = {
       position: _o.BELLOW
     }) : !0;
   }
-}, Ya = "COMPONENT_DOC_CREATE_TABLE_CONFIRM", $o = "doc.component.create-table-confirm", Os = {
+}, Ya = "COMPONENT_DOC_CREATE_TABLE_CONFIRM", $o = "doc.component.create-table-confirm", Ts = {
   id: "doc.operation.create-table",
   type: D.COMMAND,
   handler: async (n) => {
@@ -6060,7 +6060,7 @@ const ko = {
           }
         }
       },
-      width: 400,
+      width: "auto",
       title: { title: e.t("toolbar.table.insert") },
       onConfirm: () => {
         o.executeCommand(ja.id, r), t.close($o);
@@ -6070,11 +6070,11 @@ const ko = {
       }
     }), !0;
   }
-}, Et = {
+}, St = {
   id: "doc.operation.move-cursor",
   type: D.OPERATION,
   handler: (n, e) => !!e
-}, It = {
+}, vt = {
   id: "doc.operation.move-selection",
   type: D.OPERATION,
   handler: (n, e) => !!e
@@ -6284,7 +6284,7 @@ function Ac(n) {
     }
   return 0;
 }
-class WA extends pe {
+class WA extends me {
   constructor(t, o, r, s, i, a) {
     super();
     // Emit change event when editor lose focus.
@@ -6491,7 +6491,7 @@ class WA extends pe {
     return (o = this._injector.get(fe).getRenderById(this._getEditorId())) == null ? void 0 : o.with(de).getSkeleton();
   }
   isSheetEditor() {
-    return vt(this._getEditorId());
+    return Rt(this._getEditorId());
   }
   /**
    * @deprecated use getDocumentData.
@@ -6539,7 +6539,7 @@ var jA = Object.getOwnPropertyDescriptor, zA = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? jA(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, xt = (n, e) => (t, o) => e(t, o, n);
+}, Ot = (n, e) => (t, o) => e(t, o, n);
 const GA = [
   "editor",
   "render-canvas"
@@ -6547,7 +6547,7 @@ const GA = [
   // 'univer-range-selector-editor',
   // 'univer-text-editor-container-placeholder',
 ];
-let Sr = class extends pe {
+let Sr = class extends me {
   constructor(e, t, o, r, s, i, a) {
     super();
     O(this, "_editors", /* @__PURE__ */ new Map());
@@ -6593,7 +6593,7 @@ let Sr = class extends pe {
   }
   blur(e) {
     const t = this.getFocusEditor();
-    e && (t == null || t.setSelectionRanges([])), t == null || t.blur(), this._contextService.setContextValue(to, !1), this._contextService.setContextValue(Us, !1), this._setFocusId(null), this._blur$.next(null);
+    e && (t == null || t.setSelectionRanges([])), t == null || t.blur(), this._contextService.setContextValue(to, !1), this._contextService.setContextValue(Fs, !1), this._setFocusId(null), this._blur$.next(null);
   }
   focus(e) {
     if (e === this._focusEditorUnitId || (this._focusEditorUnitId && this.blur(), e == null))
@@ -6603,7 +6603,7 @@ let Sr = class extends pe {
       return;
     this._univerInstanceService.setCurrentUnitForType(e);
     const o = t.getValue().length;
-    this._contextService.setContextValue(to, !0), vt(e) || this._contextService.setContextValue(Us, !0), t.focus(), this._setFocusId(e), this._focus$.next({
+    this._contextService.setContextValue(to, !0), Rt(e) || this._contextService.setContextValue(Fs, !0), t.focus(), this._setFocusId(e), this._focus$.next({
       startOffset: o,
       endOffset: o
     });
@@ -6653,7 +6653,7 @@ let Sr = class extends pe {
     return {
       id: e,
       body: {
-        dataStream: `${qi}`,
+        dataStream: `${Xi}`,
         textRuns: [],
         paragraphs: [
           {
@@ -6674,15 +6674,15 @@ let Sr = class extends pe {
   }
 };
 Sr = zA([
-  xt(0, L),
-  xt(1, fe),
-  xt(2, j(Y)),
-  xt(3, Fr),
-  xt(4, T),
-  xt(5, xo),
-  xt(6, j(Pn))
+  Ot(0, L),
+  Ot(1, fe),
+  Ot(2, j(Y)),
+  Ot(3, Fr),
+  Ot(4, T),
+  Ot(5, xo),
+  Ot(6, j(Pn))
 ], Sr);
-const Ye = Yi("univer.editor.service"), vr = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
+const Ye = Ki("univer.editor.service"), vr = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
 function YA(n, e, t) {
   const {
     useFirstPageHeaderFooter: o,
@@ -6697,7 +6697,7 @@ function YA(n, e, t) {
   return e === ve.HEADER ? o === z.TRUE ? t === 0 ? a : r === z.TRUE && t % 2 === 1 ? d : s : r === z.TRUE && t % 2 === 1 ? d : s : o === z.TRUE ? t === 0 ? c : r === z.TRUE && t % 2 === 1 ? l : i : r === z.TRUE && t % 2 === 1 ? l : i;
 }
 const KA = (n) => {
-  const e = J(Ke), t = J(L), o = J(fe), r = J(T), s = J(Oo), { unitId: i } = n, a = o.getRenderById(i).with(Re), [c, d] = me({}), l = (u, g) => {
+  const e = J(Ke), t = J(L), o = J(fe), r = J(T), s = J(Oo), { unitId: i } = n, a = o.getRenderById(i).with(Re), [c, d] = Ee({}), l = (u, g) => {
     var b;
     d((y) => ({
       ...y,
@@ -6747,7 +6747,7 @@ const KA = (n) => {
       }
     }), a.removeAllRanges(), a.blur();
   }, h = () => {
-    r.executeCommand(Ms.id, {
+    r.executeCommand(_s.id, {
       unitId: i
     });
   };
@@ -6770,7 +6770,7 @@ const KA = (n) => {
   }, [i]), /* @__PURE__ */ re("div", { className: "univer-grid univer-gap-4", children: [
     /* @__PURE__ */ re("div", { className: "univer-grid univer-gap-2", children: [
       /* @__PURE__ */ Q("div", { children: /* @__PURE__ */ Q(
-        Xs,
+        Zs,
         {
           checked: c.useFirstPageHeaderFooter === z.TRUE,
           onChange: (u) => {
@@ -6780,7 +6780,7 @@ const KA = (n) => {
         }
       ) }),
       /* @__PURE__ */ Q("div", { children: /* @__PURE__ */ Q(
-        Xs,
+        Zs,
         {
           checked: c.evenAndOddHeaders === z.TRUE,
           onChange: (u) => {
@@ -6828,7 +6828,7 @@ const KA = (n) => {
   ] });
 }, qA = () => {
   var d;
-  const n = J(Ke), e = J(fe), r = J(L).getCurrentUniverDocInstance().getUnitId(), i = ((d = e.getRenderById(r)) == null ? void 0 : d.with(de)).getViewModel(), [a, c] = me(!0);
+  const n = J(Ke), e = J(fe), r = J(L).getCurrentUniverDocInstance().getUnitId(), i = ((d = e.getRenderById(r)) == null ? void 0 : d.with(de)).getViewModel(), [a, c] = Ee(!0);
   return Ce(() => {
     const l = i.getEditArea();
     c(l !== ve.BODY);
@@ -6839,7 +6839,7 @@ const KA = (n) => {
       A.unsubscribe();
     };
   }, []), /* @__PURE__ */ Q("div", { className: "univer-text-sm", children: a ? /* @__PURE__ */ Q(KA, { unitId: r }) : /* @__PURE__ */ Q("div", { className: "univer-text-gray-400", children: n.t("headerFooter.disableText") }) });
-}, Ii = 18, Si = 200, er = 6, XA = 4;
+}, Si = 18, vi = 200, er = 6, XA = 4;
 function ZA(n, e) {
   let { radius: t, width: o, height: r } = e;
   t = t != null ? t : 0, o = o != null ? o : 30, r = r != null ? r : 30;
@@ -6858,15 +6858,15 @@ class co extends ul {
     t.save(), t.font = "13px Source Han Sans CN";
     const i = t.measureText(r).width, a = Math.min(
       i + 2 * er,
-      Si
+      vi
     );
     ZA(t, {
-      height: Ii,
+      height: Si,
       width: a,
       radius: 4,
       fill: s
     }), t.fillStyle = "rgba(58, 96, 247, 1)";
-    const c = er, d = Ii - XA, l = Si - 2 * er;
+    const c = er, d = Si - XA, l = vi - 2 * er;
     if (i > l) {
       let A = "", h = 0;
       for (const u of r) {
@@ -6891,8 +6891,8 @@ var JA = Object.getOwnPropertyDescriptor, $A = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? JA(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, ut = (n, e) => (t, o) => e(t, o, n);
-const vi = "rgba(58, 96, 247, 1)", Ci = "rgba(58, 96, 247, 0.08)";
+}, ht = (n, e) => (t, o) => e(t, o, n);
+const Ci = "rgba(58, 96, 247, 1)", Ri = "rgba(58, 96, 247, 0.08)";
 var Qe = /* @__PURE__ */ ((n) => (n[n.FIRST_PAGE_HEADER = 0] = "FIRST_PAGE_HEADER", n[n.FIRST_PAGE_FOOTER = 1] = "FIRST_PAGE_FOOTER", n[n.DEFAULT_HEADER = 2] = "DEFAULT_HEADER", n[n.DEFAULT_FOOTER = 3] = "DEFAULT_FOOTER", n[n.EVEN_PAGE_HEADER = 4] = "EVEN_PAGE_HEADER", n[n.EVEN_PAGE_FOOTER = 5] = "EVEN_PAGE_FOOTER", n))(Qe || {});
 function eu(n, e, t) {
   const { documentStyle: o } = n.getDataModel().getSnapshot(), {
@@ -6943,7 +6943,7 @@ function eu(n, e, t) {
       throw new Error(`Invalid editArea: ${e}`);
   }
 }
-let Cr = class extends pe {
+let Cr = class extends me {
   constructor(e, t, o, r, s, i, a, c, d) {
     super();
     O(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
@@ -6958,7 +6958,7 @@ let Cr = class extends pe {
       this._commandService.onCommandExecuted((e) => {
         if (X.id === e.id) {
           const t = this._context.unit, r = this._docSkeletonManagerService.getViewModel().getEditArea(), s = t.getSnapshot().documentStyle.documentFlavor;
-          r !== ve.BODY && s === we.MODERN && this._commandService.executeCommand(Ms.id, {
+          r !== ve.BODY && s === we.MODERN && this._commandService.executeCommand(_s.id, {
             unitId: this._context.unitId
           });
         }
@@ -6969,11 +6969,11 @@ let Cr = class extends pe {
     this._componentManager.get(vr) || this.disposeWithMe(this._componentManager.register(vr, qA));
   }
   _init() {
-    const { unitId: e } = this._context, t = pt(this._context);
+    const { unitId: e } = this._context, t = mt(this._context);
     t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
   }
   _initialMain(e) {
-    const t = pt(this._context), { document: o } = t;
+    const t = mt(this._context), { document: o } = t;
     this.disposeWithMe(o.onDblclick$.subscribeEvent(async (r) => {
       if (this._isEditorReadOnly(e) || !this._isTraditionalMode())
         return;
@@ -7007,7 +7007,7 @@ let Cr = class extends pe {
     }));
   }
   _getTransformCoordForDocumentOffset(e, t) {
-    const o = pt(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
+    const o = mt(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
     if (a == null)
       return;
     const c = a.transformVector2SceneCoord(Cn.FromArray([e, t]));
@@ -7058,7 +7058,7 @@ let Cr = class extends pe {
                   points: [f, m]
                 }],
                 strokeWidth: 1,
-                stroke: vi
+                stroke: Ci
               }, v = {
                 dataArray: [{
                   command: "M",
@@ -7068,14 +7068,14 @@ let Cr = class extends pe {
                   points: [f, p - I]
                 }],
                 strokeWidth: 1,
-                stroke: vi
+                stroke: Ci
               };
-              js.drawWith(g, S), js.drawWith(g, v), g.translate(0, m + 1), co.drawWith(g, {
+              zs.drawWith(g, S), zs.drawWith(g, v), g.translate(0, m + 1), co.drawWith(g, {
                 text: e.t("headerFooter.header"),
-                color: Ci
+                color: Ri
               }), g.translate(0, p - m - I), co.drawWith(g, {
                 text: e.t("headerFooter.footer"),
-                color: Ci
+                color: Ri
               });
             }
             g.restore();
@@ -7093,16 +7093,16 @@ let Cr = class extends pe {
   }
 };
 Cr = $A([
-  ut(1, T),
-  ut(2, Ye),
-  ut(3, L),
-  ut(4, fe),
-  ut(5, j(de)),
-  ut(6, j(Re)),
-  ut(7, j(Ke)),
-  ut(8, j(sn))
+  ht(1, T),
+  ht(2, Ye),
+  ht(3, L),
+  ht(4, fe),
+  ht(5, j(de)),
+  ht(6, j(Re)),
+  ht(7, j(Ke)),
+  ht(8, j(sn))
 ], Cr);
-const Ts = {
+const Bs = {
   id: "sidebar.operation.doc-header-footer-panel",
   type: D.OPERATION,
   handler: async (n, e) => {
@@ -7125,7 +7125,7 @@ const Ts = {
     return !0;
   }
 };
-function Ri() {
+function bi() {
   return {
     dataStream: `\r
 `,
@@ -7158,12 +7158,12 @@ function Ri() {
 function tr(n, e, t, o) {
   const r = W.getInstance(), s = 6, i = n != null ? n : ge(s), a = e === Qe.DEFAULT_HEADER || e === Qe.FIRST_PAGE_HEADER || e === Qe.EVEN_PAGE_HEADER, c = r.insertOp([a ? "headers" : "footers", i], {
     [a ? "headerId" : "footerId"]: i,
-    body: Ri()
+    body: bi()
   });
   o.push(c);
   const d = ge(s), l = r.insertOp([a ? "footers" : "headers", d], {
     [a ? "footerId" : "headerId"]: d,
-    body: Ri()
+    body: bi()
   });
   o.push(l);
   let A = "defaultHeaderId", h = "defaultFooterId";
@@ -7237,11 +7237,11 @@ const eo = "doc.command.core-header-footer", uc = {
       }
     }), I.length === 0 ? !1 : (p.params.actions = I.reduce((R, E) => W.compose(R, E), null), !!t.syncExecuteCommand(p.id, p.params));
   }
-}, Bs = {
+}, Ms = {
   id: "doc.command.open-header-footer-panel",
   type: D.COMMAND,
-  handler: async (n, e) => n.get(T).executeCommand(Ts.id, { value: "open" })
-}, Ms = {
+  handler: async (n, e) => n.get(T).executeCommand(Bs.id, { value: "open" })
+}, _s = {
   id: "doc.command.close-header-footer",
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -7261,7 +7261,7 @@ const eo = "doc.command.core-header-footer", uc = {
           endOffset: m
         }
       ]);
-    }), t.executeCommand(Ts.id, { value: "close" }), !0);
+    }), t.executeCommand(Bs.id, { value: "close" }), !0);
   }
 }, hc = "UI_PLUGIN_DOCS", gc = (n) => {
   const { value: e, onChange: t, options: o } = n;
@@ -7355,7 +7355,7 @@ const eo = "doc.command.core-header-footer", uc = {
   return t != null ? t : "A4";
 };
 function iu(n) {
-  const { hooks: e } = n, r = J(L).getCurrentUnitOfType(_.UNIVER_DOC).getDocumentStyle(), s = J(Ke), [i, a] = me(() => {
+  const { hooks: e } = n, r = J(L).getCurrentUnitOfType(_.UNIVER_DOC).getDocumentStyle(), s = J(Ke), [i, a] = Ee(() => {
     var l, A, h, u, g;
     return {
       paperSize: su(r.pageSize),
@@ -7528,7 +7528,7 @@ const Rr = "docs.component.page-setting", mc = {
     };
     return v.params.actions = S.reduce((E, b) => W.compose(E, b), null), !!o.syncExecuteCommand(v.id, v.params);
   }
-}, _s = {
+}, Ds = {
   id: "docs.operation.open-page-setting",
   type: D.OPERATION,
   handler: (n) => {
@@ -7564,7 +7564,7 @@ const Rr = "docs.component.page-setting", mc = {
 };
 function au(n) {
   const e = n.get(L), t = n.get(fe);
-  return new Ie((o) => {
+  return new pe((o) => {
     const r = e.focused$.subscribe((s) => {
       if (s == null || e.getUnitType(s) !== _.UNIVER_DOC)
         return o.next(!0);
@@ -7580,7 +7580,7 @@ function au(n) {
 }
 function cu(n) {
   const e = n.get(L), t = n.get(T);
-  return new Ie((o) => {
+  return new pe((o) => {
     const r = t.onCommandExecuted((c) => {
       if (c.id === X.id) {
         const { unitId: d } = c.params, l = e.getUnit(d);
@@ -7607,7 +7607,7 @@ function cu(n) {
 }
 function lu(n) {
   const e = n.get(Y), t = n.get(L);
-  return new Ie((o) => {
+  return new pe((o) => {
     const r = e.textSelection$.subscribe((s) => {
       if (s == null) {
         o.next(!0);
@@ -7651,7 +7651,7 @@ function lu(n) {
 }
 function xe(n) {
   const e = n.get(Y);
-  return new Ie((t) => {
+  return new pe((t) => {
     const o = e.textSelection$.subscribe((r) => {
       if (r == null) {
         t.next(!0);
@@ -7675,10 +7675,10 @@ function du(n) {
     icon: "BoldIcon",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = () => {
         var a;
-        const s = bt(n);
+        const s = dt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7687,7 +7687,7 @@ function du(n) {
         t.next(i === z.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === Le.id || i === Rt.id) && o();
+        (i === Le.id || i === yt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7703,10 +7703,10 @@ function Au(n) {
     icon: "ItalicIcon",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = () => {
         var a;
-        const s = bt(n);
+        const s = dt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7715,7 +7715,7 @@ function Au(n) {
         t.next(i === z.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === Le.id || i === Rt.id) && o();
+        (i === Le.id || i === yt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7731,10 +7731,10 @@ function uu(n) {
     icon: "UnderlineIcon",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = () => {
         var a;
-        const s = bt(n);
+        const s = dt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7743,7 +7743,7 @@ function uu(n) {
         t.next((i == null ? void 0 : i.s) === z.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === Le.id || i === Rt.id) && o();
+        (i === Le.id || i === yt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7759,10 +7759,10 @@ function hu(n) {
     icon: "StrikethroughIcon",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = () => {
         var a;
-        const s = bt(n);
+        const s = dt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7771,7 +7771,7 @@ function hu(n) {
         t.next((i == null ? void 0 : i.s) === z.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === Le.id || i === Rt.id) && o();
+        (i === Le.id || i === yt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7782,14 +7782,14 @@ function hu(n) {
 function gu(n) {
   const e = n.get(T);
   return {
-    id: Ct.id,
+    id: bt.id,
     type: Z.BUTTON,
     icon: "SubscriptIcon",
     tooltip: "toolbar.subscript",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = () => {
         var a;
-        const s = bt(n);
+        const s = dt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7798,7 +7798,7 @@ function gu(n) {
         t.next(i === Ve.SUBSCRIPT);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === Le.id || i === Rt.id) && o();
+        (i === Le.id || i === yt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7813,10 +7813,10 @@ function fu(n) {
     type: Z.BUTTON,
     icon: "SuperscriptIcon",
     tooltip: "toolbar.superscript",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = () => {
         var a;
-        const s = bt(n);
+        const s = dt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7825,7 +7825,7 @@ function fu(n) {
         t.next(i === Ve.SUPERSCRIPT);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === Le.id || i === Rt.id) && o();
+        (i === Le.id || i === yt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7847,10 +7847,10 @@ function pu(n) {
       value: t.value
     })),
     // disabled$: getCurrentSheetDisabled$(accessor),
-    value$: new Ie((t) => {
-      const o = Xi.ff, r = () => {
+    value$: new pe((t) => {
+      const o = Hr.ff, r = () => {
         var c;
-        const i = bt(n);
+        const i = dt(n);
         if (i == null) {
           t.next(o);
           return;
@@ -7883,10 +7883,10 @@ function mu(n) {
     },
     selections: Ml,
     // disabled$,
-    value$: new Ie((t) => {
-      const o = Xi.fs, r = () => {
+    value$: new pe((t) => {
+      const o = Hr.fs, r = () => {
         var c;
-        const i = bt(n);
+        const i = dt(n);
         if (i == null) {
           t.next(o);
           return;
@@ -7912,10 +7912,10 @@ function Eu(n) {
     label: {
       name: Dl,
       props: {
-        selections: Gs
+        selections: Ys
       }
     },
-    selections: Gs.map((t) => ({
+    selections: Ys.map((t) => ({
       label: {
         name: Pl,
         props: {
@@ -7925,7 +7925,7 @@ function Eu(n) {
       },
       value: t.value
     })),
-    value$: new Ie((t) => {
+    value$: new pe((t) => {
       const o = K.NORMAL_TEXT, r = () => {
         var c, d;
         const i = Vt(n);
@@ -7948,7 +7948,7 @@ function Eu(n) {
 function Iu(n) {
   const e = n.get(T), t = n.get(Ur);
   return {
-    id: Dt.id,
+    id: Et.id,
     icon: "FontColorDoubleIcon",
     tooltip: "toolbar.textColor.main",
     type: Z.BUTTON_SELECTOR,
@@ -7958,12 +7958,27 @@ function Iu(n) {
           name: da,
           hoverable: !1,
           selectable: !1
-        }
+        },
+        value$: new pe((o) => {
+          const r = Hr.cl.rgb, s = () => {
+            var d, l;
+            const a = dt(n);
+            if (!a) {
+              o.next(r);
+              return;
+            }
+            const c = (l = (d = a.ts) == null ? void 0 : d.cl) == null ? void 0 : l.rgb;
+            o.next(c != null ? c : r);
+          }, i = e.onCommandExecuted((a) => {
+            a.id === Et.id && s();
+          });
+          return s(), i.dispose;
+        })
       }
     ],
-    value$: new Ie((o) => {
+    value$: new pe((o) => {
       const r = t.getColorFromTheme("gray.900"), s = e.onCommandExecuted((i) => {
-        if (i.id === Dt.id) {
+        if (i.id === Et.id) {
           const a = i.params.value;
           o.next(a != null ? a : r);
         }
@@ -7977,7 +7992,7 @@ function Iu(n) {
 }
 function Su(n) {
   return {
-    id: Bs.id,
+    id: Ms.id,
     type: Z.BUTTON,
     icon: "HeaderFooterIcon",
     tooltip: "toolbar.headerFooter",
@@ -7998,7 +8013,7 @@ function Cu(n) {
 }
 function Ru(n) {
   return {
-    id: Os.id,
+    id: Ts.id,
     title: "toolbar.table.insert",
     type: Z.BUTTON,
     hidden$: se(n, _.UNIVER_DOC)
@@ -8012,7 +8027,7 @@ function bu(n) {
     icon: "LeftJustifyingIcon",
     tooltip: "toolbar.alignLeft",
     disabled$: xe(n),
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((r) => {
         var i;
         const s = r.id;
@@ -8036,7 +8051,7 @@ function yu(n) {
     type: Z.BUTTON,
     icon: "HorizontallyIcon",
     tooltip: "toolbar.alignCenter",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((r) => {
         var i;
         const s = r.id;
@@ -8061,7 +8076,7 @@ function xu(n) {
     type: Z.BUTTON,
     icon: "RightJustifyingIcon",
     tooltip: "toolbar.alignRight",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((r) => {
         var i;
         const s = r.id;
@@ -8086,7 +8101,7 @@ function Ou(n) {
     type: Z.BUTTON,
     icon: "AlignTextBothIcon",
     tooltip: "toolbar.alignJustify",
-    activated$: new Ie((t) => {
+    activated$: new pe((t) => {
       const o = e.onCommandExecuted((r) => {
         var i;
         const s = r.id;
@@ -8114,7 +8129,7 @@ function Tu(n) {
     hidden$: se(n, _.UNIVER_DOC, void 0, ot)
   };
 }
-const Bn = (n) => new Ie((e) => {
+const Bn = (n) => new pe((e) => {
   const t = n.get(L), o = n.get(Y);
   let r;
   const s = t.focused$.subscribe((i) => {
@@ -8142,7 +8157,7 @@ const Bn = (n) => new Ie((e) => {
     s.unsubscribe(), r == null || r.unsubscribe();
   };
 });
-function bi(n) {
+function yi(n) {
   return {
     id: Tn.id,
     type: Z.BUTTON_SELECTOR,
@@ -8164,7 +8179,7 @@ function bi(n) {
     activated$: Bn(n).pipe(wn((e) => !!(e && e.indexOf("ORDER_LIST") === 0)))
   };
 }
-function yi(n) {
+function xi(n) {
   return {
     id: On.id,
     type: Z.BUTTON_SELECTOR,
@@ -8186,7 +8201,7 @@ function yi(n) {
     activated$: Bn(n).pipe(wn((e) => !!(e && e.indexOf("BULLET_LIST") === 0)))
   };
 }
-function xi(n) {
+function Oi(n) {
   return {
     id: io.id,
     type: Z.BUTTON,
@@ -8205,7 +8220,7 @@ function Bu(n) {
     icon: "KeyboardIcon",
     tooltip: "toolbar.documentFlavor",
     hidden$: se(n, _.UNIVER_DOC, void 0, ot),
-    activated$: new Ie((o) => {
+    activated$: new pe((o) => {
       var i;
       const r = e.onCommandExecuted((a) => {
         var c;
@@ -8242,7 +8257,7 @@ function _u(n) {
         }
       }
     ],
-    value$: new Ie((o) => {
+    value$: new pe((o) => {
       const r = t.getColorFromTheme("primary.600"), s = e.onCommandExecuted((i) => {
         if (i.id === Pt.id) {
           const a = i.params.value;
@@ -8255,7 +8270,7 @@ function _u(n) {
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
-function bt(n) {
+function dt(n) {
   var g, f, p, m;
   const e = n.get(L), t = n.get(Y), o = n.get(at), r = e.getCurrentUnitForType(_.UNIVER_DOC), s = t.getDocRanges(), i = (g = s.find((I) => I.isActive)) != null ? g : s[0], a = o.getDefaultStyle(), c = (f = o.getStyleCache()) != null ? f : {}, d = Vt(n), l = (p = d == null ? void 0 : d.paragraphStyle) != null && p.namedStyleType ? zc[(m = d == null ? void 0 : d.paragraphStyle) == null ? void 0 : m.namedStyleType] : null;
   if (r == null || i == null)
@@ -8304,7 +8319,7 @@ function Vt(n) {
 }
 function Du(n) {
   return {
-    id: _s.id,
+    id: Ds.id,
     type: Z.BUTTON,
     icon: "DocumentSettingIcon",
     tooltip: "toolbar.pageSetup",
@@ -8312,11 +8327,11 @@ function Du(n) {
   };
 }
 const Pu = {
-  [K.HEADING_1]: us,
-  [K.HEADING_2]: hs,
-  [K.HEADING_3]: gs,
-  [K.HEADING_4]: fs,
-  [K.HEADING_5]: ps,
+  [K.HEADING_1]: hs,
+  [K.HEADING_2]: gs,
+  [K.HEADING_3]: fs,
+  [K.HEADING_4]: ps,
+  [K.HEADING_5]: ms,
   [K.NORMAL_TEXT]: ao,
   [K.TITLE]: Ua,
   [K.SUBTITLE]: Fa,
@@ -8331,7 +8346,7 @@ const Pu = {
   [K.TITLE]: { key: "TextTypeIcon", component: mn },
   [K.SUBTITLE]: { key: "TextTypeIcon", component: mn },
   [K.NAMED_STYLE_TYPE_UNSPECIFIED]: { key: "TextTypeIcon", component: mn }
-}, yt = (n) => (e) => {
+}, xt = (n) => (e) => {
   const t = e.get(T), o = e.get(sn), r = Ic[n];
   return o.get(r.key) || o.register(r.key, r.component), {
     id: Pu[n].id,
@@ -8340,7 +8355,7 @@ const Pu = {
     tooltip: "toolbar.heading.tooltip",
     disabled$: xe(e),
     hidden$: se(e, _.UNIVER_DOC),
-    activated$: new Ie((s) => {
+    activated$: new pe((s) => {
       const i = K.NORMAL_TEXT, a = () => {
         var A, h;
         const d = Vt(e);
@@ -8357,41 +8372,41 @@ const Pu = {
       return a(), c.dispose;
     })
   };
-}, wu = yt(K.HEADING_1), Nu = yt(K.HEADING_2), Lu = yt(K.HEADING_3), Qu = yt(K.HEADING_4), Uu = yt(K.HEADING_5), Fu = yt(K.NORMAL_TEXT);
-yt(K.TITLE);
-yt(K.SUBTITLE);
+}, wu = xt(K.HEADING_1), Nu = xt(K.HEADING_2), Lu = xt(K.HEADING_3), Qu = xt(K.HEADING_4), Uu = xt(K.HEADING_5), Fu = xt(K.NORMAL_TEXT);
+xt(K.TITLE);
+xt(K.SUBTITLE);
 const Hu = (n) => ({
-  id: os.id,
+  id: rs.id,
   type: Z.BUTTON,
   icon: "CopyDoubleIcon",
   title: "rightClick.copy"
 }), ku = (n) => ({
-  id: ss.id,
+  id: is.id,
   type: Z.BUTTON,
   icon: "CutIcon",
   title: "rightClick.cut"
 }), Vu = (n) => ({
-  id: es.id,
+  id: ts.id,
   type: Z.BUTTON,
   icon: "DeleteIcon",
   title: "rightClick.delete"
 }), Wu = (n) => ({
-  id: ls.id,
+  id: ds.id,
   type: Z.BUTTON,
   icon: "UnorderIcon",
   title: "rightClick.bulletList"
 }), ju = (n) => ({
-  id: ds.id,
+  id: As.id,
   type: Z.BUTTON,
   icon: "OrderIcon",
   title: "rightClick.orderList"
 }), zu = (n) => ({
-  id: As.id,
+  id: us.id,
   type: Z.BUTTON,
   icon: "TodoListDoubleIcon",
   title: "rightClick.checkList"
 }), Gu = (n) => ({
-  id: as.id,
+  id: cs.id,
   type: Z.BUTTON,
   icon: "ReduceIcon",
   title: "toolbar.horizontalLine"
@@ -8403,14 +8418,14 @@ function Yu(n) {
     title: "rightClick.insertBellow"
   };
 }
-const Oi = 4;
+const Ti = 4;
 var Ku = Object.getOwnPropertyDescriptor, qu = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Ku(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, jn = (n, e) => (t, o) => e(t, o, n);
 function vc(n, e) {
-  const t = Ti(n.left, n.top, e), o = Ti(n.right, n.bottom, e);
+  const t = Bi(n.left, n.top, e), o = Bi(n.right, n.bottom, e);
   return {
     left: t.x,
     top: t.y,
@@ -8418,7 +8433,7 @@ function vc(n, e) {
     bottom: o.y
   };
 }
-function Ti(n, e, t) {
+function Bi(n, e, t) {
   const { scaleX: o, scaleY: r } = t.getAncestorScale(), s = t.getViewport(je.VIEW_MAIN);
   if (!s)
     return {
@@ -8431,7 +8446,7 @@ function Ti(n, e, t) {
     y: d
   };
 }
-function Bi(n, e, t) {
+function Mi(n, e, t) {
   const { scaleX: o, scaleY: r } = t.getAncestorScale(), s = t.getViewport(je.VIEW_MAIN);
   if (!s)
     return {
@@ -8448,15 +8463,15 @@ const nr = (n, e) => {
   const { scene: t, mainComponent: o, engine: r } = e, s = e.with(de).getSkeleton(), i = s.findNodePositionByCharIndex(n.startOffset, !0, n.segmentId, n.segmentPage), a = n.collapsed ? n.startOffset : n.endOffset - 1, c = s.findNodePositionByCharIndex(a, !0, n.segmentId, n.segmentPage), d = o;
   if (!c || !i)
     return;
-  const l = d.getOffsetConfig(), { docsLeft: A, docsTop: h } = l, u = r.getCanvasElement(), g = u.getBoundingClientRect(), f = na(u.style.width), { top: p, left: m, width: I } = g, S = I / f, { scaleX: v, scaleY: R } = t.getAncestorScale(), E = new mt(l, s), { borderBoxPointGroup: b } = E.getRangePointData(i, c);
-  return Es(b).map((B) => vc(B, t)).map((B) => ({
+  const l = d.getOffsetConfig(), { docsLeft: A, docsTop: h } = l, u = r.getCanvasElement(), g = u.getBoundingClientRect(), f = na(u.style.width), { top: p, left: m, width: I } = g, S = I / f, { scaleX: v, scaleY: R } = t.getAncestorScale(), E = new It(l, s), { borderBoxPointGroup: b } = E.getRangePointData(i, c);
+  return Is(b).map((B) => vc(B, t)).map((B) => ({
     left: (B.left + A * v) * S + m,
     right: (B.right + A * v) * S + m,
     top: (B.top + h * R) * S + p,
     bottom: (B.bottom + h * R) * S + p
   }));
 };
-let Mn = class extends pe {
+let Mn = class extends me {
   constructor(n, e, t, o) {
     super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = o;
   }
@@ -8618,14 +8633,14 @@ const $u = (n, e, t, o) => {
   const a = t.findNodePositionByCharIndex(i, !0, n.segmentId, o);
   if (!a || !r)
     return;
-  const c = e.getOffsetConfig(), d = new mt(c, t), { borderBoxPointGroup: l } = d.getRangePointData(r, a);
-  return Es(l).map((m) => ({
-    top: m.top + c.docsTop - Oi,
-    bottom: m.bottom + c.docsTop + Oi,
+  const c = e.getOffsetConfig(), d = new It(c, t), { borderBoxPointGroup: l } = d.getRangePointData(r, a);
+  return Is(l).map((m) => ({
+    top: m.top + c.docsTop - Ti,
+    bottom: m.bottom + c.docsTop + Ti,
     left: m.left + c.docsLeft,
     right: m.right + c.docsLeft
   }));
-}, Mi = (n, e, t, o) => {
+}, _i = (n, e, t, o) => {
   const r = [];
   for (const s of n) {
     const i = s.top;
@@ -8665,7 +8680,7 @@ const $u = (n, e, t, o) => {
   const r = t.findPositionByGlyph(n, o);
   if (!r)
     return;
-  const s = e.getOffsetConfig(), i = { ...r, isBack: !0 }, a = new mt(s, t), { borderBoxPointGroup: c } = a.getRangePointData(i, i), l = Es(c)[0];
+  const s = e.getOffsetConfig(), i = { ...r, isBack: !0 }, a = new It(s, t), { borderBoxPointGroup: c } = a.getRangePointData(i, i), l = Is(c)[0];
   return {
     top: l.top + s.docsTop,
     bottom: l.bottom + s.docsTop,
@@ -8673,11 +8688,11 @@ const $u = (n, e, t, o) => {
     right: l.left + s.docsLeft + n.width
   };
 };
-function Ot(n, e, t) {
+function Tt(n, e, t) {
   const { left: o, right: r, top: s, bottom: i } = t;
   return n >= o && n <= r && e >= s && e <= i;
 }
-let wt = class extends pe {
+let wt = class extends me {
   constructor(e, t) {
     super();
     O(this, "_hoverCustomRanges$", new Fe([]));
@@ -8741,16 +8756,16 @@ let wt = class extends pe {
     this._hoverCustomRanges$.complete(), this._clickCustomRanges$.complete(), super.dispose();
   }
   _initPointer() {
-    let e = Mt.TEXT;
+    let e = _t.TEXT;
     this.disposeWithMe(this.hoverCustomRanges$.subscribe((t) => {
-      t.length ? (e = this._context.scene.getCursor(), this._context.scene.setCursor(Mt.POINTER)) : this._context.scene.setCursor(e);
+      t.length ? (e = this._context.scene.getCursor(), this._context.scene.setCursor(_t.POINTER)) : this._context.scene.setCursor(e);
     }));
   }
   _initResetDirty() {
     this.disposeWithMe(this._skeleton.dirty$.subscribe(() => {
       this._customRangeDirty = !0, this._bulletDirty = !0, this._paragraphDirty = !0;
     })), this.disposeWithMe(
-      Bt(this._context.engine.onTransformChange$).pipe(
+      Mt(this._context.engine.onTransformChange$).pipe(
         ro((e) => e.type === oa.resize)
       ).subscribe(() => {
         this._customRangeDirty = !0, this._bulletDirty = !0, this._paragraphDirty = !0;
@@ -8758,12 +8773,12 @@ let wt = class extends pe {
     );
   }
   _initEvents() {
-    this.disposeWithMe(Bt(this._context.scene.onPointerMove$).pipe(bn(30)).subscribe((o) => {
+    this.disposeWithMe(Mt(this._context.scene.onPointerMove$).pipe(bn(30)).subscribe((o) => {
       if (o.buttons > 0) {
         this._hoverBullet$.next(null), this._hoverCustomRanges$.next([]), this._hoverParagraph$.next(null), this._hoverParagraphLeft$.next(null), this._hoverTableCell$.next(null), this._hoverTable$.next(null);
         return;
       }
-      const { x: r, y: s } = Bi(o.offsetX, o.offsetY, this._context.scene);
+      const { x: r, y: s } = Mi(o.offsetX, o.offsetY, this._context.scene);
       this._hoverCustomRanges$.next(
         this._calcActiveRanges({ x: r, y: s })
       ), this._hoverParagraph$.next(
@@ -8776,14 +8791,14 @@ let wt = class extends pe {
     })), this.disposeWithMe(this._context.scene.onPointerEnter$.subscribeEvent(() => {
       this._hoverBullet$.next(null), this._hoverCustomRanges$.next([]);
     }));
-    const e = Bt(this._context.mainComponent.onPointerDown$), t = Bt(this._context.scene.onPointerUp$);
+    const e = Mt(this._context.mainComponent.onPointerDown$), t = Mt(this._context.scene.onPointerUp$);
     this.disposeWithMe(e.pipe(
       jl((o) => t.pipe(zl(1), wn((r) => ({ down: o, up: r })))),
       ro(({ down: o, up: r }) => o.target === r.target && r.timeStamp - o.timeStamp < 300)
     ).subscribe(({ down: o }) => {
       if (o.button === 2)
         return;
-      const r = Bi(o.offsetX, o.offsetY, this._context.scene), s = this._calcActiveRanges(r);
+      const r = Mi(o.offsetX, o.offsetY, this._context.scene), s = this._calcActiveRanges(r);
       s.length && this._clickCustomRanges$.next(s.pop());
       const i = this._calcActiveBullet(r);
       i && this._clickBullet$.next(i);
@@ -8821,7 +8836,7 @@ let wt = class extends pe {
   _calcActiveRanges(e) {
     this._buildCustomRangeBounds();
     const { x: t, y: o } = e;
-    return this._customRangeBounds.filter((s) => s.rects.some((i) => Ot(t, o, i))).map(
+    return this._customRangeBounds.filter((s) => s.rects.some((i) => Tt(t, o, i))).map(
       (s) => ({
         segmentId: s.segmentId,
         range: s.customRange,
@@ -8881,7 +8896,7 @@ let wt = class extends pe {
   _calcActiveBullet(e) {
     this._buildBulletBounds();
     const { x: t, y: o } = e;
-    return this._bulletBounds.find((s) => Ot(t, o, s.rect));
+    return this._bulletBounds.find((s) => Tt(t, o, s.rect));
   }
   // eslint-disable-next-line max-lines-per-function
   _buildParagraphBoundsBySegment(e) {
@@ -8891,7 +8906,7 @@ let wt = class extends pe {
       return null;
     const s = (d) => {
       const l = /* @__PURE__ */ new Map(), A = (h, u, g, f) => {
-        Mi(h.sections, g, f, h.pageWidth - h.marginLeft - h.marginRight).forEach((m) => {
+        _i(h.sections, g, f, h.pageWidth - h.marginLeft - h.marginRight).forEach((m) => {
           if (!l.has(m.startIndex))
             l.set(m.startIndex, {
               rect: m.rect,
@@ -8924,7 +8939,7 @@ let wt = class extends pe {
             tableId: R
           }), p.rows.forEach((E, b) => {
             E.cells.forEach((y, C) => {
-              const B = ((u.pageHeight === 1 / 0 ? 0 : u.pageHeight) + r.pageMarginTop) * h + p.top + r.docsTop + u.marginTop + E.top + y.marginTop, x = p.left + r.docsLeft + u.marginLeft + y.left + y.marginLeft, M = Mi(y.sections, B, x, y.pageWidth - y.marginLeft - y.marginRight);
+              const B = ((u.pageHeight === 1 / 0 ? 0 : u.pageHeight) + r.pageMarginTop) * h + p.top + r.docsTop + u.marginTop + E.top + y.marginTop, x = p.left + r.docsLeft + u.marginLeft + y.left + y.marginLeft, M = _i(y.sections, B, x, y.pageWidth - y.marginLeft - y.marginRight);
               let P = this._tableParagraphBounds.get(R);
               P || (P = [], this._tableParagraphBounds.set(R, P)), P.push(
                 ...M.map((w) => ({
@@ -8989,12 +9004,12 @@ let wt = class extends pe {
   _calcActiveParagraph(e) {
     var i, a;
     this._buildParagraphBounds();
-    const { x: t, y: o } = e, r = Array.from(this._tableBounds.values()).find((c) => Ot(t, o, c.rect));
+    const { x: t, y: o } = e, r = Array.from(this._tableBounds.values()).find((c) => Tt(t, o, c.rect));
     if (this._hoverTable$.next(r), r) {
-      const c = (i = this._tableCellBounds.get(r.tableId)) == null ? void 0 : i.find((A) => Ot(t, o, A.rect));
+      const c = (i = this._tableCellBounds.get(r.tableId)) == null ? void 0 : i.find((A) => Tt(t, o, A.rect));
       if (this._hoverTableCell$.next(c), !c)
         return null;
-      const d = (a = this._tableParagraphBounds.get(c.tableId)) == null ? void 0 : a.filter((A) => A.colIndex === c.colIndex && A.rowIndex === c.rowIndex), l = d == null ? void 0 : d.find((A) => Ot(t, o, A.rect));
+      const d = (a = this._tableParagraphBounds.get(c.tableId)) == null ? void 0 : a.filter((A) => A.colIndex === c.colIndex && A.rowIndex === c.rowIndex), l = d == null ? void 0 : d.find((A) => Tt(t, o, A.rect));
       return l && {
         ...l,
         rects: [l.rect]
@@ -9003,7 +9018,7 @@ let wt = class extends pe {
     let s;
     for (const c of this._paragraphBounds) {
       const d = c[1];
-      if (d.rects.some((l) => Ot(t, o, l))) {
+      if (d.rects.some((l) => Tt(t, o, l))) {
         s = d;
         break;
       }
@@ -9013,7 +9028,7 @@ let wt = class extends pe {
   _calcActiveParagraphLeft(e) {
     this._buildParagraphBounds();
     const { x: t, y: o } = e;
-    return this._paragraphLeftBounds.find((s) => Ot(t, o, s.rect));
+    return this._paragraphLeftBounds.find((s) => Tt(t, o, s.rect));
   }
   get paragraphBounds() {
     return this._buildParagraphBounds(), this._paragraphBounds;
@@ -9033,13 +9048,13 @@ const th = [
   Ut.id,
   Ft.id,
   Ht.id,
-  Ct.id,
+  bt.id,
   kt.id,
-  Dt.id,
+  Et.id,
   Pt.id
 ];
 function nh(n) {
-  const { avaliableMenus: e = th } = n, t = J(Aa), [o, r] = me([]);
+  const { avaliableMenus: e = th } = n, t = J(Aa), [o, r] = Ee([]);
   return Ce(() => {
     function s() {
       const a = t.getFlatMenuByPositionKey(Ll.RIBBON), c = [];
@@ -9067,7 +9082,7 @@ var oh = Object.getOwnPropertyDescriptor, rh = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, dn = (n, e) => (t, o) => e(t, o, n);
-const _i = "univer.doc.float-menu";
+const Di = "univer.doc.float-menu";
 function sh(n, e) {
   if (n == null || e == null)
     return !1;
@@ -9078,11 +9093,11 @@ const ih = [
   V.CUSTOM_BLOCK,
   V.PARAGRAPH
 ];
-let lo = class extends pe {
+let lo = class extends me {
   constructor(e, t, o, r, s, i) {
     super();
     O(this, "_floatMenu", null);
-    this._context = e, this._docSelectionManagerService = t, this._docCanvasPopManagerService = o, this._componentManager = r, this._univerInstanceService = s, this._docSelectionRenderService = i, !vt(this._context.unitId) && (this._registerFloatMenu(), this._initSelectionChange(), this.disposeWithMe(() => {
+    this._context = e, this._docSelectionManagerService = t, this._docCanvasPopManagerService = o, this._componentManager = r, this._univerInstanceService = s, this._docSelectionRenderService = i, !Rt(this._context.unitId) && (this._registerFloatMenu(), this._initSelectionChange(), this.disposeWithMe(() => {
       this._hideFloatMenu();
     }));
   }
@@ -9090,7 +9105,7 @@ let lo = class extends pe {
     return this._floatMenu;
   }
   _registerFloatMenu() {
-    this.disposeWithMe(this._componentManager.register(_i, nh));
+    this.disposeWithMe(this._componentManager.register(Di, nh));
   }
   _initSelectionChange() {
     this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
@@ -9128,7 +9143,7 @@ let lo = class extends pe {
         disposable: this._docCanvasPopManagerService.attachPopupToRange(
           t,
           {
-            componentKey: _i,
+            componentKey: Di,
             direction: t.direction === "backward" || sh(t.startNodePosition, t.endNodePosition) ? "top-center" : "bottom-center",
             offset: [0, 4]
           },
@@ -9151,11 +9166,11 @@ var ah = Object.getOwnPropertyDescriptor, ch = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, An = (n, e) => (t, o) => e(t, o, n);
-let Ao = class extends pe {
+let Ao = class extends me {
   constructor(e, t, o, r, s, i) {
     super();
     O(this, "_paragrahMenu", null);
-    this._context = e, this._docSelectionManagerService = t, this._docEventManagerService = o, this._docPopupManagerService = r, this._docSkeletonManagerService = s, this._floatMenuService = i, !vt(this._context.unitId) && this._init();
+    this._context = e, this._docSelectionManagerService = t, this._docEventManagerService = o, this._docPopupManagerService = r, this._docSkeletonManagerService = s, this._floatMenuService = i, !Rt(this._context.unitId) && this._init();
   }
   get activeParagraph() {
     var e;
@@ -9240,7 +9255,7 @@ Ao = ch([
 ], Ao);
 const lh = ({ popup: n }) => {
   var E, b;
-  const [e, t] = me(!1), o = ke(null), r = J(T), s = J(Oo), i = ke(null), a = ke(!1), c = J(fe), d = J(L), l = c.getRenderById(n.unitId), A = d.getUnit(n.unitId, _.UNIVER_DOC), h = l == null ? void 0 : l.with(Ao), u = l == null ? void 0 : l.with(wt), g = tt(u == null ? void 0 : u.hoverParagraph$), f = tt(u == null ? void 0 : u.hoverParagraphLeft$), p = (E = g != null ? g : f) == null ? void 0 : E.startIndex, m = _e(() => {
+  const [e, t] = Ee(!1), o = ke(null), r = J(T), s = J(Oo), i = ke(null), a = ke(!1), c = J(fe), d = J(L), l = c.getRenderById(n.unitId), A = d.getUnit(n.unitId, _.UNIVER_DOC), h = l == null ? void 0 : l.with(Ao), u = l == null ? void 0 : l.with(wt), g = tt(u == null ? void 0 : u.hoverParagraph$), f = tt(u == null ? void 0 : u.hoverParagraphLeft$), p = (E = g != null ? g : f) == null ? void 0 : E.startIndex, m = _e(() => {
     var y, C;
     return (C = (y = A == null ? void 0 : A.getBody()) == null ? void 0 : y.paragraphs) == null ? void 0 : C.find((B) => B.startIndex === p);
   }, [A, g]), I = (b = m == null ? void 0 : m.paragraphStyle) == null ? void 0 : b.namedStyleType, S = Ic[I != null ? I : K.NORMAL_TEXT], v = _e(() => new Fe({
@@ -9332,10 +9347,10 @@ const lh = ({ popup: n }) => {
   ] });
 };
 function Se(n) {
-  return n.getContextValue(Dn) && n.getContextValue(Hr) && !n.getContextValue(Zi);
+  return n.getContextValue(Dn) && n.getContextValue(kr) && !n.getContextValue(Zi);
 }
 function dh(n) {
-  return n.getContextValue(Dn) && n.getContextValue(Hr) && !n.getContextValue(Zi);
+  return n.getContextValue(Dn) && n.getContextValue(kr) && !n.getContextValue(Zi);
 }
 const Ah = {
   id: Jt.id,
@@ -9365,7 +9380,7 @@ const Ah = {
   binding: q.X | te.SHIFT | te.CTRL_COMMAND,
   preconditions: Se
 }, mh = {
-  id: Ct.id,
+  id: bt.id,
   binding: q.COMMA | te.CTRL_COMMAND,
   preconditions: Se
 }, Eh = {
@@ -9396,7 +9411,7 @@ const Ah = {
   id: On.id,
   binding: q.Digit8 | te.CTRL_COMMAND | te.SHIFT,
   preconditions: Se
-}, Vo = "docs-ui.config", Di = {
+}, Vo = "docs-ui.config", Pi = {
   layout: {
     docContainerConfig: sd,
     toolbarConfig: rd
@@ -9408,7 +9423,7 @@ function Oh() {
     if (!o) return 100;
     const c = ((l = (d = o.getSettings()) == null ? void 0 : d.zoomRatio) != null ? l : 1) * 100;
     return Math.round(c);
-  }, [o]), [s, i] = me(() => r());
+  }, [o]), [s, i] = Ee(() => r());
   Ce(() => (i(r()), n.onCommandExecuted((d) => {
     if (d.id === nt.id) {
       const l = r();
@@ -9570,7 +9585,7 @@ function Lh(n, e, t, o) {
       return A.paragraphStyle.headingId;
   }
 }
-const Pi = "__title";
+const wi = "__title";
 function Qh() {
   var e, t, o;
   const n = ua(Vo);
@@ -9578,13 +9593,13 @@ function Qh() {
 }
 function Uh() {
   var B, x, M, P, F, w, N, ee, $;
-  const n = J(T), e = J(L), t = tt(_e(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), [])), o = J(fe), r = (x = (B = t == null ? void 0 : t.getBody()) == null ? void 0 : B.dataStream) != null ? x : "", [s, i] = me(0), [a, c] = me(void 0), d = (M = t == null ? void 0 : t.getUnitId()) != null ? M : "", l = o.getRenderById(d), A = t == null ? void 0 : t.getTitle(), h = l == null ? void 0 : l.with(wt), u = h == null ? void 0 : h.paragraphBounds, g = (F = (P = l == null ? void 0 : l.mainComponent) == null ? void 0 : P.left) != null ? F : 0, f = (w = l == null ? void 0 : l.engine.height) != null ? w : 0, p = (N = l == null ? void 0 : l.scene.scaleY) != null ? N : 1, m = ($ = (ee = t == null ? void 0 : t.getBody()) == null ? void 0 : ee.paragraphs) != null ? $ : [], I = _e(() => {
+  const n = J(T), e = J(L), t = tt(_e(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), [])), o = J(fe), r = (x = (B = t == null ? void 0 : t.getBody()) == null ? void 0 : B.dataStream) != null ? x : "", [s, i] = Ee(0), [a, c] = Ee(void 0), d = (M = t == null ? void 0 : t.getUnitId()) != null ? M : "", l = o.getRenderById(d), A = t == null ? void 0 : t.getTitle(), h = l == null ? void 0 : l.with(wt), u = h == null ? void 0 : h.paragraphBounds, g = (F = (P = l == null ? void 0 : l.mainComponent) == null ? void 0 : P.left) != null ? F : 0, f = (w = l == null ? void 0 : l.engine.height) != null ? w : 0, p = (N = l == null ? void 0 : l.scene.scaleY) != null ? N : 1, m = ($ = (ee = t == null ? void 0 : t.getBody()) == null ? void 0 : ee.paragraphs) != null ? $ : [], I = _e(() => {
     const U = /* @__PURE__ */ new Map();
     return m.forEach((H) => {
       U.set(H.startIndex, H);
     }), U;
   }, [m]);
-  tt(_e(() => l != null && l.engine.onTransformChange$ ? Bt(l == null ? void 0 : l.engine.onTransformChange$).pipe(bn(33)) : Yl(null), [l == null ? void 0 : l.engine.onTransformChange$]));
+  tt(_e(() => l != null && l.engine.onTransformChange$ ? Mt(l == null ? void 0 : l.engine.onTransformChange$).pipe(bn(33)) : Yl(null), [l == null ? void 0 : l.engine.onTransformChange$]));
   const S = g < 180 ? "float" : "side-bar", v = m == null ? void 0 : m.filter(
     (U) => {
       var H;
@@ -9606,15 +9621,15 @@ function Uh() {
     ne && c(ne);
   }), E = v != null && v.find((U) => U.isTitle) ? v : [
     ...A ? [{
-      id: Pi,
+      id: wi,
       text: A,
       level: 1,
       isTitle: !0
     }] : [],
     ...v != null ? v : []
-  ].filter(Boolean), [b, y] = me(!0);
+  ].filter(Boolean), [b, y] = Ee(!0);
   Ce(() => {
-    const U = kr(i, 100), H = n.onCommandExecuted((k) => {
+    const U = Vr(i, 100), H = n.onCommandExecuted((k) => {
       k.id === X.id && k.params.unitId === (t == null ? void 0 : t.getUnitId()) && U((ie) => ie + 1);
     });
     return () => {
@@ -9624,7 +9639,7 @@ function Uh() {
     const U = l == null ? void 0 : l.scene.getViewport(je.VIEW_MAIN);
     if (!U)
       return;
-    const H = Bt(U.onScrollAfter$).pipe(bn(33)).subscribe(R);
+    const H = Mt(U.onScrollAfter$).pipe(bn(33)).subscribe(R);
     return () => {
       H.unsubscribe();
     };
@@ -9633,7 +9648,7 @@ function Uh() {
     const H = l == null ? void 0 : l.scene.getViewport(je.VIEW_MAIN);
     if (!H)
       return;
-    if (U.id === Pi) {
+    if (U.id === wi) {
       H.scrollToViewportPos({ viewportScrollY: 0 });
       return;
     }
@@ -9646,7 +9661,7 @@ function Uh() {
     const ne = u == null ? void 0 : u.get(k.startIndex);
     ne && (H.scrollToViewportPos({ viewportScrollY: ne.rect.top }), c(U.id));
   });
-  return !t || vt(d) || !(E != null && E.length) ? null : /* @__PURE__ */ Q(
+  return !t || Rt(d) || !(E != null && E.length) ? null : /* @__PURE__ */ Q(
     "div",
     {
       className: "univer-absolute univer-bottom-0 univer-left-0 univer-top-0 univer-z-[100] univer-w-[0px]",
@@ -9684,7 +9699,7 @@ const rt = {
       }
     }, g = new Nt();
     g.reset();
-    const f = new Ee(), p = W.getInstance();
+    const f = new Ie(), p = W.getInstance();
     for (const y of h) {
       const { startIndex: C } = y;
       f.push({
@@ -9727,7 +9742,7 @@ const rt = {
   const o = t[0].segmentId, r = e.getSelfOrHeaderFooterModel(o), s = (d = (c = r.getBody()) == null ? void 0 : c.paragraphs) != null ? d : [], i = (A = (l = r.getBody()) == null ? void 0 : l.dataStream) != null ? A : "";
   return (h = ce.range.getParagraphsInRanges(t, s, i)) != null ? h : [];
 }, kh = (n, e) => {
-  const t = J(T), [o, r] = me(() => {
+  const t = J(T), [o, r] = Ee(() => {
     var a, c;
     const i = n[0];
     return i ? String((c = (a = i.paragraphStyle) == null ? void 0 : a.horizontalAlign) != null ? c : e) : e;
@@ -9736,7 +9751,7 @@ const rt = {
     paragraph: { horizontalAlign: Number(i) }
   }))];
 }, Vh = (n) => {
-  const e = J(T), [t, o] = me(() => {
+  const e = J(T), [t, o] = Ee(() => {
     var i;
     const s = n[0];
     return s ? rn((i = s.paragraphStyle) == null ? void 0 : i.indentStart, 0) : 0;
@@ -9745,7 +9760,7 @@ const rt = {
     paragraph: { indentStart: { v: s } }
   }))];
 }, Wh = (n) => {
-  const e = J(T), [t, o] = me(() => {
+  const e = J(T), [t, o] = Ee(() => {
     var i;
     const s = n[0];
     return s ? rn((i = s.paragraphStyle) == null ? void 0 : i.indentEnd, 0) : 0;
@@ -9754,7 +9769,7 @@ const rt = {
     paragraph: { indentEnd: { v: s } }
   }))];
 }, jh = (n) => {
-  const e = J(T), [t, o] = me(() => {
+  const e = J(T), [t, o] = Ee(() => {
     var i;
     const s = n[0];
     return s ? rn((i = s.paragraphStyle) == null ? void 0 : i.indentFirstLine, 0) : 0;
@@ -9763,7 +9778,7 @@ const rt = {
     paragraph: { indentFirstLine: { v: s } }
   }))];
 }, zh = (n) => {
-  const e = J(T), [t, o] = me(() => {
+  const e = J(T), [t, o] = Ee(() => {
     var i;
     const s = n[0];
     return s ? rn((i = s.paragraphStyle) == null ? void 0 : i.hanging, 0) : 0;
@@ -9772,7 +9787,7 @@ const rt = {
     paragraph: { hanging: { v: s } }
   }))];
 }, Gh = (n) => {
-  const e = J(T), [t, o] = me(() => {
+  const e = J(T), [t, o] = Ee(() => {
     var i;
     const s = n[0];
     return s ? rn((i = s.paragraphStyle) == null ? void 0 : i.spaceAbove, 0) : 0;
@@ -9781,7 +9796,7 @@ const rt = {
     paragraph: { spaceAbove: { v: s } }
   }))];
 }, Yh = (n) => {
-  const e = J(T), [t, o] = me(() => {
+  const e = J(T), [t, o] = Ee(() => {
     var i;
     const s = n[0];
     return s ? rn((i = s.paragraphStyle) == null ? void 0 : i.spaceBelow, 0) : 0;
@@ -9795,11 +9810,11 @@ const rt = {
     const u = o.getCurrentUnitForType(_.UNIVER_DOC);
     if (u)
       return (g = t.getRenderById(u == null ? void 0 : u.getUnitId())) == null ? void 0 : g.with(de).getSkeleton();
-  }, []), s = _e(() => new Fe({}), []), [i, a] = me(() => {
+  }, []), s = _e(() => new Fe({}), []), [i, a] = Ee(() => {
     var g, f;
     const u = n[0];
     return u && (f = (g = u.paragraphStyle) == null ? void 0 : g.lineSpacing) != null ? f : 1;
-  }), c = ke(i), [d, l] = me(() => {
+  }), c = ke(i), [d, l] = Ee(() => {
     var g, f;
     const u = n[0];
     return u ? (f = (g = u.paragraphStyle) == null ? void 0 : g.spacingRule) != null ? f : Xt.AUTO : Xt.AUTO;
@@ -9832,7 +9847,7 @@ const rt = {
     lineSpacing: [i, A],
     spacingRule: [d, h]
   };
-}, Tt = (n) => {
+}, Bt = (n) => {
   const { value: e, onChange: t, className: o = "", min: r = 0, max: s = 100, step: i = 1 } = n, a = ke(null);
   return /* @__PURE__ */ Q(
     it,
@@ -9886,28 +9901,28 @@ function qh() {
           n.t("doc.paragraphSetting.left"),
           "(px)"
         ] }),
-        /* @__PURE__ */ Q(Tt, { className: "univer-mt-4", value: s, onChange: (E) => i(E != null ? E : 0) })
+        /* @__PURE__ */ Q(Bt, { className: "univer-mt-4", value: s, onChange: (E) => i(E != null ? E : 0) })
       ] }),
       /* @__PURE__ */ re("div", { className: "univer-item-center univer-flex univer-justify-between", children: [
         /* @__PURE__ */ re("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.right"),
           "(px)"
         ] }),
-        /* @__PURE__ */ Q(Tt, { className: "univer-mt-4", value: a, onChange: (E) => c(E != null ? E : 0) })
+        /* @__PURE__ */ Q(Bt, { className: "univer-mt-4", value: a, onChange: (E) => c(E != null ? E : 0) })
       ] }),
       /* @__PURE__ */ re("div", { className: "univer-item-center univer-flex univer-justify-between", children: [
         /* @__PURE__ */ re("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.firstLine"),
           "(px)"
         ] }),
-        /* @__PURE__ */ Q(Tt, { className: "univer-mt-4", value: d, onChange: (E) => l(E != null ? E : 0) })
+        /* @__PURE__ */ Q(Bt, { className: "univer-mt-4", value: d, onChange: (E) => l(E != null ? E : 0) })
       ] }),
       /* @__PURE__ */ re("div", { className: "univer-item-center univer-flex univer-justify-between", children: [
         /* @__PURE__ */ re("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.hanging"),
           "(px)"
         ] }),
-        /* @__PURE__ */ Q(Tt, { className: "univer-mt-4", value: A, onChange: (E) => h(E != null ? E : 0) })
+        /* @__PURE__ */ Q(Bt, { className: "univer-mt-4", value: A, onChange: (E) => h(E != null ? E : 0) })
       ] })
     ] }),
     /* @__PURE__ */ Q("div", { className: "univer-t-4 univer-text-sm univer-font-medium", children: n.t("doc.paragraphSetting.spacing") }),
@@ -9917,14 +9932,14 @@ function qh() {
           n.t("doc.paragraphSetting.before"),
           "(px)"
         ] }),
-        /* @__PURE__ */ Q(Tt, { className: "univer-mt-4", value: u, onChange: (E) => g(E != null ? E : 0) })
+        /* @__PURE__ */ Q(Bt, { className: "univer-mt-4", value: u, onChange: (E) => g(E != null ? E : 0) })
       ] }),
       /* @__PURE__ */ re("div", { className: "univer-item-center univer-flex univer-justify-between", children: [
         /* @__PURE__ */ re("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.after"),
           "(px)"
         ] }),
-        /* @__PURE__ */ Q(Tt, { className: "univer-mt-4", value: f, onChange: (E) => p(E != null ? E : 0) })
+        /* @__PURE__ */ Q(Bt, { className: "univer-mt-4", value: f, onChange: (E) => p(E != null ? E : 0) })
       ] }),
       /* @__PURE__ */ re("div", { className: "item-center univer-flex univer-justify-between", children: [
         /* @__PURE__ */ Q("div", { className: "univer-mt-3 univer-text-xs", children: n.t("doc.paragraphSetting.lineSpace") }),
@@ -9945,7 +9960,7 @@ function qh() {
                 }
               ),
               /* @__PURE__ */ Q(
-                Tt,
+                Bt,
                 {
                   ...R,
                   value: m,
@@ -9961,7 +9976,7 @@ function qh() {
 }
 const Xh = (n, e) => e.length === n.length && n.some((t) => e.some((o) => o.startOffset === t.startOffset && o.endOffset === t.endOffset));
 function Zh() {
-  const n = J(T), e = J(Ke), t = tt(e.currentLocale$), [o, r] = me(""), s = _e(() => kr(() => r(ge(4)), 300), []), i = ke([]);
+  const n = J(T), e = J(Ke), t = tt(e.currentLocale$), [o, r] = Ee(""), s = _e(() => Vr(() => r(ge(4)), 300), []), i = ke([]);
   return Ce(() => {
     const a = n.onCommandExecuted((c) => {
       if (Le.id === c.id) {
@@ -9980,22 +9995,22 @@ var Jh = Object.getOwnPropertyDescriptor, $h = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, or = (n, e) => (t, o) => e(t, o, n);
-const wi = "doc_ui_paragraph-setting-panel";
-let nn = class extends pe {
+const Ni = "doc_ui_paragraph-setting-panel";
+let nn = class extends me {
   constructor(e, t, o) {
     super();
     O(this, "_id");
     this._commandService = e, this._componentManager = t, this._sidebarService = o, this._init();
   }
   _init() {
-    this.disposeWithMe(this._componentManager.register(wi, Zh));
+    this.disposeWithMe(this._componentManager.register(Ni, Zh));
   }
   openPanel() {
     const e = {
       header: { title: "doc.slider.paragraphSetting" },
       id: this._id,
       children: {
-        label: wi
+        label: Ni
       },
       width: 300
     };
@@ -10010,13 +10025,13 @@ nn = $h([
   or(1, j(sn)),
   or(2, j(la))
 ], nn);
-const Ds = {
+const Ps = {
   id: "sidebar.operation.doc-paragraph-setting-panel",
   type: D.OPERATION,
   handler: (n) => (n.get(nn).openPanel(), !0)
-}, Ps = (n) => {
+}, ws = (n) => {
   const e = n.get(Y);
-  return new Ie((t) => {
+  return new pe((t) => {
     const o = e.textSelection$.subscribe(() => {
       e.getDocRanges().some((i) => i.collapsed === !1 || i.rangeType === He.RECT) ? t.next(!1) : t.next(!0);
     });
@@ -10029,7 +10044,7 @@ function eg(n) {
   const e = n.map((t) => t.tableId);
   return e.every((t) => t === e[0]);
 }
-function Ni(n, e, t) {
+function Li(n, e, t) {
   var s;
   const o = e.getRectRanges(), r = e.getActiveTextRange();
   if (o && o.length && eg(o) && r == null) {
@@ -10048,13 +10063,13 @@ function Ni(n, e, t) {
   }
   n.next(!0);
 }
-const dt = (n) => {
+const At = (n) => {
   const e = n.get(Y), t = n.get(L);
-  return new Ie((o) => {
+  return new pe((o) => {
     const r = e.textSelection$.subscribe(() => {
-      Ni(o, e, t);
+      Li(o, e, t);
     });
-    return Ni(o, e, t), () => r.unsubscribe();
+    return Li(o, e, t), () => r.unsubscribe();
   });
 }, tg = (n) => ({
   id: so.name,
@@ -10062,23 +10077,23 @@ const dt = (n) => {
   type: Z.BUTTON,
   icon: "CopyDoubleIcon",
   title: "rightClick.copy",
-  disabled$: Ps(n),
+  disabled$: ws(n),
   hidden$: se(n, _.UNIVER_DOC)
 }), ng = (n) => ({
-  id: Ds.id,
+  id: Ps.id,
   type: Z.BUTTON,
   icon: "MenuIcon",
   title: "doc.menu.paragraphSetting",
   hidden$: se(n, _.UNIVER_DOC)
 }), og = (n) => ({
-  id: rs.id,
+  id: ss.id,
   type: Z.BUTTON,
   icon: "CopyDoubleIcon",
   title: "rightClick.cut",
-  disabled$: Ps(n),
+  disabled$: ws(n),
   hidden$: se(n, _.UNIVER_DOC)
 }), rg = (n) => ({
-  id: is.id,
+  id: as.id,
   type: Z.BUTTON,
   icon: "PasteSpecialDoubleIcon",
   title: "rightClick.paste",
@@ -10088,7 +10103,7 @@ const dt = (n) => {
   type: Z.BUTTON,
   icon: "PasteSpecialDoubleIcon",
   title: "rightClick.delete",
-  disabled$: Ps(n),
+  disabled$: ws(n),
   hidden$: se(n, _.UNIVER_DOC)
 }), Cc = "doc.menu.table-insert";
 function ig(n) {
@@ -10097,46 +10112,46 @@ function ig(n) {
     type: Z.SUBITEMS,
     title: "table.insert",
     icon: "InsertDoubleIcon",
-    hidden$: Nn(se(n, _.UNIVER_DOC), dt(n), (e, t) => e || t)
+    hidden$: Nn(se(n, _.UNIVER_DOC), At(n), (e, t) => e || t)
   };
 }
 function ag(n) {
   return {
-    id: Rs.id,
+    id: bs.id,
     type: Z.BUTTON,
     title: "table.insertRowAbove",
     icon: "InsertRowAboveDoubleIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
 function cg(n) {
   return {
-    id: bs.id,
+    id: ys.id,
     type: Z.BUTTON,
     title: "table.insertRowBelow",
     icon: "InsertRowBelowDoubleIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
 function lg(n) {
   return {
-    id: ys.id,
+    id: xs.id,
     type: Z.BUTTON,
     title: "table.insertColumnLeft",
     icon: "LeftInsertColumnDoubleIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
 function dg(n) {
   return {
-    id: xs.id,
+    id: Os.id,
     type: Z.BUTTON,
     title: "table.insertColumnRight",
     icon: "RightInsertColumnDoubleIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
@@ -10147,26 +10162,26 @@ function Ag(n) {
     type: Z.SUBITEMS,
     title: "table.delete",
     icon: "ReduceDoubleIcon",
-    hidden$: Nn(se(n, _.UNIVER_DOC), dt(n), (e, t) => e || t)
+    hidden$: Nn(se(n, _.UNIVER_DOC), At(n), (e, t) => e || t)
   };
 }
 function ug(n) {
   return {
-    id: Is.id,
+    id: Ss.id,
     type: Z.BUTTON,
     title: "table.deleteRows",
     icon: "DeleteRowDoubleIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
 function hg(n) {
   return {
-    id: Ss.id,
+    id: vs.id,
     type: Z.BUTTON,
     title: "table.deleteColumns",
     icon: "DeleteColumnDoubleIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
@@ -10176,12 +10191,12 @@ function gg(n) {
     type: Z.BUTTON,
     title: "table.deleteTable",
     icon: "GridIcon",
-    disabled$: dt(n),
+    disabled$: At(n),
     hidden$: se(n, _.UNIVER_DOC)
   };
 }
 const fg = {
-  [Ys.FORMAT]: {
+  [Ks.FORMAT]: {
     [Qt.id]: {
       order: 0,
       menuItemFactory: du
@@ -10198,7 +10213,7 @@ const fg = {
       order: 3,
       menuItemFactory: hu
     },
-    [Ct.id]: {
+    [bt.id]: {
       order: 4,
       menuItemFactory: gu
     },
@@ -10218,7 +10233,7 @@ const fg = {
       order: 7,
       menuItemFactory: pu
     },
-    [Dt.id]: {
+    [Et.id]: {
       order: 8,
       menuItemFactory: Iu
     },
@@ -10231,7 +10246,7 @@ const fg = {
       }
     }
   },
-  [Ys.LAYOUT]: {
+  [Ks.LAYOUT]: {
     [Qo.id]: {
       order: 2,
       menuItemFactory: bu
@@ -10254,17 +10269,17 @@ const fg = {
     },
     [Tn.id]: {
       order: 7,
-      menuItemFactory: bi
+      menuItemFactory: yi
     },
     [On.id]: {
       order: 8,
-      menuItemFactory: yi
+      menuItemFactory: xi
     },
     [io.id]: {
       order: 9,
-      menuItemFactory: xi
+      menuItemFactory: Oi
     },
-    [Bs.id]: {
+    [Ms.id]: {
       order: 10,
       menuItemFactory: Su
     },
@@ -10272,7 +10287,7 @@ const fg = {
       order: 11,
       menuItemFactory: Bu
     },
-    [_s.id]: {
+    [Ds.id]: {
       order: 12,
       menuItemFactory: Du
     }
@@ -10281,7 +10296,7 @@ const fg = {
     [Ec]: {
       order: 2,
       menuItemFactory: Cu,
-      [Os.id]: {
+      [Ts.id]: {
         order: 0,
         menuItemFactory: Ru
       }
@@ -10293,11 +10308,11 @@ const fg = {
         order: 0,
         menuItemFactory: tg
       },
-      [rs.id]: {
+      [ss.id]: {
         order: 1,
         menuItemFactory: og
       },
-      [is.id]: {
+      [as.id]: {
         order: 2,
         menuItemFactory: rg
       },
@@ -10307,26 +10322,26 @@ const fg = {
       }
     },
     [cn.LAYOUT]: {
-      [Ds.id]: {
+      [Ps.id]: {
         order: 0,
         menuItemFactory: ng
       },
       [Cc]: {
         order: 1,
         menuItemFactory: ig,
-        [Rs.id]: {
+        [bs.id]: {
           order: 1,
           menuItemFactory: ag
         },
-        [bs.id]: {
+        [ys.id]: {
           order: 2,
           menuItemFactory: cg
         },
-        [ys.id]: {
+        [xs.id]: {
           order: 3,
           menuItemFactory: lg
         },
-        [xs.id]: {
+        [Os.id]: {
           order: 4,
           menuItemFactory: dg
         }
@@ -10334,11 +10349,11 @@ const fg = {
       [Rc]: {
         order: 2,
         menuItemFactory: Ag,
-        [Is.id]: {
+        [Ss.id]: {
           order: 1,
           menuItemFactory: ug
         },
-        [Ss.id]: {
+        [vs.id]: {
           order: 2,
           menuItemFactory: hg
         },
@@ -10351,23 +10366,23 @@ const fg = {
   },
   [oo.PARAGRAPH]: {
     [cn.QUICK]: {
-      [us.id]: {
+      [hs.id]: {
         order: 0,
         menuItemFactory: wu
       },
-      [hs.id]: {
+      [gs.id]: {
         order: 1,
         menuItemFactory: Nu
       },
-      [gs.id]: {
+      [fs.id]: {
         order: 2,
         menuItemFactory: Lu
       },
-      [fs.id]: {
+      [ps.id]: {
         order: 3,
         menuItemFactory: Qu
       },
-      [ps.id]: {
+      [ms.id]: {
         order: 4,
         menuItemFactory: Uu
       },
@@ -10377,27 +10392,27 @@ const fg = {
       },
       [Tn.id]: {
         order: 6,
-        menuItemFactory: bi
+        menuItemFactory: yi
       },
       [On.id]: {
         order: 7,
-        menuItemFactory: yi
+        menuItemFactory: xi
       },
       [io.id]: {
         order: 8,
-        menuItemFactory: xi
+        menuItemFactory: Oi
       }
     },
     [cn.FORMAT]: {
-      [os.id]: {
+      [rs.id]: {
         order: 0,
         menuItemFactory: Hu
       },
-      [ss.id]: {
+      [is.id]: {
         order: 1,
         menuItemFactory: ku
       },
-      [es.id]: {
+      [ts.id]: {
         order: 2,
         menuItemFactory: Vu
       }
@@ -10406,19 +10421,19 @@ const fg = {
       // title: 'rightClick.insertBellow',
       [Sc]: {
         menuItemFactory: Yu,
-        [ls.id]: {
+        [ds.id]: {
           order: 0,
           menuItemFactory: Wu
         },
-        [ds.id]: {
+        [As.id]: {
           order: 1,
           menuItemFactory: ju
         },
-        [As.id]: {
+        [us.id]: {
           order: 2,
           menuItemFactory: zu
         },
-        [as.id]: {
+        [cs.id]: {
           order: 3,
           menuItemFactory: Gu
         }
@@ -10431,7 +10446,7 @@ var pg = Object.getOwnPropertyDescriptor, mg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, st = (n, e) => (t, o) => e(t, o, n);
-let uo = class extends pe {
+let uo = class extends me {
   constructor(n, e, t, o, r, s, i, a, c) {
     super(), this._injector = n, this._componentManager = e, this._commandService = t, this._layoutService = o, this._menuManagerService = r, this._uiPartsService = s, this._univerInstanceService = i, this._shortcutService = a, this._configService = c, this._init();
   }
@@ -10452,7 +10467,7 @@ let uo = class extends pe {
     });
   }
   _initUiParts() {
-    this.disposeWithMe(this._uiPartsService.registerComponent(Ks.FOOTER, () => qs(Bh, this._injector))), this.disposeWithMe(this._uiPartsService.registerComponent(Ks.CONTENT, () => qs(Qh, this._injector)));
+    this.disposeWithMe(this._uiPartsService.registerComponent(qs.FOOTER, () => Xs(Bh, this._injector))), this.disposeWithMe(this._uiPartsService.registerComponent(qs.CONTENT, () => Xs(Qh, this._injector)));
   }
   _initMenus() {
     this._menuManagerService.mergeMenu(fg);
@@ -10482,8 +10497,8 @@ let uo = class extends pe {
   _initCommands() {
     [
       uc,
-      Bs,
-      Ts
+      Ms,
+      Bs
     ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
   }
   _initFocusHandler() {
@@ -10503,20 +10518,20 @@ uo = mg([
   st(5, kl),
   st(6, L),
   st(7, To),
-  st(8, Vr)
+  st(8, Wr)
 ], uo);
 var Eg = Object.getOwnPropertyDescriptor, Ig = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Eg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, rr = (n, e) => (t, o) => e(t, o, n);
-const Li = 1.5;
-let ho = class extends St {
+const Qi = 1.5;
+let ho = class extends Ct {
   constructor(n, e, t, o) {
     super(), this._context = n, this._textSelectionManagerService = e, this._editorService = t, this._docSkeletonManagerService = o, this._init();
   }
   _init() {
-    this._textSelectionManagerService.textSelection$.pipe(ft(this.dispose$)).subscribe((n) => {
+    this._textSelectionManagerService.textSelection$.pipe(pt(this.dispose$)).subscribe((n) => {
       if (n == null)
         return;
       const { isEditing: e, unitId: t } = n;
@@ -10535,7 +10550,7 @@ let ho = class extends St {
     const { unitId: e, scene: t, mainComponent: o } = this._context, r = this._docSkeletonManagerService.getSkeleton();
     if (o == null || r == null)
       return;
-    const s = o.getOffsetConfig(), { docsLeft: i, docsTop: a } = s, c = new mt(s, r), { contentBoxPointGroup: d } = c.getRangePointData(n, n), { left: l, top: A, height: h } = $n(d), u = l + i, g = A + a, f = t.getViewport(je.VIEW_MAIN), p = this._editorService.getEditor(e);
+    const s = o.getOffsetConfig(), { docsLeft: i, docsTop: a } = s, c = new It(s, r), { contentBoxPointGroup: d } = c.getRangePointData(n, n), { left: l, top: A, height: h } = $n(d), u = l + i, g = A + a, f = t.getViewport(je.VIEW_MAIN), p = this._editorService.getEditor(e);
     if (f == null)
       return;
     const {
@@ -10546,7 +10561,7 @@ let ho = class extends St {
     } = f.getBounding().viewBound;
     let R = 0, E = 0;
     const b = p ? (C = p.params.backScrollOffset) != null ? C : 0 : 100;
-    g < I ? R = g - I - b : g > v - h && (R = g - v + h + b), u < m ? E = u - m : u > S - Li && (E = u - S + Li);
+    g < I ? R = g - I - b : g > v - h && (R = g - v + h + b), u < m ? E = u - m : u > S - Qi && (E = u - S + Qi);
     const y = f.transViewportScroll2ScrollValue(E, R);
     f.scrollByBarDeltaValue(y);
   }
@@ -10569,7 +10584,7 @@ var Sg = Object.getOwnPropertyDescriptor, vg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, zt = (n, e) => (t, o) => e(t, o, n);
-let br = class extends St {
+let br = class extends Ct {
   constructor(n, e, t, o, r, s, i) {
     super(), this._context = n, this._commandService = e, this._docSelectionRenderService = t, this._docSkeletonManagerService = o, this._editorService = r, this._renderManagerService = s, this._univerInstanceService = i, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
   }
@@ -10606,8 +10621,8 @@ let br = class extends St {
       } else
         t.onMouseWheel(a, s);
     }), new lr(t), n.addLayer(
-      new zs(n, [], zo),
-      new zs(n, [], cd)
+      new Gs(n, [], zo),
+      new Gs(n, [], cd)
     ), this._addComponent();
     const o = () => n.render();
     this.disposeWithMe(this._context.activated$.subscribe((r) => {
@@ -10619,12 +10634,12 @@ let br = class extends St {
       pageMarginLeft: 20,
       pageMarginTop: 20
     }, i = new gl(et.MAIN, void 0, s);
-    i.zIndex = Js;
+    i.zIndex = $s;
     const a = new fl(et.BACKGROUND, void 0, s);
-    a.zIndex = Js, this._context.mainComponent = i, t.set(et.MAIN, i), t.set(et.BACKGROUND, a), n.addObjects([i], zo), n.addObjects([a], ad), this._editorService.getEditor(e.getUnitId()) == null && n.enableLayerCache(zo);
+    a.zIndex = $s, this._context.mainComponent = i, t.set(et.MAIN, i), t.set(et.BACKGROUND, a), n.addObjects([i], zo), n.addObjects([a], ad), this._editorService.getEditor(e.getUnitId()) == null && n.enableLayerCache(zo);
   }
   _initRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ft(this.dispose$)).subscribe((n) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(pt(this.dispose$)).subscribe((n) => {
       this._create(n);
     });
   }
@@ -10736,14 +10751,14 @@ let yr = class {
 yr = bg([
   sr(0, j(Ke)),
   sr(1, j(Pn)),
-  sr(2, Vr)
+  sr(2, Wr)
 ], yr);
 var yg = Object.getOwnPropertyDescriptor, xg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? yg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Og = (n, e) => (t, o) => e(t, o, n);
-let go = class extends St {
+let go = class extends Ct {
   constructor(e) {
     super();
     O(this, "_docContainerController");
@@ -10757,8 +10772,8 @@ var Tg = Object.getOwnPropertyDescriptor, Bg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Tg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, Qi = (n, e) => (t, o) => e(t, o, n);
-let fo = class extends pe {
+}, Ui = (n, e) => (t, o) => e(t, o, n);
+let fo = class extends me {
   constructor(n, e) {
     super(), this._docAutoFormatService = n, this._renderManagerService = e, this._initListTabAutoFormat(), this._initSpaceAutoFormat(), this._initDefaultEnterFormat(), this._initExitListAutoFormat();
   }
@@ -10882,7 +10897,7 @@ let fo = class extends pe {
         match: () => !0,
         getMutations() {
           return [{
-            id: Gr.id
+            id: Yr.id
           }];
         },
         priority: -9999
@@ -10891,8 +10906,8 @@ let fo = class extends pe {
   }
 };
 fo = Bg([
-  Qi(0, j(_t)),
-  Qi(1, fe)
+  Ui(0, j(Dt)),
+  Ui(1, fe)
 ], fo);
 function Mg(n) {
   return n.rows[0].cells[0].sections[0].columns[0].lines[0];
@@ -10911,7 +10926,7 @@ function Dg(n, e) {
     }
   return r;
 }
-function Ui(n) {
+function Fi(n) {
   const e = n == null ? void 0 : n.parent;
   let t = null, o = null;
   if (n == null || e == null)
@@ -11004,7 +11019,7 @@ var Lg = Object.getOwnPropertyDescriptor, Qg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, zn = (n, e) => (t, o) => e(t, o, n);
-let po = class extends pe {
+let po = class extends me {
   constructor(e, t, o, r) {
     super();
     O(this, "_onInputSubscription");
@@ -11015,16 +11030,16 @@ let po = class extends pe {
     super.dispose(), (e = this._onInputSubscription) == null || e.unsubscribe();
   }
   _commandExecutedListener() {
-    const e = [Et.id, It.id];
+    const e = [St.id, vt.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
         const o = t.params;
         switch (t.id) {
-          case Et.id:
+          case St.id:
             return this._handleMoveCursor(o.direction);
-          case It.id:
+          case vt.id:
             return this._handleShiftMoveSelection(o.direction);
           default:
             throw new Error("Unknown command");
@@ -11092,7 +11107,7 @@ let po = class extends pe {
         ], !1);
         return;
       }
-      const B = new mt(b, s).getRangePointData(
+      const B = new It(b, s).getRangePointData(
         C,
         C
       ).cursorList[0];
@@ -11171,7 +11186,7 @@ let po = class extends pe {
         ], !1);
         return;
       }
-      const B = new mt(y, s).getRangePointData(
+      const B = new It(y, s).getRangePointData(
         C,
         C
       ).cursorList[0];
@@ -11229,7 +11244,7 @@ let po = class extends pe {
       return;
     let l;
     if (c.type === Oe.CELL && o) {
-      const x = Fi(c, t);
+      const x = Hi(c, t);
       if (x)
         return x;
     }
@@ -11273,7 +11288,7 @@ let po = class extends pe {
     if (l != null)
       return l;
     if (c.type === Oe.CELL)
-      return Fi(c, t);
+      return Hi(c, t);
     const u = c.parent;
     if (u == null)
       return;
@@ -11311,7 +11326,7 @@ po = Qg([
   zn(2, j(Y)),
   zn(3, T)
 ], po);
-function Fi(n, e) {
+function Hi(n, e) {
   var o, r;
   let t = null;
   if (e === !0) {
@@ -11319,7 +11334,7 @@ function Fi(n, e) {
     if (s)
       t = wg(s);
     else {
-      const i = (o = n.parent) == null ? void 0 : o.parent, { lineAfterTable: a } = Ui(i);
+      const i = (o = n.parent) == null ? void 0 : o.parent, { lineAfterTable: a } = Fi(i);
       a && (t = a);
     }
   } else {
@@ -11327,7 +11342,7 @@ function Fi(n, e) {
     if (s)
       t = Ng(s);
     else {
-      const i = (r = n.parent) == null ? void 0 : r.parent, { lineBeforeTable: a } = Ui(i);
+      const i = (r = n.parent) == null ? void 0 : r.parent, { lineBeforeTable: a } = Fi(i);
       a && (t = a);
     }
   }
@@ -11337,13 +11352,13 @@ const Ug = ({
   handleRowColChange: n,
   tableCreateParams: e
 }) => {
-  const t = J(Ke), [o, r] = me(3), [s, i] = me(5);
+  const t = J(Ke), [o, r] = Ee(3), [s, i] = Ee(5);
   function a(c, d) {
     r(c), i(d), n(c, d);
   }
   return Ce(() => {
     r(e.rowCount), i(e.colCount);
-  }, [e]), /* @__PURE__ */ re("div", { className: "univer-flex univer-items-center univer-justify-between", children: [
+  }, [e]), /* @__PURE__ */ re("div", { className: "univer-flex univer-items-center univer-justify-between univer-gap-2", children: [
     /* @__PURE__ */ re("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
       /* @__PURE__ */ Q("span", { children: t.t("toolbar.table.rowCount") }),
       /* @__PURE__ */ Q(
@@ -11382,8 +11397,8 @@ var Fg = Object.getOwnPropertyDescriptor, Hg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Fg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, Hi = (n, e) => (t, o) => e(t, o, n);
-let mo = class extends pe {
+}, ki = (n, e) => (t, o) => e(t, o, n);
+let mo = class extends me {
   constructor(n, e) {
     super(), this._commandService = n, this._componentManager = e, this._initialize();
   }
@@ -11392,7 +11407,7 @@ let mo = class extends pe {
   }
   _registerCommands() {
     [
-      Os
+      Ts
     ].forEach((n) => this.disposeWithMe(this._commandService.registerCommand(n)));
   }
   _initCustomComponents() {
@@ -11403,15 +11418,15 @@ let mo = class extends pe {
   }
 };
 mo = Hg([
-  Hi(0, T),
-  Hi(1, j(sn))
+  ki(0, T),
+  ki(1, j(sn))
 ], mo);
 var kg = Object.getOwnPropertyDescriptor, Vg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? kg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Gn = (n, e) => (t, o) => e(t, o, n);
-let xr = class extends pe {
+let xr = class extends me {
   constructor(n, e, t, o, r) {
     super(), this._context = n, this._docSkeletonManagerService = e, this._commandService = t, this._docEventManagerService = o, this._textSelectionManagerService = r, this._initPointerDownObserver(), this._initHoverCursor();
   }
@@ -11428,7 +11443,7 @@ let xr = class extends pe {
   _initHoverCursor() {
     this.disposeWithMe(
       this._docEventManagerService.hoverBullet$.subscribe((n) => {
-        n ? this._context.mainComponent.setCursor(Mt.POINTER) : this._context.mainComponent.setCursor(Mt.TEXT);
+        n ? this._context.mainComponent.setCursor(_t.POINTER) : this._context.mainComponent.setCursor(_t.TEXT);
       })
     );
   }
@@ -11449,7 +11464,7 @@ var Wg = Object.getOwnPropertyDescriptor, jg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, un = (n, e) => (t, o) => e(t, o, n);
-let Eo = class extends St {
+let Eo = class extends Ct {
   constructor(n, e, t, o, r, s) {
     super(), this._context = n, this._commandService = e, this._docClipboardService = t, this._docSelectionRenderService = o, this._contextService = r, this._editorService = s, this._init();
   }
@@ -11458,7 +11473,7 @@ let Eo = class extends St {
   }
   _initLegacyPasteCommand() {
     var n;
-    (n = this._docSelectionRenderService) == null || n.onPaste$.pipe(ft(this.dispose$)).subscribe((e) => {
+    (n = this._docSelectionRenderService) == null || n.onPaste$.pipe(pt(this.dispose$)).subscribe((e) => {
       var a, c, d;
       if (!Po(this._contextService))
         return;
@@ -11481,14 +11496,14 @@ var zg = Object.getOwnPropertyDescriptor, Gg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? zg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, ki = (n, e) => (t, o) => e(t, o, n);
+}, Vi = (n, e) => (t, o) => e(t, o, n);
 const Yg = [
-  qi,
+  Xi,
   Yc,
   yo,
   ot
 ];
-let Or = class extends pe {
+let Or = class extends me {
   constructor(n, e, t) {
     super(), this._context = n, this._contextMenuService = e, this._commandService = t, Yg.includes(this._context.unitId) || (this._initPointerDown(), this._initEditChange());
   }
@@ -11508,15 +11523,15 @@ let Or = class extends pe {
   }
 };
 Or = Gg([
-  ki(1, Wl),
-  ki(2, T)
+  Vi(1, Wl),
+  Vi(2, T)
 ], Or);
 var Kg = Object.getOwnPropertyDescriptor, qg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Kg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Gt = (n, e) => (t, o) => e(t, o, n);
-let Io = class extends pe {
+let Io = class extends me {
   constructor(e, t, o, r, s, i, a) {
     super();
     O(this, "_initialEditors", /* @__PURE__ */ new Set());
@@ -11621,7 +11636,7 @@ var Xg = Object.getOwnPropertyDescriptor, Zg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Yn = (n, e) => (t, o) => e(t, o, n);
-let Tr = class extends pe {
+let Tr = class extends me {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_previousIMEContent", "");
@@ -11687,7 +11702,7 @@ var Jg = Object.getOwnPropertyDescriptor, $g = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Kn = (n, e) => (t, o) => e(t, o, n);
-let Br = class extends pe {
+let Br = class extends me {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_onInputSubscription");
@@ -11708,7 +11723,7 @@ let Br = class extends pe {
       const { unitId: t } = this._context, { event: o, content: r = "", activeRange: s } = e, i = o, a = this._docSkeletonManagerService.getSkeleton();
       if (i.data == null || a == null || s == null)
         return;
-      const { segmentId: c } = s, l = this._context.unit.getSelfOrHeaderFooterModel(c).getBody(), A = this._docMenuStyleService.getDefaultStyle(), h = this._docMenuStyleService.getStyleCache(), u = jr((p = l == null ? void 0 : l.customRanges) != null ? p : [], s.endOffset, In.includes(t)), g = Bo(l, s.endOffset, A, h, In.includes(t)), f = zr((m = l == null ? void 0 : l.customDecorations) != null ? m : [], s.endOffset);
+      const { segmentId: c } = s, l = this._context.unit.getSelfOrHeaderFooterModel(c).getBody(), A = this._docMenuStyleService.getDefaultStyle(), h = this._docMenuStyleService.getStyleCache(), u = zr((p = l == null ? void 0 : l.customRanges) != null ? p : [], s.endOffset, In.includes(t)), g = Bo(l, s.endOffset, A, h, In.includes(t)), f = Gr((m = l == null ? void 0 : l.customDecorations) != null ? m : [], s.endOffset);
       await this._commandService.executeCommand(Ca.id, {
         unitId: t,
         body: {
@@ -11743,13 +11758,13 @@ Br = $g([
   Kn(3, T),
   Kn(4, j(at))
 ], Br);
-class ws extends pe {
+class Ns extends me {
   constructor(e) {
     super(), this._context = e;
   }
   calculatePagePosition() {
     var v, R;
-    const e = pt(this._context), o = (R = (v = this._context.unit.getSettings()) == null ? void 0 : v.zoomRatio) != null ? R : 1, { document: r, scene: s, docBackground: i } = e, a = s == null ? void 0 : s.getParent(), { width: c, height: d, pageMarginLeft: l, pageMarginTop: A } = r;
+    const e = mt(this._context), o = (R = (v = this._context.unit.getSettings()) == null ? void 0 : v.zoomRatio) != null ? R : 1, { document: r, scene: s, docBackground: i } = e, a = s == null ? void 0 : s.getParent(), { width: c, height: d, pageMarginLeft: l, pageMarginTop: A } = r;
     if (a == null || c === Number.POSITIVE_INFINITY || d === Number.POSITIVE_INFINITY)
       return;
     const { width: h, height: u } = a;
@@ -11765,17 +11780,17 @@ var ef = Object.getOwnPropertyDescriptor, tf = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? ef(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, Vi = (n, e) => (t, o) => e(t, o, n);
-let Mr = class extends pe {
+}, Wi = (n, e) => (t, o) => e(t, o, n);
+let Mr = class extends me {
   constructor(n, e, t) {
     super(), this._context = n, this._docPageLayoutService = e, this._textSelectionManagerService = t;
     const o = this._context.unitId;
-    if (vt(o) && o !== ot) return this;
+    if (Rt(o) && o !== ot) return this;
     this._initResize();
   }
   _initResize() {
     this.disposeWithMe(
-      Bt(this._context.engine.onTransformChange$).pipe(
+      Mt(this._context.engine.onTransformChange$).pipe(
         ro((n) => n.type === oa.resize),
         bn(0, Kl)
       ).subscribe(() => {
@@ -11785,15 +11800,15 @@ let Mr = class extends pe {
   }
 };
 Mr = tf([
-  Vi(1, j(ws)),
-  Vi(2, j(Y))
+  Wi(1, j(Ns)),
+  Wi(2, j(Y))
 ], Mr);
 var nf = Object.getOwnPropertyDescriptor, of = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? nf(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Yt = (n, e) => (t, o) => e(t, o, n);
-let _r = class extends pe {
+let _r = class extends me {
   constructor(e, t, o, r, s, i, a) {
     super();
     O(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
@@ -11803,7 +11818,7 @@ let _r = class extends pe {
     this._init(), this._skeletonListener(), this._commandExecutedListener(), this._refreshListener(), this._syncSelection();
   }
   _init() {
-    const { unitId: e } = this._context, t = pt(this._context);
+    const { unitId: e } = this._context, t = mt(this._context);
     t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
   }
   _refreshListener() {
@@ -11828,11 +11843,11 @@ let _r = class extends pe {
   }
   // eslint-disable-next-line max-lines-per-function
   _initialMain(e) {
-    const t = pt(this._context), { document: o, scene: r } = t;
+    const t = mt(this._context), { document: o, scene: r } = t;
     this.disposeWithMe(o.onPointerEnter$.subscribeEvent(() => {
-      this._isEditorReadOnly(e) || (o.cursor = Mt.TEXT);
+      this._isEditorReadOnly(e) || (o.cursor = _t.TEXT);
     })), this.disposeWithMe(o.onPointerLeave$.subscribeEvent(() => {
-      o.cursor = Mt.DEFAULT, r.resetCursor();
+      o.cursor = _t.DEFAULT, r.resetCursor();
     })), this.disposeWithMe(o.onPointerDown$.subscribeEvent((s, i) => {
       if (this._isEditorReadOnly(e))
         return;
@@ -11867,7 +11882,7 @@ let _r = class extends pe {
     }));
   }
   _getTransformCoordForDocumentOffset(e, t) {
-    const o = pt(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
+    const o = mt(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
     if (a == null)
       return;
     const c = a.transformVector2SceneCoord(Cn.FromArray([e, t]));
@@ -11898,7 +11913,7 @@ let _r = class extends pe {
     this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (!e) return;
       const { unitId: t } = this._context;
-      if (!vt(t)) {
+      if (!Rt(t)) {
         this._docSelectionRenderService.focus();
         const s = this._context.unit.getSnapshot(), i = Ac(s);
         this._docSelectionManagerService.replaceDocRanges([
@@ -11926,14 +11941,14 @@ var rf = Object.getOwnPropertyDescriptor, sf = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? rf(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, ht = (n, e) => (t, o) => e(t, o, n);
-let Dr = class extends pe {
+}, gt = (n, e) => (t, o) => e(t, o, n);
+let Dr = class extends me {
   constructor(e, t, o, r, s, i, a, c, d) {
     super();
     O(this, "_isSheetEditor", !1);
     this._context = e, this._contextService = t, this._docSkeletonManagerService = o, this._univerInstanceService = r, this._commandService = s, this._textSelectionManagerService = i, this._editorService = a, this._docPageLayoutService = c, this._renderManagerService = d, this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), this._isSheetEditor = this._context.unitId === yo;
     const l = this._univerInstanceService.getCurrentUnitOfType(_.UNIVER_SHEET), A = l && this._renderManagerService.getRenderById(l.getUnitId());
-    setTimeout(() => this.updateViewZoom(A && this._isSheetEditor ? A.scene.scaleX : 1, !0), 20), vt(this._context.unitId) || this._initZoomEventListener();
+    setTimeout(() => this.updateViewZoom(A && this._isSheetEditor ? A.scene.scaleX : 1, !0), 20), Rt(this._context.unitId) || this._initZoomEventListener();
   }
   _initRenderRefresher() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
@@ -11990,7 +12005,7 @@ let Dr = class extends pe {
   }
   updateViewZoom(e, t = !0) {
     var r;
-    const o = pt(this._context);
+    const o = mt(this._context);
     o.scene.scale(e, e), this._editorService.isEditor(this._context.unitId) || this._docPageLayoutService.calculatePagePosition(), t && !this._editorService.isEditor(this._context.unitId) && this._textSelectionManagerService.refreshSelection(), (r = o.scene.getTransformer()) == null || r.clearSelectedObjects();
   }
   _initZoomEventListener() {
@@ -12014,17 +12029,17 @@ let Dr = class extends pe {
   }
 };
 Dr = sf([
-  ht(1, Fr),
-  ht(2, j(de)),
-  ht(3, L),
-  ht(4, T),
-  ht(5, j(Y)),
-  ht(6, Ye),
-  ht(7, j(ws)),
-  ht(8, fe)
+  gt(1, Fr),
+  gt(2, j(de)),
+  gt(3, L),
+  gt(4, T),
+  gt(5, j(Y)),
+  gt(6, Ye),
+  gt(7, j(Ns)),
+  gt(8, fe)
 ], Dr);
 const af = Ji("PRINTING_COMPONENT_COLLECT"), cf = Ji("PRINTING_DOM_COLLECT");
-class lf extends pe {
+class lf extends me {
   constructor() {
     super();
     O(this, "_printComponentMap", /* @__PURE__ */ new Map());
@@ -12052,8 +12067,8 @@ var df = Object.getOwnPropertyDescriptor, Af = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, hn = (n, e) => (t, o) => e(t, o, n);
-const Wi = 300;
-let So = class extends St {
+const ji = 300;
+let So = class extends Ct {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_docStateChange$", new Fe(null));
@@ -12082,7 +12097,7 @@ let So = class extends St {
   _initialize() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((e) => {
-        if (e.id === Fs || e.id === Hs) {
+        if (e.id === Hs || e.id === ks) {
           const t = this._univerInstanceService.getCurrentUniverDocInstance();
           if (t == null)
             return;
@@ -12093,7 +12108,7 @@ let So = class extends St {
     );
   }
   _listenDocStateChange() {
-    this._docStateEmitService.docStateChangeParams$.pipe(ft(this.dispose$)).subscribe((e) => {
+    this._docStateEmitService.docStateChangeParams$.pipe(pt(this.dispose$)).subscribe((e) => {
       var a;
       if (e == null)
         return;
@@ -12112,7 +12127,7 @@ let So = class extends St {
   }
   _cacheChangeState(e, t = "history") {
     const { trigger: o, unitId: r, noHistory: s, debounce: i = !1 } = e;
-    if (s || o == null || t === "history" && (o === Hs || o === Fs))
+    if (s || o == null || t === "history" && (o === ks || o === Hs))
       return;
     const a = t === "history" ? this._historyStateCache : this._changeStateCache, c = t === "history" ? this._pushHistory.bind(this) : this._emitChangeState.bind(this);
     if (a.has(r)) {
@@ -12122,9 +12137,9 @@ let So = class extends St {
       a.set(r, [e]);
     i ? t === "history" ? (this._historyTimer && clearTimeout(this._historyTimer), this._historyTimer = setTimeout(() => {
       c(r);
-    }, Wi)) : (this._changeStateCacheTimer && clearTimeout(this._changeStateCacheTimer), this._changeStateCacheTimer = setTimeout(() => {
+    }, ji)) : (this._changeStateCacheTimer && clearTimeout(this._changeStateCacheTimer), this._changeStateCacheTimer = setTimeout(() => {
       c(r);
-    }, Wi)) : c(r);
+    }, ji)) : c(r);
   }
   _pushHistory(e) {
     const t = this._undoRedoService, o = this._historyStateCache.get(e);
@@ -12183,20 +12198,20 @@ var uf = Object.getOwnPropertyDescriptor, hf = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? uf(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, ji = (n, e) => (t, o) => e(t, o, n);
-const zi = "univer-doc-main-canvas";
-let vo = class extends St {
+}, zi = (n, e) => (t, o) => e(t, o, n);
+const Gi = "univer-doc-main-canvas";
+let vo = class extends Ct {
   constructor(n, e) {
     super(), this._instanceSrv = n, this._renderManagerService = e, this._init();
   }
   _init() {
-    this._renderManagerService.createRender$.pipe(ft(this.dispose$)).subscribe((n) => this._createRenderWithId(n)), this._instanceSrv.getAllUnitsForType(_.UNIVER_DOC).forEach((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitAdded$(_.UNIVER_DOC).pipe(ft(this.dispose$)).subscribe((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitDisposed$(_.UNIVER_DOC).pipe(ft(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    this._renderManagerService.createRender$.pipe(pt(this.dispose$)).subscribe((n) => this._createRenderWithId(n)), this._instanceSrv.getAllUnitsForType(_.UNIVER_DOC).forEach((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitAdded$(_.UNIVER_DOC).pipe(pt(this.dispose$)).subscribe((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitDisposed$(_.UNIVER_DOC).pipe(pt(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
   }
   _createRenderer(n) {
     var o;
     const e = n.getUnitId(), t = (o = this._instanceSrv.getCurrentUnitForType(_.UNIVER_DOC)) == null ? void 0 : o.getUnitId();
     this._renderManagerService.created$.subscribe((r) => {
-      r.unitId === t && (r.engine.getCanvas().setId(zi), r.engine.getCanvas().getContext().setId(zi));
+      r.unitId === t && (r.engine.getCanvas().setId(Gi), r.engine.getCanvas().getContext().setId(Gi));
     }), this._renderManagerService.has(e) || this._createRenderWithId(e);
   }
   _createRenderWithId(n) {
@@ -12208,8 +12223,8 @@ let vo = class extends St {
   }
 };
 vo = hf([
-  ji(0, L),
-  ji(1, fe)
+  zi(0, L),
+  zi(1, fe)
 ], vo);
 const gf = {
   id: yn.id,
@@ -12224,56 +12239,56 @@ const gf = {
   preconditions: Se,
   binding: q.DELETE
 }, mf = {
-  id: Et.id,
+  id: St.id,
   binding: q.ARROW_UP,
   preconditions: Se,
   staticParameters: {
     direction: le.UP
   }
 }, Ef = {
-  id: Et.id,
+  id: St.id,
   binding: q.ARROW_DOWN,
   preconditions: Se,
   staticParameters: {
     direction: le.DOWN
   }
 }, If = {
-  id: Et.id,
+  id: St.id,
   binding: q.ARROW_LEFT,
   preconditions: Se,
   staticParameters: {
     direction: le.LEFT
   }
 }, Sf = {
-  id: Et.id,
+  id: St.id,
   binding: q.ARROW_RIGHT,
   preconditions: Se,
   staticParameters: {
     direction: le.RIGHT
   }
 }, vf = {
-  id: It.id,
+  id: vt.id,
   binding: q.ARROW_UP | te.SHIFT,
   preconditions: Se,
   staticParameters: {
     direction: le.UP
   }
 }, Cf = {
-  id: It.id,
+  id: vt.id,
   binding: q.ARROW_DOWN | te.SHIFT,
   preconditions: Se,
   staticParameters: {
     direction: le.DOWN
   }
 }, Rf = {
-  id: It.id,
+  id: vt.id,
   binding: q.ARROW_LEFT | te.SHIFT,
   preconditions: Se,
   staticParameters: {
     direction: le.LEFT
   }
 }, bf = {
-  id: It.id,
+  id: vt.id,
   binding: q.ARROW_RIGHT | te.SHIFT,
   preconditions: Se,
   staticParameters: {
@@ -12282,7 +12297,7 @@ const gf = {
 }, yf = {
   id: Ta.id,
   binding: q.A | te.CTRL_COMMAND,
-  preconditions: (n) => n.getContextValue(Hr) && (n.getContextValue(Dn) || n.getContextValue(to))
+  preconditions: (n) => n.getContextValue(kr) && (n.getContextValue(Dn) || n.getContextValue(to))
 };
 var xf = Object.defineProperty, Of = Object.getOwnPropertyDescriptor, Tf = (n, e, t) => e in n ? xf(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Bf = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Of(e, t) : e, s = n.length - 1, i; s >= 0; s--)
@@ -12291,23 +12306,23 @@ var xf = Object.defineProperty, Of = Object.getOwnPropertyDescriptor, Tf = (n, e
 }, gn = (n, e) => (t, o) => e(t, o, n), Mf = (n, e, t) => Tf(n, e + "", t);
 let Pr = class extends Zc {
   // static override type = UniverInstanceType.UNIVER_DOC;
-  constructor(n = Di, e, t, o, r, s) {
+  constructor(n = Pi, e, t, o, r, s) {
     super(), this._config = n, this._injector = e, this._renderManagerSrv = t, this._commandService = o, this._logService = r, this._configService = s;
     const { menu: i, ...a } = Jc(
       {},
-      Di,
+      Pi,
       this._config
     );
     i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Vo, a), this._initDependencies(e), this._initializeShortcut(), this._initCommand();
   }
   onReady() {
-    this._initRenderBasics(), this._markDocAsFocused(), ks(this._injector, [
+    this._initRenderBasics(), this._markDocAsFocused(), Vs(this._injector, [
       [So],
       [vo]
     ]);
   }
   onRendered() {
-    this._initUI(), this._initRenderModules(), ks(this._injector, [
+    this._initUI(), this._initRenderModules(), Vs(this._injector, [
       [fo],
       [po],
       [nn],
@@ -12326,20 +12341,20 @@ let Pr = class extends Zc {
       Ut,
       Ft,
       Ht,
-      Ct,
+      bt,
       kt,
       ct,
       tn,
-      Dt,
+      Et,
       Fn,
       Pt,
-      Rt,
-      Gr,
+      yt,
+      Yr,
       Ca,
       xn,
-      Zr,
-      Ra,
       Jr,
+      Ra,
+      $r,
       ba,
       nt,
       Tn,
@@ -12353,15 +12368,15 @@ let Pr = class extends Zc {
       wo,
       ja,
       za,
-      Rs,
       bs,
-      vA,
       ys,
+      vA,
       xs,
-      Is,
+      Os,
       Ss,
+      vs,
       kn,
-      Ms,
+      _s,
       Ga,
       Jt,
       Mo,
@@ -12381,34 +12396,34 @@ let Pr = class extends Zc {
       Zd,
       Zn,
       Ta,
-      Ds,
-      Et,
-      It,
+      Ps,
+      St,
+      vt,
       $d,
       wa,
       eA,
       Ze,
       Qa,
-      es,
-      os,
-      ss,
-      us,
+      ts,
+      rs,
+      is,
       hs,
       gs,
       fs,
       ps,
+      ms,
       ao,
       Ua,
       Fa,
-      ls,
       ds,
       As,
-      as,
+      us,
+      cs,
       mc,
-      _s
+      Ds
     ].forEach((n) => {
       this.disposeWithMe(this._commandService.registerCommand(n));
-    }), [so, rs, is].forEach((n) => this.disposeWithMe(this._commandService.registerMultipleCommand(n)));
+    }), [so, ss, as].forEach((n) => this.disposeWithMe(this._commandService.registerMultipleCommand(n)));
   }
   _initializeShortcut() {
     [
@@ -12445,7 +12460,7 @@ let Pr = class extends Zc {
       [Mn],
       [vo],
       [So],
-      [_t],
+      [Dt],
       [at]
     ], this._config.override).forEach((t) => n.add(t));
   }
@@ -12468,7 +12483,7 @@ let Pr = class extends Zc {
       [de],
       [Re],
       [nl],
-      [ws],
+      [Ns],
       [No],
       [br],
       [Dr]
@@ -12503,7 +12518,7 @@ Pr = Bf([
   gn(2, fe),
   gn(3, T),
   gn(4, Qr),
-  gn(5, Vr)
+  gn(5, Wr)
 ], Pr);
 function _f(n, e, t) {
   const o = J(T), r = J(To), s = _e(() => ge(4), []);
@@ -12544,7 +12559,7 @@ const Df = (n, e = !0, t, o) => {
         height: l
       }), a == null || a.resize(d, l);
     }
-  }, [n, e]), s = _e(() => kr(() => {
+  }, [n, e]), s = _e(() => Vr(() => {
     var I, S;
     if (!t || !n || !t)
       return;
@@ -12587,7 +12602,7 @@ const Df = (n, e = !0, t, o) => {
   }, [n, t, s]), { resize: r, checkScrollBar: s };
 };
 function Pf(n) {
-  const { editorId: e, initialValue: t, container: o, autoFocus: r, isSingle: s } = n, i = _e(() => r != null ? r : !1, []), [a, c] = me(), d = J(Ye);
+  const { editorId: e, initialValue: t, container: o, autoFocus: r, isSingle: s } = n, i = _e(() => r != null ? r : !1, []), [a, c] = Ee(), d = J(Ye);
   return fa(() => {
     var l, A;
     if (o.current) {
@@ -12645,9 +12660,9 @@ const wf = (n, e, t, o) => {
         return;
       }
       let f = le.LEFT;
-      u === q.ARROW_DOWN ? f = le.DOWN : u === q.ARROW_UP ? f = le.UP : u === q.ARROW_RIGHT && (f = le.RIGHT), g === te.SHIFT ? r.executeCommand(It.id, {
+      u === q.ARROW_DOWN ? f = le.DOWN : u === q.ARROW_UP ? f = le.UP : u === q.ARROW_RIGHT && (f = le.RIGHT), g === te.SHIFT ? r.executeCommand(vt.id, {
         direction: f
-      }) : r.executeCommand(Et.id, {
+      }) : r.executeCommand(St.id, {
         direction: f
       });
     };
@@ -12728,13 +12743,13 @@ const ep = (n) => {
     icon: f,
     editorRef: p,
     placeholder: m
-  } = n, I = J(Ye), S = En(o), v = En(s), [R, E] = me(u), b = ke(null), y = _e(() => l != null ? l : el(`RICH_TEXT_EDITOR-${ge(4)}`), [l]), C = Pf({
+  } = n, I = J(Ye), S = En(o), v = En(s), [R, E] = Ee(u), b = ke(null), y = _e(() => l != null ? l : el(`RICH_TEXT_EDITOR-${ge(4)}`), [l]), C = Pf({
     editorId: y,
     initialValue: r,
     container: b,
     autoFocus: t,
     isSingle: d
-  }), x = J(fe).getRenderById(y), M = x == null ? void 0 : x.with(Re), P = tt(M == null ? void 0 : M.textSelectionInner$), F = !!((H = M == null ? void 0 : M.isFocusing) != null && H && (P != null && P.textRanges.some((k) => k.collapsed))), w = ke(null), [N, ee] = me(() => {
+  }), x = J(fe).getRenderById(y), M = x == null ? void 0 : x.with(Re), P = tt(M == null ? void 0 : M.textSelectionInner$), F = !!((H = M == null ? void 0 : M.isFocusing) != null && H && (P != null && P.textRanges.some((k) => k.collapsed))), w = ke(null), [N, ee] = Ee(() => {
     var k, ne;
     return !ce.transform.getPlainText((ne = (k = C == null ? void 0 : C.getDocumentData().body) == null ? void 0 : k.dataStream) != null ? ne : "");
   }), { checkScrollBar: $ } = Df(C, d, !0, !0);
@@ -12810,7 +12825,7 @@ export {
   Qo as AlignLeftCommand,
   lt as AlignOperationCommand,
   Fo as AlignRightCommand,
-  Gr as BreakLineCommand,
+  Yr as BreakLineCommand,
   On as BulletListCommand,
   gr as ChangeListNestingLevelCommand,
   Xn as ChangeListNestingLevelType,
@@ -12820,40 +12835,40 @@ export {
   ja as CreateDocTableCommand,
   $t as CutContentCommand,
   ad as DOCS_COMPONENT_BACKGROUND_LAYER_INDEX,
-  Js as DOCS_COMPONENT_DEFAULT_Z_INDEX,
+  $s as DOCS_COMPONENT_DEFAULT_Z_INDEX,
   cd as DOCS_COMPONENT_HEADER_LAYER_INDEX,
   zo as DOCS_COMPONENT_MAIN_LAYER_INDEX,
   et as DOCS_VIEW_KEY,
   id as DOC_UI_PLUGIN_NAME,
-  Oi as DOC_VERTICAL_PADDING,
+  Ti as DOC_VERTICAL_PADDING,
   sd as DefaultDocContainerConfig,
   rd as DefaultToolbarConfig,
   xn as DeleteCommand,
-  Zr as DeleteCustomBlockCommand,
+  Jr as DeleteCustomBlockCommand,
   Do as DeleteLeftCommand,
   ya as DeleteRightCommand,
-  _t as DocAutoFormatService,
+  Dt as DocAutoFormatService,
   ho as DocBackScrollRenderController,
   Mn as DocCanvasPopManagerService,
   so as DocCopyCommand,
-  Os as DocCreateTableOperation,
-  rs as DocCutCommand,
+  Ts as DocCreateTableOperation,
+  ss as DocCutCommand,
   wt as DocEventManagerService,
   No as DocIMEInputManagerService,
-  is as DocPasteCommand,
+  as as DocPasteCommand,
   lf as DocPrintInterceptorService,
   br as DocRenderController,
   Ta as DocSelectAllCommand,
   Re as DocSelectionRenderService,
   So as DocStateChangeManagerService,
-  Ss as DocTableDeleteColumnsCommand,
-  Is as DocTableDeleteRowsCommand,
+  vs as DocTableDeleteColumnsCommand,
+  Ss as DocTableDeleteRowsCommand,
   kn as DocTableDeleteTableCommand,
   vA as DocTableInsertColumnCommand,
-  ys as DocTableInsertColumnLeftCommand,
-  xs as DocTableInsertColumnRightCommand,
-  Rs as DocTableInsertRowAboveCommand,
-  bs as DocTableInsertRowBellowCommand,
+  xs as DocTableInsertColumnLeftCommand,
+  Os as DocTableInsertColumnRightCommand,
+  bs as DocTableInsertRowAboveCommand,
+  ys as DocTableInsertRowBellowCommand,
   za as DocTableInsertRowCommand,
   Ga as DocTableTabCommand,
   uo as DocUIController,
@@ -12871,11 +12886,11 @@ export {
   Ca as InsertCommand,
   eA as InsertCustomRangeCommand,
   Hn as ListOperationCommand,
-  Jr as MergeTwoParagraphCommand,
-  Et as MoveCursorOperation,
-  It as MoveSelectionOperation,
+  $r as MergeTwoParagraphCommand,
+  St as MoveCursorOperation,
+  vt as MoveSelectionOperation,
   Yf as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  mt as NodePositionConvertToCursor,
+  It as NodePositionConvertToCursor,
   Va as NodePositionConvertToRectRange,
   Tn as OrderListCommand,
   Fd as PastePluginLark,
@@ -12892,15 +12907,15 @@ export {
   Zn as SetDocZoomRatioCommand,
   nt as SetDocZoomRatioOperation,
   Qt as SetInlineFormatBoldCommand,
-  Rt as SetInlineFormatCommand,
+  yt as SetInlineFormatCommand,
   tn as SetInlineFormatFontFamilyCommand,
   ct as SetInlineFormatFontSizeCommand,
   Ut as SetInlineFormatItalicCommand,
   Ht as SetInlineFormatStrikethroughCommand,
-  Ct as SetInlineFormatSubscriptCommand,
+  bt as SetInlineFormatSubscriptCommand,
   kt as SetInlineFormatSuperscriptCommand,
   Pt as SetInlineFormatTextBackgroundColorCommand,
-  Dt as SetInlineFormatTextColorCommand,
+  Et as SetInlineFormatTextColorCommand,
   Ft as SetInlineFormatUnderlineCommand,
   Ze as SetParagraphNamedStyleCommand,
   ko as SwitchDocModeCommand,
@@ -12923,21 +12938,21 @@ export {
   $n as getAnchorBounding,
   uA as getCanvasOffsetByEngine,
   qe as getCommandSkeleton,
-  $r as getCursorWhenDelete,
+  es as getCursorWhenDelete,
   yd as getCustomBlockIdsInSelections,
   _d as getCutActionsFromDocRanges,
   ld as getDocObject,
   Kf as getDocObjectById,
-  Kr as getEmptyTableCell,
-  qr as getEmptyTableRow,
-  Es as getLineBounding,
-  fi as getOneTextSelectionRange,
+  qr as getEmptyTableCell,
+  Xr as getEmptyTableRow,
+  Is as getLineBounding,
+  pi as getOneTextSelectionRange,
   Ae as getRichTextEditPath,
-  Xr as getTableColumn,
+  Zr as getTableColumn,
   Zf as hasParagraphInTable,
   Ha as isInSameTableCell,
   oA as isValidRectRange,
-  pt as neoGetDocObject,
+  mt as neoGetDocObject,
   $f as transformToDocDrawingPosition,
   _f as useKeyboardEvent,
   Df as useResize,