@univerjs/sheets-ui 0.5.5-nightly.202501241606 → 0.6.0-alpha.0

package/lib/es/facade.js

@@ -1,546 +1,544 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
-import { FUniver, ICommandService, IUniverInstanceService, CanceledError, RichTextValue, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, LifecycleService, DisposableCollection, LifecycleStages, UniverInstanceType, ILogService, toDisposable, awaitTime, InterceptorEffectEnum, FEventName, generateRandomId } from "@univerjs/core";
-import { RichTextEditingMutation } from "@univerjs/docs";
-import { IRenderManagerService, DeviceInputEventType, SHEET_VIEWPORT_KEY, sheetContentViewportKeys } from "@univerjs/engine-render";
-import { SheetsSelectionsService, COMMAND_LISTENER_SKELETON_CHANGE, getSkeletonChangedEffectedRange, SheetInterceptorService, INTERCEPTOR_POINT, InterceptCellContentPriority } from "@univerjs/sheets";
-import { SetCellEditVisibleOperation, IEditorBridgeService, SetZoomRatioCommand, HoverManagerService, DragManagerService, SheetScrollManagerService, SheetPasteShortKeyCommand, ISheetClipboardService, SheetSkeletonManagerService, SHEET_VIEW_KEY, ISheetSelectionRenderService, ChangeZoomRatioCommand, SheetsScrollRenderController, SetWorksheetColAutoWidthCommand, SheetCanvasPopManagerService, CellAlertManagerService, IMarkSelectionService } from "@univerjs/sheets-ui";
-import { FSheetHooks, FWorkbook, FWorksheet, FPermission, FRange } from "@univerjs/sheets/facade";
-import { KeyCode, CutCommand, CopyCommand, PasteCommand, IClipboardInterfaceService, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, HTML_CLIPBOARD_MIME_TYPE, supportClipboardAPI, ISidebarService, IDialogService, ComponentManager } from "@univerjs/ui";
-import { filter, combineLatest } from "rxjs";
-const _FUniverSheetsUIMixin = class _FUniverSheetsUIMixin extends FUniver {
+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 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(injector) {
-    const commandService = injector.get(ICommandService);
-    this.disposeWithMe(commandService.beforeCommandExecuted((commandInfo) => {
-      if (commandInfo.id === SetCellEditVisibleOperation.id) {
+  _initSheetUIEvent(e) {
+    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 target = this.getCommandSheetTarget(commandInfo);
-        if (!target)
+        const i = this.getActiveSheet();
+        if (!i)
           return;
-        const { workbook, worksheet } = target, editorBridgeService = injector.get(IEditorBridgeService), univerInstanceService = injector.get(IUniverInstanceService), params = commandInfo.params, { visible, keycode, eventType } = params, loc = editorBridgeService.getEditLocation();
-        if (visible) {
-          const eventParams = {
-            row: loc.row,
-            column: loc.column,
-            eventType,
-            keycode,
-            workbook,
-            worksheet,
+        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 p = {
+            row: d.row,
+            column: d.column,
+            eventType: C,
+            keycode: h,
+            workbook: o,
+            worksheet: s,
             isZenEditor: !1
           };
-          if (this.fireEvent(this.Event.BeforeSheetEditStart, eventParams), eventParams.cancel)
-            throw new CanceledError();
+          if (this.fireEvent(this.Event.BeforeSheetEditStart, p), p.cancel)
+            throw new G();
         } else {
-          const eventParams = {
-            row: loc.row,
-            column: loc.column,
-            eventType,
-            keycode,
-            workbook,
-            worksheet,
+          const p = {
+            row: d.row,
+            column: d.column,
+            eventType: C,
+            keycode: h,
+            workbook: o,
+            worksheet: s,
             isZenEditor: !1,
-            value: RichTextValue.create(univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),
-            isConfirm: keycode !== KeyCode.ESC
+            value: q.create(g.getUnit(A).getSnapshot()),
+            isConfirm: h !== T.ESC
           };
-          if (this.fireEvent(this.Event.BeforeSheetEditEnd, eventParams), eventParams.cancel)
-            throw new CanceledError();
+          if (this.fireEvent(this.Event.BeforeSheetEditEnd, p), p.cancel)
+            throw new G();
         }
       }
-      if (commandInfo.id === SetZoomRatioCommand.id) {
+      if (r.id === re.id) {
         if (!this._eventListend(this.Event.BeforeSheetZoomChange))
           return;
-        const target = this.getCommandSheetTarget(commandInfo);
-        if (!target)
+        const i = this.getCommandSheetTarget(r);
+        if (!i)
           return;
-        const { workbook, worksheet } = target;
+        const { workbook: o, worksheet: s } = i;
         this.fireEvent(this.Event.BeforeSheetZoomChange, {
-          zoom: commandInfo.params.zoomRatio,
-          workbook,
-          worksheet
+          zoom: r.params.zoomRatio,
+          workbook: o,
+          worksheet: s
         });
       }
-    })), this.disposeWithMe(commandService.onCommandExecuted((commandInfo) => {
-      if (commandInfo.id === SetCellEditVisibleOperation.id) {
+    })), this.disposeWithMe(t.onCommandExecuted((r) => {
+      if (r.id === M.id) {
         if (!this._eventListend(this.Event.SheetEditStarted) && !this._eventListend(this.Event.SheetEditEnded))
           return;
-        const target = this.getCommandSheetTarget(commandInfo);
-        if (!target)
+        const i = this.getCommandSheetTarget(r);
+        if (!i)
           return;
-        const { workbook, worksheet } = target, editorBridgeService = injector.get(IEditorBridgeService), params = commandInfo.params, { visible, keycode, eventType } = params, loc = editorBridgeService.getEditLocation();
-        if (visible) {
-          const eventParams = {
-            row: loc.row,
-            column: loc.column,
-            eventType,
-            keycode,
-            workbook,
-            worksheet,
+        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: C.row,
+            column: C.column,
+            eventType: h,
+            keycode: l,
+            workbook: o,
+            worksheet: s,
             isZenEditor: !1
           };
-          this.fireEvent(this.Event.SheetEditStarted, eventParams);
+          this.fireEvent(this.Event.SheetEditStarted, d);
         } else {
-          const eventParams = {
-            row: loc.row,
-            column: loc.column,
-            eventType,
-            keycode,
-            workbook,
-            worksheet,
+          const d = {
+            row: C.row,
+            column: C.column,
+            eventType: h,
+            keycode: l,
+            workbook: o,
+            worksheet: s,
             isZenEditor: !1,
-            isConfirm: keycode !== KeyCode.ESC
+            isConfirm: l !== T.ESC
           };
-          this.fireEvent(this.Event.SheetEditEnded, eventParams);
+          this.fireEvent(this.Event.SheetEditEnded, d);
         }
       }
-      if (commandInfo.id === RichTextEditingMutation.id) {
+      if (r.id === ke.id) {
         if (!this._eventListend(this.Event.SheetEditChanging))
           return;
-        const target = this.getCommandSheetTarget(commandInfo);
-        if (!target)
+        const i = this.getCommandSheetTarget(r);
+        if (!i)
           return;
-        const { workbook, worksheet } = target, editorBridgeService = injector.get(IEditorBridgeService), univerInstanceService = injector.get(IUniverInstanceService), params = commandInfo.params;
-        if (!editorBridgeService.isVisible().visible) return;
-        const { unitId } = params;
-        if (unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
-          const { row, column } = editorBridgeService.getEditLocation(), eventParams = {
-            workbook,
-            worksheet,
-            row,
-            column,
-            value: RichTextValue.create(univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),
+        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: C } = a.getEditLocation(), d = {
+            workbook: o,
+            worksheet: s,
+            row: h,
+            column: C,
+            value: q.create(g.getUnit(A).getSnapshot()),
             isZenEditor: !1
           };
-          this.fireEvent(this.Event.SheetEditChanging, eventParams);
+          this.fireEvent(this.Event.SheetEditChanging, d);
         }
       }
-      if (commandInfo.id === SetZoomRatioCommand.id) {
+      if (r.id === re.id) {
         if (!this._eventListend(this.Event.SheetZoomChanged))
           return;
-        const target = this.getCommandSheetTarget(commandInfo);
-        if (!target)
+        const i = this.getCommandSheetTarget(r);
+        if (!i)
           return;
-        const { workbook, worksheet } = target;
+        const { workbook: o, worksheet: s } = i;
         this.fireEvent(this.Event.SheetZoomChanged, {
-          zoom: worksheet.getZoom(),
-          workbook,
-          worksheet
+          zoom: s.getZoom(),
+          workbook: o,
+          worksheet: s
         });
       }
-    })), this._initObserverListener(injector);
+    })), this._initObserverListener(e);
   }
   /**
    * @ignore
    */
   // eslint-disable-next-line max-lines-per-function
-  _initObserverListener(injector) {
-    const unitM = injector.get(IUniverInstanceService).getFocusedUnit(), unitId = unitM == null ? void 0 : unitM.getUnitId(), renderManagerService = injector.get(IRenderManagerService);
-    if (unitId) {
-      const lifeCycleService2 = injector.get(LifecycleService), disposable = new DisposableCollection();
-      this.disposeWithMe(lifeCycleService2.lifecycle$.subscribe((lifecycle) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-        if (lifecycle < LifecycleStages.Rendered) return;
-        disposable.dispose();
-        const hoverManagerService = injector.get(HoverManagerService), dragManagerService = injector.get(DragManagerService);
-        hoverManagerService && (disposable.add(
-          (_a = hoverManagerService.currentClickedCell$) == null ? void 0 : _a.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+  _initObserverListener(e) {
+    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 $();
+      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(_), p = e.get(H);
+        d && (h.add(
+          (I = d.currentClickedCell$) == null ? void 0 : I.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellClicked)) return;
-            const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
-            baseParams && this.fireEvent(this.Event.CellClicked, {
-              ...baseParams,
-              ...cell,
-              row: cell.location.row,
-              column: cell.location.col
+            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
             });
           })
-        ), disposable.add(
-          (_b = hoverManagerService.currentRichText$) == null ? void 0 : _b.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+        ), h.add(
+          (y = d.currentRichText$) == null ? void 0 : y.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellHover)) return;
-            const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-            baseParams && this.fireEvent(this.Event.CellHover, {
-              ...baseParams,
-              ...cell,
-              row: cell.row,
-              column: cell.col
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellHover, {
+              ...c,
+              ...n,
+              row: n.row,
+              column: n.col
             });
           })
-        ), disposable.add(
-          (_c = hoverManagerService.currentPointerDownCell$) == null ? void 0 : _c.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+        ), h.add(
+          (u = d.currentPointerDownCell$) == null ? void 0 : u.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellPointerDown)) return;
-            const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-            baseParams && this.fireEvent(this.Event.CellPointerDown, {
-              ...baseParams,
-              ...cell,
-              row: cell.row,
-              column: cell.col
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellPointerDown, {
+              ...c,
+              ...n,
+              row: n.row,
+              column: n.col
             });
           })
-        ), disposable.add(
-          (_d = hoverManagerService.currentPointerUpCell$) == null ? void 0 : _d.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+        ), h.add(
+          (f = d.currentPointerUpCell$) == null ? void 0 : f.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellPointerUp)) return;
-            const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-            baseParams && this.fireEvent(this.Event.CellPointerUp, {
-              ...baseParams,
-              ...cell,
-              row: cell.row,
-              column: cell.col
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellPointerUp, {
+              ...c,
+              ...n,
+              row: n.row,
+              column: n.col
             });
           })
-        ), disposable.add(
-          (_e = hoverManagerService.currentCellPosWithEvent$) == null ? void 0 : _e.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+        ), h.add(
+          (E = d.currentCellPosWithEvent$) == null ? void 0 : E.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.CellPointerMove)) return;
-            const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-            baseParams && this.fireEvent(this.Event.CellPointerMove, {
-              ...baseParams,
-              ...cell,
-              row: cell.row,
-              column: cell.col
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.CellPointerMove, {
+              ...c,
+              ...n,
+              row: n.row,
+              column: n.col
             });
           })
