@univerjs/docs-ui 0.2.4-alpha.0 → 0.2.4

package/lib/es/index.js

@@ -1,12 +1,14 @@
 var Sn = Object.defineProperty;
 var vn = (t, e, n) => e in t ? Sn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var C = (t, e, n) => vn(t, typeof e != "symbol" ? e + "" : e, n);
-import { FOCUSING_DOC as Ue, FOCUSING_UNIVER_EDITOR as dt, FOCUSING_COMMON_DRAWINGS as Xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Rn, Tools as j, LRUMap as On, BaselineOffset as ae, BooleanNumber as S, ColorKit as ft, DataStreamTreeTokenType as Pe, CustomRangeType as Kt, skipParseTagNames as Cn, createIdentifier as En, Inject as E, IUniverInstanceService as w, ILogService as Zt, ICommandService as O, Disposable as Q, SliceBodyType as mt, normalizeBody as Tn, UniverInstanceType as v, toDisposable as Jt, RxDisposable as Se, Direction as K, EDITOR_ACTIVATED as qt, LocaleService as le, Injector as Le, Optional as In, useDependency as z, CommandType as de, DocumentFlavor as bn, JSONX as Qe, ThemeService as Qt, HorizontalAlign as we, OnLifecycle as Be, LifecycleStages as $e, IContextService as Mn, checkForSubstrings as yn, IConfigService as xn, isInternalEditorID as Pn, DisposableCollection as St, Plugin as Dn, ObjectRelativeFromH as An, ObjectRelativeFromV as Nn } from "@univerjs/core";
-import { IClipboardInterfaceService as ut, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Fn, HTML_CLIPBOARD_MIME_TYPE as Un, IEditorService as ee, KeyCode as H, MetaKeys as ve, ILayoutService as en, ISidebarService as Ln, ComponentManager as tn, MenuGroup as x, MenuItemType as y, MenuPosition as P, getMenuHiddenObservable as D, FONT_FAMILY_LIST as vt, FONT_SIZE_LIST as wn, getHeaderFooterMenuHiddenObservable as Bn, FontFamily as $n, FontFamilyItem as Hn, FontSize as Vn, IMenuService as jn, CopyCommand as Wn, CutCommand as kn, PasteCommand as Gn, SetEditorResizeOperation as zn, ICanvasPopupService as Yn, IShortcutService as Xn } from "@univerjs/ui";
-import { TextSelectionManagerService as te, DocCustomRangeService as Kn, CutContentCommand as nn, InnerPasteCommand as on, getDeleteSelection as Zn, DocSkeletonManagerService as L, VIEWPORT_KEY as q, getDocObject as Jn, MoveCursorOperation as He, MoveSelectionOperation as Ve, SelectAllOperation as qn, neoGetDocObject as J, RichTextEditingMutation as ht, SetInlineFormatBoldCommand as Qn, SetTextSelectionsOperation as V, SetInlineFormatCommand as ue, SetInlineFormatItalicCommand as eo, SetInlineFormatUnderlineCommand as to, SetInlineFormatStrikethroughCommand as no, SetInlineFormatSubscriptCommand as oo, SetInlineFormatSuperscriptCommand as ro, SetInlineFormatFontFamilyCommand as Rt, SetInlineFormatFontSizeCommand as Ot, SetInlineFormatTextColorCommand as Ct, AlignLeftCommand as io, AlignOperationCommand as je, AlignCenterCommand as so, AlignRightCommand as ao, AlignJustifyCommand as co, OrderListCommand as lo, BulletListCommand as uo, ResetInlineFormatTextBackgroundColorCommand as ho, SetInlineFormatTextBackgroundColorCommand as et, BreakLineCommand as go, DeleteLeftCommand as po, DeleteRightCommand as _o, CoverContentCommand as fo, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ye, DOCS_COMPONENT_HEADER_LAYER_INDEX as mo, DOCS_VIEW_KEY as oe, DOCS_COMPONENT_DEFAULT_Z_INDEX as Et, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as So, SetDocZoomRatioCommand as vo, SetDocZoomRatioOperation as De, DocInterceptorService as Ro } from "@univerjs/docs";
+var T = (t, e, n) => vn(t, typeof e != "symbol" ? e + "" : e, n);
+import { FOCUSING_DOC as Ue, FOCUSING_UNIVER_EDITOR as dt, FOCUSING_COMMON_DRAWINGS as Xt, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE as Rn, Tools as j, LRUMap as On, BaselineOffset as ae, BooleanNumber as S, ColorKit as _t, DataStreamTreeTokenType as Pe, CustomRangeType as Kt, skipParseTagNames as Cn, IUniverInstanceService as w, ILogService as Zt, ICommandService as O, Disposable as Q, SliceBodyType as mt, normalizeBody as En, UniverInstanceType as v, toDisposable as Jt, RxDisposable as Se, Direction as K, EDITOR_ACTIVATED as qt, LocaleService as le, CommandType as de, DocumentFlavor as Tn, JSONX as Qe, ThemeService as Qt, HorizontalAlign as Le, OnLifecycle as we, LifecycleStages as Be, IContextService as In, checkForSubstrings as bn, IConfigService as Mn, isInternalEditorID as yn, DisposableCollection as St, Plugin as xn, ObjectRelativeFromH as Pn, ObjectRelativeFromV as Dn } from "@univerjs/core";
+import { IClipboardInterfaceService as ut, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as An, HTML_CLIPBOARD_MIME_TYPE as Nn, IEditorService as ee, KeyCode as H, MetaKeys as ve, ILayoutService as en, ISidebarService as Fn, ComponentManager as tn, MenuGroup as x, MenuItemType as y, MenuPosition as P, getMenuHiddenObservable as D, FONT_FAMILY_LIST as vt, FONT_SIZE_LIST as Un, getHeaderFooterMenuHiddenObservable as Ln, FontFamily as wn, FontFamilyItem as Bn, FontSize as $n, IMenuService as Hn, CopyCommand as Vn, CutCommand as jn, PasteCommand as Wn, SetEditorResizeOperation as kn, ICanvasPopupService as Gn, IShortcutService as zn } from "@univerjs/ui";
+import { createIdentifier as Yn, Inject as I, Injector as $e, Optional as Xn } from "@wendellhu/redi";
+import { TextSelectionManagerService as te, DocCustomRangeService as Kn, CutContentCommand as nn, InnerPasteCommand as on, getDeleteSelection as Zn, DocSkeletonManagerService as L, VIEWPORT_KEY as q, getDocObject as Jn, MoveCursorOperation as He, MoveSelectionOperation as Ve, SelectAllOperation as qn, neoGetDocObject as J, RichTextEditingMutation as ht, SetInlineFormatBoldCommand as Qn, SetTextSelectionsOperation as V, SetInlineFormatCommand as ue, SetInlineFormatItalicCommand as eo, SetInlineFormatUnderlineCommand as to, SetInlineFormatStrikethroughCommand as no, SetInlineFormatSubscriptCommand as oo, SetInlineFormatSuperscriptCommand as ro, SetInlineFormatFontFamilyCommand as Rt, SetInlineFormatFontSizeCommand as Ot, SetInlineFormatTextColorCommand as Ct, AlignLeftCommand as io, AlignOperationCommand as je, AlignCenterCommand as so, AlignRightCommand as ao, AlignJustifyCommand as co, OrderListCommand as lo, BulletListCommand as uo, ResetInlineFormatTextBackgroundColorCommand as ho, SetInlineFormatTextBackgroundColorCommand as et, BreakLineCommand as go, DeleteLeftCommand as po, DeleteRightCommand as fo, CoverContentCommand as _o, DOCS_COMPONENT_MAIN_LAYER_INDEX as Ye, DOCS_COMPONENT_HEADER_LAYER_INDEX as mo, DOCS_VIEW_KEY as oe, DOCS_COMPONENT_DEFAULT_Z_INDEX as Et, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX as So, SetDocZoomRatioCommand as vo, SetDocZoomRatioOperation as De, DocInterceptorService as Ro } from "@univerjs/docs";
 import { pixelToPt as Oo, ptToPixel as Tt, NodePositionConvertToCursor as rn, getAnchorBounding as Co, IRenderManagerService as W, ITextSelectionRenderManager as ne, Shape as Eo, DocumentEditArea as F, PageLayoutType as Ae, Vector2 as sn, Rect as Xe, Path as It, ScrollBar as tt, Viewport as To, Layer as bt, Documents as Io, DocBackground as bo, CURSOR_TYPE as Mt, getLineBounding as Mo } from "@univerjs/engine-render";
 import { takeUntil as se, Observable as B, combineLatest as yo, fromEvent as yt, BehaviorSubject as xt, map as xo } from "rxjs";
 import Po, { useState as an, useEffect as cn } from "react";
