@univerjs/docs-ui 0.7.0-beta.0 → 0.7.0-nightly.202504301607

package/lib/es/index.js

@@ -1,14 +1,14 @@
 var Dc = Object.defineProperty;
 var Nc = (n, e, t) => e in n ? Dc(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var O = (n, e, t) => Nc(n, typeof e != "symbol" ? e + "" : e, t);
-import { IUniverInstanceService as L, Inject as z, Disposable as ge, toDisposable as Pn, UniverInstanceType as _, BuildTextUtils as le, JSONX as W, ObjectRelativeFromV as ht, ObjectRelativeFromH as Ro, ICommandService as T, generateRandomId as Fe, DisposableCollection as vn, CommandType as P, debounce as Dr, IUndoRedoService as bo, TextX as me, Tools as ne, TextXActionType as G, DOC_RANGE_TYPE as He, RANGE_DIRECTION as Pe, COLORS as pn, BooleanNumber as j, Rectangle as wc, ILogService as Nr, RxDisposable as Et, DataStreamTreeTokenType as V, isInternalEditorID as vt, IContextService as wr, Injector as Dn, createIdentifier as Yi, EDITOR_ACTIVATED as to, FOCUSING_EDITOR_STANDALONE as Qs, HorizontalAlign as Qe, VerticalAlign as Lc, DEFAULT_EMPTY_DOCUMENT_VALUE as Ki, Direction as Ae, getPlainText as no, createInternalEditorID as Qc, LocaleService as Ye, DocumentFlavor as De, PresetListType as be, TableRowHeightRule as Uc, TableSizeType as qi, TableTextWrapType as Fc, TableAlignmentType as Hc, MemoryCursor as Lt, SHEET_EDITOR_UNITS as In, UpdateDocsAttributeType as rn, PositionedObjectLayoutType as yo, BlockType as kc, LRUMap as Vc, BaselineOffset as ke, ColorKit as Us, DrawingTypeEnum as Lr, skipParseTagNames as Wc, CustomRangeType as Qr, DataStreamTreeNodeType as cn, SliceBodyType as sr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ur, normalizeBody as zc, getBodySlice as Xi, FOCUSING_DOC as Nn, DashStyleType as jc, PRESET_LIST_TYPE as Gc, GridType as Yc, sortRulesFactory as Kc, NamedStyleType as K, PageOrientType as qc, PAPER_TYPES as Xc, PAGE_SIZE as ir, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ot, ThemeService as Ji, DEFAULT_STYLES as Zi, NAMED_STYLE_MAP as Jc, fromEventSubject as Bt, deepCompare as Zc, sequenceExecuteAsync as Fr, FOCUSING_UNIVER_EDITOR as Hr, FOCUSING_COMMON_DRAWINGS as $i, SpacingRule as Jt, IConfigService as kr, QuickListTypeMap as Wo, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as $c, checkForSubstrings as el, createInterceptorKey as ea, InterceptorManager as tl, UndoCommandId as Fs, RedoCommandId as Hs, DependentOn as nl, Plugin as ol, merge as rl, touchDependencies as ks, mergeOverrideWithDependencies as sl } from "@univerjs/core";
+import { IUniverInstanceService as L, Inject as z, Disposable as ge, toDisposable as Pn, UniverInstanceType as _, BuildTextUtils as le, JSONX as W, ObjectRelativeFromV as gt, ObjectRelativeFromH as Ro, ICommandService as T, generateRandomId as Fe, DisposableCollection as vn, CommandType as P, debounce as Dr, IUndoRedoService as bo, TextX as me, Tools as ne, TextXActionType as G, DOC_RANGE_TYPE as He, RANGE_DIRECTION as Pe, COLORS as pn, BooleanNumber as j, Rectangle as wc, ILogService as Nr, RxDisposable as vt, DataStreamTreeTokenType as V, isInternalEditorID as It, IContextService as wr, Injector as Dn, createIdentifier as Yi, EDITOR_ACTIVATED as to, FOCUSING_EDITOR_STANDALONE as Qs, HorizontalAlign as Qe, VerticalAlign as Lc, DEFAULT_EMPTY_DOCUMENT_VALUE as Ki, Direction as Ae, getPlainText as no, createInternalEditorID as Qc, LocaleService as Ye, DocumentFlavor as De, PresetListType as be, TableRowHeightRule as Uc, TableSizeType as qi, TableTextWrapType as Fc, TableAlignmentType as Hc, MemoryCursor as Lt, SHEET_EDITOR_UNITS as In, UpdateDocsAttributeType as rn, PositionedObjectLayoutType as yo, BlockType as kc, LRUMap as Vc, BaselineOffset as ke, ColorKit as Us, DrawingTypeEnum as Lr, skipParseTagNames as Wc, CustomRangeType as Qr, DataStreamTreeNodeType as cn, SliceBodyType as sr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ur, normalizeBody as zc, getBodySlice as Xi, FOCUSING_DOC as Nn, DashStyleType as jc, PRESET_LIST_TYPE as Gc, GridType as Yc, sortRulesFactory as Kc, NamedStyleType as K, PageOrientType as qc, PAPER_TYPES as Xc, PAGE_SIZE as ir, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ot, ThemeService as Ji, DEFAULT_STYLES as Zi, NAMED_STYLE_MAP as Jc, fromEventSubject as Mt, deepCompare as Zc, sequenceExecuteAsync as Fr, FOCUSING_UNIVER_EDITOR as Hr, FOCUSING_COMMON_DRAWINGS as $i, SpacingRule as Jt, IConfigService as kr, QuickListTypeMap as Wo, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as $c, checkForSubstrings as el, createInterceptorKey as ea, InterceptorManager as tl, UndoCommandId as Fs, RedoCommandId as Hs, DependentOn as nl, Plugin as ol, merge as rl, touchDependencies as ks, mergeOverrideWithDependencies as sl } from "@univerjs/core";
 import { DocSelectionManagerService as Y, RichTextEditingMutation as Z, DocSkeletonManagerService as ue, SetTextSelectionsOperation as we, DocStateEmitService as il, DocInterceptorService as al } from "@univerjs/docs";
 import { DeviceInputEventType as ta, ScrollBar as ar, IRenderManagerService as fe, Liquid as na, GlyphType as oa, DocumentSkeletonPageType as xe, getPageFromPath as cr, getTableIdAndSliceIndex as Vs, NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Cn, getColor as mn, RegularPolygon as ra, Rect as qn, getOffsetRectForDom as cl, ScrollTimer as ll, CURSOR_TYPE as _t, getSystemHighlightColor as dl, Vector2 as Rn, PageLayoutType as bn, DocumentEditArea as ve, Shape as Al, Path as Ws, hasListGlyph as ul, isIndentByGlyph as hl, isFirstGlyph as gl, getParagraphByGlyph as fl, pixelToPt as pl, ptToPixel as zs, parseDataStreamToTree as ml, getCharSpaceApply as Sl, getNumberUnitValue as et, pxToNum as sa, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ia, Viewport as El, Layer as js, Documents as vl, DocBackground as Il, getLastLine as Cl, lineIterator as Rl, getLastColumn as bl, UniverRenderEnginePlugin as yl } from "@univerjs/engine-render";
 import { useDependency as ee, IShortcutService as xo, ILayoutService as Oo, KeyCode as J, MetaKeys as re, useEvent as En, useObservable as tt, ComponentManager as sn, ISidebarService as aa, IClipboardInterfaceService as ca, FILE_PNG_CLIPBOARD_MIME_TYPE as xl, FILE__WEBP_CLIPBOARD_MIME_TYPE as Ol, FILE__JPEG_CLIPBOARD_MIME_TYPE as Tl, FILE__BMP_CLIPBOARD_MIME_TYPE as Bl, HTML_CLIPBOARD_MIME_TYPE as la, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as da, CopyCommand as Ml, CutCommand as _l, PasteCommand as Pl, IConfirmService as Aa, getMenuHiddenObservable as ae, MenuItemType as $, FONT_FAMILY_LIST as Dl, FONT_SIZE_LIST as Nl, HEADING_LIST as Gs, COMMON_LABEL_COMPONENT as wl, HEADING_ITEM_COMPONENT as Ll, ICanvasPopupService as Ql, IMenuManagerService as ua, ToolbarItem as Ul, MenuManagerPosition as Fl, RectPopup as Hl, DesktopMenu as kl, ContextMenuPosition as oo, Slider as Vl, useConfigValue as ha, ContextMenuGroup as ln, RibbonStartGroup as Ys, IUIPartsService as Wl, FontFamily as zl, FontFamilyItem as jl, FontSize as Gl, BuiltInUIPart as Ks, connectInjector as qs, imageMimeTypeSet as Yl, IContextMenuService as Kl } from "@univerjs/ui";
 import Xs, { useMemo as _e, useEffect as Ie, useCallback as ga, useState as pe, useLayoutEffect as fa, useRef as je, forwardRef as Oe, createElement as Te, useImperativeHandle as ql } from "react";
 import { jsx as U, jsxs as ie, Fragment as Xl } from "react/jsx-runtime";
-import { clsx as Mt, Checkbox as Js, InputNumber as it, Button as Jl, Select as pa, Tooltip as Zl, ColorPicker as $l } from "@univerjs/design";
-import { Subject as Re, BehaviorSubject as Ue, merge as ma, filter as ro, takeUntil as gt, fromEvent as ze, Observable as Se, map as wn, combineLatest as Ln, distinctUntilChanged as zt, throttleTime as yn, switchMap as ed, take as td, first as nd, of as od, animationFrameScheduler as rd } from "rxjs";
+import { clsx as ht, Checkbox as Js, InputNumber as it, Button as Jl, Select as pa, Tooltip as Zl, ColorPicker as $l } from "@univerjs/design";
+import { Subject as Re, BehaviorSubject as Ue, merge as ma, filter as ro, takeUntil as ft, fromEvent as ze, Observable as Se, map as wn, combineLatest as Ln, distinctUntilChanged as zt, throttleTime as yn, switchMap as ed, take as td, first as nd, of as od, animationFrameScheduler as rd } from "rxjs";
 import { filter as lr, bufferTime as sd, map as id } from "rxjs/operators";
 import { ImageSourceType as Vr } from "@univerjs/drawing";
 var ad = Object.getOwnPropertyDescriptor, cd = (n, e, t, o) => {
@@ -101,7 +101,7 @@ const ld = {
 }, Ad = "DOC_UI_PLUGIN";
 var $e = /* @__PURE__ */ ((n) => (n.MAIN = "__Document_Render_Main__", n.BACKGROUND = "__Document_Render_Background__", n))($e || {}), We = /* @__PURE__ */ ((n) => (n.VIEW_MAIN = "viewMain", n.VIEW_TOP = "viewTop", n.VIEW_LEFT = "viewLeft", n.VIEW_LEFT_TOP = "viewLeftTop", n))(We || {});
 const ud = 0, zo = 2, hd = 4, $s = 10, $f = "normalTextSelectionPluginName";
-function ft(n) {
+function pt(n) {
   const { mainComponent: e, scene: t, engine: o, components: r } = n, s = e, i = r.get($e.BACKGROUND);
   return {
     document: s,
@@ -244,7 +244,7 @@ function sp(n, e = 0, t = 0) {
       posOffset: (n.left || 0) - e
     },
     positionV: {
-      relativeFrom: ht.PAGE,
+      relativeFrom: gt.PAGE,
       posOffset: (n.top || 0) - t
     },
     angle: n.angle || 0
@@ -583,7 +583,7 @@ function Ar(n) {
     y: t
   }), s;
 }
-class pt {
+class mt {
   constructor(e, t) {
     O(this, "_liquid", new na());
     O(this, "_currentStartState", {
@@ -1081,7 +1081,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 pt(o, this._docSkeleton);
+    const o = this._document.getOffsetConfig(), { docsLeft: r, docsTop: s } = o, i = new mt(o, this._docSkeleton);
     if (this._isCollapsed()) {
       const { contentBoxPointGroup: l, cursorList: A } = i.getRangePointData(e, e);
       if (this._setCursorList(A), l.length === 0)
@@ -1141,7 +1141,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 pt(s, t);
+    const s = e.getOffsetConfig(), { docsLeft: i, docsTop: a } = s, c = new mt(s, t);
     if (this._isCollapsed()) {
       const { contentBoxPointGroup: u, cursorList: g } = c.getRangePointData(o, o);
       if (this._setCursorList(g), u.length > 0) {
@@ -1540,7 +1540,7 @@ var Nd = Object.getOwnPropertyDescriptor, wd = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Vn = (n, e) => (t, o) => e(t, o, n);
-let Ce = class extends Et {
+let Ce = class extends vt {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_onInputBefore$", new Re());
@@ -1607,7 +1607,7 @@ let Ce = class extends Et {
     return this.isFocusing || document.activeElement === document.body || document.activeElement === null;
   }
   _listenCurrentUnitChange() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(_.UNIVER_DOC).pipe(gt(this.dispose$)).subscribe((e) => {
+    this._univerInstanceService.getCurrentTypeOfUnit$(_.UNIVER_DOC).pipe(ft(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
       e.getUnitId() !== this._context.unitId && !this._reserveRanges && this.removeAllRanges();
@@ -2447,7 +2447,7 @@ class Ld extends ge {
     return (o = this._injector.get(fe).getRenderById(this._getEditorId())) == null ? void 0 : o.with(ue).getSkeleton();
   }
   isSheetEditor() {
-    return vt(this._getEditorId());
+    return It(this._getEditorId());
   }
   /**
    * @deprecated use getDocumentData.
@@ -2495,7 +2495,7 @@ var Qd = Object.getOwnPropertyDescriptor, Ud = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? Qd(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);
+}, xt = (n, e) => (t, o) => e(t, o, n);
 const Fd = [
   "editor",
   "render-canvas"
@@ -2559,7 +2559,7 @@ let fr = class extends ge {
       return;
     this._univerInstanceService.setCurrentUnitForType(e);
     const o = t.getValue().length;
-    this._contextService.setContextValue(to, !0), vt(e) || this._contextService.setContextValue(Qs, !0), t.focus(), this._setFocusId(e), this._focus$.next({
+    this._contextService.setContextValue(to, !0), It(e) || this._contextService.setContextValue(Qs, !0), t.focus(), this._setFocusId(e), this._focus$.next({
       startOffset: o,
       endOffset: o
     });
@@ -2630,13 +2630,13 @@ let fr = class extends ge {
   }
 };
 fr = Ud([
-  yt(0, L),
-  yt(1, fe),
-  yt(2, z(Y)),
-  yt(3, wr),
-  yt(4, T),
-  yt(5, bo),
-  yt(6, z(Dn))
+  xt(0, L),
+  xt(1, fe),
+  xt(2, z(Y)),
+  xt(3, wr),
+  xt(4, T),
+  xt(5, bo),
+  xt(6, z(Dn))
 ], fr);
 const Ge = Yi("univer.editor.service");
 function Hd(n) {
@@ -2685,11 +2685,11 @@ function Hd(n) {
     }
   }, []), a;
 }
-const mt = {
+const St = {
   id: "doc.operation.move-cursor",
   type: P.OPERATION,
   handler: (n, e) => !!e
-}, St = {
+}, Et = {
   id: "doc.operation.move-selection",
   type: P.OPERATION,
   handler: (n, e) => !!e
@@ -2706,9 +2706,9 @@ const mt = {
         return;
       }
       let f = Ae.LEFT;
-      u === J.ARROW_DOWN ? f = Ae.DOWN : u === J.ARROW_UP ? f = Ae.UP : u === J.ARROW_RIGHT && (f = Ae.RIGHT), g === re.SHIFT ? r.executeCommand(St.id, {
+      u === J.ARROW_DOWN ? f = Ae.DOWN : u === J.ARROW_UP ? f = Ae.UP : u === J.ARROW_RIGHT && (f = Ae.RIGHT), g === re.SHIFT ? r.executeCommand(Et.id, {
         direction: f
-      }) : r.executeCommand(mt.id, {
+      }) : r.executeCommand(St.id, {
         direction: f
       });
     };
@@ -2838,7 +2838,7 @@ const ip = (n) => {
   }, [I, y, E, C]), kd(F && a, !1, I), pd(F, i, I), Vd(I, Q), /* @__PURE__ */ U("div", { className: e, style: c, children: /* @__PURE__ */ ie(
     "div",
     {
-      className: Mt(`
+      className: ht(`
                   univer-relative univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center
                   univer-justify-around univer-gap-2 univer-rounded univer-border univer-border-solid
                   univer-border-gray-200 univer-pb-0.5 univer-pl-1.5 univer-pr-2 univer-pt-1.5
@@ -3353,11 +3353,11 @@ let mr = class extends ge {
     this._componentManager.get(pr) || this.disposeWithMe(this._componentManager.register(pr, uA));
   }
   _init() {
-    const { unitId: e } = this._context, t = ft(this._context);
+    const { unitId: e } = this._context, t = pt(this._context);
     t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
   }
   _initialMain(e) {
-    const t = ft(this._context), { document: o } = t;
+    const t = pt(this._context), { document: o } = t;
     this.disposeWithMe(o.onDblclick$.subscribeEvent(async (r) => {
       if (this._isEditorReadOnly(e) || !this._isTraditionalMode())
         return;
@@ -3391,7 +3391,7 @@ let mr = class extends ge {
     }));
   }
   _getTransformCoordForDocumentOffset(e, t) {
-    const o = ft(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
+    const o = pt(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
     if (a == null)
       return;
     const c = a.transformVector2SceneCoord(Rn.FromArray([e, t]));
@@ -3652,7 +3652,7 @@ const Zn = "doc.command.core-header-footer", Wa = {
   return /* @__PURE__ */ U("div", { className: "univer-grid univer-grid-cols-3 univer-gap-2 univer-p-1.5", children: o.map((r) => /* @__PURE__ */ U(
     "a",
     {
-      className: Mt(`
+      className: ht(`
                           univer-block univer-h-20 univer-w-[72px] univer-cursor-pointer univer-overflow-hidden
                           univer-rounded univer-border univer-border-solid univer-border-gray-200 univer-transition-all
                           hover:univer-border-primary-500
@@ -3817,7 +3817,7 @@ function Xa(n, e, t) {
         posOffset: 0
       },
       positionV: {
-        relativeFrom: ht.PAGE,
+        relativeFrom: gt.PAGE,
         posOffset: 0
       }
     },
@@ -5176,7 +5176,7 @@ const Ai = 660, Co = class Co {
                 posOffset: 0
               },
               positionV: {
-                relativeFrom: ht.PARAGRAPH,
+                relativeFrom: gt.PARAGRAPH,
                 posOffset: 0
               }
             },
@@ -5849,7 +5849,7 @@ let Er = class extends ge {
           angle: 0,
           size: { width: h, height: u },
           positionH: { relativeFrom: Ro.CHARACTER, posOffset: 0 },
-          positionV: { relativeFrom: ht.LINE, posOffset: 0 }
+          positionV: { relativeFrom: gt.LINE, posOffset: 0 }
         }
       };
     })), this._umdToHtml.convert([t]);
@@ -6135,7 +6135,7 @@ const As = {
   }
 };
 function qe(n, e, t) {
-  return t.executeCommand(Ct.id, {
+  return t.executeCommand(Rt.id, {
     preCommandId: n,
     ...e != null ? e : {}
   });
@@ -6184,7 +6184,7 @@ const gi = "doc.command.set-inline-format-bold", Ut = {
       t
     );
   }
-}, Si = "doc.command.set-inline-format-subscript", It = {
+}, Si = "doc.command.set-inline-format-subscript", Ct = {
   id: Si,
   type: P.COMMAND,
   handler: async (n, e) => {
@@ -6271,9 +6271,9 @@ const gi = "doc.command.set-inline-format-bold", Ut = {
   [Dt.id]: "cl",
   [Nt.id]: "bg",
   [Fn.id]: "bg",
-  [It.id]: "va",
+  [Ct.id]: "va",
   [Vt.id]: "va"
-}, Ct = {
+}, Rt = {
   id: "doc.command.set-inline-format",
   type: P.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -6299,7 +6299,7 @@ const gi = "doc.command.set-inline-format-bold", Ut = {
       // fallthrough
       case kt.id:
       // fallthrough
-      case It.id:
+      case Ct.id:
       // fallthrough
       case Vt.id: {
         const S = a.getDefaultStyle(), b = cc(
@@ -6398,7 +6398,7 @@ function ac(n, e, t) {
       s: j.TRUE
     };
   if (/va/.test(e))
-    return t === It.id ? (n == null ? void 0 : n[e]) === ke.SUBSCRIPT ? ke.NORMAL : ke.SUBSCRIPT : (n == null ? void 0 : n[e]) === ke.SUPERSCRIPT ? ke.NORMAL : ke.SUPERSCRIPT;
+    return t === Ct.id ? (n == null ? void 0 : n[e]) === ke.SUBSCRIPT ? ke.NORMAL : ke.SUBSCRIPT : (n == null ? void 0 : n[e]) === ke.SUPERSCRIPT ? ke.NORMAL : ke.SUPERSCRIPT;
 }
 function cc(n, e, t) {
   var l, A, h, u, g, f, p, m, E, v, C, R, S, b;
@@ -7006,16 +7006,16 @@ const Xe = {
         if (N == null)
           continue;
         const F = M.docTransform.positionV, { relativeFrom: D, posOffset: w } = F;
-        if (D === ht.PARAGRAPH)
+        if (D === gt.PARAGRAPH)
           continue;
         const { startIndex: X } = N, q = a.findNodeByCharIndex(X, d, l), Q = (R = q == null ? void 0 : q.parent) == null ? void 0 : R.parent, H = Q == null ? void 0 : Q.parent, k = H == null ? void 0 : H.lines.find((de) => de.paragraphIndex === (Q == null ? void 0 : Q.paragraphIndex) && de.paragraphStart), te = (S = H == null ? void 0 : H.parent) == null ? void 0 : S.parent;
         if (q == null || Q == null || k == null || H == null || te == null)
           continue;
         let se = 0;
-        D === ht.LINE ? se -= Q.top : D === ht.PAGE && (se += te.marginTop), se += k.top;
+        D === gt.LINE ? se -= Q.top : D === gt.PAGE && (se += te.marginTop), se += k.top;
         const ce = {
           ...F,
-          relativeFrom: ht.PARAGRAPH,
+          relativeFrom: gt.PARAGRAPH,
           posOffset: (w != null ? w : 0) - se
         }, oe = g.replaceOp(["drawings", x, "docTransform", "positionV"], F, ce);
         oe && f.push(oe);
@@ -7165,7 +7165,7 @@ function cu(n) {
       }
     }));
   };
-  return /* @__PURE__ */ ie("div", { className: "univer-theme univer-flex univer-flex-col univer-gap-4", children: [
+  return /* @__PURE__ */ ie("div", { className: "univer-flex univer-flex-col univer-gap-4", children: [
     /* @__PURE__ */ ie("div", { className: "univer-flex univer-flex-col univer-gap-2", children: [
       /* @__PURE__ */ U("label", { className: "univer-text-sm univer-font-medium univer-text-[#0E111E]", children: s.t("page-settings.paper-size") }),
       /* @__PURE__ */ U(
@@ -7447,7 +7447,7 @@ function uu(n) {
     activated$: new Se((t) => {
       const o = () => {
         var a;
-        const s = Rt(n);
+        const s = bt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7456,7 +7456,7 @@ function uu(n) {
         t.next(i === j.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === we.id || i === Ct.id) && o();
+        (i === we.id || i === Rt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7475,7 +7475,7 @@ function hu(n) {
     activated$: new Se((t) => {
       const o = () => {
         var a;
-        const s = Rt(n);
+        const s = bt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7484,7 +7484,7 @@ function hu(n) {
         t.next(i === j.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === we.id || i === Ct.id) && o();
+        (i === we.id || i === Rt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7503,7 +7503,7 @@ function gu(n) {
     activated$: new Se((t) => {
       const o = () => {
         var a;
-        const s = Rt(n);
+        const s = bt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7512,7 +7512,7 @@ function gu(n) {
         t.next((i == null ? void 0 : i.s) === j.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === we.id || i === Ct.id) && o();
+        (i === we.id || i === Rt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7531,7 +7531,7 @@ function fu(n) {
     activated$: new Se((t) => {
       const o = () => {
         var a;
-        const s = Rt(n);
+        const s = bt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7540,7 +7540,7 @@ function fu(n) {
         t.next((i == null ? void 0 : i.s) === j.TRUE);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === we.id || i === Ct.id) && o();
+        (i === we.id || i === Rt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7551,14 +7551,14 @@ function fu(n) {
 function pu(n) {
   const e = n.get(T);
   return {
-    id: It.id,
+    id: Ct.id,
     type: $.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
     activated$: new Se((t) => {
       const o = () => {
         var a;
-        const s = Rt(n);
+        const s = bt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7567,7 +7567,7 @@ function pu(n) {
         t.next(i === ke.SUBSCRIPT);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === we.id || i === Ct.id) && o();
+        (i === we.id || i === Rt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7585,7 +7585,7 @@ function mu(n) {
     activated$: new Se((t) => {
       const o = () => {
         var a;
-        const s = Rt(n);
+        const s = bt(n);
         if (s == null) {
           t.next(!1);
           return;
@@ -7594,7 +7594,7 @@ function mu(n) {
         t.next(i === ke.SUPERSCRIPT);
       }, r = e.onCommandExecuted((s) => {
         const i = s.id;
-        (i === we.id || i === Ct.id) && o();
+        (i === we.id || i === Rt.id) && o();
       });
       return o(), r.dispose;
     }),
@@ -7619,7 +7619,7 @@ function Su(n) {
     value$: new Se((t) => {
       const o = Zi.ff, r = () => {
         var c;
-        const i = Rt(n);
+        const i = bt(n);
         if (i == null) {
           t.next(o);
           return;
@@ -7655,7 +7655,7 @@ function Eu(n) {
     value$: new Se((t) => {
       const o = Zi.fs, r = () => {
         var c;
-        const i = Rt(n);
+        const i = bt(n);
         if (i == null) {
           t.next(o);
           return;
@@ -8024,7 +8024,7 @@ function Du(n) {
     hidden$: ae(n, _.UNIVER_DOC)
   };
 }
-function Rt(n) {
+function bt(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((E) => E.isActive)) != null ? g : s[0], a = o.getDefaultStyle(), c = (f = o.getStyleCache()) != null ? f : {}, d = Wt(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)
@@ -8100,7 +8100,7 @@ const wu = {
   [K.TITLE]: { key: "TextTypeSingle", component: Sn },
   [K.SUBTITLE]: { key: "TextTypeSingle", component: Sn },
   [K.NAMED_STYLE_TYPE_UNSPECIFIED]: { key: "TextTypeSingle", component: Sn }
-}, bt = (n) => (e) => {
+}, yt = (n) => (e) => {
   const t = e.get(T), o = e.get(sn), r = Sc[n];
   return o.get(r.key) || o.register(r.key, r.component), {
     id: wu[n].id,
@@ -8126,9 +8126,9 @@ const wu = {
       return a(), c.dispose;
     })
   };
-}, Lu = bt(K.HEADING_1), Qu = bt(K.HEADING_2), Uu = bt(K.HEADING_3), Fu = bt(K.HEADING_4), Hu = bt(K.HEADING_5), ku = bt(K.NORMAL_TEXT);
-bt(K.TITLE);
-bt(K.SUBTITLE);
+}, Lu = yt(K.HEADING_1), Qu = yt(K.HEADING_2), Uu = yt(K.HEADING_3), Fu = yt(K.HEADING_4), Hu = yt(K.HEADING_5), ku = yt(K.NORMAL_TEXT);
+yt(K.TITLE);
+yt(K.SUBTITLE);
 const Vu = (n) => ({
   id: as.id,
   type: $.BUTTON,
@@ -8235,7 +8235,7 @@ const tr = (n, e) => {
   const { scene: t, mainComponent: o, engine: r } = e, s = e.with(ue).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 = sa(u.style.width), { top: p, left: m, width: E } = g, v = E / f, { scaleX: C, scaleY: R } = t.getAncestorScale(), S = new pt(l, s), { borderBoxPointGroup: b } = S.getRangePointData(i, c);
+  const l = d.getOffsetConfig(), { docsLeft: A, docsTop: h } = l, u = r.getCanvasElement(), g = u.getBoundingClientRect(), f = sa(u.style.width), { top: p, left: m, width: E } = g, v = E / f, { scaleX: C, scaleY: R } = t.getAncestorScale(), S = new mt(l, s), { borderBoxPointGroup: b } = S.getRangePointData(i, c);
   return Gr(b).map((B) => vc(B, t)).map((B) => ({
     left: (B.left + A * C) * v + m,
     right: (B.right + A * C) * v + m,
@@ -8405,7 +8405,7 @@ const nh = (n, e, t, o) => {
   const a = t.findNodePositionByCharIndex(i, !0, n.segmentId, o);
   if (!a || !r)
     return;
-  const c = e.getOffsetConfig(), d = new pt(c, t), { borderBoxPointGroup: l } = d.getRangePointData(r, a);
+  const c = e.getOffsetConfig(), d = new mt(c, t), { borderBoxPointGroup: l } = d.getRangePointData(r, a);
   return Gr(l).map((m) => ({
     top: m.top + c.docsTop - Ti,
     bottom: m.bottom + c.docsTop + Ti,
@@ -8452,7 +8452,7 @@ const nh = (n, e, t, o) => {
   const r = t.findPositionByGlyph(n, o);
   if (!r)
     return;
-  const s = e.getOffsetConfig(), i = { ...r, isBack: !0 }, a = new pt(s, t), { borderBoxPointGroup: c } = a.getRangePointData(i, i), l = Gr(c)[0];
+  const s = e.getOffsetConfig(), i = { ...r, isBack: !0 }, a = new mt(s, t), { borderBoxPointGroup: c } = a.getRangePointData(i, i), l = Gr(c)[0];
   return {
     top: l.top + s.docsTop,
     bottom: l.bottom + s.docsTop,
@@ -8460,7 +8460,7 @@ const nh = (n, e, t, o) => {
     right: l.left + s.docsLeft + n.width
   };
 };
-function xt(n, e, t) {
+function Ot(n, e, t) {
   const { left: o, right: r, top: s, bottom: i } = t;
   return n >= o && n <= r && e >= s && e <= i;
 }
@@ -8537,7 +8537,7 @@ let wt = class extends ge {
     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 === ia.resize)
       ).subscribe(() => {
         this._customRangeDirty = !0, this._bulletDirty = !0, this._paragraphDirty = !0;
@@ -8545,7 +8545,7 @@ let wt = class extends ge {
     );
   }
   _initEvents() {
-    this.disposeWithMe(Bt(this._context.scene.onPointerMove$).pipe(yn(30)).subscribe((o) => {
+    this.disposeWithMe(Mt(this._context.scene.onPointerMove$).pipe(yn(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;
@@ -8563,7 +8563,7 @@ let wt = class extends ge {
     })), 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(
       ed((o) => t.pipe(td(1), wn((r) => ({ down: o, up: r })))),
       ro(({ down: o, up: r }) => o.target === r.target && r.timeStamp - o.timeStamp < 300)
@@ -8608,7 +8608,7 @@ let wt = class extends ge {
   _calcActiveRanges(e) {
     this._buildCustomRangeBounds();
     const { x: t, y: o } = e;
-    return this._customRangeBounds.filter((s) => s.rects.some((i) => xt(t, o, i))).map(
+    return this._customRangeBounds.filter((s) => s.rects.some((i) => Ot(t, o, i))).map(
       (s) => ({
         segmentId: s.segmentId,
         range: s.customRange,
@@ -8668,7 +8668,7 @@ let wt = class extends ge {
   _calcActiveBullet(e) {
     this._buildBulletBounds();
     const { x: t, y: o } = e;
-    return this._bulletBounds.find((s) => xt(t, o, s.rect));
+    return this._bulletBounds.find((s) => Ot(t, o, s.rect));
   }
   // eslint-disable-next-line max-lines-per-function
   _buildParagraphBoundsBySegment(e) {
@@ -8776,23 +8776,23 @@ let wt = class extends ge {
   _calcActiveParagraph(e) {
     var i, a;
     this._buildParagraphBounds();
-    const { x: t, y: o } = e, r = Array.from(this._tableBounds.values()).find((c) => xt(t, o, c.rect));
+    const { x: t, y: o } = e, r = Array.from(this._tableBounds.values()).find((c) => Ot(t, o, c.rect));
     if (this._hoverTable$.next(r), r) {
-      const c = (i = this._tableCellBounds.get(r.tableId)) == null ? void 0 : i.find((A) => xt(t, o, A.rect));
+      const c = (i = this._tableCellBounds.get(r.tableId)) == null ? void 0 : i.find((A) => Ot(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) => xt(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) => Ot(t, o, A.rect));
       return l && {
         ...l,
         rects: [l.rect]
       };
     }
-    return this._paragraphBounds.values().find((c) => c.rects.some((d) => xt(t, o, d)));
+    return this._paragraphBounds.values().find((c) => c.rects.some((d) => Ot(t, o, d)));
   }
   _calcActiveParagraphLeft(e) {
     this._buildParagraphBounds();
     const { x: t, y: o } = e;
-    return this._paragraphLeftBounds.find((s) => xt(t, o, s.rect));
+    return this._paragraphLeftBounds.find((s) => Ot(t, o, s.rect));
   }
   get paragraphBounds() {
     return this._buildParagraphBounds(), this._paragraphBounds;
@@ -8812,7 +8812,7 @@ const rh = [
   Ft.id,
   Ht.id,
   kt.id,
-  It.id,
+  Ct.id,
   Vt.id,
   Dt.id,
   Nt.id
@@ -8865,7 +8865,7 @@ let lo = class extends ge {
   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, !It(this._context.unitId) && (this._registerFloatMenu(), this._initSelectionChange(), this.disposeWithMe(() => {
       this._hideFloatMenu();
     }));
   }
@@ -8938,7 +8938,7 @@ let Ao = class extends ge {
   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, !It(this._context.unitId) && this._init();
   }
   get activeParagraph() {
     var e;
@@ -9160,7 +9160,7 @@ const ph = {
   binding: J.X | re.SHIFT | re.CTRL_COMMAND,
   preconditions: Ee
 }, Ch = {
-  id: It.id,
+  id: Ct.id,
   binding: J.COMMA | re.CTRL_COMMAND,
   preconditions: Ee
 }, Rh = {
@@ -9230,7 +9230,7 @@ function Ph() {
   );
 }
 function Dh(n) {
-  return /* @__PURE__ */ U("section", { className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-basis-[260px] univer-justify-end", children: /* @__PURE__ */ U(Ph, {}) });
+  return /* @__PURE__ */ U("section", { className: "univer-flex univer-flex-shrink-0 univer-justify-end", children: /* @__PURE__ */ U(Ph, {}) });
 }
 function Nh() {
   var r, s, i;
@@ -9258,12 +9258,12 @@ const wh = "univer-overflow-hidden univer-font-[500] univer-truncate univer-h-[2
   }), []);
   return ql(e, () => v), Ie(() => {
     c && v.scrollTo(c);
-  }, [c, v]), /* @__PURE__ */ ie("div", { className: Mt("univer-relative", h), style: u, children: [
+  }, [c, v]), /* @__PURE__ */ ie("div", { className: ht("univer-relative", h), style: u, children: [
     /* @__PURE__ */ U(
       "div",
       {
         onClick: () => l == null ? void 0 : l(!d),
-        className: Mt(`
+        className: ht(`
                   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
@@ -9276,7 +9276,7 @@ const wh = "univer-overflow-hidden univer-font-[500] univer-truncate univer-h-[2
     /* @__PURE__ */ U(
       "div",
       {
-        className: Mt(
+        className: ht(
           r,
           `
                       univer-absolute univer-left-0 univer-top-0 univer-box-border univer-flex univer-min-w-[180px]
@@ -9302,15 +9302,14 @@ const wh = "univer-overflow-hidden univer-font-[500] univer-truncate univer-h-[2
           "div",
           {
             ref: m,
-            className: `
+            className: ht(`
                       univer-flex-1 univer-overflow-y-auto univer-overflow-x-hidden univer-scrollbar-none
-                      [&::-webkit-scrollbar]:univer-hidden
-                    `,
+                    `),
             children: t == null ? void 0 : t.map((C) => /* @__PURE__ */ U(
               "div",
               {
                 id: `univer-side-menu-${C.id}`,
-                className: Mt(
+                className: ht(
                   wh,
                   {
                     [Lh]: C.isTitle,
@@ -9385,7 +9384,7 @@ function Wh() {
       Q.set(H.startIndex, H);
     }), Q;
   }, [m]);
-  tt(_e(() => l != null && l.engine.onTransformChange$ ? Bt(l == null ? void 0 : l.engine.onTransformChange$).pipe(yn(33)) : od(null), [l == null ? void 0 : l.engine.onTransformChange$]));
+  tt(_e(() => l != null && l.engine.onTransformChange$ ? Mt(l == null ? void 0 : l.engine.onTransformChange$).pipe(yn(33)) : od(null), [l == null ? void 0 : l.engine.onTransformChange$]));
   const v = g < 180 ? "float" : "side-bar", C = m == null ? void 0 : m.filter(
     (Q) => {
       var H;
@@ -9425,7 +9424,7 @@ function Wh() {
     const Q = l == null ? void 0 : l.scene.getViewport(We.VIEW_MAIN);
     if (!Q)
       return;
-    const H = Bt(Q.onScrollAfter$).pipe(yn(33)).subscribe(R);
+    const H = Mt(Q.onScrollAfter$).pipe(yn(33)).subscribe(R);
     return () => {
       H.unsubscribe();
     };
@@ -9447,7 +9446,7 @@ function Wh() {
     const te = u == null ? void 0 : u.get(k.startIndex);
     te && (H.scrollToViewportPos({ viewportScrollY: te.rect.top }), c(Q.id));
   });
-  return !t || vt(d) || !(S != null && S.length) ? null : /* @__PURE__ */ U(
+  return !t || It(d) || !(S != null && S.length) ? null : /* @__PURE__ */ U(
     "div",
     {
       className: "univer-absolute univer-bottom-0 univer-left-0 univer-top-0 univer-z-[100] univer-w-[0px]",
@@ -9892,7 +9891,7 @@ const bs = {
     lineSpacing: [i, A],
     spacingRule: [d, h]
   };
-}, Ot = (n) => {
+}, Tt = (n) => {
   const { value: e, onChange: t, className: o = "", min: r = 0, max: s = 100, step: i = 1 } = n, a = je(null);
   return /* @__PURE__ */ U(
     it,
@@ -9933,7 +9932,7 @@ function sg() {
         children: e.map((S) => /* @__PURE__ */ U(Zl, { title: S.label, placement: "bottom", children: /* @__PURE__ */ U(
           "span",
           {
-            className: Mt(`
+            className: ht(`
                                   univer-flex univer-cursor-pointer univer-items-center univer-justify-center
                                   univer-rounded univer-bg-none univer-px-3 univer-py-1
                                   hover:univer-bg-black/60
@@ -9953,28 +9952,28 @@ function sg() {
           n.t("doc.paragraphSetting.left"),
           "(px)"
         ] }),
-        /* @__PURE__ */ U(Ot, { className: "univer-mt-4", value: s, onChange: (S) => i(S != null ? S : 0) })
+        /* @__PURE__ */ U(Tt, { className: "univer-mt-4", value: s, onChange: (S) => i(S != null ? S : 0) })
       ] }),
       /* @__PURE__ */ ie("div", { className: "univer-flex univer-justify-between univer-item-center", children: [
         /* @__PURE__ */ ie("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.right"),
           "(px)"
         ] }),
-        /* @__PURE__ */ U(Ot, { className: "univer-mt-4", value: a, onChange: (S) => c(S != null ? S : 0) })
+        /* @__PURE__ */ U(Tt, { className: "univer-mt-4", value: a, onChange: (S) => c(S != null ? S : 0) })
       ] }),
       /* @__PURE__ */ ie("div", { className: "univer-flex univer-justify-between univer-item-center", children: [
         /* @__PURE__ */ ie("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.firstLine"),
           "(px)"
         ] }),
-        /* @__PURE__ */ U(Ot, { className: "univer-mt-4", value: d, onChange: (S) => l(S != null ? S : 0) })
+        /* @__PURE__ */ U(Tt, { className: "univer-mt-4", value: d, onChange: (S) => l(S != null ? S : 0) })
       ] }),
       /* @__PURE__ */ ie("div", { className: "univer-flex univer-justify-between univer-item-center", children: [
         /* @__PURE__ */ ie("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.hanging"),
           "(px)"
         ] }),
-        /* @__PURE__ */ U(Ot, { className: "univer-mt-4", value: A, onChange: (S) => h(S != null ? S : 0) })
+        /* @__PURE__ */ U(Tt, { className: "univer-mt-4", value: A, onChange: (S) => h(S != null ? S : 0) })
       ] })
     ] }),
     /* @__PURE__ */ U("div", { className: "univer-t-4 univer-text-[13px] univer-font-medium", children: n.t("doc.paragraphSetting.spacing") }),
@@ -9984,14 +9983,14 @@ function sg() {
           n.t("doc.paragraphSetting.before"),
           "(px)"
         ] }),
-        /* @__PURE__ */ U(Ot, { className: "univer-mt-4", value: u, onChange: (S) => g(S != null ? S : 0) })
+        /* @__PURE__ */ U(Tt, { className: "univer-mt-4", value: u, onChange: (S) => g(S != null ? S : 0) })
       ] }),
       /* @__PURE__ */ ie("div", { className: "univer-flex univer-justify-between univer-item-center", children: [
         /* @__PURE__ */ ie("div", { className: "univer-mt-3 univer-text-xs", children: [
           n.t("doc.paragraphSetting.after"),
           "(px)"
         ] }),
-        /* @__PURE__ */ U(Ot, { className: "univer-mt-4", value: f, onChange: (S) => p(S != null ? S : 0) })
+        /* @__PURE__ */ U(Tt, { className: "univer-mt-4", value: f, onChange: (S) => p(S != null ? S : 0) })
       ] }),
       /* @__PURE__ */ ie("div", { className: "univer-flex univer-justify-between item-center", children: [
         /* @__PURE__ */ U("div", { className: "univer-mt-3 univer-text-xs", children: n.t("doc.paragraphSetting.lineSpace") }),
@@ -10013,7 +10012,7 @@ function sg() {
                 }
               ),
               /* @__PURE__ */ U(
-                Ot,
+                Tt,
                 {
                   ...R,
                   value: m,
@@ -10266,7 +10265,7 @@ const yg = {
       order: 3,
       menuItemFactory: fu
     },
-    [It.id]: {
+    [Ct.id]: {
       order: 4,
       menuItemFactory: pu
     },
@@ -10565,12 +10564,12 @@ var Tg = Object.getOwnPropertyDescriptor, Bg = (n, e, t, o) => {
   return r;
 }, or = (n, e) => (t, o) => e(t, o, n);
 const Qi = 1.5;
-let ho = class extends Et {
+let ho = class extends vt {
   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(gt(this.dispose$)).subscribe((n) => {
+    this._textSelectionManagerService.textSelection$.pipe(ft(this.dispose$)).subscribe((n) => {
       if (n == null)
         return;
       const { isEditing: e, unitId: t } = n;
@@ -10589,7 +10588,7 @@ let ho = class extends Et {
     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 pt(s, r), { contentBoxPointGroup: d } = c.getRangePointData(n, n), { left: l, top: A, height: h } = Jn(d), u = l + i, g = A + a, f = t.getViewport(We.VIEW_MAIN), p = this._editorService.getEditor(e);
+    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 } = Jn(d), u = l + i, g = A + a, f = t.getViewport(We.VIEW_MAIN), p = this._editorService.getEditor(e);
     if (f == null)
       return;
     const {
@@ -10623,7 +10622,7 @@ var Mg = Object.getOwnPropertyDescriptor, _g = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Gt = (n, e) => (t, o) => e(t, o, n);
-let Rr = class extends Et {
+let Rr = class extends vt {
   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();
   }
@@ -10678,7 +10677,7 @@ let Rr = class extends Et {
     a.zIndex = $s, this._context.mainComponent = i, t.set($e.MAIN, i), t.set($e.BACKGROUND, a), n.addObjects([i], zo), n.addObjects([a], ud), this._editorService.getEditor(e.getUnitId()) == null && n.enableLayerCache(zo);
   }
   _initRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(gt(this.dispose$)).subscribe((n) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ft(this.dispose$)).subscribe((n) => {
       this._create(n);
     });
   }
@@ -10784,7 +10783,7 @@ const bc = {
     }, !1), !0;
   }
 };
-class ko extends Et {
+class ko extends vt {
   constructor(t) {
     super();
     O(this, "_previousActiveRange", null);
@@ -11032,7 +11031,7 @@ var Lg = Object.getOwnPropertyDescriptor, Qg = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, Ug = (n, e) => (t, o) => e(t, o, n);
-let go = class extends Et {
+let go = class extends vt {
   constructor(e) {
     super();
     O(this, "_docContainerController");
@@ -11304,16 +11303,16 @@ let po = class extends ge {
     super.dispose(), (e = this._onInputSubscription) == null || e.unsubscribe();
   }
   _commandExecutedListener() {
-    const e = [mt.id, St.id];
+    const e = [St.id, Et.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
         const o = t.params;
         switch (t.id) {
-          case mt.id:
-            return this._handleMoveCursor(o.direction);
           case St.id:
+            return this._handleMoveCursor(o.direction);
+          case Et.id:
             return this._handleShiftMoveSelection(o.direction);
           default:
             throw new Error("Unknown command");
@@ -11381,7 +11380,7 @@ let po = class extends ge {
         ], !1);
         return;
       }
-      const B = new pt(b, s).getRangePointData(
+      const B = new mt(b, s).getRangePointData(
         I,
         I
       ).cursorList[0];
@@ -11460,7 +11459,7 @@ let po = class extends ge {
         ], !1);
         return;
       }
-      const B = new pt(y, s).getRangePointData(
+      const B = new mt(y, s).getRangePointData(
         I,
         I
       ).cursorList[0];
@@ -11738,7 +11737,7 @@ var ef = Object.getOwnPropertyDescriptor, tf = (n, e, t, o) => {
     (i = n[s]) && (r = i(r) || r);
   return r;
 }, hn = (n, e) => (t, o) => e(t, o, n);
-let So = class extends Et {
+let So = class extends vt {
   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();
   }
@@ -11747,7 +11746,7 @@ let So = class extends Et {
   }
   _initLegacyPasteCommand() {
     var n;
-    (n = this._docSelectionRenderService) == null || n.onPaste$.pipe(gt(this.dispose$)).subscribe((e) => {
+    (n = this._docSelectionRenderService) == null || n.onPaste$.pipe(ft(this.dispose$)).subscribe((e) => {
       var a, c, d;
       if (!_o(this._contextService))
         return;
@@ -12038,7 +12037,7 @@ class Ns extends ge {
   }
   calculatePagePosition() {
     var C, R;
-    const e = ft(this._context), o = (R = (C = this._context.unit.getSettings()) == null ? void 0 : C.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 = pt(this._context), o = (R = (C = this._context.unit.getSettings()) == null ? void 0 : C.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;
@@ -12059,12 +12058,12 @@ let Br = class extends ge {
   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 (It(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 === ia.resize),
         yn(0, rd)
       ).subscribe(() => {
@@ -12092,7 +12091,7 @@ let Mr = class extends ge {
     this._init(), this._skeletonListener(), this._commandExecutedListener(), this._refreshListener(), this._syncSelection();
   }
   _init() {
-    const { unitId: e } = this._context, t = ft(this._context);
+    const { unitId: e } = this._context, t = pt(this._context);
     t == null || t.document == null || this._loadedMap.has(t.document) || (this._initialMain(e), this._loadedMap.add(t.document));
   }
   _refreshListener() {
@@ -12117,7 +12116,7 @@ let Mr = class extends ge {
   }
   // eslint-disable-next-line max-lines-per-function
   _initialMain(e) {
-    const t = ft(this._context), { document: o, scene: r } = t;
+    const t = pt(this._context), { document: o, scene: r } = t;
     this.disposeWithMe(o.onPointerEnter$.subscribeEvent(() => {
       this._isEditorReadOnly(e) || (o.cursor = _t.TEXT);
     })), this.disposeWithMe(o.onPointerLeave$.subscribeEvent(() => {
@@ -12156,7 +12155,7 @@ let Mr = class extends ge {
     }));
   }
   _getTransformCoordForDocumentOffset(e, t) {
-    const o = ft(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
+    const o = pt(this._context), { document: r, scene: s } = o, { documentTransform: i } = r.getOffsetConfig(), a = s.getViewports()[0];
     if (a == null)
       return;
     const c = a.transformVector2SceneCoord(Rn.FromArray([e, t]));
@@ -12187,7 +12186,7 @@ let Mr = class extends ge {
     this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
       if (!e) return;
       const { unitId: t } = this._context;
-      if (!vt(t)) {
+      if (!It(t)) {
         this._docSelectionRenderService.focus();
         const s = this._context.unit.getSnapshot(), i = Va(s);
         this._docSelectionManagerService.replaceDocRanges([
@@ -12215,10 +12214,10 @@ var pf = Object.getOwnPropertyDescriptor, mf = (n, e, t, o) => {
   for (var r = o > 1 ? void 0 : o ? pf(e, t) : e, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (r = i(r) || r);
   return r;
-}, Tt = (n, e) => (t, o) => e(t, o, n);
+}, Bt = (n, e) => (t, o) => e(t, o, n);
 let _r = class extends ge {
   constructor(n, e, t, o, r, s, i, a) {
-    super(), this._context = n, this._contextService = e, this._docSkeletonManagerService = t, this._univerInstanceService = o, this._commandService = r, this._textSelectionManagerService = s, this._editorService = i, this._docPageLayoutService = a, this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), setTimeout(() => this.updateViewZoom(1, !0), 20), vt(this._context.unitId) || this._initZoomEventListener();
+    super(), this._context = n, this._contextService = e, this._docSkeletonManagerService = t, this._univerInstanceService = o, this._commandService = r, this._textSelectionManagerService = s, this._editorService = i, this._docPageLayoutService = a, this._initSkeletonListener(), this._initCommandExecutedListener(), this._initRenderRefresher(), setTimeout(() => this.updateViewZoom(1, !0), 20), It(this._context.unitId) || this._initZoomEventListener();
   }
   _initRenderRefresher() {
     this._docSkeletonManagerService.currentSkeleton$.subscribe((n) => {
@@ -12274,7 +12273,7 @@ let _r = class extends ge {
   }
   updateViewZoom(n, e = !0) {
     var o;
-    const t = ft(this._context);
+    const t = pt(this._context);
     t.scene.scale(n, n), this._editorService.isEditor(this._context.unitId) || this._docPageLayoutService.calculatePagePosition(), e && !this._editorService.isEditor(this._context.unitId) && this._textSelectionManagerService.refreshSelection(), (o = t.scene.getTransformer()) == null || o.clearSelectedObjects();
   }
   _initZoomEventListener() {
@@ -12298,13 +12297,13 @@ let _r = class extends ge {
   }
 };
 _r = mf([
-  Tt(1, wr),
-  Tt(2, z(ue)),
-  Tt(3, L),
-  Tt(4, T),
-  Tt(5, z(Y)),
-  Tt(6, Ge),
-  Tt(7, z(Ns))
+  Bt(1, wr),
+  Bt(2, z(ue)),
+  Bt(3, L),
+  Bt(4, T),
+  Bt(5, z(Y)),
+  Bt(6, Ge),
+  Bt(7, z(Ns))
 ], _r);
 const Sf = ea("PRINTING_COMPONENT_COLLECT"), Ef = ea("PRINTING_DOM_COLLECT");
 class vf extends ge {
@@ -12336,7 +12335,7 @@ var If = Object.getOwnPropertyDescriptor, Cf = (n, e, t, o) => {
   return r;
 }, gn = (n, e) => (t, o) => e(t, o, n);
 const zi = 300;
-let vo = class extends Et {
+let vo = class extends vt {
   constructor(e, t, o, r, s) {
     super();
     O(this, "_docStateChange$", new Ue(null));
@@ -12376,7 +12375,7 @@ let vo = class extends Et {
     );
   }
   _listenDocStateChange() {
-    this._docStateEmitService.docStateChangeParams$.pipe(gt(this.dispose$)).subscribe((e) => {
+    this._docStateEmitService.docStateChangeParams$.pipe(ft(this.dispose$)).subscribe((e) => {
       var a;
       if (e == null)
         return;
@@ -12468,12 +12467,12 @@ var Rf = Object.getOwnPropertyDescriptor, bf = (n, e, t, o) => {
   return r;
 }, ji = (n, e) => (t, o) => e(t, o, n);
 const Gi = "univer-doc-main-canvas";
-let Io = class extends Et {
+let Io = class extends vt {
   constructor(n, e) {
     super(), this._instanceSrv = n, this._renderManagerService = e, this._init();
   }
   _init() {
-    this._renderManagerService.createRender$.pipe(gt(this.dispose$)).subscribe((n) => this._createRenderWithId(n)), this._instanceSrv.getAllUnitsForType(_.UNIVER_DOC).forEach((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitAdded$(_.UNIVER_DOC).pipe(gt(this.dispose$)).subscribe((n) => this._createRenderer(n)), this._instanceSrv.getTypeOfUnitDisposed$(_.UNIVER_DOC).pipe(gt(this.dispose$)).subscribe((n) => this._disposeRenderer(n));
+    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));
   }
   _createRenderer(n) {
     var o;
@@ -12507,56 +12506,56 @@ const yf = {
   preconditions: Ee,
   binding: J.DELETE
 }, Tf = {
-  id: mt.id,
+  id: St.id,
   binding: J.ARROW_UP,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.UP
   }
 }, Bf = {
-  id: mt.id,
+  id: St.id,
   binding: J.ARROW_DOWN,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.DOWN
   }
 }, Mf = {
-  id: mt.id,
+  id: St.id,
   binding: J.ARROW_LEFT,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.LEFT
   }
 }, _f = {
-  id: mt.id,
+  id: St.id,
   binding: J.ARROW_RIGHT,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.RIGHT
   }
 }, Pf = {
-  id: St.id,
+  id: Et.id,
   binding: J.ARROW_UP | re.SHIFT,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.UP
   }
 }, Df = {
-  id: St.id,
+  id: Et.id,
   binding: J.ARROW_DOWN | re.SHIFT,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.DOWN
   }
 }, Nf = {
-  id: St.id,
+  id: Et.id,
   binding: J.ARROW_LEFT | re.SHIFT,
   preconditions: Ee,
   staticParameters: {
     direction: Ae.LEFT
   }
 }, wf = {
-  id: St.id,
+  id: Et.id,
   binding: J.ARROW_RIGHT | re.SHIFT,
   preconditions: Ee,
   staticParameters: {
@@ -12609,14 +12608,14 @@ let Pr = class extends ol {
       Ft,
       Ht,
       kt,
-      It,
+      Ct,
       Vt,
       ct,
       tn,
       Dt,
       Fn,
       Nt,
-      Ct,
+      Rt,
       As,
       ec,
       xn,
@@ -12665,8 +12664,8 @@ let Pr = class extends ol {
       eo,
       bc,
       Ps,
-      mt,
       St,
+      Et,
       Id,
       va,
       Dg,
@@ -12857,10 +12856,10 @@ export {
   Dg as InsertCustomRangeCommand,
   Hn as ListOperationCommand,
   ns as MergeTwoParagraphCommand,
-  mt as MoveCursorOperation,
-  St as MoveSelectionOperation,
+  St as MoveCursorOperation,
+  Et as MoveSelectionOperation,
   $f as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  pt as NodePositionConvertToCursor,
+  mt as NodePositionConvertToCursor,
   Ra as NodePositionConvertToRectRange,
   Tn as OrderListCommand,
   zA as PastePluginLark,
@@ -12877,12 +12876,12 @@ export {
   eo as SetDocZoomRatioCommand,
   nt as SetDocZoomRatioOperation,
   Ut as SetInlineFormatBoldCommand,
-  Ct as SetInlineFormatCommand,
+  Rt as SetInlineFormatCommand,
   tn as SetInlineFormatFontFamilyCommand,
   ct as SetInlineFormatFontSizeCommand,
   Ft as SetInlineFormatItalicCommand,
   kt as SetInlineFormatStrikethroughCommand,
-  It as SetInlineFormatSubscriptCommand,
+  Ct as SetInlineFormatSubscriptCommand,
   Vt as SetInlineFormatSuperscriptCommand,
   Nt as SetInlineFormatTextBackgroundColorCommand,
   Dt as SetInlineFormatTextColorCommand,
@@ -12922,7 +12921,7 @@ export {
   op as hasParagraphInTable,
   Ia as isInSameTableCell,
   Rd as isValidRectRange,
-  ft as neoGetDocObject,
+  pt as neoGetDocObject,
   sp as transformToDocDrawingPosition,
   pd as useKeyboardEvent,
   md as useResize,