-        ), disposable.add(
-          (_f = dragManagerService.currentCell$) == null ? void 0 : _f.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+        ), h.add(
+          (O = p.currentCell$) == null ? void 0 : O.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.DragOver)) return;
-            const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
-            baseParams && this.fireEvent(this.Event.DragOver, {
-              ...baseParams,
-              ...cell,
-              row: cell.location.row,
-              column: cell.location.col
+            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
             });
           })
-        ), disposable.add(
-          (_g = dragManagerService.endCell$) == null ? void 0 : _g.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+        ), h.add(
+          (F = p.endCell$) == null ? void 0 : F.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.Drop)) return;
-            const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
-            baseParams && this.fireEvent(this.Event.Drop, {
-              ...baseParams,
-              ...cell,
-              row: cell.location.row,
-              column: cell.location.col
+            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
             });
           })
-        ), disposable.add(
-          (_h = hoverManagerService.currentRowHeaderClick$) == null ? void 0 : _h.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (N = d.currentRowHeaderClick$) == null ? void 0 : N.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderClick)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.RowHeaderClick, {
-              ...baseParams,
-              row: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderClick, {
+              ...c,
+              row: n.index
             });
           })
-        ), disposable.add(
-          (_i = hoverManagerService.currentRowHeaderPointerDown$) == null ? void 0 : _i.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (z = d.currentRowHeaderPointerDown$) == null ? void 0 : z.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderPointerDown)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.RowHeaderPointerDown, {
-              ...baseParams,
-              row: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderPointerDown, {
+              ...c,
+              row: n.index
             });
           })