+import { useDependency as z } from "@wendellhu/redi/react-bindings";
 import { Checkbox as Pt, InputNumber as Dt, Button as Do, ColorPicker as Ao } from "@univerjs/design";
 import No from "clsx";
 function k(t) {
@@ -25,7 +27,7 @@ function Bo(t) {
 }
 class $o {
   constructor() {
-    C(this, "_cache", new On(Uo));
+    T(this, "_cache", new On(Uo));
   }
   set(e, n) {
     this._cache.set(e, n);
@@ -100,14 +102,14 @@ function gt(t) {
         break;
       }
       case "color": {
-        const a = new ft(s);
+        const a = new _t(s);
         a.isValid && (n.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new ft(s);
+        const a = new _t(s);
         a.isValid && (n.bg = {
           rgb: a.toRgbString()
         });
@@ -127,9 +129,9 @@ function Nt(t, e) {
 }
 const Fe = class Fe {
   constructor() {
-    C(this, "_styleCache", /* @__PURE__ */ new Map());
-    C(this, "_styleRules", []);
-    C(this, "_afterProcessRules", []);
+    T(this, "_styleCache", /* @__PURE__ */ new Map());
+    T(this, "_styleRules", []);
+    T(this, "_afterProcessRules", []);
   }
   static use(e) {
     if (this._pluginList.includes(e))
@@ -186,7 +188,7 @@ const Fe = class Fe {
       }
   }
 };
-C(Fe, "_pluginList", []);
+T(Fe, "_pluginList", []);
 let ce = Fe;
 const Vo = {
   name: "univer-doc-paste-plugin-lark",
@@ -295,10 +297,10 @@ const Wo = {
   ]
 }, zo = Go;
 function Ft(t, e) {
-  const { st: n, ed: o, ts: r = {} } = e, { ff: i, fs: s, it: a, bl: c, ul: d, st: g, ol: h, bg: p, cl: l, va: _ } = r;
+  const { st: n, ed: o, ts: r = {} } = e, { ff: i, fs: s, it: a, bl: c, ul: d, st: g, ol: h, bg: p, cl: l, va: f } = r;
   let u = t.slice(n, o);
-  const f = [];
-  return a === S.TRUE && (u = `<i>${u}</i>`), _ === ae.SUPERSCRIPT ? u = `<sup>${u}</sup>` : _ === ae.SUBSCRIPT && (u = `<sub>${u}</sub>`), (d == null ? void 0 : d.s) === S.TRUE && (u = `<u>${u}</u>`), (g == null ? void 0 : g.s) === S.TRUE && (u = `<s>${u}</s>`), c === S.TRUE && (u = `<strong>${u}</strong>`), i && f.push(`font-family: ${i}`), l && f.push(`color: ${l.rgb}`), s && f.push(`font-size: ${s}pt`), h && f.push("text-decoration: overline"), p && f.push(`background: ${p.rgb}`), f.length ? `<span style="${f.join("; ")};">${u}</span>` : u;
+  const _ = [];
+  return a === S.TRUE && (u = `<i>${u}</i>`), f === ae.SUPERSCRIPT ? u = `<sup>${u}</sup>` : f === ae.SUBSCRIPT && (u = `<sub>${u}</sub>`), (d == null ? void 0 : d.s) === S.TRUE && (u = `<u>${u}</u>`), (g == null ? void 0 : g.s) === S.TRUE && (u = `<s>${u}</s>`), c === S.TRUE && (u = `<strong>${u}</strong>`), i && _.push(`font-family: ${i}`), l && _.push(`color: ${l.rgb}`), s && _.push(`font-size: ${s}pt`), h && _.push("text-decoration: overline"), p && _.push(`background: ${p.rgb}`), _.length ? `<span style="${_.join("; ")};">${u}</span>` : u;
 }
 function Ke(t, e, n) {
   const { dataStream: o, textRuns: r = [] } = t;
@@ -350,13 +352,13 @@ var Xo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (t, e
 ce.use(ko);
 ce.use(jo);
 ce.use(zo);
-const Re = En("doc.clipboard-service");
+const Re = Yn("doc.clipboard-service");
 let nt = class extends Q {
   constructor(e, n, o, r, i, s) {
     super();
-    C(this, "_clipboardHooks", []);
-    C(this, "_htmlToUDM", new ce());
-    C(this, "_umdToHtml", new Yo());
+    T(this, "_clipboardHooks", []);
+    T(this, "_htmlToUDM", new ce());
+    T(this, "_umdToHtml", new Yo());
     this._univerInstanceService = e, this._logService = n, this._commandService = o, this._clipboardInterfaceService = r, this._textSelectionManagerService = i, this._docCustomRangeService = s;
   }
   async copy(e = mt.copy) {
@@ -412,7 +414,7 @@ let nt = class extends Q {
   }
   async _paste(e) {
     var d, g;
-    let n = Tn(e);
+    let n = En(e);
     const o = (d = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC)) == null ? void 0 : d.getUnitId();
     if (!o)
       return !1;
@@ -425,8 +427,8 @@ let nt = class extends Q {
     try {
       let h = s;
       for (const l of c) {
-        const { startOffset: _, endOffset: u } = l;
-        _ == null || u == null || u <= s && (h += n.dataStream.length - (u - _));
+        const { startOffset: f, endOffset: u } = l;
+        f == null || u == null || u <= s && (h += n.dataStream.length - (u - f));
       }
       const p = [
         {
@@ -464,14 +466,14 @@ let nt = class extends Q {
       const p = Zn({ startOffset: d, endOffset: g, collapsed: h }, s), l = r.getSelfOrHeaderFooterModel(a).sliceBody(p.startOffset, p.endOffset, e);
       if (l != null) {
         if (l.customRanges) {
-          const _ = [];
+          const f = [];
           l.customRanges.forEach((m) => {
-            m.startIndex === m.endIndex && _.push(m);
-          }), l.customRanges = l.customRanges.filter((m) => _.indexOf(m) === -1);
-          let u = "", f = 0;
-          _.forEach((m) => {
-            u += l.dataStream.slice(f, m.endIndex), f = m.endIndex + 1;
-          }), u += l.dataStream.slice(f, l.dataStream.length), l.dataStream = u;
+            m.startIndex === m.endIndex && f.push(m);
+          }), l.customRanges = l.customRanges.filter((m) => f.indexOf(m) === -1);
+          let u = "", _ = 0;
+          f.forEach((m) => {
+            u += l.dataStream.slice(_, m.endIndex), _ = m.endIndex + 1;
+          }), u += l.dataStream.slice(_, l.dataStream.length), l.dataStream = u;
         }
         i.push(l);
       }
@@ -483,7 +485,7 @@ let nt = class extends Q {
       let n = "", o = "";
       for (const r of e)
         for (const i of r.types)
-          i === Fn ? o = await r.getType(i).then((s) => s && s.text()) : i === Un && (n = await r.getType(i).then((s) => s && s.text()));
+          i === An ? o = await r.getType(i).then((s) => s && s.text()) : i === Nn && (n = await r.getType(i).then((s) => s && s.text()));
       return this._generateBodyFromHtmlAndText(n, o);
     } catch (n) {
       return Promise.reject(n);
@@ -535,8 +537,8 @@ nt = Zo([
   re(1, Zt),
   re(2, O),
   re(3, ut),
-  re(4, E(te)),
-  re(5, E(Kn))
+  re(4, I(te)),
+  re(5, I(Kn))
 ], nt);
 var Jo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Qo = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? qo(e, n) : e, i = t.length - 1, s; i >= 0; i--)
@@ -569,19 +571,19 @@ let ot = class extends Se {
     const n = this._getDocObject(), o = (G = this._renderManagerService.getRenderById(t)) == null ? void 0 : G.with(L), r = o == null ? void 0 : o.getSkeleton();
     if (n == null || r == null)
       return;
-    const i = n.document.getOffsetConfig(), { docsLeft: s, docsTop: a } = i, c = new rn(i, r), { contentBoxPointGroup: d } = c.getRangePointData(e, e), { left: g, top: h, height: p } = Co(d), l = g + s, _ = h + a, u = n.scene.getViewport(q.VIEW_MAIN), f = !!this._editorService.getEditor(t);
+    const i = n.document.getOffsetConfig(), { docsLeft: s, docsTop: a } = i, c = new rn(i, r), { contentBoxPointGroup: d } = c.getRangePointData(e, e), { left: g, top: h, height: p } = Co(d), l = g + s, f = h + a, u = n.scene.getViewport(q.VIEW_MAIN), _ = !!this._editorService.getEditor(t);
     if (u == null)
       return;
     const {
       left: m,
       top: R,
-      right: I,
-      bottom: b
+      right: C,
+      bottom: E
     } = u.getBounding().viewBound;
-    let T = 0, A = 0;
-    const N = f ? 0 : 100;
-    _ < R ? T = _ - R - N : _ > b - p && (T = _ - b + p + N), l < m ? A = l - m : l > I - Lt && (A = l - I + Lt);
-    const Y = u.transViewportScroll2ScrollValue(A, T);
+    let b = 0, A = 0;
+    const N = _ ? 0 : 100;
+    f < R ? b = f - R - N : f > E - p && (b = f - E + p + N), l < m ? A = l - m : l > C - Lt && (A = l - C + Lt);
+    const Y = u.transViewportScroll2ScrollValue(A, b);
     u.scrollBy(Y);
   }
   // Let the selection show on the current screen.
@@ -597,9 +599,9 @@ let ot = class extends Se {
   }
 };
 ot = Qo([
-  Oe(1, E(te)),
+  Oe(1, I(te)),
   Oe(2, ee),
-  Oe(3, E(w)),
+  Oe(3, I(w)),
   Oe(4, W)
 ], ot);
 const er = {
@@ -709,16 +711,16 @@ const er = {
   binding: H.A | ve.CTRL_COMMAND,
   preconditions: (t) => t.getContextValue(dt) && (t.getContextValue(Ue) || t.getContextValue(qt))
 };
-var gr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, _r = (t, e, n, o) => {
+var gr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, fr = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? pr(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && gr(e, n, r), r;
 }, wt = (t, e) => (n, o) => e(n, o, t);
 let rt = class {
   constructor(t, e, n) {
-    C(this, "_docContainer");
+    T(this, "_docContainer");
     // 获取SheetContainer组件
-    C(this, "getComponent", (t) => {
+    T(this, "getComponent", (t) => {
       if (this._docContainer = t, !t.getContentRef().current)
         throw new Error("container is not ready");
     });
@@ -729,7 +731,7 @@ let rt = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    C(this, "changeLocale", (t) => {
+    T(this, "changeLocale", (t) => {
       this._localeService.setLocale(t);
     });
     this._config = t, this._localeService = e, this._injector = n;
@@ -753,19 +755,19 @@ let rt = class {
     return this._docContainer;
   }
 };
-rt = _r([
-  wt(1, E(le)),
-  wt(2, E(Le))
+rt = fr([
+  wt(1, I(le)),
+  wt(2, I($e))
 ], rt);
-var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Sr = (t, e, n, o) => {
+var _r = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Sr = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? mr(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && fr(e, n, r), r;
+  return o && r && _r(e, n, r), r;
 }, Ce = (t, e) => (n, o) => e(n, o, t);
-let fe = class extends Se {
+let _e = class extends Se {
   constructor(e, n, o, r, i) {
     super();
-    C(this, "_docContainerController");
+    T(this, "_docContainerController");
     /**
      * Change language
      * @param {string} locale new language
@@ -773,7 +775,7 @@ let fe = class extends Se {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    C(this, "changeLocale", (e) => {
+    T(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
     this._localeService = n, this._injector = o, this._textSelectionRenderManager = r, this._layoutService = i, this._docContainerController = this._injector.createInstance(rt, e), this._registerContainer();
@@ -788,12 +790,12 @@ let fe = class extends Se {
     return this._docContainerController;
   }
 };
-fe = Sr([
-  Ce(1, E(le)),
-  Ce(2, E(Le)),
+_e = Sr([
+  Ce(1, I(le)),
+  Ce(2, I($e)),
   Ce(3, ne),
-  Ce(4, In(en))
-], fe);
+  Ce(4, Xn(en))
+], _e);
 const We = "UI_PLUGIN_DOCS", pt = `${We}_COLOR_PICKER_COMPONENT`, dn = `${We}_FONT_FAMILY_COMPONENT`, un = `${We}_FONT_FAMILY_ITEM_COMPONENT`, hn = `${We}_FONT_SIZE_COMPONENT`, Bt = 18, $t = 200, Ze = 6, vr = 4;
 function Rr(t, e) {
   let { radius: n, width: o, height: r } = e;
@@ -804,8 +806,8 @@ function Rr(t, e) {
 class Ne extends Eo {
   constructor(n, o) {
     super(n, o);
-    C(this, "color");
-    C(this, "text");
+    T(this, "color");
+    T(this, "text");
     this.color = o == null ? void 0 : o.color, this.text = o == null ? void 0 : o.text;
   }
   static drawWith(n, o) {
@@ -826,9 +828,9 @@ class Ne extends Eo {
     if (s > g) {
       let h = "", p = 0;
       for (const l of r) {
-        const _ = n.measureText(l).width;
-        if (p + _ <= g - n.measureText("...").width)
-          h += l, p += _;
+        const f = n.measureText(l).width;
+        if (p + f <= g - n.measureText("...").width)
+          h += l, p += f;
         else {
           h += "...";
           break;
@@ -855,7 +857,7 @@ var pn = { exports: {} }, ke = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Or = Po, Cr = Symbol.for("react.element"), Er = Symbol.for("react.fragment"), Tr = Object.prototype.hasOwnProperty, Ir = Or.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, br = { key: !0, ref: !0, __self: !0, __source: !0 };
-function _n(t, e, n) {
+function fn(t, e, n) {
   var o, r = {}, i = null, s = null;
   n !== void 0 && (i = "" + n), e.key !== void 0 && (i = "" + e.key), e.ref !== void 0 && (s = e.ref);
   for (o in e) Tr.call(e, o) && !br.hasOwnProperty(o) && (r[o] = e[o]);
@@ -863,8 +865,8 @@ function _n(t, e, n) {
   return { $$typeof: Cr, type: t, key: i, ref: s, props: r, _owner: Ir.current };
 }
 ke.Fragment = Er;
-ke.jsx = _n;
-ke.jsxs = _n;
+ke.jsx = fn;
+ke.jsxs = fn;
 pn.exports = ke;
 var M = pn.exports;
 const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-form-item", Pr = "univer-options-input", Dr = "univer-options-margin-setting", $ = {
@@ -874,57 +876,60 @@ const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-f
   optionsInput: Pr,
   optionsMarginSetting: Dr
 }, Ar = (t) => {
-  const e = z(le), n = z(w), o = z(W), r = z(O), i = z(ne), s = z(te), { unitId: a } = t, [c, d] = an({}), g = (l, _) => {
+  const e = z(le), n = z(w), o = z(W), r = z(O), i = z(ne), s = z(te), { unitId: a } = t, [c, d] = an({}), g = (l, f) => {
     var N;
     d((Y) => ({
       ...Y,
-      [_]: l ? S.TRUE : S.FALSE
+      [f]: l ? S.TRUE : S.FALSE
     }));
-    const u = n.getUniverDocInstance(a), f = u == null ? void 0 : u.getSnapshot().documentStyle, m = (N = o.getRenderById(a)) == null ? void 0 : N.with(L), R = m == null ? void 0 : m.getViewModel();
-    if (f == null || R == null)
+    const u = n.getUniverDocInstance(a), _ = u == null ? void 0 : u.getSnapshot().documentStyle, m = (N = o.getRenderById(a)) == null ? void 0 : N.with(L), R = m == null ? void 0 : m.getViewModel();
+    if (_ == null || R == null)
       return;
-    const I = R.getEditArea();
-    let b = !1;
-    const T = i.getSegmentPage();
+    const C = R.getEditArea();
+    let E = !1;
+    const b = i.getSegmentPage();
     let A = !1;
-    if (_ === "useFirstPageHeaderFooter" && l === !0 && ((I === F.HEADER && !f.firstPageHeaderId || I === F.FOOTER && !f.firstPageFooterId) && (b = !0), b && T === 0 && (A = !0)), _ === "evenAndOddHeaders" && l === !0 && ((I === F.HEADER && !f.evenPageHeaderId || I === F.FOOTER && !f.evenPageFooterId) && (b = !0), b && T % 2 === 1 && (A = !0)), b) {
+    if (f === "useFirstPageHeaderFooter" && l === !0 && ((C === F.HEADER && !_.firstPageHeaderId || C === F.FOOTER && !_.firstPageFooterId) && (E = !0), E && b === 0 && (A = !0)), f === "evenAndOddHeaders" && l === !0 && ((C === F.HEADER && !_.evenPageHeaderId || C === F.FOOTER && !_.evenPageFooterId) && (E = !0), E && b % 2 === 1 && (A = !0)), E) {
       const G = j.generateRandomId(6);
       A && i.setSegment(G), r.executeCommand(be, {
         unitId: a,
         segmentId: G,
         headerFooterProps: {
-          [_]: l ? S.TRUE : S.FALSE
+          [f]: l ? S.TRUE : S.FALSE
         }
       });
     } else
       r.executeCommand(be, {
         unitId: a,
         headerFooterProps: {
-          [_]: l ? S.TRUE : S.FALSE
+          [f]: l ? S.TRUE : S.FALSE
         }
       });
-  }, h = async (l, _) => {
+  }, h = async (l, f) => {
     d((u) => ({
       ...u,
-      [_]: l
+      [f]: l
     })), await r.executeCommand(be, {
       unitId: a,
       headerFooterProps: {
-        [_]: l
+        [f]: l
       }
     }), i.removeAllTextRanges(), i.blur();
   }, p = () => {
-    var m, R;
-    const l = (m = o.getRenderById(a)) == null ? void 0 : m.with(L), _ = l == null ? void 0 : l.getSkeleton(), u = l == null ? void 0 : l.getViewModel(), f = o.getRenderById(a);
-    f == null || u == null || _ == null || (s.replaceTextRanges([]), i.setSegment(""), i.setSegmentPage(-1), u.setEditArea(F.BODY), _.calculate(), (R = f.mainComponent) == null || R.makeDirty(!0));
+    var E;
+    const l = o.getRenderById(a);
+    if (l == null)
+      return;
+    const { scene: f } = l, u = f.getTransformerByCreate(), _ = l.with(L), m = _ == null ? void 0 : _.getSkeleton(), R = _ == null ? void 0 : _.getViewModel(), C = o.getRenderById(a);
+    C == null || R == null || m == null || (s.replaceTextRanges([]), u.clearSelectedObjects(), i.setSegment(""), i.setSegmentPage(-1), R.setEditArea(F.BODY), m.calculate(), (E = C.mainComponent) == null || E.makeDirty(!0));
   };
   return cn(() => {
-    const l = n.getUniverDocInstance(a), _ = l == null ? void 0 : l.getSnapshot().documentStyle;
-    if (_) {
-      const { marginHeader: u, marginFooter: f, useFirstPageHeaderFooter: m, evenAndOddHeaders: R } = _;
+    const l = n.getUniverDocInstance(a), f = l == null ? void 0 : l.getSnapshot().documentStyle;
+    if (f) {
+      const { marginHeader: u, marginFooter: _, useFirstPageHeaderFooter: m, evenAndOddHeaders: R } = f;
       d({
         marginHeader: u,
-        marginFooter: f,
+        marginFooter: _,
         useFirstPageHeaderFooter: m,
         evenAndOddHeaders: R
       });
@@ -1001,11 +1006,11 @@ const Mr = "univer-panel", yr = "univer-options-section", xr = "univer-options-f
       h.unsubscribe();
     };
   }, []), /* @__PURE__ */ M.jsx("div", { className: $.panel, children: a ? /* @__PURE__ */ M.jsx(Ar, { unitId: r }) : /* @__PURE__ */ M.jsx("div", { className: $.panelDisableText, children: t.t("headerFooter.disableText") }) });
-}, fn = {
+}, _n = {
   id: "sidebar.operation.doc-header-footer-panel",
   type: de.COMMAND,
   handler: async (t, e) => {
-    const n = t.get(Ln), o = t.get(le);
+    const n = t.get(Fn), o = t.get(le);
     switch (e.value) {
       case "open":
         n.open({
@@ -1083,17 +1088,17 @@ function wr(t, e, n) {
 let it = class extends Q {
   constructor(e, n, o, r, i, s, a, c, d) {
     super();
-    C(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    T(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
     this._context = e, this._commandService = n, this._editorService = o, this._instanceSrv = r, this._renderManagerService = i, this._docSkeletonManagerService = s, this._textSelectionRenderManager = a, this._localeService = c, this._componentManager = d, this._initialize();
   }
   _initialize() {
-    this._context.unit.getSnapshot().documentStyle.documentFlavor === bn.TRADITIONAL && (this._init(), this._drawHeaderFooterLabel(), this._registerCommands(), this._initCustomComponents());
+    this._context.unit.getSnapshot().documentStyle.documentFlavor === Tn.TRADITIONAL && (this._init(), this._drawHeaderFooterLabel(), this._registerCommands(), this._initCustomComponents());
   }
   _registerCommands() {
     [
       Wt,
       mn,
-      fn
+      _n
     ].forEach((e) => this.disposeWithMe(this._commandService.registerCommand(e)));
   }
   _initCustomComponents() {
@@ -1116,24 +1121,24 @@ let it = class extends Q {
       } = o.getOffsetConfig(), g = this._getTransformCoordForDocumentOffset(i, s);
       if (g == null)
         return;
-      const h = this._docSkeletonManagerService.getViewModel(), p = this._docSkeletonManagerService.getSkeleton(), l = h.getEditArea(), { editArea: _, pageNumber: u } = p.findEditAreaByCoord(
+      const h = this._docSkeletonManagerService.getViewModel(), p = this._docSkeletonManagerService.getSkeleton(), l = h.getEditArea(), { editArea: f, pageNumber: u } = p.findEditAreaByCoord(
         g,
         a,
         c,
         d
       );
-      if (l === _)
+      if (l === f)
         return;
-      h.setEditArea(_);
-      const { createType: f, headerFooterId: m } = wr(h, _, u);
-      if (_ === F.BODY)
+      h.setEditArea(f);
+      const { createType: _, headerFooterId: m } = wr(h, f, u);
+      if (f === F.BODY)
         this._textSelectionRenderManager.setSegment(""), this._textSelectionRenderManager.setSegmentPage(-1), this._textSelectionRenderManager.setCursorManually(i, s);
-      else if (f != null) {
-        const I = j.generateRandomId(6);
-        this._textSelectionRenderManager.setSegment(I), this._textSelectionRenderManager.setSegmentPage(u), await this._commandService.executeCommand(Wt.id, {
+      else if (_ != null) {
+        const C = j.generateRandomId(6);
+        this._textSelectionRenderManager.setSegment(C), this._textSelectionRenderManager.setSegmentPage(u), await this._commandService.executeCommand(Wt.id, {
           unitId: e,
-          createType: f,
-          segmentId: I
+          createType: _,
+          segmentId: C
         });
       } else m != null && (this._textSelectionRenderManager.setSegment(m), this._textSelectionRenderManager.setSegmentPage(u), this._textSelectionRenderManager.setCursorManually(i, s));
     }));
@@ -1161,51 +1166,51 @@ let it = class extends Q {
           i.pageRender$.subscribe((s) => {
             if (this._editorService.isEditor(n))
               return;
-            const d = this._docSkeletonManagerService.getViewModel().getEditArea() === F.BODY, { page: g, pageLeft: h, pageTop: p, ctx: l } = s, { pageWidth: _, pageHeight: u, marginTop: f, marginBottom: m } = g;
+            const d = this._docSkeletonManagerService.getViewModel().getEditArea() === F.BODY, { page: g, pageLeft: h, pageTop: p, ctx: l } = s, { pageWidth: f, pageHeight: u, marginTop: _, marginBottom: m } = g;
             if (l.save(), l.translate(h - 0.5, p - 0.5), d ? (Xe.drawWith(l, {
               left: 0,
               top: 0,
-              width: _,
-              height: f,
+              width: f,
+              height: _,
               fill: "rgba(255, 255, 255, 0.5)"
             }), l.save(), l.translate(0, u - m), Xe.drawWith(l, {
               left: 0,
               top: 0,
-              width: _,
+              width: f,
               height: m,
               fill: "rgba(255, 255, 255, 0.5)"
-            }), l.restore()) : (l.save(), l.translate(0, f), Xe.drawWith(l, {
+            }), l.restore()) : (l.save(), l.translate(0, _), Xe.drawWith(l, {
               left: 0,
-              top: f,
-              width: _,
-              height: u - f - m,
+              top: _,
+              width: f,
+              height: u - _ - m,
               fill: "rgba(255, 255, 255, 0.5)"
             }), l.restore()), !d) {
               const R = {
                 dataArray: [{
                   command: "M",
-                  points: [0, f]
+                  points: [0, _]
                 }, {
                   command: "L",
-                  points: [_, f]
+                  points: [f, _]
                 }],
                 strokeWidth: 1,
                 stroke: Ht
-              }, I = {
+              }, C = {
                 dataArray: [{
                   command: "M",
                   points: [0, u - m]
                 }, {
                   command: "L",
-                  points: [_, u - m]
+                  points: [f, u - m]
                 }],
                 strokeWidth: 1,
                 stroke: Ht
               };
-              It.drawWith(l, R), It.drawWith(l, I), l.translate(0, f + 1), Ne.drawWith(l, {
+              It.drawWith(l, R), It.drawWith(l, C), l.translate(0, _ + 1), Ne.drawWith(l, {
                 text: e.t("headerFooter.header"),
                 color: Vt
-              }), l.translate(0, u - f - m), Ne.drawWith(l, {
+              }), l.translate(0, u - _ - m), Ne.drawWith(l, {
                 text: e.t("headerFooter.footer"),
                 color: Vt
               });
@@ -1229,10 +1234,10 @@ it = Lr([
   X(2, ee),
   X(3, w),
   X(4, W),
-  X(5, E(L)),
+  X(5, I(L)),
   X(6, ne),
-  X(7, E(le)),
-  X(8, E(tn))
+  X(7, I(le)),
+  X(8, I(tn))
 ], it);
 function jt() {
   return {
@@ -1298,12 +1303,12 @@ function Je(t, e, n, o) {
     default:
       throw new Error(`Unknown header footer type: ${e}`);
   }
-  for (const [l, _] of [[h, s], [p, d]])
+  for (const [l, f] of [[h, s], [p, d]])
     if (n[l] != null) {
-      const u = r.replaceOp(["documentStyle", l], n[l], _);
+      const u = r.replaceOp(["documentStyle", l], n[l], f);
       o.push(u);
     } else {
-      const u = r.insertOp(["documentStyle", l], _);
+      const u = r.insertOp(["documentStyle", l], f);
       o.push(u);
     }
   return o;
@@ -1313,15 +1318,15 @@ const be = "doc.command.core-header-footer", Wt = {
   type: de.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: async (t, e) => {
-    var b;
-    const n = t.get(O), o = t.get(w), r = t.get(W), { unitId: i, segmentId: s, createType: a, headerFooterProps: c } = e, d = (b = r.getRenderById(i)) == null ? void 0 : b.with(L), g = o.getUniverDocInstance(i), h = d == null ? void 0 : d.getViewModel();
+    var E;
+    const n = t.get(O), o = t.get(w), r = t.get(W), { unitId: i, segmentId: s, createType: a, headerFooterProps: c } = e, d = (E = r.getRenderById(i)) == null ? void 0 : E.with(L), g = o.getUniverDocInstance(i), h = d == null ? void 0 : d.getViewModel();
     if (g == null || h == null)
       return !1;
-    const p = h.getEditArea(), { documentStyle: l } = g.getSnapshot(), _ = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, u = [{
+    const p = h.getEditArea(), { documentStyle: l } = g.getSnapshot(), f = (c == null ? void 0 : c.marginFooter) != null || (c == null ? void 0 : c.marginHeader) != null, u = [{
       startOffset: 0,
       endOffset: 0,
       collapsed: !0
-    }], f = {
+    }], _ = {
       id: ht.id,
       params: {
         unitId: i,
@@ -1330,26 +1335,26 @@ const be = "doc.command.core-header-footer", Wt = {
         debounce: !0
       }
     };
-    _ && (f.params.noNeedSetTextRange = !0);
+    f && (_.params.noNeedSetTextRange = !0);
     const m = Qe.getInstance(), R = [];
-    return a != null && Je(s, a, l, R), c != null && Object.keys(c).forEach((T) => {
-      const A = c[T], N = l[T];
+    return a != null && Je(s, a, l, R), c != null && Object.keys(c).forEach((b) => {
+      const A = c[b], N = l[b];
       if (A === N)
         return;
       let Y;
-      if (N === void 0 ? Y = m.insertOp(["documentStyle", T], A) : Y = m.replaceOp(["documentStyle", T], N, A), R.push(Y), T === "useFirstPageHeaderFooter" && A === S.TRUE && !l.firstPageHeaderId) {
+      if (N === void 0 ? Y = m.insertOp(["documentStyle", b], A) : Y = m.replaceOp(["documentStyle", b], N, A), R.push(Y), b === "useFirstPageHeaderFooter" && A === S.TRUE && !l.firstPageHeaderId) {
         const G = p === F.HEADER ? U.FIRST_PAGE_HEADER : U.FIRST_PAGE_FOOTER;
         Je(s, G, l, R);
-      } else if (T === "evenAndOddHeaders" && A === S.TRUE && !l.evenPageHeaderId) {
+      } else if (b === "evenAndOddHeaders" && A === S.TRUE && !l.evenPageHeaderId) {
         const G = p === F.HEADER ? U.EVEN_PAGE_HEADER : U.EVEN_PAGE_FOOTER;
         Je(s, G, l, R);
       }
-    }), R.length === 0 ? !1 : (f.params.actions = R.reduce((T, A) => Qe.compose(T, A), null), !!n.syncExecuteCommand(f.id, f.params));
+    }), R.length === 0 ? !1 : (_.params.actions = R.reduce((b, A) => Qe.compose(b, A), null), !!n.syncExecuteCommand(_.id, _.params));
   }
 }, mn = {
   id: "doc.command.open-header-footer-panel",
   type: de.COMMAND,
-  handler: async (t, e) => t.get(O).executeCommand(fn.id, { value: "open" })
+  handler: async (t, e) => t.get(O).executeCommand(_n.id, { value: "open" })
 };
 function Br(t) {
   const e = t.get(O);
@@ -1561,7 +1566,7 @@ function Gr(t) {
       }
     },
     positions: [P.TOOLBAR_START],
-    selections: wn,
+    selections: Un,
     // disabled$,
     value$: new B((n) => {
       const r = e.onCommandExecuted((i) => {
@@ -1618,7 +1623,7 @@ function Yr(t) {
     icon: "FreezeRowSingle",
     tooltip: "toolbar.headerFooter",
     positions: [P.TOOLBAR_START],
-    hidden$: yo(D(t, v.UNIVER_DOC), Bn(t), (e, n) => e || n)
+    hidden$: yo(D(t, v.UNIVER_DOC), Ln(t), (e, n) => e || n)
   };
 }
 function Xr(t) {
@@ -1639,7 +1644,7 @@ function Xr(t) {
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.LEFT);
+          n.next(c === Le.LEFT);
         }
       });
       return n.next(!1), o.dispose;
@@ -1665,7 +1670,7 @@ function Kr(t) {
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.CENTER);
+          n.next(c === Le.CENTER);
         }
       });
       return n.next(!1), o.dispose;
@@ -1691,7 +1696,7 @@ function Zr(t) {
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.RIGHT);
+          n.next(c === Le.RIGHT);
         }
       });
       return n.next(!1), o.dispose;
@@ -1717,7 +1722,7 @@ function Jr(t) {
           if (a == null)
             return;
           const c = (s = a.paragraphStyle) == null ? void 0 : s.horizontalAlign;
-          n.next(c === we.JUSTIFIED);
+          n.next(c === Le.JUSTIFIED);
         }
       });
       return n.next(!1), o.dispose;
@@ -1835,7 +1840,7 @@ let me = class extends Q {
   }
   _initCustomComponents() {
     const t = this._componentManager;
-    this.disposeWithMe(t.register(pt, Ao)), this.disposeWithMe(t.register(dn, $n)), this.disposeWithMe(t.register(un, Hn)), this.disposeWithMe(t.register(hn, Vn));
+    this.disposeWithMe(t.register(pt, Ao)), this.disposeWithMe(t.register(dn, wn)), this.disposeWithMe(t.register(un, Bn)), this.disposeWithMe(t.register(hn, $n));
   }
   _initMenus() {
     const { menu: t = {} } = this._config;
@@ -1874,11 +1879,11 @@ let me = class extends Q {
   }
 };
 me = ri([
-  Be($e.Rendered, me),
-  Ee(1, E(Le)),
-  Ee(2, E(tn)),
+  we(Be.Rendered, me),
+  Ee(1, I($e)),
+  Ee(2, I(tn)),
   Ee(3, en),
-  Ee(4, jn)
+  Ee(4, Hn)
 ], me);
 const ii = {
   id: go.id,
@@ -1889,35 +1894,35 @@ const ii = {
   preconditions: k,
   binding: H.BACKSPACE
 }, ai = {
-  id: _o.id,
+  id: fo.id,
   preconditions: k,
   binding: H.DELETE
 };
 function ze(t) {
   return t.getContextValue(Ue) || t.getContextValue(qt);
 }
-const _t = 999, ci = {
-  id: Wn.id,
+const ft = 999, ci = {
+  id: Vn.id,
   name: "doc.command.copy",
   type: de.COMMAND,
   multi: !0,
-  priority: _t,
+  priority: ft,
   preconditions: ze,
   handler: async (t) => t.get(Re).copy()
 }, li = {
-  id: kn.id,
+  id: jn.id,
   name: "doc.command.cut",
   type: de.COMMAND,
   multi: !0,
-  priority: _t,
+  priority: ft,
   preconditions: ze,
   handler: async (t) => t.get(Re).cut()
 }, di = {
-  id: Gn.id,
+  id: Wn.id,
   name: "doc.command.paste",
   type: de.COMMAND,
   multi: !0,
-  priority: _t,
+  priority: ft,
   preconditions: ze,
   handler: async (t) => {
     const e = t.get(Re), o = await t.get(ut).read();
@@ -1949,22 +1954,22 @@ let Me = class extends Se {
   }
 };
 Me = gi([
-  Be($e.Rendered, Me),
+  we(Be.Rendered, Me),
   he(0, O),
   he(1, ut),
   he(2, Re),
   he(3, ne),
-  he(4, Mn)
+  he(4, In)
 ], Me);
-var pi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, fi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? _i(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var pi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, _i = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? fi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && pi(e, n, r), r;
 }, ge = (t, e) => (n, o) => e(n, o, t);
 let ye = class extends Q {
   constructor(e, n, o, r, i) {
     super();
-    C(this, "_initialEditors", /* @__PURE__ */ new Set());
+    T(this, "_initialEditors", /* @__PURE__ */ new Set());
     this._univerInstanceService = e, this._editorService = n, this._commandService = o, this._textSelectionRenderManager = r, this._renderManagerService = i, this._initialize();
   }
   _initialize() {
@@ -1978,7 +1983,7 @@ let ye = class extends Q {
     }), this._commandExecutedListener(), this._initialSetValue(), this._initialBlur(), this._initialFocus(), this._initialValueChange();
   }
   _resize(e) {
-    var I, b, T;
+    var C, E, b;
     if (e == null)
       return;
     const n = this._editorService.getEditor(e);
@@ -1987,25 +1992,25 @@ let ye = class extends Q {
     const o = this._univerInstanceService.getUniverDocInstance(e);
     if (!o)
       return;
-    const r = (I = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : I.with(L).getSkeleton();
+    const r = (C = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : C.with(L).getSkeleton();
     if (n == null || n.render == null || r == null || o == null)
       return;
     r.calculate();
     const { marginTop: i = 0, marginBottom: s = 0, marginLeft: a = 0, marginRight: c = 0 } = o.getSnapshot().documentStyle, { scene: d, mainComponent: g } = n.render;
     let { actualHeight: h, actualWidth: p } = r.getActualSize();
     h += i + s, p += a + c;
-    const { width: l, height: _ } = n.getBoundingClientRect(), u = d.getViewport(q.VIEW_MAIN);
-    let f = u == null ? void 0 : u.getScrollBar();
-    const m = Math.max(p, l), R = Math.max(h, _);
+    const { width: l, height: f } = n.getBoundingClientRect(), u = d.getViewport(q.VIEW_MAIN);
+    let _ = u == null ? void 0 : u.getScrollBar();
+    const m = Math.max(p, l), R = Math.max(h, f);
     d.transformByState({
       width: m,
       height: R
-    }), g == null || g.resize(m, R), n.isSingle() ? p > l ? f == null ? u && new tt(u, { barSize: 8, enableVertical: !1 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (f = null, u == null || u.scrollTo({ x: 0, y: 0 }), (T = u == null ? void 0 : u.getScrollBar()) == null || T.dispose()) : h > _ ? f == null ? u && new tt(u, { enableHorizontal: !1, barSize: 8 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (f = null, u == null || u.scrollTo({ x: 0, y: 0 }), (b = u == null ? void 0 : u.getScrollBar()) == null || b.dispose());
+    }), g == null || g.resize(m, R), n.isSingle() ? p > l ? _ == null ? u && new tt(u, { barSize: 8, enableVertical: !1 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (_ = null, u == null || u.scrollTo({ x: 0, y: 0 }), (b = u == null ? void 0 : u.getScrollBar()) == null || b.dispose()) : h > f ? _ == null ? u && new tt(u, { enableHorizontal: !1, barSize: 8 }) : u == null || u.resetCanvasSizeAndUpdateScrollBar() : (_ = null, u == null || u.scrollTo({ x: 0, y: 0 }), (E = u == null ? void 0 : u.getScrollBar()) == null || E.dispose());
   }
   _initialSetValue() {
     this.disposeWithMe(
       this._editorService.setValue$.subscribe((e) => {
-        this._commandService.executeCommand(fo.id, {
+        this._commandService.executeCommand(_o.id, {
           unitId: e.editorUnitId,
           body: e.body,
           segmentId: null
@@ -2044,7 +2049,7 @@ let ye = class extends Q {
     this.disposeWithMe(
       yt(window, "mousedown").subscribe((o) => {
         const i = o.target.classList[0] || "";
-        if (yn(i, e)) {
+        if (bn(i, e)) {
           this._editorService.changeSpreadsheetFocusState(!0), o.stopPropagation();
           return;
         }
@@ -2080,7 +2085,7 @@ let ye = class extends Q {
    * Listen to document edits to refresh the size of the formula editor.
    */
   _commandExecutedListener() {
-    const e = [ht.id, zn.id];
+    const e = [ht.id, kn.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2093,8 +2098,8 @@ let ye = class extends Q {
     );
   }
 };
-ye = fi([
-  Be($e.Rendered, ye),
+ye = _i([
+  we(Be.Rendered, ye),
   ge(0, w),
   ge(1, ee),
   ge(2, O),
@@ -2182,16 +2187,16 @@ let st = class extends Se {
       return;
     let c = 0, d = 0;
     for (let h = 0, p = a.length; h < p; h++) {
-      const l = a[h], { pageWidth: _, pageHeight: u } = l;
-      i.pageLayoutType === Ae.VERTICAL ? (d += u, d += i.pageMarginTop, h === p - 1 && (d += i.pageMarginTop), c = Math.max(c, _)) : i.pageLayoutType === Ae.HORIZONTAL && (c += _, h !== p - 1 && (c += i.pageMarginLeft), d = Math.max(d, u));
+      const l = a[h], { pageWidth: f, pageHeight: u } = l;
+      i.pageLayoutType === Ae.VERTICAL ? (d += u, d += i.pageMarginTop, h === p - 1 && (d += i.pageMarginTop), c = Math.max(c, f)) : i.pageLayoutType === Ae.HORIZONTAL && (c += f, h !== p - 1 && (c += i.pageMarginLeft), d = Math.max(d, u));
     }
     i.resize(c, d), s.resize(c, d), this._editorService.isEditor(o) || n.resize(c, d);
   }
 };
 st = vi([
   pe(1, O),
-  pe(2, E(L)),
-  pe(3, xn),
+  pe(2, I(L)),
+  pe(3, Mn),
   pe(4, ee),
   pe(5, W)
 ], st);
@@ -2199,7 +2204,7 @@ var Ri = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, Ci = (t, e
   for (var r = o > 1 ? void 0 : o ? Oi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && Ri(e, n, r), r;
-}, _e = (t, e) => (n, o) => e(n, o, t);
+}, fe = (t, e) => (n, o) => e(n, o, t);
 let at = class extends Q {
   constructor(t, e, n, o, r, i) {
     super(), this._context = t, this._docSkeletonManagerService = e, this._univerInstanceService = n, this._commandService = o, this._textSelectionManagerService = r, this._editorService = i, this._init();
@@ -2264,11 +2269,11 @@ let at = class extends Q {
     if (i == null || s === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
       return;
     const { width: g, height: h } = i;
-    let p = 0, l = 0, _ = 0, u = 0, f = Number.POSITIVE_INFINITY;
-    g > (s + c * 2) * e ? (p = g / 2 - s * e / 2, p /= e, _ = (g - c * 2) / e, f = 0) : (p = c, _ = s + c * 2, f = (_ - g / e) / 2), h > a ? (l = h / 2 - a / 2, u = (h - d * 2) / e) : (l = d, u = a + d * 2), o.resize(_, u + 200), n.translate(p, l), r.translate(p, l);
+    let p = 0, l = 0, f = 0, u = 0, _ = Number.POSITIVE_INFINITY;
+    g > (s + c * 2) * e ? (p = g / 2 - s * e / 2, p /= e, f = (g - c * 2) / e, _ = 0) : (p = c, f = s + c * 2, _ = (f - g / e) / 2), h > a ? (l = h / 2 - a / 2, u = (h - d * 2) / e) : (l = d, u = a + d * 2), o.resize(f, u + 200), n.translate(p, l), r.translate(p, l);
     const m = o.getViewport(q.VIEW_MAIN);
-    if (f !== Number.POSITIVE_INFINITY && m != null) {
-      const R = m.transViewportScroll2ScrollValue(f, 0).x;
+    if (_ !== Number.POSITIVE_INFINITY && m != null) {
+      const R = m.transViewportScroll2ScrollValue(_, 0).x;
       m.scrollTo({
         x: R
       });
@@ -2277,11 +2282,11 @@ let at = class extends Q {
   }
 };
 at = Ci([
-  _e(1, E(L)),
-  _e(2, w),
-  _e(3, O),
-  _e(4, E(te)),
-  _e(5, ee)
+  fe(1, I(L)),
+  fe(2, w),
+  fe(3, O),
+  fe(4, I(te)),
+  fe(5, ee)
 ], at);
 var Ei = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ii = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? Ti(e, n) : e, i = t.length - 1, s; i >= 0; i--)
@@ -2291,7 +2296,7 @@ var Ei = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ii = (t, e
 let ct = class extends Q {
   constructor(e, n, o, r, i, s, a) {
     super();
-    C(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+    T(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
     this._context = e, this._commandService = n, this._editorService = o, this._instanceSrv = r, this._textSelectionRenderManager = i, this._docSkeletonManagerService = s, this._textSelectionManagerService = a, this._initialize();
   }
   _initialize() {
@@ -2318,14 +2323,14 @@ let ct = class extends Q {
         const {
           pageLayoutType: p = Ae.VERTICAL,
           pageMarginLeft: l,
-          pageMarginTop: _
+          pageMarginTop: f
         } = o.getOffsetConfig(), { editArea: u } = c.findEditAreaByCoord(
           h,
           p,
           l,
-          _
-        ), f = this._docSkeletonManagerService.getViewModel(), m = f.getEditArea();
-        m !== F.BODY && u !== F.BODY && u !== m && f.setEditArea(u);
+          f
+        ), _ = this._docSkeletonManagerService.getViewModel(), m = _.getEditArea();
+        m !== F.BODY && u !== F.BODY && u !== m && _.setEditArea(u);
       }
       if (this._textSelectionRenderManager.eventTrigger(i), this._editorService.getEditor(e)) {
         this._setEditorFocus(e);
@@ -2378,7 +2383,7 @@ let ct = class extends Q {
         this._textSelectionRenderManager.changeRuntime(e, n, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
           unitId: r,
           subUnitId: ""
-        }), Pn(r) || this._textSelectionManagerService.replaceTextRanges([
+        }), yn(r) || this._textSelectionManagerService.replaceTextRanges([
           {
             startOffset: 0,
             endOffset: 0
@@ -2393,8 +2398,8 @@ ct = Ii([
   ie(2, ee),
   ie(3, w),
   ie(4, ne),
-  ie(5, E(L)),
-  ie(6, E(te))
+  ie(5, I(L)),
+  ie(6, I(te))
 ], ct);
 var bi = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, yi = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? Mi(e, n) : e, i = t.length - 1, s; i >= 0; i--)
@@ -2435,12 +2440,12 @@ let lt = class extends Q {
         right: d + h,
         top: g,
         bottom: g + p
-      }, _ = kt(l, a), u = c.getCanvasElement().getBoundingClientRect().top;
+      }, f = kt(l, a), u = c.getCanvasElement().getBoundingClientRect().top;
       return {
-        left: _.left,
-        right: _.right,
-        top: _.top + u,
-        bottom: _.bottom + u
+        left: f.left,
+        right: f.right,
+        top: f.top + u,
+        bottom: f.bottom + u
       };
     }, o = n(), r = new xt(o), i = new St();
     i.add(this._commandService.onCommandExecuted((a) => {
@@ -2458,13 +2463,13 @@ let lt = class extends Q {
   _createRangePositionObserver(t, e) {
     var a;
     const n = () => {
-      const { scene: c, mainComponent: d, engine: g } = e, h = e.with(L).getSkeleton(), p = h.findNodePositionByCharIndex(t.startOffset), l = h.findNodePositionByCharIndex(t.endOffset), _ = d;
+      const { scene: c, mainComponent: d, engine: g } = e, h = e.with(L).getSkeleton(), p = h.findNodePositionByCharIndex(t.startOffset), l = h.findNodePositionByCharIndex(t.endOffset), f = d;
       if (!l || !p)
         return;
-      const u = _.getOffsetConfig(), { docsLeft: f, docsTop: m } = u, R = g.getCanvasElement().getBoundingClientRect().top, I = new rn(u, h), { borderBoxPointGroup: b } = I.getRangePointData(p, l);
-      return Mo(b).map((N) => kt(N, c)).map((N) => ({
-        left: N.left + f,
-        right: N.right + f,
+      const u = f.getOffsetConfig(), { docsLeft: _, docsTop: m } = u, R = g.getCanvasElement().getBoundingClientRect().top, C = new rn(u, h), { borderBoxPointGroup: E } = C.getRangePointData(p, l);
+      return Mo(E).map((N) => kt(N, c)).map((N) => ({
+        left: N.left + _,
+        right: N.right + _,
         top: N.top + m + R,
         bottom: N.bottom + m + R
       }));
@@ -2536,7 +2541,7 @@ let lt = class extends Q {
   }
 };
 lt = yi([
-  Te(0, E(Yn)),
+  Te(0, I(Gn)),
   Te(1, W),
   Te(2, w),
   Te(3, O)
@@ -2566,7 +2571,7 @@ let xe = class extends Se {
   }
 };
 xe = Di([
-  Be($e.Ready, xe),
+  we(Be.Ready, xe),
   zt(0, w),
   zt(1, W)
 ], xe);
@@ -2575,7 +2580,7 @@ var Ai = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, Fi = (t, e
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && Ai(e, n, r), r;
 }, qe = (t, e) => (n, o) => e(n, o, t), Ie;
-let Yt = (Ie = class extends Dn {
+let Yt = (Ie = class extends xn {
   constructor(t, e, n, o) {
     super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._logService = o, this._config = j.deepMerge({}, nr, this._config), this._initDependencies(e), this._initializeCommands();
   }
@@ -2600,7 +2605,7 @@ let Yt = (Ie = class extends Dn {
       ai,
       ii
     ].forEach((t) => {
-      this._injector.get(Xn).registerShortcut(t);
+      this._injector.get(zn).registerShortcut(t);
     });
   }
   _initDependencies(t) {
@@ -2609,7 +2614,7 @@ let Yt = (Ie = class extends Dn {
       [Me],
       [ye],
       [xe],
-      [fe, { useFactory: () => this._injector.createInstance(fe, this._config) }],
+      [_e, { useFactory: () => this._injector.createInstance(_e, this._config) }],
       [Re, { useClass: nt }],
       [lt]
     ].forEach((n) => t.add(n));
@@ -2626,7 +2631,7 @@ let Yt = (Ie = class extends Dn {
     }
   }
   _initUI() {
-    this._injector.get(fe);
+    this._injector.get(_e);
   }
   _initRenderBasics() {
     [
@@ -2647,13 +2652,13 @@ let Yt = (Ie = class extends Dn {
       this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, t);
     });
   }
-}, C(Ie, "pluginName", or), C(Ie, "type", v.UNIVER_DOC), Ie);
+}, T(Ie, "pluginName", or), T(Ie, "type", v.UNIVER_DOC), Ie);
 Yt = Fi([
-  qe(1, E(Le)),
+  qe(1, I($e)),
   qe(2, W),
   qe(3, Zt)
 ], Yt);
-function ki(t) {
+function zi(t) {
   return {
     left: t.positionH.posOffset,
     top: t.positionV.posOffset,
@@ -2661,18 +2666,18 @@ function ki(t) {
     height: t.size.height
   };
 }
-function Gi(t, e = 0, n = 0) {
+function Yi(t, e = 0, n = 0) {
   return {
     size: {
       width: t.width,
       height: t.height
     },
     positionH: {
-      relativeFrom: An.MARGIN,
+      relativeFrom: Pn.MARGIN,
       posOffset: (t.left || 0) - e
     },
     positionV: {
-      relativeFrom: Nn.PAGE,
+      relativeFrom: Dn.PAGE,
       posOffset: (t.top || 0) - n
     },
     angle: t.angle || 0
@@ -2695,7 +2700,7 @@ export {
   zo as PastePluginUniver,
   ko as PastePluginWord,
   Yt as UniverDocsUIPlugin,
-  ki as docDrawingPositionToTransform,
-  Gi as transformToDocDrawingPosition,
+  zi as docDrawingPositionToTransform,
+  Yi as transformToDocDrawingPosition,
   k as whenDocAndEditorFocused
 };