@univerjs/docs-ui 0.15.2-insiders.20260124-12fc7f0 → 0.15.3-insiders.20260131-b9b8805

package/lib/index.js

@@ -1,22 +1,22 @@
 var Bc = Object.defineProperty;
 var Mc = (n, e, t) => e in n ? Bc(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var O = (n, e, t) => Mc(n, typeof e != "symbol" ? e + "" : e, t);
-import { IUniverInstanceService as Q, Inject as W, Disposable as me, toDisposable as Mn, UniverInstanceType as _, BuildTextUtils as re, JSONX as V, ObjectRelativeFromV as ft, ObjectRelativeFromH as Ro, CommandType as D, sequenceExecuteAsync as Pr, ICommandService as T, DataStreamTreeTokenType as k, TextX as Ie, TextXActionType as G, PresetListType as xe, UpdateDocsAttributeType as nn, Tools as de, generateRandomId as ge, TableRowHeightRule as _c, TableSizeType as Yi, TableTextWrapType as Dc, TableAlignmentType as wc, MemoryCursor as Nt, SHEET_EDITOR_UNITS as En, PositionedObjectLayoutType as bo, BlockType as Pc, LRUMap as Nc, BaselineOffset as Ve, BooleanNumber as z, ColorKit as Qs, DrawingTypeEnum as Nr, skipParseTagNames as Lc, CustomRangeType as Lr, DataStreamTreeNodeType as sn, createIdentifier as Ki, ILogService as Qr, SliceBodyType as ar, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as xo, DOC_RANGE_TYPE as He, normalizeBody as Qc, getBodySlice as qi, FOCUSING_DOC as _n, EDITOR_ACTIVATED as eo, DashStyleType as Uc, RxDisposable as Rt, ThemeService as Ur, IUndoRedoService as yo, PRESET_LIST_TYPE as Fc, HorizontalAlign as Ue, NamedStyleType as K, RANGE_DIRECTION as De, COLORS as gn, Rectangle as Hc, DocumentFlavor as Pe, LocaleService as Ye, IConfirmService as Xi, isInternalEditorID as at, IContextService as Fr, Injector as Dn, FOCUSING_EDITOR_STANDALONE as Us, FOCUSING_COMMENT_EDITOR as Fs, isCommentEditorID as kc, VerticalAlign as Vc, DEFAULT_EMPTY_DOCUMENT_VALUE as Zi, PageOrientType as Wc, PAPER_TYPES as zc, PAGE_SIZE as to, DOCS_ZEN_EDITOR_UNIT_ID_KEY as nt, DEFAULT_STYLES as Oo, NAMED_STYLE_MAP as jc, DisposableCollection as In, fromEventSubject as Mt, deepCompare as Gc, FOCUSING_UNIVER_EDITOR as Hr, FOCUSING_COMMON_DRAWINGS as Ji, getPlainText as no, debounce as kr, SpacingRule as Xt, IConfigService as Vr, QuickListTypeMap as jo, Direction as ie, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Yc, checkForSubstrings as Kc, createInterceptorKey as $i, 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 { Inject as W, Disposable as Ee, toDisposable as Mn, UniverInstanceType as _, BuildTextUtils as re, IUniverInstanceService as Q, JSONX as V, ObjectRelativeFromV as ft, ObjectRelativeFromH as Ro, CommandType as D, sequenceExecuteAsync as Pr, ICommandService as T, DataStreamTreeTokenType as k, TextX as Ie, TextXActionType as G, PresetListType as xe, UpdateDocsAttributeType as nn, Tools as de, generateRandomId as ge, TableRowHeightRule as _c, TableSizeType as Yi, TableTextWrapType as Dc, TableAlignmentType as wc, MemoryCursor as Nt, SHEET_EDITOR_UNITS as En, PositionedObjectLayoutType as bo, BlockType as Pc, LRUMap as Nc, BaselineOffset as Ve, BooleanNumber as z, ColorKit as Qs, DrawingTypeEnum as Nr, skipParseTagNames as Lc, CustomRangeType as Lr, DataStreamTreeNodeType as sn, createIdentifier as Ki, SliceBodyType as ar, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as xo, DOC_RANGE_TYPE as He, normalizeBody as Qc, getBodySlice as qi, ILogService as Qr, FOCUSING_DOC as _n, EDITOR_ACTIVATED as eo, DashStyleType as Uc, RxDisposable as Rt, IUndoRedoService as yo, ThemeService as Ur, PRESET_LIST_TYPE as Fc, HorizontalAlign as Ue, NamedStyleType as K, RANGE_DIRECTION as _e, COLORS as gn, Rectangle as Hc, DocumentFlavor as Pe, LocaleService as Ye, IConfirmService as Xi, isInternalEditorID as it, Injector as Dn, FOCUSING_EDITOR_STANDALONE as Us, FOCUSING_COMMENT_EDITOR as Fs, isCommentEditorID as kc, VerticalAlign as Vc, DEFAULT_EMPTY_DOCUMENT_VALUE as Zi, IContextService as Fr, PageOrientType as Wc, PAPER_TYPES as zc, PAGE_SIZE as to, DOCS_ZEN_EDITOR_UNIT_ID_KEY as tt, DEFAULT_STYLES as Oo, NAMED_STYLE_MAP as jc, DisposableCollection as In, fromEventSubject as Mt, deepCompare as Gc, FOCUSING_UNIVER_EDITOR as Hr, FOCUSING_COMMON_DRAWINGS as Ji, getPlainText as no, debounce as kr, SpacingRule as Xt, IConfigService as Vr, QuickListTypeMap as jo, Direction as ie, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Yc, checkForSubstrings as Kc, createInterceptorKey as $i, 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 J, DocSkeletonManagerService as ce, SetTextSelectionsOperation as Le, DocStateEmitService as tl, DocInterceptorService as nl } from "@univerjs/docs";
-import { IRenderManagerService as ue, 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 ea, GlyphType as ta, DocumentSkeletonPageType as Oe, getPageFromPath as cr, getTableIdAndSliceIndex as zs, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Sn, getColor as fn, RegularPolygon as na, Rect as Kn, getOffsetRectForDom as ll, ScrollTimer as dl, CURSOR_TYPE as Dt, getSystemHighlightColor as Al, Vector2 as vn, PageLayoutType as Cn, Shape as ul, Path as js, pxToNum as oa, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ra, getNumberUnitValue as on, 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 sa } from "@univerjs/engine-render";
-import { IClipboardInterfaceService as ia, 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 aa, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as ca, CopyCommand as bl, CutCommand as xl, PasteCommand as yl, ILayoutService as To, KeyCode as X, useDependency as Z, ComponentManager as rn, ISidebarService as la, getMenuHiddenObservable as oe, MenuItemType as $, COLOR_PICKER_COMPONENT as da, FONT_FAMILY_ITEM_COMPONENT as Ol, FONT_FAMILY_COMPONENT as Tl, FONT_SIZE_LIST as Bl, FONT_SIZE_COMPONENT as Ml, HEADING_LIST as Ys, COMMON_LABEL_COMPONENT as _l, HEADING_ITEM_COMPONENT as Dl, ICanvasPopupService as wl, IMenuManagerService as Aa, ToolbarItem as Pl, MenuManagerPosition as Nl, useObservable as tt, RectPopup as Ll, DesktopMenu as Ql, ContextMenuPosition as oo, MetaKeys as te, Slider as Ul, useConfigValue as ua, useEvent as mn, ContextMenuGroup as an, RibbonInsertGroup as Fl, RibbonStartGroup as Ks, IUIPartsService as Hl, IShortcutService as Bo, BuiltInUIPart as qs, connectInjector as Xs, imageMimeTypeSet as kl, IContextMenuService as Vl } from "@univerjs/ui";
+import { DocumentEditArea as Ce, IRenderManagerService as ue, hasListGlyph as ol, isIndentByGlyph as rl, isFirstGlyph as sl, getParagraphByGlyph as il, pixelToPt as al, ptToPixel as Ws, parseDataStreamToTree as cl, Liquid as ea, GlyphType as ta, DocumentSkeletonPageType as Oe, getPageFromPath as cr, getTableIdAndSliceIndex as zs, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Sn, getColor as fn, RegularPolygon as na, Rect as Kn, getOffsetRectForDom as ll, ScrollTimer as dl, CURSOR_TYPE as Dt, getSystemHighlightColor as Al, Vector2 as vn, PageLayoutType as Cn, Shape as ul, Path as js, pxToNum as oa, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ra, getNumberUnitValue as on, 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 sa } from "@univerjs/engine-render";
+import { 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, IClipboardInterfaceService as ca, CopyCommand as bl, CutCommand as xl, PasteCommand as yl, KeyCode as X, ILayoutService as To, useDependency as Z, ComponentManager as rn, ISidebarService as la, MenuItemType as $, getMenuHiddenObservable as oe, COLOR_PICKER_COMPONENT as da, FONT_FAMILY_ITEM_COMPONENT as Ol, FONT_FAMILY_COMPONENT as Tl, FONT_SIZE_LIST as Bl, FONT_SIZE_COMPONENT as Ml, HEADING_LIST as Ys, COMMON_LABEL_COMPONENT as _l, HEADING_ITEM_COMPONENT as Dl, ICanvasPopupService as wl, IMenuManagerService as Aa, ToolbarItem as Pl, MenuManagerPosition as Nl, useObservable as at, RectPopup as Ll, DesktopMenu as Ql, ContextMenuPosition as oo, MetaKeys as te, Slider as Ul, useConfigValue as ua, useEvent as mn, ContextMenuGroup as an, RibbonInsertGroup as Fl, RibbonStartGroup as Ks, BuiltInUIPart as qs, connectInjector as Xs, IUIPartsService as Hl, IShortcutService as Bo, imageMimeTypeSet as kl, IContextMenuService as Vl } 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 pt, fromEvent as je, Observable as fe, map as wn, combineLatest as Pn, distinctUntilChanged as Wt, throttleTime as Rn, switchMap as Wl, take as zl, first as jl, of as Gl, animationFrameScheduler as Yl } from "rxjs";
-import { useRef as ke, createElement as Be, forwardRef as Me, useState as Ee, useEffect as Ce, useMemo as Te, useCallback as ga, useImperativeHandle as Kl, useLayoutEffect as fa } from "react";
+import { useRef as ke, createElement as Te, forwardRef as Be, useState as me, useEffect as ve, useMemo as De, useCallback as ga, useImperativeHandle as Kl, useLayoutEffect as fa } from "react";
 import { filter as dr, bufferTime as ql, map as Xl } from "rxjs/operators";
 import { jsxs as ne, jsx as U, Fragment as Zl } from "react/jsx-runtime";
-import { Checkbox as Zs, InputNumber as it, Button as Jl, clsx as Ge, borderClassName as Nn, Select as pa, scrollbarClassName as $l, Tooltip as ed } from "@univerjs/design";
+import { Checkbox as Zs, InputNumber as st, Button as Jl, clsx as Ge, borderClassName as Nn, Select as pa, scrollbarClassName as $l, Tooltip as ed } from "@univerjs/design";
 var td = Object.getOwnPropertyDescriptor, nd = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? td(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Js = (n, e) => (t, o) => e(t, o, n);
-let wt = class extends me {
+let wt = class extends Ee {
   constructor(e, t) {
     super();
     O(this, "_matches", /* @__PURE__ */ new Map());
@@ -287,7 +287,7 @@ const gd = 11, fd = 9, kn = {
    */
   fs: gd
 };
-let ct = class extends me {
+let ct = class extends Ee {
   constructor(e, t, o) {
     super();
     O(this, "_cacheStyle", null);
@@ -316,7 +316,7 @@ let ct = class extends me {
     const t = e == null ? void 0 : e.getUnitId(), o = (i = this._renderManagerService.getRenderById(t)) == null ? void 0 : i.with(ce), r = o == null ? void 0 : o.getViewModel();
     return r == null ? {
       ...kn
-    } : r.getEditArea() === ve.BODY ? {
+    } : r.getEditArea() === Ce.BODY ? {
       ...kn
     } : {
       ...kn,
@@ -2283,7 +2283,7 @@ function ri(n, e, t) {
   }), o;
 }
 const Lt = Ki("doc.clipboard-service");
-let ur = class extends me {
+let ur = class extends Ee {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_clipboardHooks", []);
@@ -2477,11 +2477,11 @@ let ur = class extends me {
       for (const s of e)
         for (const i of s.types)
           switch (i) {
-            case ca: {
+            case aa: {
               o = await s.getType(i).then((a) => a && a.text());
               break;
             }
-            case aa: {
+            case ia: {
               t = await s.getType(i).then((a) => a && a.text());
               break;
             }
@@ -2582,7 +2582,7 @@ ur = Gd([
   cn(0, Q),
   cn(1, Qr),
   cn(2, T),
-  cn(3, ia),
+  cn(3, ca),
   cn(4, W(Y))
 ], ur);
 function Po(n) {
@@ -2640,7 +2640,7 @@ const ns = 999, so = {
   priority: ns,
   preconditions: Po,
   handler: async (n) => {
-    const e = n.get(Lt), o = await n.get(ia).read();
+    const e = n.get(Lt), o = await n.get(ca).read();
     return o.length === 0 ? !1 : e.paste(o);
   }
 }, No = {
@@ -4444,7 +4444,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 ? _e.NONE : ms(t, o) ? _e.FORWARD : _e.BACKWARD;
   }
   get segmentId() {
     return this._segmentId;
@@ -4682,7 +4682,7 @@ class Wa {
   }
   get direction() {
     const { anchorNodePosition: e, focusNodePosition: t } = this;
-    return Zo(e, t) ? De.FORWARD : De.BACKWARD;
+    return Zo(e, t) ? _e.FORWARD : _e.BACKWARD;
   }
   isActive() {
     return this._current === !0;
@@ -4794,7 +4794,7 @@ function Er(n, e, t, o, r, s, i, a) {
   const A = r.getViewModel().getSelfOrHeaderFooterViewModel(i), h = r.findCharIndexByPosition(n), u = r.findCharIndexByPosition(e);
   if (h == null || u == null)
     return;
-  const g = h <= u ? De.FORWARD : De.BACKWARD, f = Math.min(h, u), p = Math.max(h, u);
+  const g = h <= u ? _e.FORWARD : _e.BACKWARD, f = Math.min(h, u), p = Math.max(h, u);
   let m = f, I = p;
   for (const S of A.getChildren())
     for (const C of S.children) {
@@ -4810,13 +4810,13 @@ function Er(n, e, t, o, r, s, i, a) {
           N = r.findNodePositionByCharIndex(M + 3, !0, i, a), L = r.findNodePositionByCharIndex(j.endIndex - 3, !0, i, a), I = M - 1, y = !0;
         else if (M > f && w < p) {
           if (N = r.findNodePositionByCharIndex(M + 3, !0, i, a), L = r.findNodePositionByCharIndex(w - 4, !0, i, a), m <= M - 1) {
-            const P = r.findNodePositionByCharIndex(m, !0, i, a), F = r.findNodePositionByCharIndex(M - 1, !1, i, a), q = g === De.FORWARD ? P : F, se = g === De.FORWARD ? F : P;
+            const P = r.findNodePositionByCharIndex(m, !0, i, a), F = r.findNodePositionByCharIndex(M - 1, !1, i, a), q = g === _e.FORWARD ? P : F, se = g === _e.FORWARD ? F : P;
             c.push(new Zt(t, o, r, q, se, s, i, a));
           }
           m = w + 1;
         }
         if (N && L) {
-          const P = g === De.FORWARD ? N : L, F = g === De.FORWARD ? L : N;
+          const P = g === _e.FORWARD ? N : L, F = g === _e.FORWARD ? L : N;
           d.push(...$o(
             t,
             o,
@@ -4830,7 +4830,7 @@ function Er(n, e, t, o, r, s, i, a) {
         }
       }
       if (I === E + 1 && !y && v && v.children.length && (I = E, y = !0), I >= R && I <= E || y) {
-        const M = r.findNodePositionByCharIndex(m, !0, i, a), w = r.findNodePositionByCharIndex(I, !y, i, a), H = g === De.FORWARD ? M : w, N = g === De.FORWARD ? w : M;
+        const M = r.findNodePositionByCharIndex(m, !0, i, a), w = r.findNodePositionByCharIndex(I, !y, i, a), H = g === _e.FORWARD ? M : w, N = g === _e.FORWARD ? w : M;
         if (d.length && de.diffValue(H, N))
           continue;
         c.push(new Zt(t, o, r, H, N, s, i, a));
@@ -5114,7 +5114,14 @@ let Re = class extends Rt {
    * @deprecated
    */
   activate(e, t, o = !1) {
-    this._container.style.left = `${e}px`, this._container.style.top = `${t}px`, this._container.style.zIndex = "1000", (this.canFocusing || o) && this.focus();
+    this._ensureHostContainer();
+    let r = e, s = t;
+    const i = this._container.parentElement;
+    if (i) {
+      const a = i.getBoundingClientRect();
+      r -= a.left, s -= a.top;
+    }
+    this._container.style.left = `${r}px`, this._container.style.top = `${s}px`, this._container.style.zIndex = "1000", (this.canFocusing || o) && this.focus();
   }
   hasFocus() {
     return document.activeElement === this._input;
@@ -5291,7 +5298,9 @@ let Re = class extends Rt {
     const { unitId: e } = this._context, t = document.createElement("div");
     t.style.position = "fixed", t.style.left = "0px", t.style.top = "0px", t.id = `univer-doc-selection-container-${e}`;
     const o = document.createElement("div"), r = document.createElement("div");
-    o.appendChild(r), t.appendChild(o), this._container = t, this._inputParent = o, this._input = r, this._initInput(), this._initInputEvents(), document.body.appendChild(t);
+    o.appendChild(r), t.appendChild(o), this._container = t, this._inputParent = o, this._input = r, this._initInput(), this._initInputEvents();
+    const s = this._layoutService.rootContainerElement;
+    (s != null && s.isConnected ? s : document.body).appendChild(t);
   }
   _registerContainer() {
     this.disposeWithMe(
@@ -5318,6 +5327,14 @@ let Re = class extends Rt {
             user-select: text;
         `;
   }
+  _ensureHostContainer() {
+    const e = this._layoutService.rootContainerElement;
+    if (e != null && e.isConnected) {
+      this._container.parentElement !== e && e.appendChild(this._container);
+      return;
+    }
+    this._container.parentElement !== document.body && document.body.appendChild(this._container);
+  }
   _getNodePosition(e) {
     if (e == null)
       return;
@@ -6062,7 +6079,7 @@ const Vo = {
   type: D.OPERATION,
   handler: (n, e) => !!e
 };
-function _e({ ref: n, ...e }) {
+function Me({ ref: n, ...e }) {
   const { icon: t, id: o, className: r, extend: s, ...i } = e, a = `univerjs-icon univerjs-icon-${o} ${r || ""}`.trim(), c = ke(`_${RA()}`);
   return Ka(t, `${o}`, {
     defIds: t.defIds,
@@ -6074,7 +6091,7 @@ function _e({ ref: n, ...e }) {
   }, s);
 }
 function Ka(n, e, t, o, r) {
-  return Be(n.tag, {
+  return Te(n.tag, {
     key: e,
     ...vA(n, t, r),
     ...o
@@ -6107,7 +6124,7 @@ function CA(n, e) {
 function RA() {
   return Math.random().toString(36).substring(2, 8);
 }
-_e.displayName = "UniverIcon";
+Me.displayName = "UniverIcon";
 const bA = {
   tag: "svg",
   attrs: {
@@ -6147,8 +6164,8 @@ const bA = {
       }
     }
   ]
-}, qa = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, qa = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "align-text-both-icon",
     ref: t,
     icon: bA
@@ -6187,8 +6204,8 @@ const xA = {
       }
     }
   ]
-}, Xa = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, Xa = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "catalogue-icon",
     ref: t,
     icon: xA
@@ -6236,8 +6253,8 @@ const yA = {
       }
     }
   ]
-}, Za = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, Za = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "delete-icon",
     ref: t,
     icon: yA
@@ -6292,8 +6309,8 @@ const OA = {
       }
     }
   ]
-}, Ja = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, Ja = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "doc-setting-icon",
     ref: t,
     icon: OA
@@ -6316,8 +6333,8 @@ const TA = {
       d: "M10.5547 14.1884C10.2599 14.5214 9.74019 14.5214 9.4454 14.1884L3.71321 7.71335C3.29002 7.23532 3.6294 6.48161 4.26784 6.48161L15.7322 6.48161C16.3707 6.48161 16.7101 7.23532 16.2869 7.71335L10.5547 14.1884Z"
     }
   }]
-}, $a = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, $a = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "down-icon",
     ref: t,
     icon: TA
@@ -6346,8 +6363,8 @@ const BA = {
       d: "M14.0999 6.33879C14.0999 6.09377 13.9509 5.87336 13.7236 5.78203C13.4962 5.6907 13.2362 5.74679 13.0667 5.92373L11.4753 7.58486C11.2461 7.82415 11.2542 8.20396 11.4935 8.43319C11.7328 8.66243 12.1126 8.65427 12.3419 8.41499L12.8999 7.83245V13.3333C12.8999 13.6646 13.1686 13.9333 13.4999 13.9333C13.8313 13.9333 14.0999 13.6646 14.0999 13.3333V6.33879Z"
     }
   }]
-}, ec = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, ec = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "h1-icon",
     ref: t,
     icon: BA
@@ -6376,8 +6393,8 @@ const MA = {
       d: "M11.2667 8.33356C11.2667 7.67245 11.8201 7.26689 12.3333 7.26689C12.8465 7.26689 13.4 7.67244 13.4 8.33356C13.4 8.62807 13.2712 8.94814 12.9954 9.32391C12.7183 9.70153 12.3394 10.0744 11.9174 10.4803L11.8355 10.559C11.4524 10.9268 11.0365 11.3263 10.7149 11.7373C10.3718 12.1759 10.0667 12.7122 10.0667 13.3336C10.0667 13.6649 10.3353 13.9336 10.6667 13.9336H14C14.3314 13.9336 14.6 13.6649 14.6 13.3336C14.6 13.0022 14.3314 12.7336 14 12.7336H11.4782C11.5286 12.6531 11.5889 12.5676 11.6601 12.4767C11.9269 12.1355 12.2843 11.792 12.6877 11.4043L12.7492 11.3452C13.1606 10.9496 13.615 10.5079 13.9629 10.0338C14.3122 9.55787 14.6 8.98906 14.6 8.33356C14.6 6.88362 13.3757 6.06689 12.3333 6.06689C11.291 6.06689 10.0667 6.88361 10.0667 8.33356C10.0667 8.66493 10.3353 8.93356 10.6667 8.93356C10.998 8.93356 11.2667 8.66493 11.2667 8.33356Z"
     }
   }]
-}, tc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, tc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "h2-icon",
     ref: t,
     icon: MA
@@ -6406,8 +6423,8 @@ const _A = {
       d: "M10.6667 6.06689C10.3353 6.06689 10.0667 6.33552 10.0667 6.66689C10.0667 6.99827 10.3353 7.26689 10.6667 7.26689H12.7732L11.193 9.29853C11.0524 9.47942 11.027 9.72465 11.1277 9.93051C11.2283 10.1364 11.4375 10.2669 11.6667 10.2669C12.2418 10.2669 12.6786 10.4115 12.9585 10.6354C13.2204 10.845 13.4 11.166 13.4 11.6669C13.4 12.1622 13.2254 12.3937 13.0567 12.5202C12.8588 12.6686 12.5829 12.7336 12.3333 12.7336C11.7271 12.7336 11.3432 12.4858 11.1106 12.23C10.8877 11.9848 10.5082 11.9667 10.2631 12.1896C10.0179 12.4125 9.99979 12.792 10.2227 13.0372C10.6568 13.5147 11.3522 13.9336 12.3333 13.9336C12.7504 13.9336 13.3078 13.8319 13.7767 13.4802C14.2746 13.1068 14.6 12.5049 14.6 11.6669C14.6 10.8345 14.2796 10.1555 13.7081 9.69837C13.4342 9.47923 13.117 9.32231 12.7746 9.21971L14.4736 7.03526C14.6143 6.85437 14.6397 6.60914 14.539 6.40328C14.4383 6.19743 14.2291 6.06689 14 6.06689H10.6667Z"
     }
   }]
-}, nc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, nc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "h3-icon",
     ref: t,
     icon: _A
@@ -6438,8 +6455,8 @@ const DA = {
       clipRule: "evenodd"
     }
   }]
-}, oc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, oc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "h4-icon",
     ref: t,
     icon: DA
@@ -6468,8 +6485,8 @@ const wA = {
       d: "M10.6669 6.40332C10.3355 6.40332 10.0669 6.67195 10.0669 7.00332V9.34492C10.0669 9.67629 10.3355 9.94492 10.6669 9.94492C10.7822 9.94492 10.8899 9.91238 10.9814 9.85599C10.9901 9.85195 11.0027 9.84632 11.0192 9.83936C11.0764 9.81533 11.1692 9.78033 11.2927 9.74447C11.5397 9.67268 11.8996 9.60022 12.3336 9.60022C12.4975 9.60022 12.5978 9.63412 12.6624 9.67167C12.7263 9.70877 12.79 9.76953 12.8503 9.87834C12.983 10.1181 13.0669 10.5337 13.0669 11.1669C13.0669 11.8061 12.9802 12.1936 12.8338 12.414C12.7252 12.5775 12.5275 12.7336 12.0002 12.7336C11.6445 12.7336 11.4936 12.622 11.4192 12.5328C11.3289 12.4245 11.2669 12.2453 11.2669 12.0028C11.2669 11.6714 10.9983 11.4028 10.6669 11.4028C10.3355 11.4028 10.0669 11.6714 10.0669 12.0028C10.0669 12.4244 10.1716 12.9106 10.4979 13.3016C10.8401 13.7118 11.356 13.9336 12.0002 13.9336C12.8063 13.9336 13.4419 13.6673 13.8334 13.0779C14.1869 12.5456 14.2669 11.8497 14.2669 11.1669C14.2669 10.4781 14.1841 9.81027 13.9002 9.29724C13.7521 9.02964 13.545 8.79662 13.2651 8.63403C12.986 8.4719 12.6697 8.40022 12.3336 8.40022C11.9239 8.40022 11.5627 8.44957 11.2669 8.51389V7.60332H13.3336C13.6649 7.60332 13.9336 7.33469 13.9336 7.00332C13.9336 6.67195 13.6649 6.40332 13.3336 6.40332H10.6669Z"
     }
   }]
-}, rc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, rc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "h5-icon",
     ref: t,
     icon: wA
@@ -6515,8 +6532,8 @@ const PA = {
       }
     }
   ]
-}, sc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, sc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "horizontally-icon",
     ref: t,
     icon: PA
@@ -6541,8 +6558,8 @@ const NA = {
       clipRule: "evenodd"
     }
   }]
-}, ic = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, ic = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "left-icon",
     ref: t,
     icon: NA
@@ -6588,8 +6605,8 @@ const LA = {
       }
     }
   ]
-}, ac = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, ac = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "left-justifying-icon",
     ref: t,
     icon: LA
@@ -6635,8 +6652,8 @@ const QA = {
       }
     }
   ]
-}, cc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, cc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "right-justifying-icon",
     ref: t,
     icon: QA
@@ -6659,8 +6676,8 @@ const UA = {
       d: "M2.06641 1.9999C2.06641 1.66853 2.33504 1.3999 2.66641 1.3999H13.3331C13.6644 1.3999 13.9331 1.66853 13.9331 1.9999V3.64434C13.9331 3.97571 13.6644 4.24434 13.3331 4.24434C13.0017 4.24434 12.7331 3.97571 12.7331 3.64434V2.5999H8.59966V13.3999H10.6665C10.9979 13.3999 11.2665 13.6685 11.2665 13.9999C11.2665 14.3313 10.9979 14.5999 10.6665 14.5999L7.99966 14.5999L5.33315 14.5999C5.00178 14.5999 4.73315 14.3313 4.73315 13.9999C4.73315 13.6685 5.00178 13.3999 5.33315 13.3999H7.39966V2.5999H3.26641V3.64434C3.26641 3.97571 2.99778 4.24434 2.66641 4.24434C2.33504 4.24434 2.06641 3.97571 2.06641 3.64434V1.9999Z"
     }
   }]
-}, pn = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, pn = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "text-type-icon",
     ref: t,
     icon: UA
@@ -6724,8 +6741,8 @@ const FA = {
       }
     }
   ]
-}, lc = Me(function(e, t) {
-  return Be(_e, Object.assign({}, e, {
+}, lc = Be(function(e, t) {
+  return Te(Me, Object.assign({}, e, {
     id: "todo-list-double-icon",
     ref: t,
     icon: FA
@@ -6755,7 +6772,7 @@ function dc(n) {
     }
   return 0;
 }
-class HA extends me {
+class HA extends Ee {
   constructor(t, o, r, s, i, a) {
     super();
     // Emit change event when editor lose focus.
@@ -6963,7 +6980,7 @@ class HA extends me {
     return (o = this._injector.get(ue).getRenderById(this._getEditorId())) == null ? void 0 : o.with(ce).getSkeleton();
   }
   isSheetEditor() {
-    return at(this._getEditorId());
+    return it(this._getEditorId());
   }
   /**
    * @deprecated use getDocumentData.
@@ -7019,7 +7036,7 @@ const WA = [
   // 'univer-range-selector-editor',
   // 'univer-text-editor-container-placeholder',
 ];
-let Sr = class extends me {
+let Sr = class extends Ee {
   constructor(e, t, o, r, s, i, a) {
     super();
     O(this, "_editors", /* @__PURE__ */ new Map());
@@ -7075,7 +7092,7 @@ let Sr = class extends me {
       return;
     this._univerInstanceService.setCurrentUnitForType(e);
     const o = t.getValue().length;
-    this._contextService.setContextValue(eo, !0), at(e) || this._contextService.setContextValue(Us, !0), kc(e) && this._contextService.setContextValue(Fs, !0), t.focus(), this._setFocusId(e), this._focus$.next({
+    this._contextService.setContextValue(eo, !0), it(e) || this._contextService.setContextValue(Us, !0), kc(e) && this._contextService.setContextValue(Fs, !0), t.focus(), this._setFocusId(e), this._focus$.next({
       startOffset: o,
       endOffset: o
     });
@@ -7166,10 +7183,10 @@ function zA(n, e, t) {
     evenPageHeaderId: d,
     evenPageFooterId: l
   } = n;
-  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;
+  return e === Ce.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 jA = (n) => {
-  const e = Z(Ye), t = Z(Q), o = Z(ue), r = Z(T), s = Z(To), { unitId: i } = n, a = o.getRenderById(i).with(Re), [c, d] = Ee({}), l = (u, g) => {
+  const e = Z(Ye), t = Z(Q), o = Z(ue), r = Z(T), s = Z(To), { unitId: i } = n, a = o.getRenderById(i).with(Re), [c, d] = me({}), l = (u, g) => {
     var b;
     d((x) => ({
       ...x,
@@ -7182,7 +7199,7 @@ const jA = (n) => {
     let C = !1;
     const R = a.getSegmentPage();
     let E = !1;
-    if (g === "useFirstPageHeaderFooter" && u === !0 && ((S === ve.HEADER && !p.firstPageHeaderId || S === ve.FOOTER && !p.firstPageFooterId) && (C = !0), C && R === 0 && (E = !0)), g === "evenAndOddHeaders" && u === !0 && ((S === ve.HEADER && !p.evenPageHeaderId || S === ve.FOOTER && !p.evenPageFooterId) && (C = !0), C && R % 2 === 1 && (E = !0)), C) {
+    if (g === "useFirstPageHeaderFooter" && u === !0 && ((S === Ce.HEADER && !p.firstPageHeaderId || S === Ce.FOOTER && !p.firstPageFooterId) && (C = !0), C && R === 0 && (E = !0)), g === "evenAndOddHeaders" && u === !0 && ((S === Ce.HEADER && !p.evenPageHeaderId || S === Ce.FOOTER && !p.evenPageFooterId) && (C = !0), C && R % 2 === 1 && (E = !0)), C) {
       const v = ge(6);
       E && a.setSegment(v), r.executeCommand($n, {
         unitId: i,
@@ -7223,7 +7240,7 @@ const jA = (n) => {
       unitId: i
     });
   };
-  return Ce(() => {
+  return ve(() => {
     const u = t.getUniverDocInstance(i), g = u == null ? void 0 : u.getSnapshot().documentStyle;
     if (g) {
       const {
@@ -7266,7 +7283,7 @@ const jA = (n) => {
       /* @__PURE__ */ ne("div", { children: [
         /* @__PURE__ */ U("span", { children: e.t("headerFooter.headerTopMargin") }),
         /* @__PURE__ */ U(
-          it,
+          st,
           {
             className: "univer-mt-1.5 univer-w-4/5",
             min: 0,
@@ -7282,7 +7299,7 @@ const jA = (n) => {
       /* @__PURE__ */ ne("div", { children: [
         /* @__PURE__ */ U("span", { children: e.t("headerFooter.footerBottomMargin") }),
         /* @__PURE__ */ U(
-          it,
+          st,
           {
             className: "univer-mt-1.5 univer-w-4/5",
             min: 0,
@@ -7300,12 +7317,12 @@ const jA = (n) => {
   ] });
 }, GA = () => {
   var d;
-  const n = Z(Ye), e = Z(ue), r = Z(Q).getCurrentUniverDocInstance().getUnitId(), i = ((d = e.getRenderById(r)) == null ? void 0 : d.with(ce)).getViewModel(), [a, c] = Ee(!0);
-  return Ce(() => {
+  const n = Z(Ye), e = Z(ue), r = Z(Q).getCurrentUniverDocInstance().getUnitId(), i = ((d = e.getRenderById(r)) == null ? void 0 : d.with(ce)).getViewModel(), [a, c] = me(!0);
+  return ve(() => {
     const l = i.getEditArea();
-    c(l !== ve.BODY);
+    c(l !== Ce.BODY);
     const A = i.editAreaChange$.subscribe((h) => {
-      h != null && c(h !== ve.BODY);
+      h != null && c(h !== Ce.BODY);
     });
     return () => {
       A.unsubscribe();
@@ -7378,12 +7395,12 @@ function ZA(n, e, t) {
     useFirstPageHeaderFooter: A
   } = o;
   switch (e) {
-    case ve.BODY:
+    case Ce.BODY:
       return {
         createType: null,
         headerFooterId: null
       };
-    case ve.HEADER:
+    case Ce.HEADER:
       return A === z.TRUE && !c ? {
         createType: 0,
         headerFooterId: null
@@ -7397,7 +7414,7 @@ function ZA(n, e, t) {
         createType: 2,
         headerFooterId: null
       };
-    case ve.FOOTER:
+    case Ce.FOOTER:
       return A === z.TRUE && !d ? {
         createType: 1,
         headerFooterId: null
@@ -7415,7 +7432,7 @@ function ZA(n, e, t) {
       throw new Error(`Invalid editArea: ${e}`);
   }
 }
-let Cr = class extends me {
+let Cr = class extends Ee {
   constructor(e, t, o, r, s, i, a, c, d) {
     super();
     O(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
@@ -7433,7 +7450,7 @@ let Cr = class extends me {
       this._commandService.onCommandExecuted((e) => {
         if (J.id === e.id) {
           const t = this._context.unit, r = this._docSkeletonManagerService.getViewModel().getEditArea(), s = t.getSnapshot().documentStyle.documentFlavor;
-          r !== ve.BODY && s === Pe.MODERN && this._commandService.executeCommand(Ms.id, {
+          r !== Ce.BODY && s === Pe.MODERN && this._commandService.executeCommand(Ms.id, {
             unitId: this._context.unitId
           });
         }
@@ -7469,7 +7486,7 @@ let Cr = class extends me {
         return;
       A.setEditArea(g);
       const { createType: p, headerFooterId: m } = ZA(A, g, f);
-      if (g === ve.BODY)
+      if (g === Ce.BODY)
         this._docSelectionRenderService.setSegment(""), this._docSelectionRenderService.setSegmentPage(-1), this._docSelectionRenderService.setCursorManually(s, i);
       else if (p != null) {
         const S = ge(6);
@@ -7505,7 +7522,7 @@ let Cr = class extends me {
             i.pageRender$.subscribe((a) => {
               if (this._editorService.isEditor(o) || !this._isTraditionalMode())
                 return;
-              const l = this._docSkeletonManagerService.getViewModel().getEditArea() === ve.BODY, { page: A, pageLeft: h, pageTop: u, ctx: g } = a, { pageWidth: f, pageHeight: p, marginTop: m, marginBottom: I } = A;
+              const l = this._docSkeletonManagerService.getViewModel().getEditArea() === Ce.BODY, { page: A, pageLeft: h, pageTop: u, ctx: g } = a, { pageWidth: f, pageHeight: p, marginTop: m, marginBottom: I } = A;
               if (g.save(), g.translate(h - 0.5, u - 0.5), l ? (Kn.drawWith(g, {
                 left: 0,
                 top: 0,
@@ -7697,10 +7714,10 @@ const $n = "doc.command.core-header-footer", Ac = {
         return;
       let x;
       if (b === void 0 ? x = m.insertOp(["documentStyle", R], E) : x = m.replaceOp(["documentStyle", R], b, E), I.push(x), R === "useFirstPageHeaderFooter" && E === z.TRUE && !u.firstPageHeaderId) {
-        const v = h === ve.HEADER ? Qe.FIRST_PAGE_HEADER : Qe.FIRST_PAGE_FOOTER;
+        const v = h === Ce.HEADER ? Qe.FIRST_PAGE_HEADER : Qe.FIRST_PAGE_FOOTER;
         nr(i, v, u, I);
       } else if (R === "evenAndOddHeaders" && E === z.TRUE && !u.evenPageHeaderId) {
-        const v = h === ve.HEADER ? Qe.EVEN_PAGE_HEADER : Qe.EVEN_PAGE_FOOTER;
+        const v = h === Ce.HEADER ? Qe.EVEN_PAGE_HEADER : Qe.EVEN_PAGE_FOOTER;
         nr(i, v, u, I);
       }
     }), I.length === 0 ? !1 : (p.params.actions = I.reduce((R, E) => V.compose(R, E), null), !!t.syncExecuteCommand(p.id, p.params));
@@ -7718,7 +7735,7 @@ const $n = "doc.command.core-header-footer", Ac = {
     if (a == null)
       return !1;
     const { scene: c } = a, d = c.getTransformerByCreate(), l = a.with(ce), A = a.with(Re), h = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel();
-    return u == null || h == null ? !1 : (r.replaceDocRanges([]), d.clearSelectedObjects(), A.setSegment(""), A.setSegmentPage(-1), u.setEditArea(ve.BODY), h.calculate(), (g = a.mainComponent) == null || g.makeDirty(!0), queueMicrotask(() => {
+    return u == null || h == null ? !1 : (r.replaceDocRanges([]), d.clearSelectedObjects(), A.setSegment(""), A.setSegmentPage(-1), u.setEditArea(Ce.BODY), h.calculate(), (g = a.mainComponent) == null || g.makeDirty(!0), queueMicrotask(() => {
       const f = s.getUnit(i), p = f == null ? void 0 : f.getSnapshot();
       if (p == null)
         return;
@@ -7823,7 +7840,7 @@ const $n = "doc.command.core-header-footer", Ac = {
   return t != null ? t : "A4";
 };
 function ou(n) {
-  const { hooks: e } = n, r = Z(Q).getCurrentUnitOfType(_.UNIVER_DOC).getDocumentStyle(), s = Z(Ye), [i, a] = Ee(() => {
+  const { hooks: e } = n, r = Z(Q).getCurrentUnitOfType(_.UNIVER_DOC).getDocumentStyle(), s = Z(Ye), [i, a] = me(() => {
     var l, A, h, u, g, f, p, m, I;
     return {
       paperSize: nu(r.pageSize),
@@ -7840,7 +7857,7 @@ function ou(n) {
       }
     };
   });
-  Ce(() => {
+  ve(() => {
     e.beforeClose = () => i, e.beforeConfirm = () => i;
   }, [i]);
   const c = (l) => {
@@ -7888,7 +7905,7 @@ function ou(n) {
           /* @__PURE__ */ ne("div", { className: "univer-flex univer-flex-1 univer-flex-col univer-gap-2", children: [
             /* @__PURE__ */ U("label", { className: "univer-text-sm univer-font-medium univer-text-gray-500", children: s.t("page-settings.top") }),
             /* @__PURE__ */ U(
-              it,
+              st,
               {
                 precision: 2,
                 max: i.pageSise.height / 2,
@@ -7900,7 +7917,7 @@ function ou(n) {
           /* @__PURE__ */ ne("div", { className: "univer-flex univer-flex-1 univer-flex-col univer-gap-2", children: [
             /* @__PURE__ */ U("label", { className: "univer-text-sm univer-font-medium univer-text-gray-500", children: s.t("page-settings.bottom") }),
             /* @__PURE__ */ U(
-              it,
+              st,
               {
                 precision: 2,
                 max: i.pageSise.height / 2,
@@ -7914,7 +7931,7 @@ function ou(n) {
           /* @__PURE__ */ ne("div", { className: "univer-flex univer-flex-1 univer-flex-col univer-gap-2", children: [
             /* @__PURE__ */ U("label", { className: "univer-text-sm univer-font-medium univer-text-gray-500", children: s.t("page-settings.left") }),
             /* @__PURE__ */ U(
-              it,
+              st,
               {
                 precision: 2,
                 max: i.pageSise.width / 2,
@@ -7926,7 +7943,7 @@ function ou(n) {
           /* @__PURE__ */ ne("div", { className: "univer-flex univer-flex-1 univer-flex-col univer-gap-2", children: [
             /* @__PURE__ */ U("label", { className: "univer-text-sm univer-font-medium univer-text-gray-500", children: s.t("page-settings.right") }),
             /* @__PURE__ */ U(
-              it,
+              st,
               {
                 precision: 2,
                 max: i.pageSise.width / 2,
@@ -8052,7 +8069,7 @@ function ru(n) {
       if (a == null)
         return o.next(!0);
       a.with(ce).getViewModel().editAreaChange$.subscribe((d) => {
-        o.next(d === ve.HEADER || d === ve.FOOTER);
+        o.next(d === Ce.HEADER || d === Ce.FOOTER);
       });
     });
     return () => r.unsubscribe();
@@ -8158,7 +8175,7 @@ function au(n) {
     activated$: new fe((t) => {
       const o = () => {
         var a;
-        const s = ot(n);
+        const s = nt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -8186,7 +8203,7 @@ function cu(n) {
     activated$: new fe((t) => {
       const o = () => {
         var a;
-        const s = ot(n);
+        const s = nt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -8214,7 +8231,7 @@ function lu(n) {
     activated$: new fe((t) => {
       const o = () => {
         var a;
-        const s = ot(n);
+        const s = nt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -8242,7 +8259,7 @@ function du(n) {
     activated$: new fe((t) => {
       const o = () => {
         var a;
-        const s = ot(n);
+        const s = nt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -8269,7 +8286,7 @@ function Au(n) {
     activated$: new fe((t) => {
       const o = () => {
         var a;
-        const s = ot(n);
+        const s = nt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -8296,7 +8313,7 @@ function uu(n) {
     activated$: new fe((t) => {
       const o = () => {
         var a;
-        const s = ot(n);
+        const s = nt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -8334,7 +8351,7 @@ function hu(n) {
     value$: new fe((t) => {
       const o = Oo.ff, r = () => {
         var c;
-        const i = ot(n);
+        const i = nt(n);
         if (i == null) {
           t.next(o);
           return;
@@ -8370,7 +8387,7 @@ function gu(n) {
     value$: new fe((t) => {
       const o = Oo.fs, r = () => {
         var c;
-        const i = ot(n);
+        const i = nt(n);
         if (i == null) {
           t.next(o);
           return;
@@ -8446,7 +8463,7 @@ function pu(n) {
         value$: new fe((o) => {
           const r = Oo.cl.rgb, s = () => {
             var d, l;
-            const a = ot(n);
+            const a = nt(n);
             if (!a) {
               o.next(r);
               return;
@@ -8480,7 +8497,7 @@ function mu(n) {
     type: $.BUTTON,
     icon: "HeaderFooterIcon",
     tooltip: "toolbar.headerFooter",
-    hidden$: Pn(oe(n, _.UNIVER_DOC, void 0, nt), su(n), (e, t) => e || t)
+    hidden$: Pn(oe(n, _.UNIVER_DOC, void 0, tt), su(n), (e, t) => e || t)
   };
 }
 const Eu = "GridIcon", mc = "doc.menu.table";
@@ -8492,7 +8509,7 @@ function Iu(n) {
     tooltip: "toolbar.table.main",
     disabled$: iu(n),
     // Do not show header footer menu and insert table at zen mode.
-    hidden$: Pn(oe(n, _.UNIVER_DOC, void 0, nt), ru(n), (e, t) => e || t)
+    hidden$: Pn(oe(n, _.UNIVER_DOC, void 0, tt), ru(n), (e, t) => e || t)
   };
 }
 function Su(n) {
@@ -8525,7 +8542,7 @@ function vu(n) {
       });
       return t.next(!1), o.dispose;
     }),
-    hidden$: oe(n, _.UNIVER_DOC, void 0, nt)
+    hidden$: oe(n, _.UNIVER_DOC, void 0, tt)
   };
 }
 function Cu(n) {
@@ -8550,7 +8567,7 @@ function Cu(n) {
       return t.next(!1), o.dispose;
     }),
     disabled$: ye(n),
-    hidden$: oe(n, _.UNIVER_DOC, void 0, nt)
+    hidden$: oe(n, _.UNIVER_DOC, void 0, tt)
   };
 }
 function Ru(n) {
@@ -8575,7 +8592,7 @@ function Ru(n) {
       return t.next(!1), o.dispose;
     }),
     disabled$: ye(n),
-    hidden$: oe(n, _.UNIVER_DOC, void 0, nt)
+    hidden$: oe(n, _.UNIVER_DOC, void 0, tt)
   };
 }
 function bu(n) {
@@ -8600,7 +8617,7 @@ function bu(n) {
       return t.next(!1), o.dispose;
     }),
     disabled$: ye(n),
-    hidden$: oe(n, _.UNIVER_DOC, void 0, nt)
+    hidden$: oe(n, _.UNIVER_DOC, void 0, tt)
   };
 }
 function xu(n) {
@@ -8610,7 +8627,7 @@ function xu(n) {
     icon: "ReduceIcon",
     tooltip: "toolbar.horizontalLine",
     disabled$: ye(n),
-    hidden$: oe(n, _.UNIVER_DOC, void 0, nt)
+    hidden$: oe(n, _.UNIVER_DOC, void 0, tt)
   };
 }
 const Tn = (n) => new fe((e) => {
@@ -8703,7 +8720,7 @@ function yu(n) {
     type: $.BUTTON,
     icon: "KeyboardIcon",
     tooltip: "toolbar.documentFlavor",
-    hidden$: oe(n, _.UNIVER_DOC, void 0, nt),
+    hidden$: oe(n, _.UNIVER_DOC, void 0, tt),
     activated$: new fe((o) => {
       var i;
       const r = e.onCommandExecuted((a) => {
@@ -8742,7 +8759,7 @@ function Tu(n) {
         value$: new fe((o) => {
           const r = Oo.bg.rgb, s = () => {
             var d, l;
-            const a = ot(n);
+            const a = nt(n);
             if (!a) {
               o.next(r);
               return;
@@ -8769,7 +8786,7 @@ function Tu(n) {
     hidden$: oe(n, _.UNIVER_DOC)
   };
 }
-function ot(n) {
+function nt(n) {
   var g, f, p, m;
   const e = n.get(Q), t = n.get(Y), o = n.get(ct), 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 ? jc[(m = d == null ? void 0 : d.paragraphStyle) == null ? void 0 : m.namedStyleType] : null;
   if (r == null || i == null)
@@ -8970,7 +8987,7 @@ const or = (n, e) => {
     bottom: (B.bottom + h * R) * S + p
   }));
 };
-let Bn = class extends me {
+let Bn = class extends Ee {
   constructor(n, e, t, o) {
     super(), this._globalPopupManagerService = n, this._renderManagerService = e, this._univerInstanceService = t, this._commandService = o;
   }
@@ -9191,7 +9208,7 @@ 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 Pt = class extends me {
+let Pt = class extends Ee {
   constructor(e, t) {
     super();
     O(this, "_hoverCustomRanges$", new Fe([]));
@@ -9553,8 +9570,8 @@ const Ju = [
   It.id
 ];
 function $u(n) {
-  const { avaliableMenus: e = Ju } = n, t = Z(Aa), [o, r] = Ee([]);
-  return Ce(() => {
+  const { avaliableMenus: e = Ju } = n, t = Z(Aa), [o, r] = me([]);
+  return ve(() => {
     function s() {
       const a = t.getFlatMenuByPositionKey(Nl.RIBBON), c = [];
       for (const d of e) {
@@ -9592,11 +9609,11 @@ const oh = [
   k.CUSTOM_BLOCK,
   k.PARAGRAPH
 ];
-let lo = class extends me {
+let lo = class extends Ee {
   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, !at(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, !it(this._context.unitId) && (this._registerFloatMenu(), this._initSelectionChange(), this.disposeWithMe(() => {
       this._hideFloatMenu();
     }));
   }
@@ -9665,11 +9682,11 @@ var rh = Object.getOwnPropertyDescriptor, sh = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, dn = (n, e) => (t, o) => e(t, o, n);
-let Ao = class extends me {
+let Ao = class extends Ee {
   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, !at(this._context.unitId) && this._init();
+    this._context = e, this._docSelectionManagerService = t, this._docEventManagerService = o, this._docPopupManagerService = r, this._docSkeletonManagerService = s, this._floatMenuService = i, !it(this._context.unitId) && this._init();
   }
   get activeParagraph() {
     var e;
@@ -9690,7 +9707,7 @@ let Ao = class extends me {
   _init() {
     const e = (o) => {
       var s;
-      if (this._docSkeletonManagerService.getViewModel().getEditArea() === ve.BODY && !this._floatMenuService.floatMenu && !this._context.unit.getDisabled()) {
+      if (this._docSkeletonManagerService.getViewModel().getEditArea() === Ce.BODY && !this._floatMenuService.floatMenu && !this._context.unit.getDisabled()) {
         if ((s = this._paragrahMenu) != null && s.active)
           return;
         if (o) {
@@ -9754,10 +9771,10 @@ Ao = sh([
 ], Ao);
 const ih = ({ popup: n }) => {
   var E, b;
-  const [e, t] = Ee(!1), o = ke(null), r = Z(T), s = Z(To), i = ke(null), a = ke(!1), c = Z(ue), d = Z(Q), 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(Pt), 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 = Te(() => {
+  const [e, t] = me(!1), o = ke(null), r = Z(T), s = Z(To), i = ke(null), a = ke(!1), c = Z(ue), d = Z(Q), 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(Pt), g = at(u == null ? void 0 : u.hoverParagraph$), f = at(u == null ? void 0 : u.hoverParagraphLeft$), p = (E = g != null ? g : f) == null ? void 0 : E.startIndex, m = De(() => {
     var x, v;
     return (v = (x = A == null ? void 0 : A.getBody()) == null ? void 0 : x.paragraphs) == null ? void 0 : v.find((B) => B.startIndex === p);
-  }, [A, g]), I = (b = m == null ? void 0 : m.paragraphStyle) == null ? void 0 : b.namedStyleType, S = Ec[I != null ? I : K.NORMAL_TEXT], C = Te(() => new Fe({
+  }, [A, g]), I = (b = m == null ? void 0 : m.paragraphStyle) == null ? void 0 : b.namedStyleType, S = Ec[I != null ? I : K.NORMAL_TEXT], C = De(() => new Fe({
     left: 0,
     right: 0,
     top: 0,
@@ -9917,24 +9934,31 @@ const ch = {
   }
 }, Ch = [50, 80, 100, 130, 150, 170, 200, 400], Rh = [10, 400];
 function bh() {
-  const n = Z(T), e = Z(Q), t = Te(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), []), o = tt(t), r = ga(() => {
+  const n = Z(T), e = Z(Q), [t, o] = me(null), [r, s] = me(100), i = ga(() => {
     var d, l;
-    if (!o) return 100;
-    const c = ((l = (d = o.getSettings()) == null ? void 0 : d.zoomRatio) != null ? l : 1) * 100;
+    if (!t) return 100;
+    const c = ((l = (d = t.getSettings()) == null ? void 0 : d.zoomRatio) != null ? l : 1) * 100;
     return Math.round(c);
-  }, [o]), [s, i] = Ee(100);
-  Ce(() => (i(r()), n.onCommandExecuted((d) => {
+  }, [t]);
+  ve(() => {
+    const d = e.getCurrentTypeOfUnit$(_.UNIVER_DOC).subscribe((l) => {
+      l && (o(l), s(i()));
+    });
+    return () => {
+      d.unsubscribe();
+    };
+  }, [e, i]), ve(() => n.onCommandExecuted((d) => {
     if (d.id === et.id) {
-      const l = r();
-      i(l);
+      const l = i();
+      s(l);
     }
-  }).dispose), [n, r]);
+  }).dispose, [n, i]);
   function a(c) {
-    if (i(c), o == null)
+    if (s(c), t == null)
       return;
     const d = c / 100;
     n.executeCommand(et.id, {
-      unitId: o.getUnitId(),
+      unitId: t.getUnitId(),
       zoomRatio: d
     });
   }
@@ -9942,7 +9966,7 @@ function bh() {
     Ul,
     {
       min: Rh[0],
-      value: s,
+      value: r,
       shortcuts: Ch,
       onChange: a
     }
@@ -9953,7 +9977,7 @@ function xh(n) {
 }
 function yh() {
   var r, s, i;
-  const n = Z(Q), e = ua(Wo), t = tt(() => n.getCurrentTypeOfUnit$(_.UNIVER_SHEET), void 0, void 0, []), o = (i = (s = (r = e == null ? void 0 : e.layout) == null ? void 0 : r.docContainerConfig) == null ? void 0 : s.footer) != null ? i : !0;
+  const n = Z(Q), e = ua(Wo), t = at(() => n.getCurrentTypeOfUnit$(_.UNIVER_SHEET), void 0, void 0, []), o = (i = (s = (r = e == null ? void 0 : e.layout) == null ? void 0 : r.docContainerConfig) == null ? void 0 : s.footer) != null ? i : !0;
   return t ? null : o && /* @__PURE__ */ ne(
     "div",
     {
@@ -9965,10 +9989,10 @@ function yh() {
     }
   );
 }
-const Oh = "univer-font-[500] univer-truncate univer-h-[24px] univer-mb-2 univer-leading-[24px] univer-cursor-pointer univer-pr-1 ", Th = "univer-text-base univer-font-semibold", Bh = "univer-text-sm univer-font-semibold", Mh = "univer-text-sm", _h = Me((n, e) => {
+const Oh = "univer-font-[500] univer-truncate univer-h-[24px] univer-mb-2 univer-leading-[24px] univer-cursor-pointer univer-pr-1 ", Th = "univer-text-base univer-font-semibold", Bh = "univer-text-sm univer-font-semibold", Mh = "univer-text-sm", _h = Be((n, e) => {
   const { menus: t, onClick: o, className: r, style: s, mode: i, maxHeight: a, activeId: c, open: d, onOpenChange: l, maxWidth: A, wrapperClass: h, wrapperStyle: u, iconClass: g, iconStyle: f } = n, p = i === "side-bar", m = ke(null), I = ke(t);
   I.current = t;
-  const S = Te(() => ({
+  const S = De(() => ({
     scrollTo: (C) => {
       var y;
       if (!I.current || I.current.findIndex((M) => M.id === C) === -1 || !m.current) return;
@@ -9981,14 +10005,14 @@ const Oh = "univer-font-[500] univer-truncate univer-h-[24px] univer-mb-2 univer
       });
     }
   }), []);
-  return Kl(e, () => S), Ce(() => {
+  return Kl(e, () => S), ve(() => {
     c && S.scrollTo(c);
   }, [c, S]), /* @__PURE__ */ ne("div", { className: Ge("univer-relative", h), style: u, children: [
     /* @__PURE__ */ U(
       "div",
       {
         onClick: () => l == null ? void 0 : l(!d),
-        className: Ge("univer-absolute univer-left-5 univer-top-4 univer-z-[100] univer-flex univer-h-8 univer-w-8 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-bg-white univer-text-gray-800 univer-shadow-sm dark:!univer-bg-gray-600 dark:!univer-text-gray-200", g),
+        className: Ge("univer-absolute univer-left-5 univer-top-4 univer-z-[100] univer-flex univer-size-8 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-bg-white univer-text-gray-800 univer-shadow-sm dark:!univer-bg-gray-600 dark:!univer-text-gray-200", g),
         style: f,
         children: d ? /* @__PURE__ */ U(ic, {}) : /* @__PURE__ */ U(Xa, {})
       }
@@ -10092,13 +10116,13 @@ function Ph() {
 }
 function Nh() {
   var B, y, M, w, H, N, L, ee, j;
-  const n = Z(T), e = Z(Q), t = tt(Te(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), [])), o = Z(ue), r = (y = (B = t == null ? void 0 : t.getBody()) == null ? void 0 : B.dataStream) != null ? y : "", [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(Pt), u = h == null ? void 0 : h.paragraphBounds, g = (H = (w = l == null ? void 0 : l.mainComponent) == null ? void 0 : w.left) != null ? H : 0, f = (N = l == null ? void 0 : l.engine.height) != null ? N : 0, p = (L = l == null ? void 0 : l.scene.scaleY) != null ? L : 1, m = (j = (ee = t == null ? void 0 : t.getBody()) == null ? void 0 : ee.paragraphs) != null ? j : [], I = Te(() => {
+  const n = Z(T), e = Z(Q), t = at(De(() => e.getCurrentTypeOfUnit$(_.UNIVER_DOC), [])), o = Z(ue), r = (y = (B = t == null ? void 0 : t.getBody()) == null ? void 0 : B.dataStream) != null ? y : "", [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(Pt), u = h == null ? void 0 : h.paragraphBounds, g = (H = (w = l == null ? void 0 : l.mainComponent) == null ? void 0 : w.left) != null ? H : 0, f = (N = l == null ? void 0 : l.engine.height) != null ? N : 0, p = (L = l == null ? void 0 : l.scene.scaleY) != null ? L : 1, m = (j = (ee = t == null ? void 0 : t.getBody()) == null ? void 0 : ee.paragraphs) != null ? j : [], I = De(() => {
     const P = /* @__PURE__ */ new Map();
     return m.forEach((F) => {
       P.set(F.startIndex, F);
     }), P;
   }, [m]);
-  tt(Te(() => l != null && l.engine.onTransformChange$ ? Mt(l == null ? void 0 : l.engine.onTransformChange$).pipe(Rn(33)) : Gl(null), [l == null ? void 0 : l.engine.onTransformChange$]));
+  at(De(() => l != null && l.engine.onTransformChange$ ? Mt(l == null ? void 0 : l.engine.onTransformChange$).pipe(Rn(33)) : Gl(null), [l == null ? void 0 : l.engine.onTransformChange$]));
   const S = g < 180 ? "float" : "side-bar", C = m == null ? void 0 : m.filter(
     (P) => {
       var F;
@@ -10126,15 +10150,15 @@ function Nh() {
       isTitle: !0
     }] : [],
     ...C != null ? C : []
-  ].filter(Boolean), [b, x] = Ee(!0);
-  Ce(() => {
+  ].filter(Boolean), [b, x] = me(!0);
+  ve(() => {
     const P = kr(i, 100), F = n.onCommandExecuted((q) => {
       q.id === J.id && q.params.unitId === (t == null ? void 0 : t.getUnitId()) && P((pe) => pe + 1);
     });
     return () => {
       F.dispose();
     };
-  }, [n, t]), Ce(() => {
+  }, [n, t]), ve(() => {
     const P = l == null ? void 0 : l.scene.getViewport(We.VIEW_MAIN);
     if (!P)
       return;
@@ -10160,7 +10184,7 @@ function Nh() {
     const se = u == null ? void 0 : u.get(q.startIndex);
     se && (F.scrollToViewportPos({ viewportScrollY: se.rect.top }), c(P.id));
   });
-  return !t || at(d) || !(E != null && E.length) ? null : /* @__PURE__ */ U(
+  return !t || it(d) || !(E != null && E.length) ? null : /* @__PURE__ */ U(
     "div",
     {
       className: "univer-absolute univer-bottom-0 univer-left-0 univer-top-0 univer-z-[100] univer-w-[0px]",
@@ -10181,7 +10205,7 @@ function Nh() {
     }
   );
 }
-const rt = {
+const ot = {
   id: "doc-paragraph-setting.command",
   type: D.COMMAND,
   handler: async (n, e) => {
@@ -10229,8 +10253,8 @@ const rt = {
     return u.params.actions = p.editOp(f.serialize(), m), !!r.syncExecuteCommand(u.id, u.params);
   }
 }, Lh = () => {
-  const n = Z(Y), e = Z(tn), t = Te(() => n.getDocRanges(), []);
-  return Ce(() => {
+  const n = Z(Y), e = Z(tn), t = De(() => n.getDocRanges(), []);
+  return ve(() => {
     t.length || e.closePanel();
   }, [t]), t;
 }, Qh = () => {
@@ -10241,79 +10265,79 @@ 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 = re.range.getParagraphsInRanges(t, s, i)) != null ? h : [];
 }, Uh = (n, e) => {
-  const t = Z(T), [o, r] = Ee(() => {
+  const t = Z(T), [o, r] = me(() => {
     var a, c;
     const i = n[0];
     return i ? String((c = (a = i.paragraphStyle) == null ? void 0 : a.horizontalAlign) != null ? c : e) : e;
   });
-  return [o, (i) => (r(i), t.executeCommand(rt.id, {
+  return [o, (i) => (r(i), t.executeCommand(ot.id, {
     paragraph: { horizontalAlign: Number(i) }
   }))];
 }, Fh = (n) => {
-  const e = Z(T), [t, o] = Ee(() => {
+  const e = Z(T), [t, o] = me(() => {
     var i;
     const s = n[0];
     return s ? on((i = s.paragraphStyle) == null ? void 0 : i.indentStart, 0) : 0;
   });
-  return [t, (s) => (o(s), e.executeCommand(rt.id, {
+  return [t, (s) => (o(s), e.executeCommand(ot.id, {
     paragraph: { indentStart: { v: s } }
   }))];
 }, Hh = (n) => {
-  const e = Z(T), [t, o] = Ee(() => {
+  const e = Z(T), [t, o] = me(() => {
     var i;
     const s = n[0];
     return s ? on((i = s.paragraphStyle) == null ? void 0 : i.indentEnd, 0) : 0;
   });
-  return [t, (s) => (o(s), e.executeCommand(rt.id, {
+  return [t, (s) => (o(s), e.executeCommand(ot.id, {
     paragraph: { indentEnd: { v: s } }
   }))];
 }, kh = (n) => {
-  const e = Z(T), [t, o] = Ee(() => {
+  const e = Z(T), [t, o] = me(() => {
     var i;
     const s = n[0];
     return s ? on((i = s.paragraphStyle) == null ? void 0 : i.indentFirstLine, 0) : 0;
   });
-  return [t, (s) => (o(s), e.executeCommand(rt.id, {
+  return [t, (s) => (o(s), e.executeCommand(ot.id, {
     paragraph: { indentFirstLine: { v: s } }
   }))];
 }, Vh = (n) => {
-  const e = Z(T), [t, o] = Ee(() => {
+  const e = Z(T), [t, o] = me(() => {
     var i;
     const s = n[0];
     return s ? on((i = s.paragraphStyle) == null ? void 0 : i.hanging, 0) : 0;
   });
-  return [t, (s) => (o(s), e.executeCommand(rt.id, {
+  return [t, (s) => (o(s), e.executeCommand(ot.id, {
     paragraph: { hanging: { v: s } }
   }))];
 }, Wh = (n) => {
-  const e = Z(T), [t, o] = Ee(() => {
+  const e = Z(T), [t, o] = me(() => {
     var i;
     const s = n[0];
     return s ? on((i = s.paragraphStyle) == null ? void 0 : i.spaceAbove, 0) : 0;
   });
-  return [t, (s) => (o(s), e.executeCommand(rt.id, {
+  return [t, (s) => (o(s), e.executeCommand(ot.id, {
     paragraph: { spaceAbove: { v: s } }
   }))];
 }, zh = (n) => {
-  const e = Z(T), [t, o] = Ee(() => {
+  const e = Z(T), [t, o] = me(() => {
     var i;
     const s = n[0];
     return s ? on((i = s.paragraphStyle) == null ? void 0 : i.spaceBelow, 0) : 0;
   });
-  return [t, (s) => (o(s), e.executeCommand(rt.id, {
+  return [t, (s) => (o(s), e.executeCommand(ot.id, {
     paragraph: { spaceBelow: { v: s } }
   }))];
 }, jh = (n) => {
-  const e = Z(T), t = Z(ue), o = Z(Q), r = Te(() => {
+  const e = Z(T), t = Z(ue), o = Z(Q), r = De(() => {
     var g;
     const u = o.getCurrentUnitForType(_.UNIVER_DOC);
     if (u)
       return (g = t.getRenderById(u == null ? void 0 : u.getUnitId())) == null ? void 0 : g.with(ce).getSkeleton();
-  }, []), s = Te(() => new Fe({}), []), [i, a] = Ee(() => {
+  }, []), s = De(() => new Fe({}), []), [i, a] = me(() => {
     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] = Ee(() => {
+  }), c = ke(i), [d, l] = me(() => {
     var g, f;
     const u = n[0];
     return u ? (f = (g = u.paragraphStyle) == null ? void 0 : g.spacingRule) != null ? f : Xt.AUTO : Xt.AUTO;
@@ -10330,7 +10354,7 @@ const rt = {
       c.current = i, A(g), l(u), s.next({ spacingRule: u });
     }
   };
-  return Ce(() => {
+  return ve(() => {
     const u = s.pipe(
       dr((g) => !!Object.keys(g).length),
       ql(16),
@@ -10338,7 +10362,7 @@ const rt = {
       Xl((g) => g.reduce((f, p) => (Object.keys(p).forEach((m) => {
         f[m] = p[m];
       }), f), {}))
-    ).subscribe((g) => e.executeCommand(rt.id, {
+    ).subscribe((g) => e.executeCommand(ot.id, {
       paragraph: { ...g }
     }));
     return () => u.unsubscribe();
@@ -10349,7 +10373,7 @@ const rt = {
 }, Bt = (n) => {
   const { value: e, onChange: t, className: o = "", min: r = 0, max: s = 100, step: i = 1 } = n, a = ke(null);
   return /* @__PURE__ */ U(
-    it,
+    st,
     {
       step: i,
       ref: a,
@@ -10369,12 +10393,12 @@ const rt = {
   );
 };
 function Gh() {
-  const n = Z(Ye), e = Te(() => [
+  const n = Z(Ye), e = De(() => [
     { label: n.t("toolbar.alignLeft"), value: String(Ue.LEFT), icon: /* @__PURE__ */ U(ac, {}) },
     { label: n.t("toolbar.alignCenter"), value: String(Ue.CENTER), icon: /* @__PURE__ */ U(sc, {}) },
     { label: n.t("toolbar.alignRight"), value: String(Ue.RIGHT), icon: /* @__PURE__ */ U(cc, {}) },
     { label: n.t("toolbar.alignJustify"), value: String(Ue.JUSTIFIED), icon: /* @__PURE__ */ U(qa, {}) }
-  ], []), t = Qh(), [o, r] = Uh(t, e[0].value), [s, i] = Fh(t), [a, c] = Hh(t), [d, l] = kh(t), [A, h] = Vh(t), [u, g] = Wh(t), [f, p] = zh(t), { lineSpacing: [m, I], spacingRule: [S, C] } = jh(t), R = Te(() => S === Xt.AUTO ? { min: 1, max: 5, step: m < 2 ? 0.5 : 1 } : { min: 1, max: 100 }, [S, m]);
+  ], []), t = Qh(), [o, r] = Uh(t, e[0].value), [s, i] = Fh(t), [a, c] = Hh(t), [d, l] = kh(t), [A, h] = Vh(t), [u, g] = Wh(t), [f, p] = zh(t), { lineSpacing: [m, I], spacingRule: [S, C] } = jh(t), R = De(() => S === Xt.AUTO ? { min: 1, max: 5, step: m < 2 ? 0.5 : 1 } : { min: 1, max: 100 }, [S, m]);
   return /* @__PURE__ */ ne("div", { children: [
     /* @__PURE__ */ U("div", { className: "univer-t-4 univer-text-sm univer-font-medium", children: n.t("doc.paragraphSetting.alignment") }),
     /* @__PURE__ */ U(
@@ -10475,19 +10499,19 @@ function Gh() {
 }
 const Yh = (n, e) => e.length === n.length && n.some((t) => e.some((o) => o.startOffset === t.startOffset && o.endOffset === t.endOffset));
 function Kh() {
-  const n = Z(T), e = Z(Ye), t = tt(e.currentLocale$), [o, r] = Ee(""), s = Te(() => kr(() => r(ge(4)), 300), []), i = ke([]);
-  return Ce(() => {
+  const n = Z(T), e = Z(Ye), t = at(e.currentLocale$), [o, r] = me(""), s = De(() => kr(() => r(ge(4)), 300), []), i = ke([]);
+  return ve(() => {
     const a = n.onCommandExecuted((c) => {
       if (Le.id === c.id) {
         const d = c.params.ranges;
         Yh(d, i.current) || r(ge(4)), i.current = d;
       }
-      J.id === c.id && c.params.trigger !== rt.id && s();
+      J.id === c.id && c.params.trigger !== ot.id && s();
     });
     return () => a.dispose();
-  }, [s]), Ce(() => {
+  }, [s]), ve(() => {
     r(ge(4));
-  }, [t]), Ce(() => () => s.cancel(), [s]), /* @__PURE__ */ U(Gh, {}, o);
+  }, [t]), ve(() => () => s.cancel(), [s]), /* @__PURE__ */ U(Gh, {}, o);
 }
 var qh = Object.getOwnPropertyDescriptor, Xh = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? qh(e, t) : e, s = n.length - 1, i; s >= 0; s--)
@@ -10495,7 +10519,7 @@ var qh = Object.getOwnPropertyDescriptor, Xh = (n, e, t, o) => {
   return r;
 }, rr = (n, e) => (t, o) => e(t, o, n);
 const Ni = "doc_ui_paragraph-setting-panel";
-let tn = class extends me {
+let tn = class extends Ee {
   constructor(e, t, o) {
     super();
     O(this, "_id");
@@ -10944,8 +10968,8 @@ var hg = Object.getOwnPropertyDescriptor, gg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? hg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, st = (n, e) => (t, o) => e(t, o, n);
-let uo = class extends me {
+}, rt = (n, e) => (t, o) => e(t, o, n);
+let uo = class extends Ee {
   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();
   }
@@ -11008,15 +11032,15 @@ let uo = class extends me {
   }
 };
 uo = gg([
-  st(0, W(Dn)),
-  st(1, W(rn)),
-  st(2, T),
-  st(3, To),
-  st(4, Aa),
-  st(5, Hl),
-  st(6, Q),
-  st(7, Bo),
-  st(8, Vr)
+  rt(0, W(Dn)),
+  rt(1, W(rn)),
+  rt(2, T),
+  rt(3, To),
+  rt(4, Aa),
+  rt(5, Hl),
+  rt(6, Q),
+  rt(7, Bo),
+  rt(8, Vr)
 ], uo);
 var fg = Object.getOwnPropertyDescriptor, pg = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? fg(e, t) : e, s = n.length - 1, i; s >= 0; s--)
@@ -11271,7 +11295,7 @@ var xg = Object.getOwnPropertyDescriptor, yg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Ui = (n, e) => (t, o) => e(t, o, n);
-let fo = class extends me {
+let fo = class extends Ee {
   constructor(n, e) {
     super(), this._docAutoFormatService = n, this._renderManagerService = e, this._initListTabAutoFormat(), this._initSpaceAutoFormat(), this._initDefaultEnterFormat(), this._initExitListAutoFormat();
   }
@@ -11517,7 +11541,7 @@ var wg = Object.getOwnPropertyDescriptor, Pg = (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 me {
+let po = class extends Ee {
   constructor(e, t, o, r) {
     super();
     O(this, "_onInputSubscription");
@@ -11578,8 +11602,8 @@ let po = class extends me {
       ], !1);
       return;
     }
-    const p = l || A === De.FORWARD ? a : c;
-    let m = l || A === De.FORWARD ? c : a;
+    const p = l || A === _e.FORWARD ? a : c;
+    let m = l || A === _e.FORWARD ? c : a;
     const I = (C = r.getSelfOrHeaderFooterModel(h).getBody().dataStream.length) != null ? C : Number.POSITIVE_INFINITY;
     if (e === ie.LEFT || e === ie.RIGHT) {
       const E = s.findNodeByCharIndex(m - 1, h, f), b = s.findNodeByCharIndex(m, h, f);
@@ -11591,7 +11615,7 @@ let po = class extends me {
         }
       ], !1), this._scrollToFocusNodePosition(r.getUnitId(), m);
     } else {
-      const E = s.findNodeByCharIndex(m, h, f), b = i.document.getOffsetConfig(), x = l ? u : A === De.FORWARD ? g : u, v = this._getTopOrBottomPosition(s, E, x, e === ie.DOWN, !0);
+      const E = s.findNodeByCharIndex(m, h, f), b = i.document.getOffsetConfig(), x = l ? u : A === _e.FORWARD ? g : u, v = this._getTopOrBottomPosition(s, E, x, e === ie.DOWN, !0);
       if (v == null) {
         const y = e === ie.UP ? 0 : I - 2;
         if (y === m)
@@ -11850,17 +11874,17 @@ const Ng = ({
   handleRowColChange: n,
   tableCreateParams: e
 }) => {
-  const t = Z(Ye), [o, r] = Ee(3), [s, i] = Ee(5);
+  const t = Z(Ye), [o, r] = me(3), [s, i] = me(5);
   function a(c, d) {
     r(c), i(d), n(c, d);
   }
-  return Ce(() => {
+  return ve(() => {
     r(e.rowCount), i(e.colCount);
   }, [e]), /* @__PURE__ */ ne("div", { className: "univer-flex univer-items-center univer-justify-between univer-gap-2", children: [
     /* @__PURE__ */ ne("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
       /* @__PURE__ */ U("span", { children: t.t("toolbar.table.rowCount") }),
       /* @__PURE__ */ U(
-        it,
+        st,
         {
           className: "univer-w-28",
           min: 1,
@@ -11876,7 +11900,7 @@ const Ng = ({
     /* @__PURE__ */ ne("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
       /* @__PURE__ */ U("span", { children: t.t("toolbar.table.colCount") }),
       /* @__PURE__ */ U(
-        it,
+        st,
         {
           className: "univer-w-28",
           min: 1,
@@ -11896,7 +11920,7 @@ var Lg = Object.getOwnPropertyDescriptor, Qg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, ki = (n, e) => (t, o) => e(t, o, n);
-let mo = class extends me {
+let mo = class extends Ee {
   constructor(n, e) {
     super(), this._commandService = n, this._componentManager = e, this._initialize();
   }
@@ -11924,7 +11948,7 @@ var Ug = Object.getOwnPropertyDescriptor, Fg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, jn = (n, e) => (t, o) => e(t, o, n);
-let yr = class extends me {
+let yr = class extends Ee {
   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();
   }
@@ -11977,8 +12001,8 @@ let Eo = class extends Rt {
         return;
       e.event.preventDefault();
       const t = e.event;
-      let o = (a = t.clipboardData) == null ? void 0 : a.getData(aa);
-      const r = (c = t.clipboardData) == null ? void 0 : c.getData(ca), s = [...((d = t.clipboardData) == null ? void 0 : d.items) || []].filter((l) => kl.has(l.type)).map((l) => l.getAsFile()).filter((l) => !!l);
+      let o = (a = t.clipboardData) == null ? void 0 : a.getData(ia);
+      const r = (c = t.clipboardData) == null ? void 0 : c.getData(aa), s = [...((d = t.clipboardData) == null ? void 0 : d.items) || []].filter((l) => kl.has(l.type)).map((l) => l.getAsFile()).filter((l) => !!l);
       this._editorService.getEditor(this._context.unitId) && (o != null ? o : "").indexOf("</table>") > -1 && (o = ""), this._docClipboardService.legacyPaste({ html: o, text: r, files: s });
     });
   }
@@ -11999,9 +12023,9 @@ const zg = [
   Zi,
   Yc,
   xo,
-  nt
+  tt
 ];
-let Or = class extends me {
+let Or = class extends Ee {
   constructor(n, e, t) {
     super(), this._context = n, this._contextMenuService = e, this._commandService = t, zg.includes(this._context.unitId) || (this._initPointerDown(), this._initEditChange());
   }
@@ -12029,7 +12053,7 @@ var jg = Object.getOwnPropertyDescriptor, Gg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Gt = (n, e) => (t, o) => e(t, o, n);
-let Io = class extends me {
+let Io = class extends Ee {
   constructor(e, t, o, r, s, i, a) {
     super();
     O(this, "_initialEditors", /* @__PURE__ */ new Set());
@@ -12134,7 +12158,7 @@ var Yg = Object.getOwnPropertyDescriptor, Kg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Gn = (n, e) => (t, o) => e(t, o, n);
-let Tr = class extends me {
+let Tr = class extends Ee {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_previousIMEContent", "");
@@ -12200,7 +12224,7 @@ var qg = Object.getOwnPropertyDescriptor, Xg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Yn = (n, e) => (t, o) => e(t, o, n);
-let Br = class extends me {
+let Br = class extends Ee {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_onInputSubscription");
@@ -12256,7 +12280,7 @@ Br = Xg([
   Yn(3, T),
   Yn(4, W(ct))
 ], Br);
-class Ps extends me {
+class Ps extends Ee {
   constructor(e) {
     super(), this._context = e;
   }
@@ -12280,11 +12304,11 @@ var Zg = Object.getOwnPropertyDescriptor, Jg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Wi = (n, e) => (t, o) => e(t, o, n);
-let Mr = class extends me {
+let Mr = class extends Ee {
   constructor(n, e, t) {
     super(), this._context = n, this._docPageLayoutService = e, this._textSelectionManagerService = t;
     const o = this._context.unitId;
-    if (at(o) && o !== nt) return this;
+    if (it(o) && o !== tt) return this;
     this._initResize();
   }
   _initResize() {
@@ -12307,7 +12331,7 @@ var $g = Object.getOwnPropertyDescriptor, ef = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Yt = (n, e) => (t, o) => e(t, o, n);
-let _r = class extends me {
+let _r = class extends Ee {
   constructor(e, t, o, r, s, i, a) {
     super();
     O(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
@@ -12364,7 +12388,7 @@ let _r = class extends me {
           u,
           g
         ), p = this._docSkeletonManagerService.getViewModel(), m = p.getEditArea();
-        m !== ve.BODY && f !== ve.BODY && f !== m && p.setEditArea(f);
+        m !== Ce.BODY && f !== Ce.BODY && f !== m && p.setEditArea(f);
       }
       if (this._docSelectionRenderService.__onPointDown(s), this._editorService.getEditor(e)) {
         this._setEditorFocus(e);
@@ -12412,7 +12436,7 @@ let _r = class extends me {
     this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (!e) return;
       const { unitId: t } = this._context;
-      if (!at(t)) {
+      if (!it(t)) {
         this._docSelectionRenderService.focus();
         const s = this._context.unit.getSnapshot(), i = dc(s);
         this._docSelectionManagerService.replaceDocRanges([
@@ -12441,7 +12465,7 @@ var tf = Object.getOwnPropertyDescriptor, nf = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, gt = (n, e) => (t, o) => e(t, o, n);
-let Dr = class extends me {
+let Dr = class extends Ee {
   constructor(e, t, o, r, s, i, a, c, d) {
     super();
     O(this, "_isSheetEditor", !1);
@@ -12449,7 +12473,7 @@ let Dr = class extends me {
     O(this, "_updateTimer");
     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 === xo;
     const l = this._univerInstanceService.getCurrentUnitOfType(_.UNIVER_SHEET), A = l && this._renderManagerService.getRenderById(l.getUnitId());
-    this._initTimer = window.setTimeout(() => this.updateViewZoom(A && this._isSheetEditor ? A.scene.scaleX : 1, !0), 20), at(this._context.unitId) || this._initZoomEventListener();
+    this._initTimer = window.setTimeout(() => this.updateViewZoom(A && this._isSheetEditor ? A.scene.scaleX : 1, !0), 20), it(this._context.unitId) || this._initZoomEventListener();
   }
   dispose() {
     window.clearTimeout(this._initTimer), window.clearTimeout(this._updateTimer);
@@ -12510,7 +12534,7 @@ let Dr = class extends me {
   updateViewZoom(e, t = !0) {
     var r;
     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(), !at(this._context.unitId) && ((r = o.scene.getTransformer()) == null || r.clearSelectedObjects());
+    o.scene.scale(e, e), this._editorService.isEditor(this._context.unitId) || this._docPageLayoutService.calculatePagePosition(), t && !this._editorService.isEditor(this._context.unitId) && this._textSelectionManagerService.refreshSelection(), !it(this._context.unitId) && ((r = o.scene.getTransformer()) == null || r.clearSelectedObjects());
   }
   _initZoomEventListener() {
     const e = this._context.scene;
@@ -12543,7 +12567,7 @@ Dr = nf([
   gt(8, ue)
 ], Dr);
 const of = $i("PRINTING_COMPONENT_COLLECT"), rf = $i("PRINTING_DOM_COLLECT");
-class sf extends me {
+class sf extends Ee {
   constructor() {
     super();
     O(this, "_printComponentMap", /* @__PURE__ */ new Map());
@@ -12892,7 +12916,7 @@ let wr = class extends Zc {
       La,
       Ba,
       Vo,
-      rt,
+      ot,
       va,
       $t,
       qd,
@@ -13025,7 +13049,7 @@ wr = yf([
   hn(5, Vr)
 ], wr);
 function Tf(n) {
-  const { editorId: e, initialValue: t, container: o, autoFocus: r, isSingle: s } = n, i = Te(() => r != null ? r : !1, []), [a, c] = Ee(), d = Z(ze);
+  const { editorId: e, initialValue: t, container: o, autoFocus: r, isSingle: s } = n, i = De(() => r != null ? r : !1, []), [a, c] = me(), d = Z(ze);
   return fa(() => {
     var l, A;
     if (o.current) {
@@ -13072,7 +13096,7 @@ function Tf(n) {
 }
 const Bf = (n, e, t) => {
   const o = Z(ze);
-  Ce(() => {
+  ve(() => {
     const r = (i) => {
       var c, d;
       o.getFocusId() !== n || ((d = (c = i.target) == null ? void 0 : c.dataset) == null ? void 0 : d.editorid) === n || e.current && !e.current.contains(i.target) && (t == null || t());
@@ -13086,12 +13110,12 @@ const Bf = (n, e, t) => {
 };
 function Mf(n) {
   var s;
-  const t = Z(ue).getRenderById(n), o = t == null ? void 0 : t.with(Re), r = tt(o == null ? void 0 : o.textSelectionInner$);
+  const t = Z(ue).getRenderById(n), o = t == null ? void 0 : t.with(Re), r = at(o == null ? void 0 : o.textSelectionInner$);
   return !!((s = o == null ? void 0 : o.isFocusing) != null && s && (r != null && r.textRanges.some((i) => i.collapsed)));
 }
 function _f(n, e, t) {
-  const o = Z(T), r = Z(Bo), s = Te(() => ge(4), []);
-  Ce(() => {
+  const o = Z(T), r = Z(Bo), s = De(() => ge(4), []);
+  ve(() => {
     if (!t || !n || !e)
       return;
     const a = `sheet.operation.editor-${t.getEditorId()}-keyboard-${s}`, c = new In();
@@ -13123,7 +13147,7 @@ const Df = (n, e, t, o) => {
   const r = Z(T), s = Z(Bo), i = ke(e);
   i.current = e;
   const a = ke(o);
-  a.current = o, Ce(() => {
+  a.current = o, ve(() => {
     if (!t || !n)
       return;
     const d = `sheet.formula-embedding-editor.${t.getEditorId()}`, l = new In(), A = (u, g) => {
@@ -13180,7 +13204,7 @@ const Df = (n, e, t, o) => {
 };
 function wf(n, e) {
   const t = Z(T);
-  Ce(() => {
+  ve(() => {
     if (!n) return;
     const o = t.onCommandExecuted((r) => {
       var s, i;
@@ -13204,7 +13228,7 @@ const Pf = (n, e = !0, t, o) => {
         height: l
       }), a == null || a.resize(d, l);
     }
-  }, [n, e]), s = Te(() => kr(() => {
+  }, [n, e]), s = De(() => kr(() => {
     var I, S;
     if (!t || !n || !t)
       return;
@@ -13226,7 +13250,7 @@ const Pf = (n, e = !0, t, o) => {
       minThumbSizeV: 8
     })) : l == null || l.resetCanvasSizeAndUpdateScroll(), o && (l == null || l.scrollToBarPos({ x: 0, y: 1 / 0 }))) : (f = null, l == null || l.scrollToBarPos({ x: 0, y: 0 }), (I = l == null ? void 0 : l.getScrollBar()) == null || I.dispose());
   }, 30), [n, t, e, o]);
-  return Ce(() => {
+  return ve(() => {
     if (t && n) {
       const i = setTimeout(() => {
         r(), s();
@@ -13235,7 +13259,7 @@ const Pf = (n, e = !0, t, o) => {
         clearTimeout(i);
       };
     }
-  }, [n, t, r, s]), Ce(() => {
+  }, [n, t, r, s]), ve(() => {
     if (t && n) {
       const i = n.input$.subscribe(() => {
         s();
@@ -13267,13 +13291,13 @@ const Pf = (n, e = !0, t, o) => {
     noStyle: I
   } = n;
   Z(ze);
-  const S = mn(o), C = mn(s), [R, E] = Ee(u), b = ke(null), x = Te(() => l != null ? l : el(`RICH_TEXT_EDITOR-${ge(4)}`), [l]), v = Tf({
+  const S = mn(o), C = mn(s), [R, E] = me(u), b = ke(null), x = De(() => l != null ? l : el(`RICH_TEXT_EDITOR-${ge(4)}`), [l]), v = Tf({
     editorId: x,
     initialValue: r,
     container: b,
     autoFocus: t,
     isSingle: d
-  }), y = Z(ue).getRenderById(x), M = Mf(x), w = ke(null), [H, N] = Ee(() => {
+  }), y = Z(ue).getRenderById(x), M = Mf(x), w = ke(null), [H, N] = me(() => {
     var j, P;
     return !re.transform.getPlainText((P = (j = v == null ? void 0 : v.getDocumentData().body) == null ? void 0 : j.dataStream) != null ? P : "");
   }), { checkScrollBar: L } = Pf(v, d, !0, !0);
@@ -13291,7 +13315,7 @@ const Pf = (n, e = !0, t, o) => {
     const P = y == null ? void 0 : y.with(ce), F = P == null ? void 0 : P.getSkeleton().getActualSize();
     F && (A == null || A(F.actualHeight), E(Math.max(u, Math.min(F.actualHeight + 10, g)))), h == null || h(j, no((se = (q = j.body) == null ? void 0 : q.dataStream) != null ? se : "")), L();
   });
-  return Ce(() => {
+  return ve(() => {
     var P, F;
     N(!re.transform.getPlainText((F = (P = v == null ? void 0 : v.getDocumentData().body) == null ? void 0 : P.dataStream) != null ? F : ""));
     const j = v == null ? void 0 : v.selectionChange$.subscribe(() => {
@@ -13299,7 +13323,7 @@ const Pf = (n, e = !0, t, o) => {
       N(!re.transform.getPlainText((se = (q = v == null ? void 0 : v.getDocumentData().body) == null ? void 0 : q.dataStream) != null ? se : ""));
     });
     return () => j == null ? void 0 : j.unsubscribe();
-  }, [v]), tt(v == null ? void 0 : v.blur$), tt(v == null ? void 0 : v.focus$), Ce(() => {
+  }, [v]), at(v == null ? void 0 : v.blur$), at(v == null ? void 0 : v.focus$), ve(() => {
     var P, F;
     const j = v == null ? void 0 : v.getDocumentData();
     S == null || S(M, no((F = (P = j == null ? void 0 : j.body) == null ? void 0 : P.dataStream) != null ? F : ""));
@@ -13310,7 +13334,7 @@ const Pf = (n, e = !0, t, o) => {
         {
           "univer-border-primary-500": M && !I,
           "\n                          univer-relative univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center\n                          univer-justify-around univer-gap-2 univer-rounded-md univer-pb-0.5 univer-pl-1.5 univer-pr-2\n                          univer-pt-1.5\n                        ": !I,
-          "univer-h-full univer-w-full": I,
+          "univer-size-full": I,
           [Nn]: !I
         }
       ),