-        ), disposable.add(
-          (_j = hoverManagerService.currentRowHeaderPointerUp$) == null ? void 0 : _j.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (V = d.currentRowHeaderPointerUp$) == null ? void 0 : V.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderPointerUp)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.RowHeaderPointerUp, {
-              ...baseParams,
-              row: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderPointerUp, {
+              ...c,
+              row: n.index
             });
           })
-        ), disposable.add(
-          (_k = hoverManagerService.currentHoveredRowHeader$) == null ? void 0 : _k.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (Z = d.currentHoveredRowHeader$) == null ? void 0 : Z.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.RowHeaderHover)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.RowHeaderHover, {
-              ...baseParams,
-              row: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.RowHeaderHover, {
+              ...c,
+              row: n.index
             });
           })
-        ), disposable.add(
-          (_l = hoverManagerService.currentColHeaderClick$) == null ? void 0 : _l.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (K = d.currentColHeaderClick$) == null ? void 0 : K.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderClick)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.ColumnHeaderClick, {
-              ...baseParams,
-              column: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderClick, {
+              ...c,
+              column: n.index
             });
           })
-        ), disposable.add(
-          (_m = hoverManagerService.currentColHeaderPointerDown$) == null ? void 0 : _m.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (Y = d.currentColHeaderPointerDown$) == null ? void 0 : Y.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderPointerDown)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
-              ...baseParams,
-              column: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
+              ...c,
+              column: n.index
             });
           })
-        ), disposable.add(
-          (_n = hoverManagerService.currentColHeaderPointerUp$) == null ? void 0 : _n.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (X = d.currentColHeaderPointerUp$) == null ? void 0 : X.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderPointerUp)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
-              ...baseParams,
-              column: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
+              ...c,
+              column: n.index
             });
           })
-        ), disposable.add(
-          (_o = hoverManagerService.currentHoveredColHeader$) == null ? void 0 : _o.pipe(filter((header) => !!header)).subscribe((header) => {
+        ), h.add(
+          (J = d.currentHoveredColHeader$) == null ? void 0 : J.pipe(S((n) => !!n)).subscribe((n) => {
             if (!this._eventListend(this.Event.ColumnHeaderHover)) return;
-            const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-            baseParams && this.fireEvent(this.Event.ColumnHeaderHover, {
-              ...baseParams,
-              column: header.index
+            const c = this.getSheetTarget(n.unitId, n.subUnitId);
+            c && this.fireEvent(this.Event.ColumnHeaderHover, {
+              ...c,
+              column: n.index
             });
           })
         ));
-      })), this.disposeWithMe(disposable);
+      })), this.disposeWithMe(h);
     }
