@univerjs/sheets-ui 0.6.0-nightly.202502121606 → 0.6.0-nightly.202502141606

package/lib/es/facade.js

@@ -1,11 +1,12 @@
-import { FUniver as te, 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 ce, ILogService as D, toDisposable as b, awaitTime as de, InterceptorEffectEnum as he, FEventName as re, generateRandomId as le } from "@univerjs/core";
+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 T, 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 w, DragManagerService as U, SheetScrollManagerService as T, SheetPasteShortKeyCommand as V, ISheetClipboardService as ne, SheetSkeletonManagerService as R, SHEET_VIEW_KEY as f, ISheetSelectionRenderService as x, ChangeZoomRatioCommand as we, SheetsScrollRenderController as fe, 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 ie, FWorksheet as oe, FPermission as se, FRange as ae } 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";
+import { SheetsSelectionsService as Ce, COMMAND_LISTENER_SKELETON_CHANGE as Se, getSkeletonChangedEffectedRange as me, InterceptCellContentPriority as be, SheetInterceptorService as Ee, INTERCEPTOR_POINT as pe } from "@univerjs/sheets";
+import { SetCellEditVisibleOperation as k, IEditorBridgeService as H, SetZoomRatioCommand as z, HoverManagerService as f, DragManagerService as U, SheetScrollManagerService as B, 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 D, 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 C, combineLatest as Ue } from "rxjs";
 class xe extends te {
   // eslint-disable-next-line max-lines-per-function
   _initSheetUIEvent(e) {
@@ -16,12 +17,12 @@ class xe extends te {
         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();
+        const { workbook: o, worksheet: s } = n, c = e.get(H), g = t.params, { visible: u, keycode: l, eventType: S } = g, v = c.getEditLocation();
         if (u) {
           const h = {
             row: v.row,
             column: v.column,
-            eventType: C,
+            eventType: S,
             keycode: l,
             workbook: o,
             worksheet: s,
@@ -37,18 +38,18 @@ class xe extends te {
         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();
+        const { workbook: o, worksheet: s } = n, c = e.get(H), g = e.get(A), u = t.params, { visible: l, keycode: S, eventType: v } = u, h = c.getEditLocation();
         if (!l) {
           const I = {
             row: h.row,
             column: h.column,
             eventType: v,
-            keycode: C,
+            keycode: S,
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
             value: O.create(g.getUnit(W).getSnapshot()),
-            isConfirm: C !== B.ESC
+            isConfirm: S !== D.ESC
           };
           if (this.fireEvent(this.Event.BeforeSheetEditEnd, I), I.cancel)
             throw new j();
@@ -60,12 +61,12 @@ class xe extends te {
         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();
+        const { workbook: o, worksheet: s } = n, c = e.get(H), g = t.params, { visible: u, keycode: l, eventType: S } = g, v = c.getEditLocation();
         if (u) {
           const h = {
             row: v.row,
             column: v.column,
-            eventType: C,
+            eventType: S,
             keycode: l,
             workbook: o,
             worksheet: s,
@@ -80,17 +81,17 @@ class xe extends te {
         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();
+        const { workbook: o, worksheet: s } = n, c = e.get(H), g = t.params, { visible: u, keycode: l, eventType: S } = g, v = c.getEditLocation();
         if (!u) {
           const h = {
             row: v.row,
             column: v.column,
-            eventType: C,
+            eventType: S,
             keycode: l,
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
-            isConfirm: l !== B.ESC
+            isConfirm: l !== D.ESC
           };
           this.fireEvent(this.Event.SheetEditEnded, h);
         }
@@ -99,16 +100,16 @@ class xe extends te {
       this.Event.SheetEditChanging,
       () => r.onCommandExecuted((t) => {
         if (t.id !== ge.id) return;
-        const n = this.getCommandSheetTarget(t);
+        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 = {
+          const { row: S, column: v } = c.getEditLocation(), h = {
             workbook: o,
             worksheet: s,
-            row: C,
+            row: S,
             column: v,
             value: O.create(g.getUnit(W).getSnapshot()),
             isZenEditor: !1
@@ -148,16 +149,16 @@ class xe extends te {
   _initObserverListener(e) {
     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();
+      const l = e.get(L), S = new y();
       this.disposeWithMe(l.lifecycle$.subscribe((v) => {
         if (v < F.Rendered) return;
-        C.dispose();
-        const h = e.get(w), I = e.get(U);
+        S.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) => {
+            return (d = h.currentClickedCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.location.unitId, i.location.subUnitId);
               a && this.fireEvent(this.Event.CellClicked, {
                 ...a,
@@ -171,7 +172,7 @@ class xe extends te {
           this.Event.CellHover,
           () => {
             var d;
-            return (d = h.currentRichText$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentRichText$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.CellHover, {
                 ...a,
@@ -185,7 +186,7 @@ class xe extends te {
           this.Event.CellPointerDown,
           () => {
             var d;
-            return (d = h.currentPointerDownCell$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentPointerDownCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.CellPointerDown, {
                 ...a,
@@ -199,7 +200,7 @@ class xe extends te {
           this.Event.CellPointerUp,
           () => {
             var d;
-            return (d = h.currentPointerUpCell$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentPointerUpCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.CellPointerUp, {
                 ...a,
@@ -213,7 +214,7 @@ class xe extends te {
           this.Event.CellPointerMove,
           () => {
             var d;
-            return (d = h.currentCellPosWithEvent$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentCellPosWithEvent$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.CellPointerMove, {
                 ...a,
@@ -227,7 +228,7 @@ class xe extends te {
           this.Event.DragOver,
           () => {
             var d;
-            return (d = I.currentCell$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = I.currentCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.location.unitId, i.location.subUnitId);
               a && this.fireEvent(this.Event.DragOver, {
                 ...a,
@@ -241,7 +242,7 @@ class xe extends te {
           this.Event.Drop,
           () => {
             var d;
-            return (d = I.endCell$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = I.endCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.location.unitId, i.location.subUnitId);
               a && this.fireEvent(this.Event.Drop, {
                 ...a,
@@ -255,7 +256,7 @@ class xe extends te {
           this.Event.RowHeaderClick,
           () => {
             var d;
-            return (d = h.currentRowHeaderClick$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentRowHeaderClick$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.RowHeaderClick, {
                 ...a,
@@ -267,7 +268,7 @@ class xe extends te {
           this.Event.RowHeaderPointerDown,
           () => {
             var d;
-            return (d = h.currentRowHeaderPointerDown$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentRowHeaderPointerDown$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.RowHeaderPointerDown, {
                 ...a,
@@ -279,7 +280,7 @@ class xe extends te {
           this.Event.RowHeaderPointerUp,
           () => {
             var d;
-            return (d = h.currentRowHeaderPointerUp$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentRowHeaderPointerUp$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.RowHeaderPointerUp, {
                 ...a,
@@ -291,7 +292,7 @@ class xe extends te {
           this.Event.RowHeaderHover,
           () => {
             var d;
-            return (d = h.currentHoveredRowHeader$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentHoveredRowHeader$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.RowHeaderHover, {
                 ...a,
@@ -303,7 +304,7 @@ class xe extends te {
           this.Event.ColumnHeaderClick,
           () => {
             var d;
-            return (d = h.currentColHeaderClick$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentColHeaderClick$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.ColumnHeaderClick, {
                 ...a,
@@ -315,7 +316,7 @@ class xe extends te {
           this.Event.ColumnHeaderPointerDown,
           () => {
             var d;
-            return (d = h.currentColHeaderPointerDown$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentColHeaderPointerDown$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
                 ...a,
@@ -327,7 +328,7 @@ class xe extends te {
           this.Event.ColumnHeaderPointerUp,
           () => {
             var d;
-            return (d = h.currentColHeaderPointerUp$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentColHeaderPointerUp$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
                 ...a,
@@ -339,7 +340,7 @@ class xe extends te {
           this.Event.ColumnHeaderHover,
           () => {
             var d;
-            return (d = h.currentHoveredColHeader$) == null ? void 0 : d.pipe(S((i) => !!i)).subscribe((i) => {
+            return (d = h.currentHoveredColHeader$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
               const a = this.getSheetTarget(i.unitId, i.subUnitId);
               a && this.fireEvent(this.Event.ColumnHeaderHover, {
                 ...a,
@@ -348,7 +349,7 @@ class xe extends te {
             });
           }
         ));
-      })), this.disposeWithMe(C);
+      })), this.disposeWithMe(S);
     }
     const s = /* @__PURE__ */ new Map();
     let c;
@@ -356,15 +357,15 @@ class xe extends te {
       o.created$,
       g.lifecycle$
     ]);
-    this.disposeWithMe(u.subscribe(([l, C]) => {
+    this.disposeWithMe(u.subscribe(([l, S]) => {
       var i;
-      if (l.type === ce.UNIVER_SHEET && (c = l), C <= F.Rendered) return;
+      if (l.type === ae.UNIVER_SHEET && (c = l), S <= 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);
+      const I = c.with(B), d = c.with(Ce);
       v.add(this.registerEventHandler(
         this.Event.Scroll,
         () => I.validViewportScrollInfo$.subscribe((a) => {
@@ -416,8 +417,8 @@ class xe extends te {
         })
       )), c = null, this.disposeWithMe(v);
     })), this.disposeWithMe(o.disposed$.subscribe((l) => {
-      var C;
-      (C = s.get(l)) == null || C.dispose(), s.delete(l);
+      var S;
+      (S = s.get(l)) == null || S.dispose(), s.delete(l);
     })), this.disposeWithMe(() => {
       s.forEach((l) => {
         l.dispose();
@@ -467,7 +468,7 @@ class xe extends te {
         ), t;
       }
     ), this.disposeWithMe(r.onCommandExecuted((t) => {
-      if (Ce.indexOf(t.id) > -1) {
+      if (Se.indexOf(t.id) > -1) {
         const n = this.getActiveSheet();
         if (!n) return;
         const o = me(t, n.worksheet.getMaxColumns()).map((s) => {
@@ -511,7 +512,7 @@ class xe extends te {
     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(ne).generateCopyContent(e.getId(), r.getSheetId(), t.getRange());
+    const o = this._injector.get(re).generateCopyContent(e.getId(), r.getSheetId(), t.getRange());
     if (!o)
       return;
     const { html: s, plain: c } = o;
@@ -574,7 +575,7 @@ class xe extends te {
   }
   async _beforeClipboardPasteAsync() {
     if (!q()) {
-      this._injector.get(D).warn("[Facade]: The navigator object only supports the browser environment");
+      this._injector.get(T).warn("[Facade]: The navigator object only supports the browser environment");
       return;
     }
     const e = await this._generateClipboardPasteParamAsync();
@@ -583,7 +584,7 @@ class xe extends te {
   }
   async _clipboardPasteAsync() {
     if (!q()) {
-      this._injector.get(D).warn("[Facade]: The navigator object only supports the browser environment");
+      this._injector.get(T).warn("[Facade]: The navigator object only supports the browser environment");
       return;
     }
     const e = await this._generateClipboardPasteParamAsync();
@@ -598,7 +599,7 @@ class xe extends te {
       return;
     }
     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, f.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
+    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 r = this.getActiveWorkbook();
@@ -607,22 +608,22 @@ class xe extends te {
       return;
     }
     const t = r == null ? void 0 : r.getId();
-    this._getSheetRenderComponent(t, f.ROW).setCustomHeader(e);
+    this._getSheetRenderComponent(t, w.ROW).setCustomHeader(e);
   }
   registerSheetRowHeaderExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, f.ROW), n = t.register(...r);
+    const t = this._getSheetRenderComponent(e, w.ROW), n = t.register(...r);
     return b(() => {
       n.dispose(), t.makeDirty(!0);
     });
   }
   registerSheetColumnHeaderExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, f.COLUMN), n = t.register(...r);
+    const t = this._getSheetRenderComponent(e, w.COLUMN), n = t.register(...r);
     return b(() => {
       n.dispose(), t.makeDirty(!0);
     });
   }
   registerSheetMainExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, f.MAIN), n = t.register(...r);
+    const t = this._getSheetRenderComponent(e, w.MAIN), n = t.register(...r);
     return b(() => {
       n.dispose(), t.makeDirty(!0);
     });
@@ -652,7 +653,7 @@ class xe extends te {
   }
 }
 te.extend(xe);
-class De extends ie {
+class Te extends ne {
   openSiderbar(e) {
     return this._logDeprecation("openSiderbar"), this._injector.get(Me).open(e);
   }
@@ -667,7 +668,7 @@ class De extends ie {
     return t;
   }
   _logDeprecation(e) {
-    this._injector.get(D).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
+    this._injector.get(T).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
   }
   generateCellParams(e) {
     const r = this.getActiveSheet();
@@ -679,35 +680,35 @@ class De extends ie {
     };
   }
   onCellClick(e) {
-    const r = this._injector.get(w);
+    const r = this._injector.get(f);
     return b(
-      r.currentClickedCell$.pipe(S((t) => !!t)).subscribe((t) => {
+      r.currentClickedCell$.pipe(C((t) => !!t)).subscribe((t) => {
         e(t);
       })
     );
   }
   onCellHover(e) {
-    const r = this._injector.get(w);
+    const r = this._injector.get(f);
     return b(
-      r.currentRichText$.pipe(S((t) => !!t)).subscribe(e)
+      r.currentRichText$.pipe(C((t) => !!t)).subscribe(e)
     );
   }
   onCellPointerDown(e) {
-    const r = this._injector.get(w);
+    const r = this._injector.get(f);
     return b(
       r.currentPointerDownCell$.subscribe(e)
     );
   }
   onCellPointerUp(e) {
-    const r = this._injector.get(w);
+    const r = this._injector.get(f);
     return b(
       r.currentPointerUpCell$.subscribe(e)
     );
   }
   onCellPointerMove(e) {
-    const r = this._injector.get(w);
+    const r = this._injector.get(f);
     return b(
-      r.currentCellPosWithEvent$.pipe(S((t) => !!t)).subscribe((t) => {
+      r.currentCellPosWithEvent$.pipe(C((t) => !!t)).subscribe((t) => {
         e(t, t.event);
       })
     );
@@ -715,7 +716,7 @@ class De extends ie {
   onDragOver(e) {
     const r = this._injector.get(U);
     return b(
-      r.currentCell$.pipe(S((t) => !!t)).subscribe((t) => {
+      r.currentCell$.pipe(C((t) => !!t)).subscribe((t) => {
         e(t);
       })
     );
@@ -723,7 +724,7 @@ class De extends ie {
   onDrop(e) {
     const r = this._injector.get(U);
     return b(
-      r.endCell$.pipe(S((t) => !!t)).subscribe((t) => {
+      r.endCell$.pipe(C((t) => !!t)).subscribe((t) => {
         e(t);
       })
     );
@@ -738,10 +739,10 @@ class De extends ie {
   async endEditing(e) {
     return this._injector.get(P).syncExecuteCommand(k.id, {
       eventType: N.Keyboard,
-      keycode: e ? B.ENTER : B.ESC,
+      keycode: e ? D.ENTER : D.ESC,
       visible: !1,
       unitId: this._workbook.getUnitId()
-    }), await de(0), !0;
+    }), await ce(0), !0;
   }
   endEditingAsync(e = !0) {
     return this.endEditing(e);
@@ -757,7 +758,7 @@ class De extends ie {
    */
   getScrollStateBySheetId(e) {
     const r = this._workbook.getUnitId(), n = this._injector.get(m).getRenderById(r);
-    return n ? n.with(T).getScrollStateByParam({ unitId: r, sheetId: e }) : null;
+    return n ? n.with(B).getScrollStateByParam({ unitId: r, sheetId: e }) : null;
   }
   disableSelection() {
     const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
@@ -776,8 +777,8 @@ class De extends ie {
     return t && t.with(x).showSelection(), this;
   }
 }
-ie.extend(De);
-class Te extends oe {
+ne.extend(Te);
+class Be extends ie {
   refreshCanvas() {
     const e = this._injector.get(m), r = this._fWorkbook.id, t = e.getRenderById(r);
     if (!t)
@@ -789,7 +790,7 @@ class Te extends oe {
     return n.makeDirty(), this;
   }
   zoom(e) {
-    return this._injector.get(P).syncExecuteCommand(we.id, {
+    return this._injector.get(P).syncExecuteCommand(fe.id, {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
       zoomRatio: e
@@ -818,7 +819,7 @@ class Te extends oe {
   }
   scrollToCell(e, r) {
     const t = this._workbook.getUnitId(), o = this._injector.get(m).getRenderById(t);
-    return o && (o == null ? void 0 : o.with(fe)).scrollToCell(e, r), this;
+    return o && (o == null ? void 0 : o.with(we)).scrollToCell(e, r), this;
   }
   getScrollState() {
     const e = {
@@ -827,11 +828,11 @@ class Te extends oe {
       sheetViewStartColumn: 0,
       sheetViewStartRow: 0
     }, r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(m).getRenderById(r);
-    return o && o.with(T).getScrollStateByParam({ unitId: r, sheetId: t }) || e;
+    return o && o.with(B).getScrollStateByParam({ unitId: r, sheetId: t }) || e;
   }
   onScroll(e) {
     var o;
-    const r = this._workbook.getUnitId(), n = (o = this._injector.get(m).getRenderById(r)) == null ? void 0 : o.with(T);
+    const r = this._workbook.getUnitId(), n = (o = this._injector.get(m).getRenderById(r)) == null ? void 0 : o.with(B);
     if (n) {
       const s = n.validViewportScrollInfo$.subscribe((c) => {
         e(c);
@@ -865,12 +866,12 @@ class Te extends oe {
     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, f.COLUMN);
+    const c = this._getSheetRenderComponent(t, w.COLUMN);
     c && (c.setCustomHeader(e), r == null || r.refreshCanvas());
   }
   customizeRowHeader(e) {
     const r = this._fWorkbook.getId();
-    this._getSheetRenderComponent(r, f.ROW).setCustomHeader(e);
+    this._getSheetRenderComponent(r, w.ROW).setCustomHeader(e);
   }
   setColumnHeaderHeight(e) {
     const r = this, t = this._fWorkbook.getId(), n = r.getSheetId();
@@ -887,7 +888,7 @@ class Te extends oe {
       subUnitId: n,
       size: e
     });
-    const o = this._getSheetRenderComponent(t, f.ROW);
+    const o = this._getSheetRenderComponent(t, w.ROW);
     return o && o.setCustomHeader({ headerStyle: { size: e } }), r == null || r.refreshCanvas(), this;
   }
   /**
@@ -907,19 +908,19 @@ class Te extends oe {
     return s;
   }
 }
-oe.extend(Te);
-class Be extends se {
+ie.extend(Be);
+class De extends oe {
   setPermissionDialogVisible(e) {
     this._permissionService.setShowComponents(e);
   }
 }
-se.extend(Be);
+oe.extend(De);
 class Ae extends $ {
   onCellPointerMove(e) {
-    return b(this._injector.get(w).currentPosition$.subscribe(e));
+    return b(this._injector.get(f).currentPosition$.subscribe(e));
   }
   onCellPointerOver(e) {
-    return b(this._injector.get(w).currentCell$.subscribe(e));
+    return b(this._injector.get(f).currentCell$.subscribe(e));
   }
   onCellDragOver(e) {
     return b(this._injector.get(U).currentCell$.subscribe(e));
@@ -927,8 +928,8 @@ class Ae extends $ {
   onCellDrop(e) {
     return b(this._injector.get(U).endCell$.subscribe(e));
   }
-  onCellRender(e, r = he.Style, t = pe.DATA_VALIDATION) {
-    return this._injector.get(be).intercept(Ee.CELL_CONTENT, {
+  onCellRender(e, r = de.Style, t = be.DATA_VALIDATION) {
+    return this._injector.get(Ee).intercept(pe.CELL_CONTENT, {
       effect: r,
       handler: (n, o, s) => s({
         ...n,
@@ -959,16 +960,9 @@ const M = {
   CellPointerDown: "CellPointerDown",
   CellPointerUp: "CellPointerUp",
   CellPointerMove: "CellPointerMove",
-  CellHover: "CellHover",
-  DragOver: "DragOver",
-  Drop: "Drop",
-  Scroll: "Scroll",
-  SelectionMoveStart: "SelectionMoveStart",
-  SelectionMoving: "SelectionMoving",
-  SelectionMoveEnd: "SelectionMoveEnd",
-  SelectionChanged: "SelectionChanged"
+  CellHover: "CellHover"
 };
-class We extends re {
+class We {
   get BeforeClipboardChange() {
     return "BeforeClipboardChange";
   }
@@ -1059,12 +1053,18 @@ class We extends re {
   get SheetSkeletonChanged() {
     return "SheetSkeletonChanged";
   }
+  get BeforeSheetZoomChange() {
+    return "BeforeSheetZoomChange";
+  }
+  get SheetZoomChanged() {
+    return "SheetZoomChanged";
+  }
 }
-re.extend(We);
-class $e extends ae {
+le.extend(We);
+class $e extends se {
   getCell() {
     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;
+    const e = this._injector.get(m), r = this._injector.get(T), 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 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);
@@ -1075,7 +1075,7 @@ class $e extends ae {
   }
   generateHTML() {
     var r;
-    const e = this._injector.get(ne).generateCopyContent(
+    const e = this._injector.get(re).generateCopyContent(
       this._workbook.getUnitId(),
       this._worksheet.getSheetId(),
       this._range
@@ -1144,12 +1144,12 @@ class $e extends ae {
     });
   }
 }
-ae.extend($e);
+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_${le(6)}`, o.add(e.register(n, r, { framework: t ? "vue3" : "react" }))), {
+  return typeof r == "string" ? n = r : (n = `External_${he(6)}`, o.add(e.register(n, r, { framework: t ? "vue3" : "react" }))), {
     key: n,
     disposableCollection: o
   };