@univerjs/sheets-ui 0.5.5 → 0.6.0-experimental.20250125-1d060b9

package/lib/es/facade.js

@@ -1,76 +1,76 @@
-import { FUniver as ue, ICommandService as I, IUniverInstanceService as L, CanceledError as G, RichTextValue as q, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as A, LifecycleService as Q, DisposableCollection as W, LifecycleStages as ee, UniverInstanceType as fe, ILogService as D, toDisposable as C, awaitTime as Ee, InterceptorEffectEnum as we, FEventName as ve, generateRandomId as _e } from "@univerjs/core";
+import { FUniver as ue, ICommandService as P, IUniverInstanceService as L, CanceledError as G, RichTextValue as q, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as A, LifecycleService as Q, DisposableCollection as $, LifecycleStages as ee, UniverInstanceType as pe, ILogService as D, toDisposable as b, awaitTime as Ee, InterceptorEffectEnum as we, FEventName as ve, generateRandomId as _e } from "@univerjs/core";
 import { RichTextEditingMutation as ke } from "@univerjs/docs";
 import { IRenderManagerService as m, DeviceInputEventType as te, SHEET_VIEWPORT_KEY as Ie, sheetContentViewportKeys as Pe } from "@univerjs/engine-render";
-import { SheetsSelectionsService as Me, COMMAND_LISTENER_SKELETON_CHANGE as Re, getSkeletonChangedEffectedRange as ye, SheetInterceptorService as Ue, INTERCEPTOR_POINT as He, InterceptCellContentPriority as xe } from "@univerjs/sheets";
-import { SetCellEditVisibleOperation as P, IEditorBridgeService as $, SetZoomRatioCommand as re, HoverManagerService as _, DragManagerService as U, SheetScrollManagerService as T, SheetPasteShortKeyCommand as ne, ISheetClipboardService as Se, SHEET_VIEW_KEY as R, ISheetSelectionRenderService as H, SheetSkeletonManagerService as x, ChangeZoomRatioCommand as De, SheetsScrollRenderController as Te, SetWorksheetColAutoWidthCommand as Be, SheetCanvasPopManagerService as ie, CellAlertManagerService as Le, IMarkSelectionService as Ae } from "@univerjs/sheets-ui";
-import { FSheetHooks as j, FWorkbook as Ce, FWorksheet as be, FPermission as pe, FRange as me } from "@univerjs/sheets/facade";
-import { KeyCode as B, CutCommand as oe, CopyCommand as se, PasteCommand as ae, IClipboardInterfaceService as $e, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as ce, HTML_CLIPBOARD_MIME_TYPE as de, supportClipboardAPI as he, ISidebarService as We, IDialogService as je, ComponentManager as le } from "@univerjs/ui";
-import { filter as v, combineLatest as Oe } from "rxjs";
-class Fe extends ue {
+import { SheetsSelectionsService as Re, COMMAND_LISTENER_SKELETON_CHANGE as Me, getSkeletonChangedEffectedRange as ye, SheetInterceptorService as Ue, INTERCEPTOR_POINT as He, InterceptCellContentPriority as xe } from "@univerjs/sheets";
+import { SetCellEditVisibleOperation as M, IEditorBridgeService as W, SetZoomRatioCommand as re, HoverManagerService as _, DragManagerService as H, SheetScrollManagerService as B, SheetPasteShortKeyCommand as ne, ISheetClipboardService as Se, SheetSkeletonManagerService as R, SHEET_VIEW_KEY as k, ISheetSelectionRenderService as x, ChangeZoomRatioCommand as De, SheetsScrollRenderController as Be, SetWorksheetColAutoWidthCommand as Te, SetColumnHeaderHeightCommand as Le, SetRowHeaderWidthCommand as Ae, SheetCanvasPopManagerService as ie, CellAlertManagerService as We, IMarkSelectionService as $e } from "@univerjs/sheets-ui";
+import { FSheetHooks as j, FWorkbook as Ce, FWorksheet as me, FPermission as be, FRange as fe } from "@univerjs/sheets/facade";
+import { KeyCode as T, CutCommand as oe, CopyCommand as se, PasteCommand as ae, IClipboardInterfaceService as je, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as ce, HTML_CLIPBOARD_MIME_TYPE as de, supportClipboardAPI as he, ISidebarService as Oe, IDialogService as Fe, ComponentManager as le } from "@univerjs/ui";
+import { filter as S, combineLatest as Ne } from "rxjs";
+class ze extends ue {
   // eslint-disable-next-line max-lines-per-function
   _initSheetUIEvent(e) {
-    const r = e.get(I);
-    this.disposeWithMe(r.beforeCommandExecuted((t) => {
-      if (t.id === P.id) {
+    const t = e.get(P);
+    this.disposeWithMe(t.beforeCommandExecuted((r) => {
+      if (r.id === M.id) {
         if (!this._eventListend(this.Event.BeforeSheetEditStart) && !this._eventListend(this.Event.BeforeSheetEditEnd))
           return;
-        const i = this.getCommandSheetTarget(t);
+        const i = this.getActiveSheet();
         if (!i)
           return;
-        const { workbook: o, worksheet: s } = i, c = e.get($), g = e.get(L), b = t.params, { visible: l, keycode: h, eventType: S } = b, d = c.getEditLocation();
+        const { workbook: o, worksheet: s } = i, a = e.get(W), g = e.get(L), v = r.params, { visible: l, keycode: h, eventType: C } = v, d = a.getEditLocation();
         if (l) {
-          const f = {
+          const p = {
             row: d.row,
             column: d.column,
-            eventType: S,
+            eventType: C,
             keycode: h,
             workbook: o,
             worksheet: s,
             isZenEditor: !1
           };
-          if (this.fireEvent(this.Event.BeforeSheetEditStart, f), f.cancel)
+          if (this.fireEvent(this.Event.BeforeSheetEditStart, p), p.cancel)
             throw new G();
         } else {
-          const f = {
+          const p = {
             row: d.row,
             column: d.column,
-            eventType: S,
+            eventType: C,
             keycode: h,
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
             value: q.create(g.getUnit(A).getSnapshot()),
-            isConfirm: h !== B.ESC
+            isConfirm: h !== T.ESC
           };
-          if (this.fireEvent(this.Event.BeforeSheetEditEnd, f), f.cancel)
+          if (this.fireEvent(this.Event.BeforeSheetEditEnd, p), p.cancel)
             throw new G();
         }
       }
-      if (t.id === re.id) {
+      if (r.id === re.id) {
         if (!this._eventListend(this.Event.BeforeSheetZoomChange))
           return;
-        const i = this.getCommandSheetTarget(t);
+        const i = this.getCommandSheetTarget(r);
         if (!i)
           return;
         const { workbook: o, worksheet: s } = i;
         this.fireEvent(this.Event.BeforeSheetZoomChange, {
-          zoom: t.params.zoomRatio,
+          zoom: r.params.zoomRatio,
           workbook: o,
           worksheet: s
         });
       }
-    })), this.disposeWithMe(r.onCommandExecuted((t) => {
-      if (t.id === P.id) {
+    })), this.disposeWithMe(t.onCommandExecuted((r) => {
+      if (r.id === M.id) {
         if (!this._eventListend(this.Event.SheetEditStarted) && !this._eventListend(this.Event.SheetEditEnded))
           return;
-        const i = this.getCommandSheetTarget(t);
+        const i = this.getCommandSheetTarget(r);
         if (!i)
           return;
-        const { workbook: o, worksheet: s } = i, c = e.get($), g = t.params, { visible: b, keycode: l, eventType: h } = g, S = c.getEditLocation();
-        if (b) {
+        const { workbook: o, worksheet: s } = i, a = e.get(W), g = r.params, { visible: v, keycode: l, eventType: h } = g, C = a.getEditLocation();
+        if (v) {
           const d = {
-            row: S.row,
-            column: S.column,
+            row: C.row,
+            column: C.column,
             eventType: h,
             keycode: l,
             workbook: o,
@@ -80,43 +80,43 @@ class Fe extends ue {
           this.fireEvent(this.Event.SheetEditStarted, d);
         } else {
           const d = {
-            row: S.row,
-            column: S.column,
+            row: C.row,
+            column: C.column,
             eventType: h,
             keycode: l,
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
-            isConfirm: l !== B.ESC
+            isConfirm: l !== T.ESC
           };
           this.fireEvent(this.Event.SheetEditEnded, d);
         }
       }
-      if (t.id === ke.id) {
+      if (r.id === ke.id) {
         if (!this._eventListend(this.Event.SheetEditChanging))
           return;
-        const i = this.getCommandSheetTarget(t);
+        const i = this.getCommandSheetTarget(r);
         if (!i)
           return;
-        const { workbook: o, worksheet: s } = i, c = e.get($), g = e.get(L), b = t.params;
-        if (!c.isVisible().visible) return;
-        const { unitId: l } = b;
+        const { workbook: o, worksheet: s } = i, a = e.get(W), g = e.get(L), v = r.params;
+        if (!a.isVisible().visible) return;
+        const { unitId: l } = v;
         if (l === A) {
-          const { row: h, column: S } = c.getEditLocation(), d = {
+          const { row: h, column: C } = a.getEditLocation(), d = {
             workbook: o,
             worksheet: s,
             row: h,
-            column: S,
+            column: C,
             value: q.create(g.getUnit(A).getSnapshot()),
             isZenEditor: !1
           };
           this.fireEvent(this.Event.SheetEditChanging, d);
         }
       }
-      if (t.id === re.id) {
+      if (r.id === re.id) {
         if (!this._eventListend(this.Event.SheetZoomChanged))
           return;
-        const i = this.getCommandSheetTarget(t);
+        const i = this.getCommandSheetTarget(r);
         if (!i)
           return;
         const { workbook: o, worksheet: s } = i;
@@ -128,162 +128,165 @@ class Fe extends ue {
       }
     })), this._initObserverListener(e);
   }
+  /**
+   * @ignore
+   */
   // eslint-disable-next-line max-lines-per-function
   _initObserverListener(e) {
-    const t = e.get(L).getFocusedUnit(), i = t == null ? void 0 : t.getUnitId(), o = e.get(m);
+    const r = e.get(L).getFocusedUnit(), i = r == null ? void 0 : r.getUnitId(), o = e.get(m);
     if (i) {
-      const l = e.get(Q), h = new W();
-      this.disposeWithMe(l.lifecycle$.subscribe((S) => {
-        var k, M, u, p, E, O, F, N, V, Z, K, z, Y, X, J;
-        if (S < ee.Rendered) return;
+      const l = e.get(Q), h = new $();
+      this.disposeWithMe(l.lifecycle$.subscribe((C) => {
+        var I, y, u, f, E, O, F, N, z, V, Z, K, Y, X, J;
+        if (C < ee.Rendered) return;
         h.dispose();
-        const d = e.get(_), f = e.get(U);
+        const d = e.get(_), p = e.get(H);
         d && (h.add(
-          (k = d.currentClickedCell$) == null ? void 0 : k.pipe(v((n) => !!n)).subscribe((n) => {
+          (I = d.currentClickedCell$) == null ? void 0 : I.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellClicked)) return;
-            const a = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
-            a && this.fireEvent(this.Event.CellClicked, {
-              ...a,
+            const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
+            c && this.fireEvent(this.Event.CellClicked, {
+              ...c,
               ...n,
               row: n.location.row,
               column: n.location.col
             });
           })
         ), h.add(
-          (M = d.currentRichText$) == null ? void 0 : M.pipe(v((n) => !!n)).subscribe((n) => {
+          (y = d.currentRichText$) == null ? void 0 : y.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellHover)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.CellHover, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellHover, {
+              ...c,
               ...n,
               row: n.row,
               column: n.col
             });
           })
         ), h.add(
-          (u = d.currentPointerDownCell$) == null ? void 0 : u.pipe(v((n) => !!n)).subscribe((n) => {
+          (u = d.currentPointerDownCell$) == null ? void 0 : u.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellPointerDown)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.CellPointerDown, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellPointerDown, {
+              ...c,
               ...n,
               row: n.row,
               column: n.col
             });
           })
         ), h.add(
-          (p = d.currentPointerUpCell$) == null ? void 0 : p.pipe(v((n) => !!n)).subscribe((n) => {
+          (f = d.currentPointerUpCell$) == null ? void 0 : f.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellPointerUp)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.CellPointerUp, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellPointerUp, {
+              ...c,
               ...n,
               row: n.row,
               column: n.col
             });
           })
         ), h.add(
-          (E = d.currentCellPosWithEvent$) == null ? void 0 : E.pipe(v((n) => !!n)).subscribe((n) => {
+          (E = d.currentCellPosWithEvent$) == null ? void 0 : E.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellPointerMove)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.CellPointerMove, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellPointerMove, {
+              ...c,
               ...n,
               row: n.row,
               column: n.col
             });
           })
         ), h.add(
-          (O = f.currentCell$) == null ? void 0 : O.pipe(v((n) => !!n)).subscribe((n) => {
+          (O = p.currentCell$) == null ? void 0 : O.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.DragOver)) return;
-            const a = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
-            a && this.fireEvent(this.Event.DragOver, {
-              ...a,
+            const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
+            c && this.fireEvent(this.Event.DragOver, {
+              ...c,
               ...n,
               row: n.location.row,
               column: n.location.col
             });
           })
         ), h.add(
-          (F = f.endCell$) == null ? void 0 : F.pipe(v((n) => !!n)).subscribe((n) => {
+          (F = p.endCell$) == null ? void 0 : F.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.Drop)) return;
-            const a = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
-            a && this.fireEvent(this.Event.Drop, {
-              ...a,
+            const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
+            c && this.fireEvent(this.Event.Drop, {
+              ...c,
               ...n,
               row: n.location.row,
               column: n.location.col
             });
           })
         ), h.add(
-          (N = d.currentRowHeaderClick$) == null ? void 0 : N.pipe(v((n) => !!n)).subscribe((n) => {
+          (N = d.currentRowHeaderClick$) == null ? void 0 : N.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderClick)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.RowHeaderClick, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderClick, {
+              ...c,
               row: n.index
             });
           })
         ), h.add(
-          (V = d.currentRowHeaderPointerDown$) == null ? void 0 : V.pipe(v((n) => !!n)).subscribe((n) => {
+          (z = d.currentRowHeaderPointerDown$) == null ? void 0 : z.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderPointerDown)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.RowHeaderPointerDown, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderPointerDown, {
+              ...c,
               row: n.index
             });
           })
         ), h.add(
-          (Z = d.currentRowHeaderPointerUp$) == null ? void 0 : Z.pipe(v((n) => !!n)).subscribe((n) => {
+          (V = d.currentRowHeaderPointerUp$) == null ? void 0 : V.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderPointerUp)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.RowHeaderPointerUp, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderPointerUp, {
+              ...c,
               row: n.index
             });
           })
         ), h.add(
-          (K = d.currentHoveredRowHeader$) == null ? void 0 : K.pipe(v((n) => !!n)).subscribe((n) => {
+          (Z = d.currentHoveredRowHeader$) == null ? void 0 : Z.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderHover)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.RowHeaderHover, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderHover, {
+              ...c,
               row: n.index
             });
           })
         ), h.add(
-          (z = d.currentColHeaderClick$) == null ? void 0 : z.pipe(v((n) => !!n)).subscribe((n) => {
+          (K = d.currentColHeaderClick$) == null ? void 0 : K.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderClick)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.ColumnHeaderClick, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderClick, {
+              ...c,
               column: n.index
             });
           })
         ), h.add(
-          (Y = d.currentColHeaderPointerDown$) == null ? void 0 : Y.pipe(v((n) => !!n)).subscribe((n) => {
+          (Y = d.currentColHeaderPointerDown$) == null ? void 0 : Y.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderPointerDown)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
+              ...c,
               column: n.index
             });
           })
         ), h.add(
-          (X = d.currentColHeaderPointerUp$) == null ? void 0 : X.pipe(v((n) => !!n)).subscribe((n) => {
+          (X = d.currentColHeaderPointerUp$) == null ? void 0 : X.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderPointerUp)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
+              ...c,
               column: n.index
             });
           })
         ), h.add(
-          (J = d.currentHoveredColHeader$) == null ? void 0 : J.pipe(v((n) => !!n)).subscribe((n) => {
+          (J = d.currentHoveredColHeader$) == null ? void 0 : J.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderHover)) return;
-            const a = this.getSheetTarget(n.unitId, n.subUnitId);
-            a && this.fireEvent(this.Event.ColumnHeaderHover, {
-              ...a,
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderHover, {
+              ...c,
               column: n.index
             });
           })
@@ -291,57 +294,57 @@ class Fe extends ue {
       })), this.disposeWithMe(h);
     }
     const s = /* @__PURE__ */ new Map();