-    const unitMap = /* @__PURE__ */ new Map();
-    let sheetRenderUnit;
-    const lifeCycleService = injector.get(LifecycleService), combined$ = combineLatest([
-      renderManagerService.created$,
-      lifeCycleService.lifecycle$
+    const s = /* @__PURE__ */ new Map();
+    let a;
+    const g = e.get(Q), v = Ne([
+      o.created$,
+      g.lifecycle$
     ]);
-    this.disposeWithMe(combined$.subscribe(([created, lifecycle]) => {
-      var _a;
-      if (created.type === UniverInstanceType.UNIVER_SHEET && (sheetRenderUnit = created), lifecycle <= LifecycleStages.Rendered) return;
-      const disposable = new DisposableCollection();
-      if (!sheetRenderUnit) return;
-      const workbook = this.getWorkbook(sheetRenderUnit.unitId);
-      if (!workbook) return;
-      unitMap.get(sheetRenderUnit.unitId) && ((_a = unitMap.get(sheetRenderUnit.unitId)) == null || _a.dispose()), unitMap.set(sheetRenderUnit.unitId, disposable);
-      const scrollManagerService = sheetRenderUnit.with(SheetScrollManagerService);
-      disposable.add(scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
-        params && this._eventListend(this.Event.Scroll) && this.fireEvent(this.Event.Scroll, {
-          workbook,
-          worksheet: workbook.getActiveSheet(),
-          ...params
+    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(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 selectionService = sheetRenderUnit.with(SheetsSelectionsService);
-      disposable.add(selectionService.selectionMoveStart$.subscribe((selections) => {
-        var _a2;
+      const I = a.with(Re);
+      C.add(I.selectionMoveStart$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionMoveStart) && this.fireEvent(this.Event.SelectionMoveStart, {
-          workbook,
-          worksheet: workbook.getActiveSheet(),
-          selections: (_a2 = selections == null ? void 0 : selections.map((s) => s.range)) != null ? _a2 : []
+          workbook: d,
+          worksheet: d.getActiveSheet(),
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), disposable.add(selectionService.selectionMoving$.subscribe((selections) => {
-        var _a2;
+      })), C.add(I.selectionMoving$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionMoving) && this.fireEvent(this.Event.SelectionMoving, {
-          workbook,
-          worksheet: workbook.getActiveSheet(),
-          selections: (_a2 = selections == null ? void 0 : selections.map((s) => s.range)) != null ? _a2 : []
+          workbook: d,
+          worksheet: d.getActiveSheet(),
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), disposable.add(selectionService.selectionMoveEnd$.subscribe((selections) => {
-        var _a2;
+      })), C.add(I.selectionMoveEnd$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionMoveEnd) && this.fireEvent(this.Event.SelectionMoveEnd, {
-          workbook,
-          worksheet: workbook.getActiveSheet(),
-          selections: (_a2 = selections == null ? void 0 : selections.map((s) => s.range)) != null ? _a2 : []
+          workbook: d,
+          worksheet: d.getActiveSheet(),
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), disposable.add(selectionService.selectionChanged$.subscribe((selections) => {
-        var _a2;
+      })), C.add(I.selectionChanged$.subscribe((u) => {
+        var f;
         this._eventListend(this.Event.SelectionChanged) && this.fireEvent(this.Event.SelectionChanged, {
-          workbook,
-          worksheet: workbook.getActiveSheet(),
-          selections: (_a2 = selections == null ? void 0 : selections.map((s) => s.range)) != null ? _a2 : []
+          workbook: d,
+          worksheet: d.getActiveSheet(),
+          selections: (f = u == null ? void 0 : u.map((E) => E.range)) != null ? f : []
         });
-      })), sheetRenderUnit = null, this.disposeWithMe(disposable);
-    })), this.disposeWithMe(renderManagerService.disposed$.subscribe((unitId2) => {
-      var _a;
-      (_a = unitMap.get(unitId2)) == null || _a.dispose(), unitMap.delete(unitId2);
+      })), a = null, this.disposeWithMe(C);
+    })), this.disposeWithMe(o.disposed$.subscribe((l) => {
+      var h;
+      (h = s.get(l)) == null || h.dispose(), s.delete(l);
     })), this.disposeWithMe(() => {
-      unitMap.forEach((disposable) => {
-        disposable.dispose();
+      s.forEach((l) => {
+        l.dispose();
       });
     });
   }
   /**
    * @ignore
    */
-  _initialize(injector) {
-    this._initSheetUIEvent(injector);
-    const commandService = injector.get(ICommandService);
-    this.disposeWithMe(commandService.beforeCommandExecuted((commandInfo) => {
-      switch (commandInfo.id) {
-        case CopyCommand.id:
-        case CutCommand.id:
+  _initialize(e) {
+    this._initSheetUIEvent(e);
+    const t = e.get(P);
+    this.disposeWithMe(t.beforeCommandExecuted((r) => {
+      switch (r.id) {
+        case se.id:
+        case oe.id:
           this._beforeClipboardChange();
           break;
-        case SheetPasteShortKeyCommand.id:
-          this._beforeClipboardPaste(commandInfo.params);
+        case ne.id:
+          this._beforeClipboardPaste(r.params);
           break;
       }
-    })), this.disposeWithMe(commandService.onCommandExecuted((commandInfo) => {
-      if (COMMAND_LISTENER_SKELETON_CHANGE.indexOf(commandInfo.id) > -1) {
+    })), this.disposeWithMe(t.onCommandExecuted((r) => {
+      if (Me.indexOf(r.id) > -1) {
         if (!this._eventListend(this.Event.SheetSkeletonChanged)) return;
-        const sheet = this.getActiveSheet();
-        if (!sheet) return;
-        const ranges = getSkeletonChangedEffectedRange(commandInfo).map((range) => {
-          var _a, _b;
-          return (_b = (_a = this.getWorkbook(range.unitId)) == null ? void 0 : _a.getSheetBySheetId(range.subUnitId)) == null ? void 0 : _b.getRange(range.range);
+        const i = this.getActiveSheet();
+        if (!i) return;
+        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 (!ranges.length) return;
+        if (!o.length) return;
         this.fireEvent(this.Event.SheetSkeletonChanged, {
-          workbook: sheet.workbook,
-          worksheet: sheet.worksheet,
-          payload: commandInfo,
-          skeleton: sheet.worksheet.getSkeleton(),
-          effectedRanges: ranges
+          workbook: i.workbook,
+          worksheet: i.worksheet,
+          payload: r,
+          skeleton: i.worksheet.getSkeleton(),
+          effectedRanges: o
         });
         return;
       }
-      switch (commandInfo.id) {
-        case CopyCommand.id:
-        case CutCommand.id:
+      switch (r.id) {
+        case se.id:
+        case oe.id:
           this._clipboardChanged();
           break;
-        case SheetPasteShortKeyCommand.id:
+        case ne.id:
           this._clipboardPaste();
           break;
-        case PasteCommand.id:
+        case ae.id:
           this._clipboardPasteAsync();
           break;
       }
-    })), this.disposeWithMe(commandService.beforeCommandExecuted(async (commandInfo) => {
-      switch (commandInfo.id) {
-        case PasteCommand.id:
+    })), this.disposeWithMe(t.beforeCommandExecuted(async (r) => {
+      switch (r.id) {
+        case ae.id:
           await this._beforeClipboardPasteAsync();
           break;
       }
     }));
   }
   _generateClipboardCopyParam() {
-    const workbook = this.getActiveWorkbook(), worksheet = workbook == null ? void 0 : workbook.getActiveSheet(), range = workbook == null ? void 0 : workbook.getActiveRange();
-    if (!workbook || !worksheet || !range)
+    const e = this.getActiveWorkbook(), t = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getActiveRange();
+    if (!e || !t || !r)
       return;
-    const content = this._injector.get(ISheetClipboardService).generateCopyContent(workbook.getId(), worksheet.getSheetId(), range.getRange());
-    if (!content)
+    const o = this._injector.get(Se).generateCopyContent(e.getId(), t.getSheetId(), r.getRange());
+    if (!o)
       return;
-    const { html, plain } = content;
+    const { html: s, plain: a } = o;
     return {
-      workbook,
-      worksheet,
-      text: plain,
-      html,
-      fromSheet: worksheet,
-      fromRange: range
+      workbook: e,
+      worksheet: t,
+      text: a,
+      html: s,
+      fromSheet: t,
+      fromRange: r
     };
   }
   _beforeClipboardChange() {
     if (!this.hasEventCallback(this.Event.BeforeClipboardChange))
       return;
-    const eventParams = this._generateClipboardCopyParam();
-    if (eventParams && (this.fireEvent(this.Event.BeforeClipboardChange, eventParams), eventParams.cancel))
+    const e = this._generateClipboardCopyParam();
+    if (e && (this.fireEvent(this.Event.BeforeClipboardChange, e), e.cancel))
       throw new Error("Before clipboard change is canceled");
   }
   _clipboardChanged() {
     if (!this.hasEventCallback(this.Event.ClipboardChanged))
       return;
-    const eventParams = this._generateClipboardCopyParam();
-    if (eventParams && (this.fireEvent(this.Event.ClipboardChanged, eventParams), eventParams.cancel))
+    const e = this._generateClipboardCopyParam();
+    if (e && (this.fireEvent(this.Event.ClipboardChanged, e), e.cancel))
       throw new Error("Clipboard changed is canceled");
   }
-  _generateClipboardPasteParam(params) {
-    if (!params)
+  _generateClipboardPasteParam(e) {
+    if (!e)
       return;
-    const { htmlContent, textContent } = params, workbook = this.getActiveWorkbook(), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
-    return !workbook || !worksheet ? void 0 : {
-      workbook,
-      worksheet,
-      text: textContent,
-      html: htmlContent
+    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: r,
+      html: t
     };
   }
   async _generateClipboardPasteParamAsync() {
-    const workbook = this.getActiveWorkbook(), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
-    if (!workbook || !worksheet)
+    const e = this.getActiveWorkbook(), t = e == null ? void 0 : e.getActiveSheet();
+    if (!e || !t)
       return;
-    const item = (await this._injector.get(IClipboardInterfaceService).read())[0];
-    let eventParams;
-    if (item) {
-      const types = item.types, text = types.indexOf(PLAIN_TEXT_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(PLAIN_TEXT_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : "", html = types.indexOf(HTML_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(HTML_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : "";
-      eventParams = {
-        workbook,
-        worksheet,
-        text,
-        html
+    const o = (await this._injector.get(je).read())[0];
+    let s;
+    if (o) {
+      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: t,
+        text: g,
+        html: v
       };
     }
-    return eventParams;
+    return s;
   }
-  _beforeClipboardPaste(params) {
+  _beforeClipboardPaste(e) {
     if (!this.hasEventCallback(this.Event.BeforeClipboardPaste))
       return;
-    const eventParams = this._generateClipboardPasteParam(params);
-    if (eventParams && (this.fireEvent(this.Event.BeforeClipboardPaste, eventParams), eventParams.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(params) {
+  _clipboardPaste(e) {
     if (!this.hasEventCallback(this.Event.BeforeClipboardPaste))
       return;
-    const eventParams = this._generateClipboardPasteParam(params);
-    if (eventParams && (this.fireEvent(this.Event.BeforeClipboardPaste, eventParams), eventParams.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() {
     if (!this.hasEventCallback(this.Event.BeforeClipboardPaste))
       return;
-    if (!supportClipboardAPI()) {
-      this._injector.get(ILogService).warn("[Facade]: The navigator object only supports the browser environment");
+    if (!he()) {
+      this._injector.get(D).warn("[Facade]: The navigator object only supports the browser environment");
       return;
     }
-    const eventParams = await this._generateClipboardPasteParamAsync();
-    if (eventParams && (this.fireEvent(this.Event.BeforeClipboardPaste, eventParams), eventParams.cancel))
+    const e = await this._generateClipboardPasteParamAsync();
+    if (e && (this.fireEvent(this.Event.BeforeClipboardPaste, e), e.cancel))
       throw new Error("Before clipboard paste is canceled");
   }
   async _clipboardPasteAsync() {
     if (!this.hasEventCallback(this.Event.ClipboardPasted))
       return;
-    if (!supportClipboardAPI()) {
-      this._injector.get(ILogService).warn("[Facade]: The navigator object only supports the browser environment");
+    if (!he()) {
+      this._injector.get(D).warn("[Facade]: The navigator object only supports the browser environment");
       return;
     }
-    const eventParams = await this._generateClipboardPasteParamAsync();
-    if (eventParams && (this.fireEvent(this.Event.ClipboardPasted, eventParams), eventParams.cancel))
+    const e = await this._generateClipboardPasteParamAsync();
+    if (e && (this.fireEvent(this.Event.ClipboardPasted, e), e.cancel))
       throw new Error("Clipboard pasted is canceled");
   }
-  customizeColumnHeader(cfg) {
-    var _a, _b;
-    const wb = this.getActiveWorkbook();
-    if (!wb) {
+  customizeColumnHeader(e) {
+    var v, l;
+    const t = this.getActiveWorkbook();
+    if (!t) {
       console.error("WorkBook not exist");
       return;
     }
-    const unitId = wb == null ? void 0 : wb.getId(), renderManagerService = this._injector.get(IRenderManagerService), activeSheet = wb.getActiveSheet(), subUnitId = activeSheet.getSheetId(), render = renderManagerService.getRenderById(unitId);
-    render && ((_a = cfg.headerStyle) != null && _a.size) && (render.with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_b = cfg.headerStyle) == null ? void 0 : _b.size), activeSheet == null || activeSheet.refreshCanvas()), this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg), activeSheet == null || activeSheet.refreshCanvas();
+    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(cfg) {
-    const wb = this.getActiveWorkbook();
-    if (!wb) {
+  customizeRowHeader(e) {
+    const t = this.getActiveWorkbook();
+    if (!t) {
       console.error("WorkBook not exist");
       return;
     }
-    const unitId = wb == null ? void 0 : wb.getId();
-    this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
+    const r = t == null ? void 0 : t.getId();
+    this._getSheetRenderComponent(r, k.ROW).setCustomHeader(e);
   }
-  registerSheetRowHeaderExtension(unitId, ...extensions) {
-    const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW), registerDisposable = sheetComponent.register(...extensions);
-    return toDisposable(() => {
-      registerDisposable.dispose(), sheetComponent.makeDirty(!0);
+  registerSheetRowHeaderExtension(e, ...t) {
+    const r = this._getSheetRenderComponent(e, k.ROW), i = r.register(...t);
+    return b(() => {
+      i.dispose(), r.makeDirty(!0);
     });
   }
-  registerSheetColumnHeaderExtension(unitId, ...extensions) {
-    const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.COLUMN), registerDisposable = sheetComponent.register(...extensions);
-    return toDisposable(() => {
-      registerDisposable.dispose(), sheetComponent.makeDirty(!0);
+  registerSheetColumnHeaderExtension(e, ...t) {
+    const r = this._getSheetRenderComponent(e, k.COLUMN), i = r.register(...t);
+    return b(() => {
+      i.dispose(), r.makeDirty(!0);
     });
   }
-  registerSheetMainExtension(unitId, ...extensions) {
-    const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.MAIN), registerDisposable = sheetComponent.register(...extensions);
-    return toDisposable(() => {
-      registerDisposable.dispose(), sheetComponent.makeDirty(!0);
+  registerSheetMainExtension(e, ...t) {
+    const r = this._getSheetRenderComponent(e, k.MAIN), i = r.register(...t);
+    return b(() => {
+      i.dispose(), r.makeDirty(!0);
     });
   }
   /**
@@ -550,119 +548,117 @@ const _FUniverSheetsUIMixin = class _FUniverSheetsUIMixin extends FUniver {
    * @param {SHEET_VIEW_KEY} viewKey The view key of the spreadsheet.
    * @returns {Nullable<RenderComponentType>} The render component.
    */
-  _getSheetRenderComponent(unitId, viewKey) {
-    const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    if (!render)
-      throw new Error(`Render Unit with unitId ${unitId} not found`);
-    const { components } = render, renderComponent = components.get(viewKey);
-    if (!renderComponent)
+  _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 renderComponent;
+    return s;
   }
   /**
    * Get sheet hooks.
    * @returns {FSheetHooks} FSheetHooks instance
    */
   getSheetHooks() {
-    return this._injector.createInstance(FSheetHooks);
+    return this._injector.createInstance(j);
   }
-};
-__name(_FUniverSheetsUIMixin, "FUniverSheetsUIMixin");
-let FUniverSheetsUIMixin = _FUniverSheetsUIMixin;
-FUniver.extend(FUniverSheetsUIMixin);
-const _FWorkbookSheetsUIMixin = class _FWorkbookSheetsUIMixin extends FWorkbook {
-  openSiderbar(params) {
-    return this._logDeprecation("openSiderbar"), this._injector.get(ISidebarService).open(params);
-  }
-  openDialog(dialog) {
+}
+ue.extend(ze);
+class Ve extends Ce {
+  openSiderbar(e) {
+    return this._logDeprecation("openSiderbar"), this._injector.get(Oe).open(e);
+  }
+  openDialog(e) {
     this._logDeprecation("openDialog");
-    const disposable = this._injector.get(IDialogService).open({
-      ...dialog,
-      onClose: /* @__PURE__ */ __name(() => {
-        disposable.dispose();
-      }, "onClose")
+    const r = this._injector.get(Fe).open({
+      ...e,
+      onClose: () => {
+        r.dispose();
+      }
     });
-    return disposable;
+    return r;
   }
-  _logDeprecation(name) {
-    this._injector.get(ILogService).warn("[FWorkbook]", `${name} is deprecated. Please use the function of the same name on "FUniver".`);
+  _logDeprecation(e) {
+    this._injector.get(D).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
   }
-  generateCellParams(cell) {
-    const worksheet = this.getActiveSheet();
+  generateCellParams(e) {
+    const t = this.getActiveSheet();
     return {
-      row: cell.row,
-      column: cell.col,
+      row: e.row,
+      column: e.col,
       workbook: this,
-      worksheet
+      worksheet: t
     };
   }
-  onCellClick(callback) {
-    const hoverManagerService = this._injector.get(HoverManagerService);
-    return toDisposable(
-      hoverManagerService.currentClickedCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-        callback(cell);
+  onCellClick(e) {
+    const t = this._injector.get(_);
+    return b(
+      t.currentClickedCell$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r);
       })
     );
   }
-  onCellHover(callback) {
-    const hoverManagerService = this._injector.get(HoverManagerService);
-    return toDisposable(
-      hoverManagerService.currentRichText$.pipe(filter((cell) => !!cell)).subscribe(callback)
+  onCellHover(e) {
+    const t = this._injector.get(_);
+    return b(
+      t.currentRichText$.pipe(S((r) => !!r)).subscribe(e)
     );
   }
-  onCellPointerDown(callback) {
-    const hoverManagerService = this._injector.get(HoverManagerService);
-    return toDisposable(
-      hoverManagerService.currentPointerDownCell$.subscribe(callback)
+  onCellPointerDown(e) {
+    const t = this._injector.get(_);
+    return b(
+      t.currentPointerDownCell$.subscribe(e)
     );
   }
-  onCellPointerUp(callback) {
-    const hoverManagerService = this._injector.get(HoverManagerService);
-    return toDisposable(
-      hoverManagerService.currentPointerUpCell$.subscribe(callback)
+  onCellPointerUp(e) {
+    const t = this._injector.get(_);
+    return b(
+      t.currentPointerUpCell$.subscribe(e)
     );
   }
-  onCellPointerMove(callback) {
-    const hoverManagerService = this._injector.get(HoverManagerService);
-    return toDisposable(
-      hoverManagerService.currentCellPosWithEvent$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-        callback(cell, cell.event);
+  onCellPointerMove(e) {
+    const t = this._injector.get(_);
+    return b(
+      t.currentCellPosWithEvent$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r, r.event);
       })
     );
   }
-  onDragOver(callback) {
-    const dragManagerService = this._injector.get(DragManagerService);
-    return toDisposable(
-      dragManagerService.currentCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-        callback(cell);
+  onDragOver(e) {
+    const t = this._injector.get(H);
+    return b(
+      t.currentCell$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r);
       })
     );
   }
-  onDrop(callback) {
-    const dragManagerService = this._injector.get(DragManagerService);
-    return toDisposable(
-      dragManagerService.endCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-        callback(cell);
+  onDrop(e) {
+    const t = this._injector.get(H);
+    return b(
+      t.endCell$.pipe(S((r) => !!r)).subscribe((r) => {
+        e(r);
       })
     );
   }
   startEditing() {
-    return this._injector.get(ICommandService).syncExecuteCommand(SetCellEditVisibleOperation.id, {
-      eventType: DeviceInputEventType.Dblclick,
+    return this._injector.get(P).syncExecuteCommand(M.id, {
+      eventType: te.Dblclick,
       unitId: this._workbook.getUnitId(),
       visible: !0
     });
   }
-  async endEditing(save) {
-    return this._injector.get(ICommandService).syncExecuteCommand(SetCellEditVisibleOperation.id, {
-      eventType: DeviceInputEventType.Keyboard,
-      keycode: save ? KeyCode.ENTER : KeyCode.ESC,
+  async endEditing(e) {
+    return this._injector.get(P).syncExecuteCommand(M.id, {
+      eventType: te.Keyboard,
+      keycode: e ? T.ENTER : T.ESC,
       visible: !1,
       unitId: this._workbook.getUnitId()
-    }), await awaitTime(0), !0;
+    }), await Ee(0), !0;
   }
-  endEditingAsync(save = !0) {
-    return this.endEditing(save);
+  endEditingAsync(e = !0) {
+    return this.endEditing(e);
   }
   /**
    * Get scroll state of specified sheet.
@@ -673,169 +669,206 @@ const _FWorkbookSheetsUIMixin = class _FWorkbookSheetsUIMixin extends FWorkbook
    * univerAPI.getActiveWorkbook().getScrollStateBySheetId($sheetId)
    * ```
    */
-  getScrollStateBySheetId(sheetId) {
-    const unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render ? render.with(SheetScrollManagerService).getScrollStateByParam({ unitId, sheetId }) : null;
+  getScrollStateBySheetId(e) {
+    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 unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render && render.with(ISheetSelectionRenderService).disableSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).disableSelection(), this;
   }
   enableSelection() {
-    const unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render && render.with(ISheetSelectionRenderService).enableSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).enableSelection(), this;
   }
   transparentSelection() {
-    const unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render && render.with(ISheetSelectionRenderService).transparentSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).transparentSelection(), this;
   }
   showSelection() {
-    const unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render && render.with(ISheetSelectionRenderService).showSelection(), this;
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    return r && r.with(x).showSelection(), this;
   }
-};
-__name(_FWorkbookSheetsUIMixin, "FWorkbookSheetsUIMixin");
-let FWorkbookSheetsUIMixin = _FWorkbookSheetsUIMixin;
-FWorkbook.extend(FWorkbookSheetsUIMixin);
-const _FWorksheetSkeletonMixin = class _FWorksheetSkeletonMixin extends FWorksheet {
+}
+Ce.extend(Ve);
+class Ze extends me {
   refreshCanvas() {
-    const renderManagerService = this._injector.get(IRenderManagerService), unitId = this._fWorkbook.id, render = renderManagerService.getRenderById(unitId);
-    if (!render)
-      throw new Error(`Render Unit with unitId ${unitId} not found`);
-    render.with(SheetSkeletonManagerService).reCalculate();
-    const mainComponent = render.mainComponent;
-    if (!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 mainComponent.makeDirty(), this;
+    return i.makeDirty(), this;
   }
-  zoom(zoomRatio) {
-    return this._injector.get(ICommandService).syncExecuteCommand(ChangeZoomRatioCommand.id, {
+  zoom(e) {
+    return this._injector.get(P).syncExecuteCommand(De.id, {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
-      zoomRatio
+      zoomRatio: e
     }), this;
   }
   getZoom() {
     return this._worksheet.getZoomRatio();
   }
   getVisibleRange() {
-    const unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    let range = {
+    const e = this._workbook.getUnitId(), r = this._injector.get(m).getRenderById(e);
+    let i = {
       startColumn: 0,
       startRow: 0,
       endColumn: 0,
       endRow: 0
     };
-    if (!render) return range;
-    const sk = render.with(SheetSkeletonManagerService).getCurrentSkeleton();
-    if (!sk) return range;
-    const visibleRangeMap = sk == null ? void 0 : sk.getVisibleRanges();
-    if (!visibleRangeMap) return range;
-    range = sk.getVisibleRangeByViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
-    for (const [k, r] of visibleRangeMap)
-      sheetContentViewportKeys.indexOf(k) !== -1 && (range.startColumn = Math.min(range.startColumn, r.startColumn), range.startRow = Math.min(range.startRow, r.startRow), range.endColumn = Math.max(range.endColumn, r.endColumn), range.endRow = Math.max(range.endRow, r.endRow));
-    return range;
-  }
-  scrollToCell(row, column) {
-    const unitId = this._workbook.getUnitId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render && (render == null ? void 0 : render.with(SheetsScrollRenderController)).scrollToCell(row, column), this;
+    if (!r) return i;
+    const s = r.with(R).getCurrentSkeleton();
+    if (!s) return i;
+    const a = s == null ? void 0 : s.getVisibleRanges();
+    if (!a) return i;
+    i = s.getVisibleRangeByViewport(Ie.VIEW_MAIN);
+    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, 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 emptyScrollState = {
+    const e = {
       offsetX: 0,
       offsetY: 0,
       sheetViewStartColumn: 0,
       sheetViewStartRow: 0
-    }, unitId = this._workbook.getUnitId(), sheetId = this._worksheet.getSheetId(), render = this._injector.get(IRenderManagerService).getRenderById(unitId);
-    return render && render.with(SheetScrollManagerService).getScrollStateByParam({ unitId, sheetId }) || emptyScrollState;
-  }
-  onScroll(callback) {
-    var _a;
-    const unitId = this._workbook.getUnitId(), scrollManagerService = (_a = this._injector.get(IRenderManagerService).getRenderById(unitId)) == null ? void 0 : _a.with(SheetScrollManagerService);
-    if (scrollManagerService) {
-      const sub = scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
-        callback(params);
+    }, 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 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((a) => {
+        e(a);
       });
-      return toDisposable(sub);
+      return b(s);
     }
-    return toDisposable(() => {
+    return b(() => {
     });
   }
   getSkeleton() {
-    var _a, _b;
-    const service = (_a = this._injector.get(IRenderManagerService).getRenderById(this._workbook.getUnitId())) == null ? void 0 : _a.with(SheetSkeletonManagerService);
-    return (_b = service == null ? void 0 : service.getWorksheetSkeleton(this._worksheet.getSheetId())) == null ? void 0 : _b.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(columnPosition, numColumn) {
-    const unitId = this._workbook.getUnitId(), subUnitId = this._worksheet.getSheetId(), ranges = [
+  setColumnAutoWidth(e, t) {
+    const r = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = [
       {
-        startColumn: columnPosition,
-        endColumn: columnPosition + numColumn - 1,
+        startColumn: e,
+        endColumn: e + t - 1,
         startRow: 0,
         endRow: this._worksheet.getRowCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(SetWorksheetColAutoWidthCommand.id, {
-      unitId,
-      subUnitId,
-      ranges
+    return this._commandService.syncExecuteCommand(Te.id, {
+      unitId: r,
+      subUnitId: i,
+      ranges: o
     }), this;
   }
-};
-__name(_FWorksheetSkeletonMixin, "FWorksheetSkeletonMixin");
-let FWorksheetSkeletonMixin = _FWorksheetSkeletonMixin;
-FWorksheet.extend(FWorksheetSkeletonMixin);
-const _FPermissionSheetsUIMixin = class _FPermissionSheetsUIMixin extends FPermission {
-  setPermissionDialogVisible(visible) {
-    this._permissionService.setShowComponents(visible);
+  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;
   }
-};
-__name(_FPermissionSheetsUIMixin, "FPermissionSheetsUIMixin");
-let FPermissionSheetsUIMixin = _FPermissionSheetsUIMixin;
-FPermission.extend(FPermissionSheetsUIMixin);
-const _FSheetHooksUIMixin = class _FSheetHooksUIMixin extends FSheetHooks {
-  onCellPointerMove(callback) {
-    return toDisposable(this._injector.get(HoverManagerService).currentPosition$.subscribe(callback));
-  }
-  onCellPointerOver(callback) {
-    return toDisposable(this._injector.get(HoverManagerService).currentCell$.subscribe(callback));
-  }
-  onCellDragOver(callback) {
-    return toDisposable(this._injector.get(DragManagerService).currentCell$.subscribe(callback));
-  }
-  onCellDrop(callback) {
-    return toDisposable(this._injector.get(DragManagerService).endCell$.subscribe(callback));
-  }
-  onCellRender(customRender, effect = InterceptorEffectEnum.Style, priority = InterceptCellContentPriority.DATA_VALIDATION) {
-    return this._injector.get(SheetInterceptorService).intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
-      effect,
-      handler: /* @__PURE__ */ __name((cell, pos, next) => next({
-        ...cell,
+  /**
+   * 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;
+  }
+}
+me.extend(Ze);
+class Ke extends be {
+  setPermissionDialogVisible(e) {
+    this._permissionService.setShowComponents(e);
+  }
+}
+be.extend(Ke);
+class Ye extends j {
+  onCellPointerMove(e) {
+    return b(this._injector.get(_).currentPosition$.subscribe(e));
+  }
+  onCellPointerOver(e) {
+    return b(this._injector.get(_).currentCell$.subscribe(e));
+  }
+  onCellDragOver(e) {
+    return b(this._injector.get(H).currentCell$.subscribe(e));
+  }
+  onCellDrop(e) {
+    return b(this._injector.get(H).endCell$.subscribe(e));
+  }
+  onCellRender(e, t = we.Style, r = xe.DATA_VALIDATION) {
+    return this._injector.get(Ue).intercept(He.CELL_CONTENT, {
+      effect: t,
+      handler: (i, o, s) => s({
+        ...i,
         customRender: [
-          ...(cell == null ? void 0 : cell.customRender) || [],
-          ...customRender || []
+          ...(i == null ? void 0 : i.customRender) || [],
+          ...e || []
         ]
-      }), "handler"),
-      priority
+      }),
+      priority: r
     });
   }
-  onBeforeCellEdit(callback) {
-    return this._injector.get(ICommandService).beforeCommandExecuted((command) => {
-      const params = command.params;
-      command.id === SetCellEditVisibleOperation.id && params.visible && callback(params);
+  onBeforeCellEdit(e) {
+    return this._injector.get(P).beforeCommandExecuted((t) => {
+      const r = t.params;
+      t.id === M.id && r.visible && e(r);
     });
   }
-  onAfterCellEdit(callback) {
-    return this._injector.get(ICommandService).onCommandExecuted((command) => {
-      const params = command.params;
-      command.id === SetCellEditVisibleOperation.id && !params.visible && callback(params);
+  onAfterCellEdit(e) {
+    return this._injector.get(P).onCommandExecuted((t) => {
+      const r = t.params;
+      t.id === M.id && !r.visible && e(r);
     });
   }
-};
-__name(_FSheetHooksUIMixin, "FSheetHooksUIMixin");
-let FSheetHooksUIMixin = _FSheetHooksUIMixin;
-FSheetHooks.extend(FSheetHooksUIMixin);
-const CellFEventName = {
+}
+j.extend(Ye);
+const U = {
   CellClicked: "CellClicked",
   CellPointerDown: "CellPointerDown",
   CellPointerUp: "CellPointerUp",
@@ -848,7 +881,8 @@ const CellFEventName = {
   SelectionMoving: "SelectionMoving",
   SelectionMoveEnd: "SelectionMoveEnd",
   SelectionChanged: "SelectionChanged"
-}, _FSheetsUIEventName = class _FSheetsUIEventName extends FEventName {
+};
+class Xe extends ve {
   get BeforeClipboardChange() {
     return "BeforeClipboardChange";
   }
@@ -877,19 +911,19 @@ const CellFEventName = {
     return "SheetEditEnded";
   }
   get CellClicked() {
-    return CellFEventName.CellClicked;
+    return U.CellClicked;
   }
   get CellHover() {
-    return CellFEventName.CellHover;
+    return U.CellHover;
   }
   get CellPointerDown() {
-    return CellFEventName.CellPointerDown;
+    return U.CellPointerDown;
   }
   get CellPointerUp() {
-    return CellFEventName.CellPointerUp;
+    return U.CellPointerUp;
   }
   get CellPointerMove() {
-    return CellFEventName.CellPointerMove;
+    return U.CellPointerMove;
   }
   get DragOver() {
     return "DragOver";
@@ -939,45 +973,43 @@ const CellFEventName = {
   get SheetSkeletonChanged() {
     return "SheetSkeletonChanged";
   }
-};
-__name(_FSheetsUIEventName, "FSheetsUIEventName");
-let FSheetsUIEventName = _FSheetsUIEventName;
-FEventName.extend(FSheetsUIEventName);
-const _FRangeSheetsUIMixin = class _FRangeSheetsUIMixin extends FRange {
+}
+ve.extend(Xe);
+class Je extends fe {
   getCell() {
-    var _a;
-    const renderManagerService = this._injector.get(IRenderManagerService), logService = this._injector.get(ILogService), unitId = this._workbook.getUnitId(), subUnitId = this._worksheet.getSheetId(), render = renderManagerService.getRenderById(unitId), skeleton = (_a = render == null ? void 0 : render.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _a.skeleton;
-    if (!skeleton)
-      throw logService.error("[Facade]: `FRange.getCell` can only be called in current worksheet"), new Error("`FRange.getCell` can only be called in current worksheet");
-    return skeleton.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
+    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 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: x, startY: y, endX: x2, endY: y2 } = this.getCell(), data = { x, y, width: x2 - x, height: y2 - y, top: y, left: x, bottom: y2, right: x2 };
-    return { ...data, toJSON: /* @__PURE__ */ __name(() => JSON.stringify(data), "toJSON") };
+    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 _a;
-    const copyContent = this._injector.get(ISheetClipboardService).generateCopyContent(
+    var t;
+    const e = this._injector.get(Se).generateCopyContent(
       this._workbook.getUnitId(),
       this._worksheet.getSheetId(),
       this._range
     );
-    return (_a = copyContent == null ? void 0 : copyContent.html) != null ? _a : "";
+    return (t = e == null ? void 0 : e.html) != null ? t : "";
   }
-  attachPopup(popup) {
-    var _a, _b, _c;
-    popup.direction = (_a = popup.direction) != null ? _a : "horizontal", popup.extraProps = (_b = popup.extraProps) != null ? _b : {}, popup.offset = (_c = popup.offset) != null ? _c : [0, 0];
-    const { key, disposableCollection } = transformComponentKey(popup, this._injector.get(ComponentManager)), disposePopup = this._injector.get(SheetCanvasPopManagerService).attachPopupToCell(
+  attachPopup(e) {
+    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,
-      { ...popup, componentKey: key },
+      { ...e, componentKey: t },
       this.getUnitId(),
       this._worksheet.getSheetId()
     );
-    return disposePopup ? (disposableCollection.add(disposePopup), disposableCollection) : (disposableCollection.dispose(), null);
+    return o ? (r.add(o), r) : (r.dispose(), null);
   }
-  attachAlertPopup(alert) {
-    const cellAlertService = this._injector.get(CellAlertManagerService), location = {
+  attachAlertPopup(e) {
+    const t = this._injector.get(We), r = {
       workbook: this._workbook,
       worksheet: this._worksheet,
       row: this._range.startRow,
@@ -985,13 +1017,13 @@ const _FRangeSheetsUIMixin = class _FRangeSheetsUIMixin extends FRange {
       unitId: this.getUnitId(),
       subUnitId: this._worksheet.getSheetId()
     };
-    return cellAlertService.showAlert({
-      ...alert,
-      location
+    return t.showAlert({
+      ...e,
+      location: r
     }), {
-      dispose: /* @__PURE__ */ __name(() => {
-        cellAlertService.removeAlert(alert.key);
-      }, "dispose")
+      dispose: () => {
+        t.removeAlert(e.key);
+      }
     };
   }
   /**
@@ -1006,39 +1038,36 @@ const _FRangeSheetsUIMixin = class _FRangeSheetsUIMixin extends FRange {
       extraProps: { alert: { type: 0, title: 'This is an Info', message: 'This is an info message' } },
       });
    */
-  attachRangePopup(popup) {
-    var _a, _b, _c;
-    popup.direction = (_a = popup.direction) != null ? _a : "top-center", popup.extraProps = (_b = popup.extraProps) != null ? _b : {}, popup.offset = (_c = popup.offset) != null ? _c : [0, 0];
-    const { key, disposableCollection } = transformComponentKey(popup, this._injector.get(ComponentManager)), disposePopup = this._injector.get(SheetCanvasPopManagerService).attachRangePopup(
+  attachRangePopup(e) {
+    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,
-      { ...popup, componentKey: key },
+      { ...e, componentKey: t },
       this.getUnitId(),
       this._worksheet.getSheetId()
     );
-    return disposePopup ? (disposableCollection.add(disposePopup), disposableCollection) : (disposableCollection.dispose(), null);
+    return o ? (r.add(o), r) : (r.dispose(), null);
   }
-  highlight(style, primary) {
-    const markSelectionService = this._injector.get(IMarkSelectionService), id = markSelectionService.addShape({ range: this._range, style, primary });
-    if (!id)
+  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 toDisposable(() => {
-      markSelectionService.removeShape(id);
+    return b(() => {
+      r.removeShape(i);
     });
   }
-};
-__name(_FRangeSheetsUIMixin, "FRangeSheetsUIMixin");
-let FRangeSheetsUIMixin = _FRangeSheetsUIMixin;
-FRange.extend(FRangeSheetsUIMixin);
-function transformComponentKey(component, componentManager) {
-  const { componentKey, isVue3 } = component;
-  let key;
-  const disposableCollection = new DisposableCollection();
-  return typeof componentKey == "string" ? key = componentKey : (key = `External_${generateRandomId(6)}`, disposableCollection.add(componentManager.register(key, componentKey, { framework: isVue3 ? "vue3" : "react" }))), {
-    key,
-    disposableCollection
+}
+fe.extend(Je);
+function ge(w, e) {
+  const { componentKey: t, isVue3: r } = w;
+  let i;
+  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
   };
 }
-__name(transformComponentKey, "transformComponentKey");
 export {
-  transformComponentKey
+  ge as transformComponentKey
 };