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

package/lib/es/facade.js

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