@univerjs/sheets-ui 0.8.3-nightly.202507021607 → 0.8.3

package/lib/facade.js

@@ -1,16 +1,16 @@
-import { ICommandService as _, CanceledError as E, IUniverInstanceService as j, RichTextValue as W, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as T, LifecycleService as ie, DisposableCollection as B, LifecycleStages as O, UniverInstanceType as oe, ILogService as U, toDisposable as m, awaitTime as se, InterceptorEffectEnum as ae, generateRandomId as ce } from "@univerjs/core";
+import { ICommandService as I, CanceledError as b, IUniverInstanceService as $, RichTextValue as j, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as T, LifecycleService as ie, DisposableCollection as B, LifecycleStages as O, UniverInstanceType as oe, ILogService as U, toDisposable as C, awaitTime as se, InterceptorEffectEnum as ae, generateRandomId as ce } from "@univerjs/core";
 import { FUniver as q, FEventName as de } from "@univerjs/core/facade";
 import { RichTextEditingMutation as he } from "@univerjs/docs";
-import { IRenderManagerService as v, DeviceInputEventType as z, SHEET_VIEWPORT_KEY as le, sheetContentViewportKeys as ge } from "@univerjs/engine-render";
-import { SheetsSelectionsService as ue, COMMAND_LISTENER_SKELETON_CHANGE as ve, getSkeletonChangedEffectedRange as Se, SetWorksheetRowIsAutoHeightCommand as me, InterceptCellContentPriority as Ce, SheetInterceptorService as we, INTERCEPTOR_POINT as be } from "@univerjs/sheets";
-import { SetCellEditVisibleOperation as f, IEditorBridgeService as R, SetZoomRatioCommand as A, HoverManagerService as p, DragManagerService as M, SheetScrollManagerService as x, SheetPasteShortKeyCommand as L, ISheetClipboardService as Q, SheetSkeletonManagerService as I, SHEET_VIEW_KEY as w, ISheetSelectionRenderService as y, SheetsScrollRenderController as Ee, SetWorksheetColAutoWidthCommand as pe, SetColumnHeaderHeightCommand as fe, SetRowHeaderWidthCommand as ke, SheetCanvasPopManagerService as N, CellAlertManagerService as Ie, IMarkSelectionService as _e, ISheetCellDropdownManagerService as Pe } from "@univerjs/sheets-ui";
-import { FSheetHooks as $, FWorkbook as ee, FWorksheet as te, FPermission as re, FRange as ne } from "@univerjs/sheets/facade";
+import { IRenderManagerService as S, DeviceInputEventType as z, SHEET_VIEWPORT_KEY as le, sheetContentViewportKeys as ge } from "@univerjs/engine-render";
+import { SheetsSelectionsService as ue, COMMAND_LISTENER_SKELETON_CHANGE as ve, getSkeletonChangedEffectedRange as Se, SetWorksheetRowIsAutoHeightCommand as Ce, InterceptCellContentPriority as me, SheetInterceptorService as Ee, INTERCEPTOR_POINT as be } from "@univerjs/sheets";
+import { SetCellEditVisibleOperation as f, IEditorBridgeService as R, SetZoomRatioCommand as A, HoverManagerService as p, DragManagerService as M, SheetScrollManagerService as x, SheetPasteShortKeyCommand as L, ISheetClipboardService as Q, SheetSkeletonManagerService as _, SHEET_VIEW_KEY as w, ISheetSelectionRenderService as y, SheetsScrollRenderController as pe, SetWorksheetColAutoWidthCommand as we, SetColumnHeaderHeightCommand as fe, SetRowHeaderWidthCommand as ke, SheetCanvasPopManagerService as N, CellAlertManagerService as Ie, IMarkSelectionService as _e, ISheetCellDropdownManagerService as Pe } from "@univerjs/sheets-ui";
+import { FSheetHooks as W, FWorkbook as ee, FWorksheet as te, FPermission as re, FRange as ne } from "@univerjs/sheets/facade";
 import { KeyCode as D, CutCommand as F, CopyCommand as V, PasteCommand as Z, IClipboardInterfaceService as Re, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as K, HTML_CLIPBOARD_MIME_TYPE as Y, supportClipboardAPI as X, ISidebarService as He, IDialogService as Me, ComponentManager as J } from "@univerjs/ui";
 import { filter as u, combineLatest as ye } from "rxjs";
 class Ue extends q {
   // eslint-disable-next-line max-lines-per-function
   _initSheetUIEvent(e) {
-    const r = e.get(_);
+    const r = e.get(I);
     this.registerEventHandler(
       this.Event.BeforeSheetEditStart,
       () => r.beforeCommandExecuted((t) => {
@@ -29,7 +29,7 @@ class Ue extends q {
             isZenEditor: !1
           };
           if (this.fireEvent(this.Event.BeforeSheetEditStart, c), c.cancel)
-            throw new E();
+            throw new b();
         }
       })
     ), this.registerEventHandler(
@@ -38,7 +38,7 @@ class Ue extends q {
         if (t.id !== f.id) return;
         const i = this.getActiveSheet();
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get(j), h = t.params, { visible: g, keycode: a, eventType: n } = h, c = d.getEditLocation();
+        const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get($), h = t.params, { visible: g, keycode: a, eventType: n } = h, c = d.getEditLocation();
         if (!g) {
           const P = {
             row: c.row,
@@ -48,11 +48,11 @@ class Ue extends q {
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
-            value: W.create(l.getUnit(T).getSnapshot()),
+            value: j.create(l.getUnit(T).getSnapshot()),
             isConfirm: a !== D.ESC
           };
           if (this.fireEvent(this.Event.BeforeSheetEditEnd, P), P.cancel)
-            throw new E();
+            throw new b();
         }
       })
     ), this.registerEventHandler(
@@ -102,7 +102,7 @@ class Ue extends q {
         if (t.id !== he.id) return;
         const i = this.getActiveSheet();
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get(j), h = t.params;
+        const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get($), h = t.params;
         if (!d.isVisible().visible) return;
         const { unitId: g } = h;
         if (g === T) {
@@ -111,7 +111,7 @@ class Ue extends q {
             worksheet: s,
             row: a,
             column: n,
-            value: W.create(l.getUnit(T).getSnapshot()),
+            value: j.create(l.getUnit(T).getSnapshot()),
             isZenEditor: !1
           };
           this.fireEvent(this.Event.SheetEditChanging, c);
@@ -129,7 +129,7 @@ class Ue extends q {
           worksheet: s
         };
         if (this.fireEvent(this.Event.BeforeSheetZoomChange, d), d.cancel)
-          throw new E();
+          throw new b();
       })
     ), this.registerEventHandler(
       this.Event.SheetZoomChanged,
@@ -148,7 +148,7 @@ class Ue extends q {
   }
   // eslint-disable-next-line max-lines-per-function
   _initObserverListener(e) {
-    const r = e.get(v), t = e.get(ie), i = new B();
+    const r = e.get(S), t = e.get(ie), i = new B();
     this.disposeWithMe(t.lifecycle$.subscribe((l) => {
       if (l !== O.Rendered) return;
       i.dispose();
@@ -364,51 +364,51 @@ class Ue extends q {
       const n = s.with(x), c = s.with(ue);
       g.add(this.registerEventHandler(
         this.Event.Scroll,
-        () => n.validViewportScrollInfo$.subscribe((S) => {
-          S && this.fireEvent(this.Event.Scroll, {
+        () => n.validViewportScrollInfo$.subscribe((v) => {
+          v && this.fireEvent(this.Event.Scroll, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            ...S
+            ...v
           });
         })
       )), g.add(this.registerEventHandler(
         this.Event.SelectionMoveStart,
-        () => c.selectionMoveStart$.subscribe((S) => {
-          var C;
+        () => c.selectionMoveStart$.subscribe((v) => {
+          var m;
           this.fireEvent(this.Event.SelectionMoveStart, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
           });
         })
       )), g.add(this.registerEventHandler(
         this.Event.SelectionMoving,
-        () => c.selectionMoving$.subscribe((S) => {
-          var C;
+        () => c.selectionMoving$.subscribe((v) => {
+          var m;
           this.fireEvent(this.Event.SelectionMoving, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
           });
         })
       )), g.add(this.registerEventHandler(
         this.Event.SelectionMoveEnd,
-        () => c.selectionMoveEnd$.subscribe((S) => {
-          var C;
+        () => c.selectionMoveEnd$.subscribe((v) => {
+          var m;
           this.fireEvent(this.Event.SelectionMoveEnd, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
           });
         })
       )), g.add(this.registerEventHandler(
         this.Event.SelectionChanged,
-        () => c.selectionChanged$.subscribe((S) => {
-          var C;
+        () => c.selectionChanged$.subscribe((v) => {
+          var m;
           this.fireEvent(this.Event.SelectionChanged, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
           });
         })
       )), s = null, this.disposeWithMe(g);
@@ -426,7 +426,7 @@ class Ue extends q {
    */
   _initialize(e) {
     this._initSheetUIEvent(e), this._initObserverListener(e);
-    const r = e.get(_);
+    const r = e.get(I);
     this.registerEventHandler(
       this.Event.BeforeClipboardChange,
       () => r.beforeCommandExecuted((t) => {
@@ -513,7 +513,7 @@ class Ue extends q {
   _beforeClipboardChange() {
     const e = this._generateClipboardCopyParam();
     if (e && (this.fireEvent(this.Event.BeforeClipboardChange, e), e.cancel))
-      throw new E();
+      throw new b();
   }
   _clipboardChanged() {
     const e = this._generateClipboardCopyParam();
@@ -550,12 +550,12 @@ class Ue extends q {
   _beforeClipboardPaste(e) {
     const r = this._generateClipboardPasteParam(e);
     if (r && (this.fireEvent(this.Event.BeforeClipboardPaste, r), r.cancel))
-      throw new E();
+      throw new b();
   }
   _clipboardPaste(e) {
     const r = this._generateClipboardPasteParam(e);
     if (r && (this.fireEvent(this.Event.ClipboardPasted, r), r.cancel))
-      throw new E();
+      throw new b();
   }
   async _beforeClipboardPasteAsync() {
     if (!X()) {
@@ -564,7 +564,7 @@ class Ue extends q {
     }
     const e = await this._generateClipboardPasteParamAsync();
     if (e && (this.fireEvent(this.Event.BeforeClipboardPaste, e), e.cancel))
-      throw new E();
+      throw new b();
   }
   async _clipboardPasteAsync() {
     if (!X()) {
@@ -573,7 +573,7 @@ class Ue extends q {
     }
     const e = await this._generateClipboardPasteParamAsync();
     if (e && (this.fireEvent(this.Event.ClipboardPasted, e), e.cancel))
-      throw new E();
+      throw new b();
   }
   customizeColumnHeader(e) {
     var h, g;
@@ -582,8 +582,8 @@ class Ue extends q {
       console.error("WorkBook not exist");
       return;
     }
-    const t = r == null ? void 0 : r.getId(), i = this._injector.get(v), o = r.getActiveSheet(), s = o.getSheetId(), d = i.getRenderById(t);
-    d && ((h = e.headerStyle) != null && h.size) && (d.with(I).setColumnHeaderSize(d, s, (g = e.headerStyle) == null ? void 0 : g.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(t, w.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
+    const t = r == null ? void 0 : r.getId(), i = this._injector.get(S), o = r.getActiveSheet(), s = o.getSheetId(), d = i.getRenderById(t);
+    d && ((h = e.headerStyle) != null && h.size) && (d.with(_).setColumnHeaderSize(d, s, (g = e.headerStyle) == null ? void 0 : g.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(t, w.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
   }
   customizeRowHeader(e) {
     const r = this.getActiveWorkbook();
@@ -596,19 +596,19 @@ class Ue extends q {
   }
   registerSheetRowHeaderExtension(e, ...r) {
     const t = this._getSheetRenderComponent(e, w.ROW), i = t.register(...r);
-    return m(() => {
+    return C(() => {
       i.dispose(), t.makeDirty(!0);
     });
   }
   registerSheetColumnHeaderExtension(e, ...r) {
     const t = this._getSheetRenderComponent(e, w.COLUMN), i = t.register(...r);
-    return m(() => {
+    return C(() => {
       i.dispose(), t.makeDirty(!0);
     });
   }
   registerSheetMainExtension(e, ...r) {
     const t = this._getSheetRenderComponent(e, w.MAIN), i = t.register(...r);
-    return m(() => {
+    return C(() => {
       i.dispose(), t.makeDirty(!0);
     });
   }
@@ -620,7 +620,7 @@ class Ue extends q {
    * @returns {Nullable<RenderComponentType>} The render component.
    */
   _getSheetRenderComponent(e, r) {
-    const i = this._injector.get(v).getRenderById(e);
+    const i = this._injector.get(S).getRenderById(e);
     if (!i)
       throw new Error(`Render Unit with unitId ${e} not found`);
     const { components: o } = i, s = o.get(r);
@@ -633,7 +633,7 @@ class Ue extends q {
    * @returns {FSheetHooks} FSheetHooks instance
    */
   getSheetHooks() {
-    return this._injector.createInstance($);
+    return this._injector.createInstance(W);
   }
 }
 q.extend(Ue);
@@ -651,30 +651,6 @@ class xe extends ee {
     });
     return t;
   }
-  customizeColumnHeader(e) {
-    const r = this._workbook.getUnitId();
-    this._getSheetRenderComponent(r, w.COLUMN).setCustomHeader(e);
-  }
-  customizeRowHeader(e) {
-    const r = this._workbook.getUnitId();
-    this._getSheetRenderComponent(r, w.ROW).setCustomHeader(e);
-  }
-  /**
-   * 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, r) {
-    const i = this._injector.get(v).getRenderById(e);
-    if (!i)
-      throw new Error(`Render Unit with unitId ${e} not found`);
-    const { components: o } = i, s = o.get(r);
-    if (!s)
-      throw new Error("Render component not found");
-    return s;
-  }
   _logDeprecation(e) {
     this._injector.get(U).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
   }
@@ -689,7 +665,7 @@ class xe extends ee {
   }
   onCellClick(e) {
     const r = this._injector.get(p);
-    return m(
+    return C(
       r.currentClickedCell$.pipe(u((t) => !!t)).subscribe((t) => {
         e(t);
       })
@@ -697,25 +673,25 @@ class xe extends ee {
   }
   onCellHover(e) {
     const r = this._injector.get(p);
-    return m(
+    return C(
       r.currentRichText$.pipe(u((t) => !!t)).subscribe(e)
     );
   }
   onCellPointerDown(e) {
     const r = this._injector.get(p);
-    return m(
+    return C(
       r.currentPointerDownCell$.subscribe(e)
     );
   }
   onCellPointerUp(e) {
     const r = this._injector.get(p);
-    return m(
+    return C(
       r.currentPointerUpCell$.subscribe(e)
     );
   }
   onCellPointerMove(e) {
     const r = this._injector.get(p);
-    return m(
+    return C(
       r.currentCellPosWithEvent$.pipe(u((t) => !!t)).subscribe((t) => {
         e(t, t.event);
       })
@@ -723,7 +699,7 @@ class xe extends ee {
   }
   onDragOver(e) {
     const r = this._injector.get(M);
-    return m(
+    return C(
       r.currentCell$.pipe(u((t) => !!t)).subscribe((t) => {
         e(t);
       })
@@ -731,21 +707,21 @@ class xe extends ee {
   }
   onDrop(e) {
     const r = this._injector.get(M);
-    return m(
+    return C(
       r.endCell$.pipe(u((t) => !!t)).subscribe((t) => {
         e(t);
       })
     );
   }
   startEditing() {
-    return this._injector.get(_).syncExecuteCommand(f.id, {
+    return this._injector.get(I).syncExecuteCommand(f.id, {
       eventType: z.Dblclick,
       unitId: this._workbook.getUnitId(),
       visible: !0
     });
   }
   async endEditing(e) {
-    return this._injector.get(_).syncExecuteCommand(f.id, {
+    return this._injector.get(I).syncExecuteCommand(f.id, {
       eventType: z.Keyboard,
       keycode: e ? D.ENTER : D.ESC,
       visible: !1,
@@ -768,40 +744,40 @@ class xe extends ee {
    * ```
    */
   getScrollStateBySheetId(e) {
-    const r = this._workbook.getUnitId(), i = this._injector.get(v).getRenderById(r);
+    const r = this._workbook.getUnitId(), i = this._injector.get(S).getRenderById(r);
     return i ? i.with(x).getScrollStateByParam({ unitId: r, sheetId: e }) : null;
   }
   disableSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(v).getRenderById(e);
+    const e = this._workbook.getUnitId(), t = this._injector.get(S).getRenderById(e);
     return t && t.with(y).disableSelection(), this;
   }
   enableSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(v).getRenderById(e);
+    const e = this._workbook.getUnitId(), t = this._injector.get(S).getRenderById(e);
     return t && t.with(y).enableSelection(), this;
   }
   transparentSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(v).getRenderById(e);
+    const e = this._workbook.getUnitId(), t = this._injector.get(S).getRenderById(e);
     return t && t.with(y).transparentSelection(), this;
   }
   showSelection() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(v).getRenderById(e);
+    const e = this._workbook.getUnitId(), t = this._injector.get(S).getRenderById(e);
     return t && t.with(y).showSelection(), this;
   }
 }
 ee.extend(xe);
 class De extends te {
   refreshCanvas() {
-    const e = this._injector.get(v), r = this._fWorkbook.id, t = e.getRenderById(r);
+    const e = this._injector.get(S), r = this._fWorkbook.id, t = e.getRenderById(r);
     if (!t)
       throw new Error(`Render Unit with unitId ${r} not found`);
-    t.with(I).reCalculate();
+    t.with(_).reCalculate();
     const i = t.mainComponent;
     if (!i)
       throw new Error("Main component not found");
     return i.makeDirty(), this;
   }
   zoom(e) {
-    const r = this._injector.get(_), t = Math.min(Math.max(e, 0.1), 4);
+    const r = this._injector.get(I), t = Math.min(Math.max(e, 0.1), 4);
     return r.executeCommand(A.id, {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
@@ -812,7 +788,7 @@ class De extends te {
     return this._worksheet.getZoomRatio();
   }
   getVisibleRange() {
-    const e = this._workbook.getUnitId(), t = this._injector.get(v).getRenderById(e);
+    const e = this._workbook.getUnitId(), t = this._injector.get(S).getRenderById(e);
     let i = {
       startColumn: 0,
       startRow: 0,
@@ -820,7 +796,7 @@ class De extends te {
       endRow: 0
     };
     if (!t) return i;
-    const s = t.with(I).getCurrentSkeleton();
+    const s = t.with(_).getCurrentSkeleton();
     if (!s) return i;
     const d = s == null ? void 0 : s.getVisibleRanges();
     if (!d) return i;
@@ -830,8 +806,8 @@ class De extends te {
     return i;
   }
   scrollToCell(e, r) {
-    const t = this._workbook.getUnitId(), o = this._injector.get(v).getRenderById(t);
-    return o && (o == null ? void 0 : o.with(Ee)).scrollToCell(e, r), this;
+    const t = this._workbook.getUnitId(), o = this._injector.get(S).getRenderById(t);
+    return o && (o == null ? void 0 : o.with(pe)).scrollToCell(e, r), this;
   }
   getScrollState() {
     const e = {
@@ -839,24 +815,24 @@ class De extends te {
       offsetY: 0,
       sheetViewStartColumn: 0,
       sheetViewStartRow: 0
-    }, r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(v).getRenderById(r);
+    }, r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(S).getRenderById(r);
     return o && o.with(x).getScrollStateByParam({ unitId: r, sheetId: t }) || e;
   }
   onScroll(e) {
     var o;
-    const r = this._workbook.getUnitId(), i = (o = this._injector.get(v).getRenderById(r)) == null ? void 0 : o.with(x);
+    const r = this._workbook.getUnitId(), i = (o = this._injector.get(S).getRenderById(r)) == null ? void 0 : o.with(x);
     if (i) {
       const s = i.validViewportScrollInfo$.subscribe((d) => {
         e(d);
       });
-      return m(s);
+      return C(s);
     }
-    return m(() => {
+    return C(() => {
     });
   }
   getSkeleton() {
     var r, t;
-    const e = (r = this._injector.get(v).getRenderById(this._workbook.getUnitId())) == null ? void 0 : r.with(I);
+    const e = (r = this._injector.get(S).getRenderById(this._workbook.getUnitId())) == null ? void 0 : r.with(_);
     return (t = e == null ? void 0 : e.getWorksheetSkeleton(this._worksheet.getSheetId())) == null ? void 0 : t.skeleton;
   }
   autoResizeColumn(e) {
@@ -871,7 +847,7 @@ class De extends te {
         endRow: this._worksheet.getRowCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(pe.id, {
+    return this._commandService.syncExecuteCommand(we.id, {
       unitId: t,
       subUnitId: i,
       ranges: o
@@ -889,37 +865,40 @@ class De extends te {
         endColumn: this._worksheet.getColumnCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(me.id, {
+    return this._commandService.syncExecuteCommand(Ce.id, {
       unitId: t,
       subUnitId: i,
       ranges: o
     }), this;
   }
   customizeColumnHeader(e) {
-    var d, l;
-    const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(v).getRenderById(r);
-    o && ((d = e.headerStyle) != null && d.size) && o.with(I).setColumnHeaderSize(o, t, (l = e.headerStyle) == null ? void 0 : l.size), this._getSheetRenderComponent(r, w.COLUMN).setCustomHeader(e, t);
+    var l, h;
+    const r = this, t = this._fWorkbook.getId(), i = this._injector.get(S), o = r.getSheetId(), s = i.getRenderById(t);
+    s && ((l = e.headerStyle) != null && l.size) && (s.with(_).setColumnHeaderSize(s, o, (h = e.headerStyle) == null ? void 0 : h.size), r == null || r.refreshCanvas());
+    const d = this._getSheetRenderComponent(t, w.COLUMN);
+    d && (d.setCustomHeader(e), r == null || r.refreshCanvas());
   }
   customizeRowHeader(e) {
-    var d, l;
-    const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(v).getRenderById(r);
-    o && ((d = e.headerStyle) != null && d.size) && o.with(I).setRowHeaderSize(o, t, (l = e.headerStyle) == null ? void 0 : l.size), this._getSheetRenderComponent(r, w.ROW).setCustomHeader(e, t);
+    const r = this._fWorkbook.getId();
+    this._getSheetRenderComponent(r, w.ROW).setCustomHeader(e);
   }
   setColumnHeaderHeight(e) {
-    const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId();
+    const r = this, t = this._fWorkbook.getId(), i = r.getSheetId();
     return this._commandService.executeCommand(fe.id, {
-      unitId: r,
-      subUnitId: t,
+      unitId: t,
+      subUnitId: i,
       size: e
-    }), this;
+    }), r == null || r.refreshCanvas(), this;
   }
   setRowHeaderWidth(e) {
-    const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId();
-    return this._commandService.executeCommand(ke.id, {
-      unitId: r,
-      subUnitId: t,
+    const r = this, t = this._fWorkbook.getId(), i = r.getSheetId();
+    this._commandService.executeCommand(ke.id, {
+      unitId: t,
+      subUnitId: i,
       size: e
-    }), this;
+    });
+    const o = this._getSheetRenderComponent(t, w.ROW);
+    return o && o.setCustomHeader({ headerStyle: { size: e } }), r == null || r.refreshCanvas(), this;
   }
   /**
    * Get sheet render component from render by unitId and view key.
@@ -929,7 +908,7 @@ class De extends te {
    * @returns {Nullable<RenderComponentType>} The render component.
    */
   _getSheetRenderComponent(e, r) {
-    const i = this._injector.get(v).getRenderById(e);
+    const i = this._injector.get(S).getRenderById(e);
     if (!i)
       throw new Error(`Render Unit with unitId ${e} not found`);
     const { components: o } = i, s = o.get(r);
@@ -945,40 +924,40 @@ class Te extends re {
   }
 }
 re.extend(Te);
-class Be extends $ {
+class Be extends W {
   onCellPointerMove(e) {
-    return m(this._injector.get(p).currentPosition$.subscribe(e));
+    return C(this._injector.get(p).currentPosition$.subscribe(e));
   }
   onCellPointerOver(e) {
-    return m(this._injector.get(p).currentCell$.subscribe(e));
+    return C(this._injector.get(p).currentCell$.subscribe(e));
   }
   onCellDragOver(e) {
-    return m(this._injector.get(M).currentCell$.subscribe(e));
+    return C(this._injector.get(M).currentCell$.subscribe(e));
   }
   onCellDrop(e) {
-    return m(this._injector.get(M).endCell$.subscribe(e));
+    return C(this._injector.get(M).endCell$.subscribe(e));
   }
-  onCellRender(e, r = ae.Style, t = Ce.DATA_VALIDATION) {
-    return this._injector.get(we).intercept(be.CELL_CONTENT, {
+  onCellRender(e, r = ae.Style, t = me.DATA_VALIDATION) {
+    return this._injector.get(Ee).intercept(be.CELL_CONTENT, {
       effect: r,
       handler: (i, o, s) => (i && !i.customRender && e && (i.customRender = [...e]), s(i)),
       priority: t
     });
   }
   onBeforeCellEdit(e) {
-    return this._injector.get(_).beforeCommandExecuted((r) => {
+    return this._injector.get(I).beforeCommandExecuted((r) => {
       const t = r.params;
       r.id === f.id && t.visible && e(t);
     });
   }
   onAfterCellEdit(e) {
-    return this._injector.get(_).onCommandExecuted((r) => {
+    return this._injector.get(I).onCommandExecuted((r) => {
       const t = r.params;
       r.id === f.id && !t.visible && e(t);
     });
   }
 }
-$.extend(Be);
+W.extend(Be);
 const H = {
   CellClicked: "CellClicked",
   CellPointerDown: "CellPointerDown",
@@ -1085,10 +1064,10 @@ class Ae {
   }
 }
 de.extend(Ae);
-class $e extends ne {
+class We extends ne {
   getCell() {
     var d;
-    const e = this._injector.get(v), r = this._injector.get(U), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), s = (d = o == null ? void 0 : o.with(I).getSkeletonParam(i)) == null ? void 0 : d.skeleton;
+    const e = this._injector.get(S), r = this._injector.get(U), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), s = (d = o == null ? void 0 : o.with(_).getSkeletonParam(i)) == null ? void 0 : d.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");
     return s.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
@@ -1163,7 +1142,7 @@ class $e extends ne {
     const t = this._injector.get(_e), i = t.addShape({ range: this._range, style: e, primary: r });
     if (!i)
       throw new Error("Failed to highlight current range");
-    return m(() => {
+    return C(() => {
       t.removeShape(i);
     });
   }
@@ -1171,9 +1150,9 @@ class $e extends ne {
     return this._injector.get(Pe).showDropdown(e);
   }
 }
-ne.extend($e);
-function G(b, e) {
-  const { componentKey: r, isVue3: t } = b;
+ne.extend(We);
+function G(E, e) {
+  const { componentKey: r, isVue3: t } = E;
   let i;
   const o = new B();
   return typeof r == "string" ? i = r : (i = `External_${ce(6)}`, o.add(e.register(i, r, { framework: t ? "vue3" : "react" }))), {