-    let c;
-    const g = e.get(Q), b = Oe([
+    let a;
+    const g = e.get(Q), v = Ne([
       o.created$,
       g.lifecycle$
     ]);
-    this.disposeWithMe(b.subscribe(([l, h]) => {
-      var M;
-      if (l.type === fe.UNIVER_SHEET && (c = l), h <= ee.Rendered) return;
-      const S = new W();
-      if (!c) return;
-      const d = this.getWorkbook(c.unitId);
+    this.disposeWithMe(v.subscribe(([l, h]) => {
+      var y;
+      if (l.type === pe.UNIVER_SHEET && (a = l), h <= ee.Rendered) return;
+      const C = new $();
+      if (!a) return;
+      const d = this.getWorkbook(a.unitId);
       if (!d) return;
-      s.get(c.unitId) && ((M = s.get(c.unitId)) == null || M.dispose()), s.set(c.unitId, S);
-      const f = c.with(T);
-      S.add(f.validViewportScrollInfo$.subscribe((u) => {
+      s.get(a.unitId) && ((y = s.get(a.unitId)) == null || y.dispose()), s.set(a.unitId, C);
+      const p = a.with(B);
+      C.add(p.validViewportScrollInfo$.subscribe((u) => {
         u && this._eventListend(this.Event.Scroll) && this.fireEvent(this.Event.Scroll, {
           workbook: d,
           worksheet: d.getActiveSheet(),
           ...u
         });
       }));
-      const k = c.with(Me);
-      S.add(k.selectionMoveStart$.subscribe((u) => {
-        var p;
+      const I = a.with(Re);
+      C.add(I.selectionMoveStart$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionMoveStart) && this.fireEvent(this.Event.SelectionMoveStart, {
           workbook: d,
           worksheet: d.getActiveSheet(),
-          selections: (p = u == null ? void 0 : u.map((E) => E.range)) != null ? p : []
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), S.add(k.selectionMoving$.subscribe((u) => {
-        var p;
+      })), C.add(I.selectionMoving$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionMoving) && this.fireEvent(this.Event.SelectionMoving, {
           workbook: d,
           worksheet: d.getActiveSheet(),
-          selections: (p = u == null ? void 0 : u.map((E) => E.range)) != null ? p : []
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), S.add(k.selectionMoveEnd$.subscribe((u) => {
-        var p;
+      })), C.add(I.selectionMoveEnd$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionMoveEnd) && this.fireEvent(this.Event.SelectionMoveEnd, {
           workbook: d,
           worksheet: d.getActiveSheet(),
-          selections: (p = u == null ? void 0 : u.map((E) => E.range)) != null ? p : []
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), S.add(k.selectionChanged$.subscribe((u) => {
-        var p;
+      })), C.add(I.selectionChanged$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionChanged) && this.fireEvent(this.Event.SelectionChanged, {
           workbook: d,
           worksheet: d.getActiveSheet(),
-          selections: (p = u == null ? void 0 : u.map((E) => E.range)) != null ? p : []
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), c = null, this.disposeWithMe(S);
+      })), a = null, this.disposeWithMe(C);
     })), this.disposeWithMe(o.disposed$.subscribe((l) => {
       var h;
       (h = s.get(l)) == null || h.dispose(), s.delete(l);
@@ -351,39 +354,42 @@ class Fe extends ue {
       });
     });
   }
+  /**
+   * @ignore
+   */
   _initialize(e) {
     this._initSheetUIEvent(e);
-    const r = e.get(I);
-    this.disposeWithMe(r.beforeCommandExecuted((t) => {
-      switch (t.id) {
+    const t = e.get(P);
+    this.disposeWithMe(t.beforeCommandExecuted((r) => {
+      switch (r.id) {
         case se.id:
         case oe.id:
           this._beforeClipboardChange();
           break;
         case ne.id:
-          this._beforeClipboardPaste(t.params);
+          this._beforeClipboardPaste(r.params);
           break;
       }
-    })), this.disposeWithMe(r.onCommandExecuted((t) => {
-      if (Re.indexOf(t.id) > -1) {
+    })), this.disposeWithMe(t.onCommandExecuted((r) => {
+      if (Me.indexOf(r.id) > -1) {
         if (!this._eventListend(this.Event.SheetSkeletonChanged)) return;
         const i = this.getActiveSheet();
         if (!i) return;
-        const o = ye(t).map((s) => {
-          var c, g;
-          return (g = (c = this.getWorkbook(s.unitId)) == null ? void 0 : c.getSheetBySheetId(s.subUnitId)) == null ? void 0 : g.getRange(s.range);
+        const o = ye(r).map((s) => {
+          var a, g;
+          return (g = (a = this.getWorkbook(s.unitId)) == null ? void 0 : a.getSheetBySheetId(s.subUnitId)) == null ? void 0 : g.getRange(s.range);
         }).filter(Boolean);
         if (!o.length) return;
         this.fireEvent(this.Event.SheetSkeletonChanged, {
           workbook: i.workbook,
           worksheet: i.worksheet,
-          payload: t,
+          payload: r,
           skeleton: i.worksheet.getSkeleton(),
           effectedRanges: o
         });
         return;
       }
-      switch (t.id) {
+      switch (r.id) {
         case se.id:
         case oe.id:
           this._clipboardChanged();
@@ -395,8 +401,8 @@ class Fe extends ue {
           this._clipboardPasteAsync();
           break;
       }
-    })), this.disposeWithMe(r.beforeCommandExecuted(async (t) => {
-      switch (t.id) {
+    })), this.disposeWithMe(t.beforeCommandExecuted(async (r) => {
+      switch (r.id) {
         case ae.id:
           await this._beforeClipboardPasteAsync();
           break;
@@ -404,20 +410,20 @@ class Fe extends ue {
     }));
   }
   _generateClipboardCopyParam() {
-    const e = this.getActiveWorkbook(), r = e == null ? void 0 : e.getActiveSheet(), t = e == null ? void 0 : e.getActiveRange();
-    if (!e || !r || !t)
+    const e = this.getActiveWorkbook(), t = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getActiveRange();
+    if (!e || !t || !r)
       return;
-    const o = this._injector.get(Se).generateCopyContent(e.getId(), r.getSheetId(), t.getRange());
+    const o = this._injector.get(Se).generateCopyContent(e.getId(), t.getSheetId(), r.getRange());
     if (!o)
       return;
-    const { html: s, plain: c } = o;
+    const { html: s, plain: a } = o;
     return {
       workbook: e,
-      worksheet: r,
-      text: c,
+      worksheet: t,
+      text: a,
       html: s,
-      fromSheet: r,
-      fromRange: t
+      fromSheet: t,
+      fromRange: r
     };
   }
   _beforeClipboardChange() {
@@ -437,27 +443,27 @@ class Fe extends ue {
   _generateClipboardPasteParam(e) {
     if (!e)
       return;
-    const { htmlContent: r, textContent: t } = e, i = this.getActiveWorkbook(), o = i == null ? void 0 : i.getActiveSheet();
+    const { htmlContent: t, textContent: r } = e, i = this.getActiveWorkbook(), o = i == null ? void 0 : i.getActiveSheet();
     return !i || !o ? void 0 : {
       workbook: i,
       worksheet: o,
-      text: t,
-      html: r
+      text: r,
+      html: t
     };
   }
   async _generateClipboardPasteParamAsync() {
-    const e = this.getActiveWorkbook(), r = e == null ? void 0 : e.getActiveSheet();
-    if (!e || !r)
+    const e = this.getActiveWorkbook(), t = e == null ? void 0 : e.getActiveSheet();
+    if (!e || !t)
       return;
-    const o = (await this._injector.get($e).read())[0];
+    const o = (await this._injector.get(je).read())[0];
     let s;
     if (o) {
-      const c = o.types, g = c.indexOf(ce) !== -1 ? await o.getType(ce).then((l) => l && l.text()) : "", b = c.indexOf(de) !== -1 ? await o.getType(de).then((l) => l && l.text()) : "";
+      const a = o.types, g = a.indexOf(ce) !== -1 ? await o.getType(ce).then((l) => l && l.text()) : "", v = a.indexOf(de) !== -1 ? await o.getType(de).then((l) => l && l.text()) : "";
       s = {
         workbook: e,
-        worksheet: r,
+        worksheet: t,
         text: g,
-        html: b
+        html: v
       };
     }
     return s;
@@ -465,15 +471,15 @@ class Fe extends ue {
   _beforeClipboardPaste(e) {
     if (!this.hasEventCallback(this.Event.BeforeClipboardPaste))
       return;
-    const r = this._generateClipboardPasteParam(e);
-    if (r && (this.fireEvent(this.Event.BeforeClipboardPaste, r), r.cancel))
+    const t = this._generateClipboardPasteParam(e);
+    if (t && (this.fireEvent(this.Event.BeforeClipboardPaste, t), t.cancel))
       throw new Error("Before clipboard paste is canceled");
   }
   _clipboardPaste(e) {
     if (!this.hasEventCallback(this.Event.BeforeClipboardPaste))
       return;
-    const r = this._generateClipboardPasteParam(e);
-    if (r && (this.fireEvent(this.Event.BeforeClipboardPaste, r), r.cancel))
+    const t = this._generateClipboardPasteParam(e);
+    if (t && (this.fireEvent(this.Event.BeforeClipboardPaste, t), t.cancel))
       throw new Error("Clipboard pasted is canceled");
   }
   async _beforeClipboardPasteAsync() {
@@ -499,39 +505,40 @@ class Fe extends ue {
       throw new Error("Clipboard pasted is canceled");
   }
   customizeColumnHeader(e) {
-    const r = this.getActiveWorkbook();
-    if (!r) {
+    var v, l;
+    const t = this.getActiveWorkbook();
+    if (!t) {
       console.error("WorkBook not exist");
       return;
     }
-    const t = r == null ? void 0 : r.getId();
-    this._getSheetRenderComponent(t, R.COLUMN).setCustomHeader(e);
+    const r = t == null ? void 0 : t.getId(), i = this._injector.get(m), o = t.getActiveSheet(), s = o.getSheetId(), a = i.getRenderById(r);
+    a && ((v = e.headerStyle) != null && v.size) && (a.with(R).setColumnHeaderSize(a, s, (l = e.headerStyle) == null ? void 0 : l.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(r, k.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
   }
   customizeRowHeader(e) {
-    const r = this.getActiveWorkbook();
-    if (!r) {
+    const t = this.getActiveWorkbook();
+    if (!t) {
       console.error("WorkBook not exist");
       return;
     }
-    const t = r == null ? void 0 : r.getId();
-    this._getSheetRenderComponent(t, R.ROW).setCustomHeader(e);
+    const r = t == null ? void 0 : t.getId();
+    this._getSheetRenderComponent(r, k.ROW).setCustomHeader(e);
   }
-  registerSheetRowHeaderExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, R.ROW), i = t.register(...r);
-    return C(() => {
-      i.dispose(), t.makeDirty(!0);
+  registerSheetRowHeaderExtension(e, ...t) {
+    const r = this._getSheetRenderComponent(e, k.ROW), i = r.register(...t);
+    return b(() => {
+      i.dispose(), r.makeDirty(!0);
     });
   }
-  registerSheetColumnHeaderExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, R.COLUMN), i = t.register(...r);
-    return C(() => {
-      i.dispose(), t.makeDirty(!0);
+  registerSheetColumnHeaderExtension(e, ...t) {
+    const r = this._getSheetRenderComponent(e, k.COLUMN), i = r.register(...t);
+    return b(() => {
+      i.dispose(), r.makeDirty(!0);
     });
   }
-  registerSheetMainExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, R.MAIN), i = t.register(...r);
-    return C(() => {
-      i.dispose(), t.makeDirty(!0);
+  registerSheetMainExtension(e, ...t) {
+    const r = this._getSheetRenderComponent(e, k.MAIN), i = r.register(...t);
+    return b(() => {
+      i.dispose(), r.makeDirty(!0);
     });
   }
   /**
@@ -541,11 +548,11 @@ class Fe extends ue {
    * @param {SHEET_VIEW_KEY} viewKey The view key of the spreadsheet.
    * @returns {Nullable<RenderComponentType>} The render component.
    */
-  _getSheetRenderComponent(e, r) {
+  _getSheetRenderComponent(e, t) {
     const i = this._injector.get(m).getRenderById(e);
     if (!i)
       throw new Error(`Render Unit with unitId ${e} not found`);
-    const { components: o } = i, s = o.get(r);
+    const { components: o } = i, s = o.get(t);
     if (!s)
       throw new Error("Render component not found");
     return s;
@@ -558,94 +565,94 @@ class Fe extends ue {
     return this._injector.createInstance(j);
   }
 }
-ue.extend(Fe);
-class Ne extends Ce {
+ue.extend(ze);
+class Ve extends Ce {
   openSiderbar(e) {
-    return this._logDeprecation("openSiderbar"), this._injector.get(We).open(e);
+    return this._logDeprecation("openSiderbar"), this._injector.get(Oe).open(e);
   }
   openDialog(e) {
     this._logDeprecation("openDialog");
-    const t = this._injector.get(je).open({
+    const r = this._injector.get(Fe).open({
       ...e,
       onClose: () => {
-        t.dispose();
+        r.dispose();
       }
     });
-    return t;
+    return r;
   }
   _logDeprecation(e) {
     this._injector.get(D).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
   }
   generateCellParams(e) {
-    const r = this.getActiveSheet();
+    const t = this.getActiveSheet();
     return {
       row: e.row,
       column: e.col,
       workbook: this,
-      worksheet: r
+      worksheet: t
     };
   }
   onCellClick(e) {
-    const r = this._injector.get(_);
-    return C(
-      r.currentClickedCell$.pipe(v((t) => !!t)).subscribe((t) => {
-        e(t);
+    const t = this._injector.get(_);
+    return b(
+      t.currentClickedCell$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r);
       })
     );
   }
   onCellHover(e) {
-    const r = this._injector.get(_);
-    return C(
-      r.currentRichText$.pipe(v((t) => !!t)).subscribe(e)
+    const t = this._injector.get(_);
+    return b(
+      t.currentRichText$.pipe(S((r) => !!r)).subscribe(e)
     );
   }
   onCellPointerDown(e) {
-    const r = this._injector.get(_);
-    return C(
-      r.currentPointerDownCell$.subscribe(e)
+    const t = this._injector.get(_);
+    return b(
+      t.currentPointerDownCell$.subscribe(e)
     );
   }
   onCellPointerUp(e) {
-    const r = this._injector.get(_);
-    return C(
-      r.currentPointerUpCell$.subscribe(e)
+    const t = this._injector.get(_);
+    return b(
+      t.currentPointerUpCell$.subscribe(e)
     );
   }
   onCellPointerMove(e) {
-    const r = this._injector.get(_);
-    return C(
-      r.currentCellPosWithEvent$.pipe(v((t) => !!t)).subscribe((t) => {
-        e(t, t.event);
+    const t = this._injector.get(_);
+    return b(
+      t.currentCellPosWithEvent$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r, r.event);
       })
     );
   }
   onDragOver(e) {
-    const r = this._injector.get(U);
-    return C(
-      r.currentCell$.pipe(v((t) => !!t)).subscribe((t) => {
-        e(t);
+    const t = this._injector.get(H);
+    return b(
+      t.currentCell$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r);
       })
     );
   }
   onDrop(e) {
-    const r = this._injector.get(U);
-    return C(
-      r.endCell$.pipe(v((t) => !!t)).subscribe((t) => {
-        e(t);
+    const t = this._injector.get(H);
+    return b(
+      t.endCell$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r);
       })
     );
   }
   startEditing() {
-    return this._injector.get(I).syncExecuteCommand(P.id, {
+    return this._injector.get(P).syncExecuteCommand(M.id, {
       eventType: te.Dblclick,
       unitId: this._workbook.getUnitId(),
       visible: !0
     });
   }
   async endEditing(e) {
-    return this._injector.get(I).syncExecuteCommand(P.id, {
+    return this._injector.get(P).syncExecuteCommand(M.id, {
       eventType: te.Keyboard,
-      keycode: e ? B.ENTER : B.ESC,
+      keycode: e ? T.ENTER : T.ESC,
       visible: !1,
       unitId: this._workbook.getUnitId()
     }), await Ee(0), !0;
@@ -663,40 +670,40 @@ class Ne extends Ce {
    * ```
    */
   getScrollStateBySheetId(e) {
-    const r = this._workbook.getUnitId(), i = this._injector.get(m).getRenderById(r);
-    return i ? i.with(T).getScrollStateByParam({ unitId: r, sheetId: e }) : null;
+    const t = this._workbook.getUnitId(), i = this._injector.get(m).getRenderById(t);
+    return i ? i.with(B).getScrollStateByParam({ unitId: t, sheetId: e }) : null;
   }
   disableSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
-    return t && t.with(H).disableSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).disableSelection(), this;
   }
   enableSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
-    return t && t.with(H).enableSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).enableSelection(), this;
   }
   transparentSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
-    return t && t.with(H).transparentSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).transparentSelection(), this;
   }
   showSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
-    return t && t.with(H).showSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).showSelection(), this;
   }
 }
-Ce.extend(Ne);
-class Ve extends be {
+Ce.extend(Ve);
+class Ze extends me {
   refreshCanvas() {
-    const e = this._injector.get(m), r = this._fWorkbook.id, t = e.getRenderById(r);
-    if (!t)
-      throw new Error(`Render Unit with unitId ${r} not found`);
-    t.with(x).reCalculate();
-    const i = t.mainComponent;
+    const e = this._injector.get(m), t = this._fWorkbook.id, r = e.getRenderById(t);
+    if (!r)
+      throw new Error(`Render Unit with unitId ${t} not found`);
+    r.with(R).reCalculate();
+    const i = r.mainComponent;
     if (!i)
       throw new Error("Main component not found");
     return i.makeDirty(), this;
   }
   zoom(e) {
-    return this._injector.get(I).syncExecuteCommand(De.id, {
+    return this._injector.get(P).syncExecuteCommand(De.id, {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
       zoomRatio: e
@@ -706,26 +713,26 @@ class Ve extends be {
     return this._worksheet.getZoomRatio();
   }
   getVisibleRange() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
     let i = {
       startColumn: 0,
       startRow: 0,
       endColumn: 0,
       endRow: 0
     };
-    if (!t) return i;
-    const s = t.with(x).getCurrentSkeleton();
+    if (!r) return i;
+    const s = r.with(R).getCurrentSkeleton();
     if (!s) return i;
-    const c = s == null ? void 0 : s.getVisibleRanges();
-    if (!c) return i;
+    const a = s == null ? void 0 : s.getVisibleRanges();
+    if (!a) return i;
     i = s.getVisibleRangeByViewport(Ie.VIEW_MAIN);
-    for (const [g, b] of c)
-      Pe.indexOf(g) !== -1 && (i.startColumn = Math.min(i.startColumn, b.startColumn), i.startRow = Math.min(i.startRow, b.startRow), i.endColumn = Math.max(i.endColumn, b.endColumn), i.endRow = Math.max(i.endRow, b.endRow));
+    for (const [g, v] of a)
+      Pe.indexOf(g) !== -1 && (i.startColumn = Math.min(i.startColumn, v.startColumn), i.startRow = Math.min(i.startRow, v.startRow), i.endColumn = Math.max(i.endColumn, v.endColumn), i.endRow = Math.max(i.endRow, v.endRow));
     return i;
   }
-  scrollToCell(e, r) {
-    const t = this._workbook.getUnitId(), o = this._injector.get(m).getRenderById(t);
-    return o && (o == null ? void 0 : o.with(Te)).scrollToCell(e, r), this;
+  scrollToCell(e, t) {
+    const r = this._workbook.getUnitId(), o = this._injector.get(m).getRenderById(r);
+    return o && (o == null ? void 0 : o.with(Be)).scrollToCell(e, t), this;
   }
   getScrollState() {
     const e = {
@@ -733,65 +740,110 @@ class Ve extends be {
       offsetY: 0,
       sheetViewStartColumn: 0,
       sheetViewStartRow: 0
-    }, r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(m).getRenderById(r);
-    return o && o.with(T).getScrollStateByParam({ unitId: r, sheetId: t }) || e;
+    }, t = this._workbook.getUnitId(), r = this._worksheet.getSheetId(), o = this._injector.get(m).getRenderById(t);
+    return o && o.with(B).getScrollStateByParam({ unitId: t, sheetId: r }) || e;
   }
   onScroll(e) {
     var o;
-    const r = this._workbook.getUnitId(), i = (o = this._injector.get(m).getRenderById(r)) == null ? void 0 : o.with(T);
+    const t = this._workbook.getUnitId(), i = (o = this._injector.get(m).getRenderById(t)) == null ? void 0 : o.with(B);
     if (i) {
-      const s = i.validViewportScrollInfo$.subscribe((c) => {
-        e(c);
+      const s = i.validViewportScrollInfo$.subscribe((a) => {
+        e(a);
       });
-      return C(s);
+      return b(s);
     }
-    return C(() => {
+    return b(() => {
     });
   }
   getSkeleton() {
-    var r, t;
-    const e = (r = this._injector.get(m).getRenderById(this._workbook.getUnitId())) == null ? void 0 : r.with(x);
-    return (t = e == null ? void 0 : e.getWorksheetSkeleton(this._worksheet.getSheetId())) == null ? void 0 : t.skeleton;
+    var t, r;
+    const e = (t = this._injector.get(m).getRenderById(this._workbook.getUnitId())) == null ? void 0 : t.with(R);
+    return (r = e == null ? void 0 : e.getWorksheetSkeleton(this._worksheet.getSheetId())) == null ? void 0 : r.skeleton;
   }
-  setColumnAutoWidth(e, r) {
-    const t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = [
+  setColumnAutoWidth(e, t) {
+    const r = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = [
       {
         startColumn: e,
-        endColumn: e + r - 1,
+        endColumn: e + t - 1,
         startRow: 0,
         endRow: this._worksheet.getRowCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(Be.id, {
-      unitId: t,
+    return this._commandService.syncExecuteCommand(Te.id, {
+      unitId: r,
       subUnitId: i,
       ranges: o
     }), this;
   }
+  customizeColumnHeader(e) {
+    var g, v;
+    const t = this, r = this._fWorkbook.getId(), i = this._injector.get(m), o = t.getSheetId(), s = i.getRenderById(r);
+    s && ((g = e.headerStyle) != null && g.size) && (s.with(R).setColumnHeaderSize(s, o, (v = e.headerStyle) == null ? void 0 : v.size), t == null || t.refreshCanvas());
+    const a = this._getSheetRenderComponent(r, k.COLUMN);
+    a && (a.setCustomHeader(e), t == null || t.refreshCanvas());
+  }
+  customizeRowHeader(e) {
+    const t = this._fWorkbook.getId();
+    this._getSheetRenderComponent(t, k.ROW).setCustomHeader(e);
+  }
+  setColumnHeaderHeight(e) {
+    const t = this, r = this._fWorkbook.getId(), i = t.getSheetId();
+    return this._commandService.executeCommand(Le.id, {
+      unitId: r,
+      subUnitId: i,
+      size: e
+    }), t == null || t.refreshCanvas(), this;
+  }
+  setRowHeaderWidth(e) {
+    const t = this, r = this._fWorkbook.getId(), i = t.getSheetId();
+    this._commandService.executeCommand(Ae.id, {
+      unitId: r,
+      subUnitId: i,
+      size: e
+    });
+    const o = this._getSheetRenderComponent(r, k.ROW);
+    return o && o.setCustomHeader({ headerStyle: { size: e } }), t == null || t.refreshCanvas(), this;
+  }
+  /**
+   * Get sheet render component from render by unitId and view key.
+   * @private
+   * @param {string} unitId The unit id of the spreadsheet.
+   * @param {SHEET_VIEW_KEY} viewKey The view key of the spreadsheet.
+   * @returns {Nullable<RenderComponentType>} The render component.
+   */
+  _getSheetRenderComponent(e, t) {
+    const i = this._injector.get(m).getRenderById(e);
+    if (!i)
+      throw new Error(`Render Unit with unitId ${e} not found`);
+    const { components: o } = i, s = o.get(t);
+    if (!s)
+      throw new Error("Render component not found");
+    return s;
+  }
 }
-be.extend(Ve);
-class Ze extends pe {
+me.extend(Ze);
+class Ke extends be {
   setPermissionDialogVisible(e) {
     this._permissionService.setShowComponents(e);
   }
 }
-pe.extend(Ze);
-class Ke extends j {
+be.extend(Ke);
+class Ye extends j {
   onCellPointerMove(e) {
-    return C(this._injector.get(_).currentPosition$.subscribe(e));
+    return b(this._injector.get(_).currentPosition$.subscribe(e));
   }
   onCellPointerOver(e) {
-    return C(this._injector.get(_).currentCell$.subscribe(e));
+    return b(this._injector.get(_).currentCell$.subscribe(e));
   }
   onCellDragOver(e) {
-    return C(this._injector.get(U).currentCell$.subscribe(e));
+    return b(this._injector.get(H).currentCell$.subscribe(e));
   }
   onCellDrop(e) {
-    return C(this._injector.get(U).endCell$.subscribe(e));
+    return b(this._injector.get(H).endCell$.subscribe(e));
   }
-  onCellRender(e, r = we.Style, t = xe.DATA_VALIDATION) {
+  onCellRender(e, t = we.Style, r = xe.DATA_VALIDATION) {
     return this._injector.get(Ue).intercept(He.CELL_CONTENT, {
-      effect: r,
+      effect: t,
       handler: (i, o, s) => s({
         ...i,
         customRender: [
@@ -799,24 +851,24 @@ class Ke extends j {
           ...e || []
         ]
       }),
-      priority: t
+      priority: r
     });
   }
   onBeforeCellEdit(e) {
-    return this._injector.get(I).beforeCommandExecuted((r) => {
-      const t = r.params;
-      r.id === P.id && t.visible && e(t);
+    return this._injector.get(P).beforeCommandExecuted((t) => {
+      const r = t.params;
+      t.id === M.id && r.visible && e(r);
     });
   }
   onAfterCellEdit(e) {
-    return this._injector.get(I).onCommandExecuted((r) => {
-      const t = r.params;
-      r.id === P.id && !t.visible && e(t);
+    return this._injector.get(P).onCommandExecuted((t) => {
+      const r = t.params;
+      t.id === M.id && !r.visible && e(r);
     });
   }
 }
-j.extend(Ke);
-const y = {
+j.extend(Ye);
+const U = {
   CellClicked: "CellClicked",
   CellPointerDown: "CellPointerDown",
   CellPointerUp: "CellPointerUp",
@@ -830,7 +882,7 @@ const y = {
   SelectionMoveEnd: "SelectionMoveEnd",
   SelectionChanged: "SelectionChanged"
 };
-class ze extends ve {
+class Xe extends ve {
   get BeforeClipboardChange() {
     return "BeforeClipboardChange";
   }
@@ -859,19 +911,19 @@ class ze extends ve {
     return "SheetEditEnded";
   }
   get CellClicked() {
-    return y.CellClicked;
+    return U.CellClicked;
   }
   get CellHover() {
-    return y.CellHover;
+    return U.CellHover;
   }
   get CellPointerDown() {
-    return y.CellPointerDown;
+    return U.CellPointerDown;
   }
   get CellPointerUp() {
-    return y.CellPointerUp;
+    return U.CellPointerUp;
   }
   get CellPointerMove() {
-    return y.CellPointerMove;
+    return U.CellPointerMove;
   }
   get DragOver() {
     return "DragOver";
@@ -922,42 +974,42 @@ class ze extends ve {
     return "SheetSkeletonChanged";
   }
 }
-ve.extend(ze);
-class Ye extends me {
+ve.extend(Xe);
+class Je extends fe {
   getCell() {
-    var c;
-    const e = this._injector.get(m), r = this._injector.get(D), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), s = (c = o == null ? void 0 : o.with(x).getWorksheetSkeleton(i)) == null ? void 0 : c.skeleton;
+    var a;
+    const e = this._injector.get(m), t = this._injector.get(D), r = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(r), s = (a = o == null ? void 0 : o.with(R).getWorksheetSkeleton(i)) == null ? void 0 : a.skeleton;
     if (!s)
-      throw r.error("[Facade]: `FRange.getCell` can only be called in current worksheet"), new Error("`FRange.getCell` can only be called in current worksheet");
+      throw t.error("[Facade]: `FRange.getCell` can only be called in current worksheet"), new Error("`FRange.getCell` can only be called in current worksheet");
     return s.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
   }
   getCellRect() {
-    const { startX: e, startY: r, endX: t, endY: i } = this.getCell(), o = { x: e, y: r, width: t - e, height: i - r, top: r, left: e, bottom: i, right: t };
+    const { startX: e, startY: t, endX: r, endY: i } = this.getCell(), o = { x: e, y: t, width: r - e, height: i - t, top: t, left: e, bottom: i, right: r };
     return { ...o, toJSON: () => JSON.stringify(o) };
   }
   generateHTML() {
-    var r;
+    var t;
     const e = this._injector.get(Se).generateCopyContent(
       this._workbook.getUnitId(),
       this._worksheet.getSheetId(),
       this._range
     );
-    return (r = e == null ? void 0 : e.html) != null ? r : "";
+    return (t = e == null ? void 0 : e.html) != null ? t : "";
   }
   attachPopup(e) {
-    var s, c, g;
-    e.direction = (s = e.direction) != null ? s : "horizontal", e.extraProps = (c = e.extraProps) != null ? c : {}, e.offset = (g = e.offset) != null ? g : [0, 0];
-    const { key: r, disposableCollection: t } = ge(e, this._injector.get(le)), o = this._injector.get(ie).attachPopupToCell(
+    var s, a, g;
+    e.direction = (s = e.direction) != null ? s : "horizontal", e.extraProps = (a = e.extraProps) != null ? a : {}, e.offset = (g = e.offset) != null ? g : [0, 0];
+    const { key: t, disposableCollection: r } = ge(e, this._injector.get(le)), o = this._injector.get(ie).attachPopupToCell(
       this._range.startRow,
       this._range.startColumn,
-      { ...e, componentKey: r },
+      { ...e, componentKey: t },
       this.getUnitId(),
       this._worksheet.getSheetId()
     );
-    return o ? (t.add(o), t) : (t.dispose(), null);
+    return o ? (r.add(o), r) : (r.dispose(), null);
   }
   attachAlertPopup(e) {
-    const r = this._injector.get(Le), t = {
+    const t = this._injector.get(We), r = {
       workbook: this._workbook,
       worksheet: this._worksheet,
       row: this._range.startRow,
@@ -965,12 +1017,12 @@ class Ye extends me {
       unitId: this.getUnitId(),
       subUnitId: this._worksheet.getSheetId()
     };
-    return r.showAlert({
+    return t.showAlert({
       ...e,
-      location: t
+      location: r
     }), {
       dispose: () => {
-        r.removeAlert(e.key);
+        t.removeAlert(e.key);
       }
     };
   }
@@ -987,31 +1039,31 @@ class Ye extends me {
       });
    */
   attachRangePopup(e) {
-    var s, c, g;
-    e.direction = (s = e.direction) != null ? s : "horizontal", e.extraProps = (c = e.extraProps) != null ? c : {}, e.offset = (g = e.offset) != null ? g : [0, 0];
-    const { key: r, disposableCollection: t } = ge(e, this._injector.get(le)), o = this._injector.get(ie).attachRangePopup(
+    var s, a, g;
+    e.direction = (s = e.direction) != null ? s : "top-center", e.extraProps = (a = e.extraProps) != null ? a : {}, e.offset = (g = e.offset) != null ? g : [0, 0];
+    const { key: t, disposableCollection: r } = ge(e, this._injector.get(le)), o = this._injector.get(ie).attachRangePopup(
       this._range,
-      { ...e, componentKey: r },
+      { ...e, componentKey: t },
       this.getUnitId(),
       this._worksheet.getSheetId()
     );
-    return o ? (t.add(o), t) : (t.dispose(), null);
+    return o ? (r.add(o), r) : (r.dispose(), null);
   }
-  highlight(e, r) {
-    const t = this._injector.get(Ae), i = t.addShape({ range: this._range, style: e, primary: r });
+  highlight(e, t) {
+    const r = this._injector.get($e), i = r.addShape({ range: this._range, style: e, primary: t });
     if (!i)
       throw new Error("Failed to highlight current range");
-    return C(() => {
-      t.removeShape(i);
+    return b(() => {
+      r.removeShape(i);
     });
   }
 }
-me.extend(Ye);
+fe.extend(Je);
 function ge(w, e) {
-  const { componentKey: r, isVue3: t } = w;
+  const { componentKey: t, isVue3: r } = w;
   let i;
-  const o = new W();
-  return typeof r == "string" ? i = r : (i = `External_${_e(6)}`, o.add(e.register(i, r, { framework: t ? "vue3" : "react" }))), {
+  const o = new $();
+  return typeof t == "string" ? i = t : (i = `External_${_e(6)}`, o.add(e.register(i, t, { framework: r ? "vue3" : "react" }))), {
     key: i,
     disposableCollection: o
   };