@univerjs/sheets-ui 0.6.0-nightly.202502131606 → 0.6.0-nightly.202502151605

package/lib/es/facade.js

@@ -1,12 +1,12 @@
-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 ce, ILogService as T, toDisposable as b, awaitTime as de, InterceptorEffectEnum as he, generateRandomId as le } from "@univerjs/core";
-import { FUniver as te, FEventName as re } from "@univerjs/core/facade";
+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 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 w, DragManagerService as U, SheetScrollManagerService as D, 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 { 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 C, combineLatest as Ue } from "rxjs";
+import { filter as S, combineLatest as Ue } from "rxjs";
 class xe extends te {
   // eslint-disable-next-line max-lines-per-function
   _initSheetUIEvent(e) {
@@ -17,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: S } = g, v = c.getEditLocation();
+        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: S,
+            eventType: C,
             keycode: l,
             workbook: o,
             worksheet: s,
@@ -38,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: S, 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: C, eventType: v } = u, h = c.getEditLocation();
         if (!l) {
           const I = {
             row: h.row,
             column: h.column,
             eventType: v,
-            keycode: S,
+            keycode: C,
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
             value: O.create(g.getUnit(W).getSnapshot()),
-            isConfirm: S !== B.ESC
+            isConfirm: C !== B.ESC
           };
           if (this.fireEvent(this.Event.BeforeSheetEditEnd, I), I.cancel)
             throw new j();
@@ -61,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: S } = g, v = c.getEditLocation();
+        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: S,
+            eventType: C,
             keycode: l,
             workbook: o,
             worksheet: s,
@@ -81,12 +81,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: S } = g, v = c.getEditLocation();
+        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: S,
+            eventType: C,
             keycode: l,
             workbook: o,
             worksheet: s,
@@ -100,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: S, column: v } = c.getEditLocation(), h = {
+          const { row: C, column: v } = c.getEditLocation(), h = {
             workbook: o,
             worksheet: s,
-            row: S,
+            row: C,
             column: v,
             value: O.create(g.getUnit(W).getSnapshot()),
             isZenEditor: !1
@@ -149,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), S = new y();
+      const l = e.get(L), C = new y();
       this.disposeWithMe(l.lifecycle$.subscribe((v) => {
         if (v < F.Rendered) return;
-        S.dispose();
-        const h = e.get(w), I = e.get(U);
+        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(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -172,7 +172,7 @@ class xe extends te {
           this.Event.CellHover,
           () => {
             var d;
-            return (d = h.currentRichText$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -186,7 +186,7 @@ class xe extends te {
           this.Event.CellPointerDown,
           () => {
             var d;
-            return (d = h.currentPointerDownCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -200,7 +200,7 @@ class xe extends te {
           this.Event.CellPointerUp,
           () => {
             var d;
-            return (d = h.currentPointerUpCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -214,7 +214,7 @@ class xe extends te {
           this.Event.CellPointerMove,
           () => {
             var d;
-            return (d = h.currentCellPosWithEvent$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -228,7 +228,7 @@ class xe extends te {
           this.Event.DragOver,
           () => {
             var d;
-            return (d = I.currentCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -242,7 +242,7 @@ class xe extends te {
           this.Event.Drop,
           () => {
             var d;
-            return (d = I.endCell$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -256,7 +256,7 @@ class xe extends te {
           this.Event.RowHeaderClick,
           () => {
             var d;
-            return (d = h.currentRowHeaderClick$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -268,7 +268,7 @@ class xe extends te {
           this.Event.RowHeaderPointerDown,
           () => {
             var d;
-            return (d = h.currentRowHeaderPointerDown$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -280,7 +280,7 @@ class xe extends te {
           this.Event.RowHeaderPointerUp,
           () => {
             var d;
-            return (d = h.currentRowHeaderPointerUp$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -292,7 +292,7 @@ class xe extends te {
           this.Event.RowHeaderHover,
           () => {
             var d;
-            return (d = h.currentHoveredRowHeader$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -304,7 +304,7 @@ class xe extends te {
           this.Event.ColumnHeaderClick,
           () => {
             var d;
-            return (d = h.currentColHeaderClick$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -316,7 +316,7 @@ class xe extends te {
           this.Event.ColumnHeaderPointerDown,
           () => {
             var d;
-            return (d = h.currentColHeaderPointerDown$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -328,7 +328,7 @@ class xe extends te {
           this.Event.ColumnHeaderPointerUp,
           () => {
             var d;
-            return (d = h.currentColHeaderPointerUp$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -340,7 +340,7 @@ class xe extends te {
           this.Event.ColumnHeaderHover,
           () => {
             var d;
-            return (d = h.currentHoveredColHeader$) == null ? void 0 : d.pipe(C((i) => !!i)).subscribe((i) => {
+            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,
@@ -349,7 +349,7 @@ class xe extends te {
             });
           }
         ));
-      })), this.disposeWithMe(S);
+      })), this.disposeWithMe(C);
     }
     const s = /* @__PURE__ */ new Map();
     let c;
@@ -357,15 +357,15 @@ class xe extends te {
       o.created$,
       g.lifecycle$
     ]);
-    this.disposeWithMe(u.subscribe(([l, S]) => {
+    this.disposeWithMe(u.subscribe(([l, C]) => {
       var i;
-      if (l.type === ce.UNIVER_SHEET && (c = l), S <= F.Rendered) return;
+      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(D), d = c.with(Ce);
+      const I = c.with(T), d = c.with(Se);
       v.add(this.registerEventHandler(
         this.Event.Scroll,
         () => I.validViewportScrollInfo$.subscribe((a) => {
@@ -417,8 +417,8 @@ class xe extends te {
         })
       )), c = null, this.disposeWithMe(v);
     })), this.disposeWithMe(o.disposed$.subscribe((l) => {
-      var S;
-      (S = s.get(l)) == null || S.dispose(), s.delete(l);
+      var C;
+      (C = s.get(l)) == null || C.dispose(), s.delete(l);
     })), this.disposeWithMe(() => {
       s.forEach((l) => {
         l.dispose();
@@ -468,7 +468,7 @@ class xe extends te {
         ), t;
       }
     ), this.disposeWithMe(r.onCommandExecuted((t) => {
-      if (Se.indexOf(t.id) > -1) {
+      if (Ce.indexOf(t.id) > -1) {
         const n = this.getActiveSheet();
         if (!n) return;
         const o = me(t, n.worksheet.getMaxColumns()).map((s) => {
@@ -512,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;
@@ -575,7 +575,7 @@ class xe extends te {
   }
   async _beforeClipboardPasteAsync() {
     if (!q()) {
-      this._injector.get(T).warn("[Facade]: The navigator object only supports the browser environment");
+      this._injector.get(D).warn("[Facade]: The navigator object only supports the browser environment");
       return;
     }
     const e = await this._generateClipboardPasteParamAsync();
@@ -584,7 +584,7 @@ class xe extends te {
   }
   async _clipboardPasteAsync() {
     if (!q()) {
-      this._injector.get(T).warn("[Facade]: The navigator object only supports the browser environment");
+      this._injector.get(D).warn("[Facade]: The navigator object only supports the browser environment");
       return;
     }
     const e = await this._generateClipboardPasteParamAsync();
@@ -599,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();
@@ -608,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);
     });
@@ -653,7 +653,7 @@ class xe extends te {
   }
 }
 te.extend(xe);
-class Te extends ie {
+class De extends ne {
   openSiderbar(e) {
     return this._logDeprecation("openSiderbar"), this._injector.get(Me).open(e);
   }
@@ -668,7 +668,7 @@ class Te extends ie {
     return t;
   }
   _logDeprecation(e) {
-    this._injector.get(T).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
+    this._injector.get(D).warn("[FWorkbook]", `${e} is deprecated. Please use the function of the same name on "FUniver".`);
   }
   generateCellParams(e) {
     const r = this.getActiveSheet();
@@ -680,35 +680,35 @@ class Te extends ie {
     };
   }
   onCellClick(e) {
-    const r = this._injector.get(w);
+    const r = this._injector.get(f);
     return b(
-      r.currentClickedCell$.pipe(C((t) => !!t)).subscribe((t) => {
+      r.currentClickedCell$.pipe(S((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(C((t) => !!t)).subscribe(e)
+      r.currentRichText$.pipe(S((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(C((t) => !!t)).subscribe((t) => {
+      r.currentCellPosWithEvent$.pipe(S((t) => !!t)).subscribe((t) => {
         e(t, t.event);
       })
     );
@@ -716,7 +716,7 @@ class Te extends ie {
   onDragOver(e) {
     const r = this._injector.get(U);
     return b(
-      r.currentCell$.pipe(C((t) => !!t)).subscribe((t) => {
+      r.currentCell$.pipe(S((t) => !!t)).subscribe((t) => {
         e(t);
       })
     );
@@ -724,7 +724,7 @@ class Te extends ie {
   onDrop(e) {
     const r = this._injector.get(U);
     return b(
-      r.endCell$.pipe(C((t) => !!t)).subscribe((t) => {
+      r.endCell$.pipe(S((t) => !!t)).subscribe((t) => {
         e(t);
       })
     );
@@ -742,7 +742,7 @@ class Te extends ie {
       keycode: e ? B.ENTER : B.ESC,
       visible: !1,
       unitId: this._workbook.getUnitId()
-    }), await de(0), !0;
+    }), await ce(0), !0;
   }
   endEditingAsync(e = !0) {
     return this.endEditing(e);
@@ -758,7 +758,7 @@ class Te extends ie {
    */
   getScrollStateBySheetId(e) {
     const r = this._workbook.getUnitId(), n = this._injector.get(m).getRenderById(r);
-    return n ? n.with(D).getScrollStateByParam({ unitId: r, sheetId: e }) : null;
+    return n ? n.with(T).getScrollStateByParam({ unitId: r, sheetId: e }) : null;
   }
   disableSelection() {
     const e = this._workbook.getUnitId(), t = this._injector.get(m).getRenderById(e);
@@ -777,8 +777,8 @@ class Te extends ie {
     return t && t.with(x).showSelection(), this;
   }
 }
-ie.extend(Te);
-class De extends oe {
+ne.extend(De);
+class Te extends ie {
   refreshCanvas() {
     const e = this._injector.get(m), r = this._fWorkbook.id, t = e.getRenderById(r);
     if (!t)
@@ -790,7 +790,7 @@ class De 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
@@ -819,7 +819,7 @@ class De 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 = {
@@ -828,11 +828,11 @@ class De 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(D).getScrollStateByParam({ unitId: r, sheetId: t }) || e;
+    return o && o.with(T).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(D);
+    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);
@@ -866,12 +866,12 @@ class De 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();
@@ -888,7 +888,7 @@ class De 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;
   }
   /**
@@ -908,19 +908,19 @@ class De extends oe {
     return s;
   }
 }
-oe.extend(De);
-class Be extends se {
+ie.extend(Te);
+class Be extends oe {
   setPermissionDialogVisible(e) {
     this._permissionService.setShowComponents(e);
   }
 }
-se.extend(Be);
+oe.extend(Be);
 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));
@@ -928,8 +928,8 @@ class Ae extends $ {
   onCellDrop(e) {
     return b(this._injector.get(U).endCell$.subscribe(e));
   }
-  onCellRender(e, r = he.Style, t = be.DATA_VALIDATION) {
-    return this._injector.get(Ee).intercept(pe.CELL_CONTENT, {
+  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,
@@ -960,9 +960,16 @@ const M = {
   CellPointerDown: "CellPointerDown",
   CellPointerUp: "CellPointerUp",
   CellPointerMove: "CellPointerMove",
-  CellHover: "CellHover"
+  CellHover: "CellHover",
+  DragOver: "DragOver",
+  Drop: "Drop",
+  Scroll: "Scroll",
+  SelectionMoveStart: "SelectionMoveStart",
+  SelectionMoving: "SelectionMoving",
+  SelectionMoveEnd: "SelectionMoveEnd",
+  SelectionChanged: "SelectionChanged"
 };
-class We extends re {
+class We {
   get BeforeClipboardChange() {
     return "BeforeClipboardChange";
   }
@@ -1053,12 +1060,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(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;
+    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 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);
@@ -1069,7 +1082,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
@@ -1138,12 +1151,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
   };