@univerjs/sheets-ui 0.10.12 → 0.10.13

package/lib/facade.js

@@ -1,29 +1,29 @@
-import { ICommandService as _, CanceledError as E, IUniverInstanceService as W, RichTextValue as O, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as T, LifecycleService as ie, DisposableCollection as A, LifecycleStages as z, UniverInstanceType as oe, ILogService as U, toDisposable as m, awaitTime as se, InterceptorEffectEnum as ae, generateRandomId as ce } from "@univerjs/core";
-import { FUniver as q, FEventName as de } from "@univerjs/core/facade";
-import { RichTextEditingMutation as he } from "@univerjs/docs";
-import { IRenderManagerService as v, DeviceInputEventType as L, SHEET_VIEWPORT_KEY as le, sheetContentViewportKeys as ge } from "@univerjs/engine-render";
-import { SheetsSelectionsService as ue, COMMAND_LISTENER_SKELETON_CHANGE as ve, getSkeletonChangedEffectedRange as Se, SetWorksheetRowIsAutoHeightCommand as me, InterceptCellContentPriority as Ce, SheetInterceptorService as we, INTERCEPTOR_POINT as be } from "@univerjs/sheets";
-import { SetCellEditVisibleOperation as f, IEditorBridgeService as R, SetZoomRatioCommand as $, HoverManagerService as p, DragManagerService as M, SheetScrollManagerService as x, SheetPasteShortKeyCommand as B, ISheetClipboardService as Q, SheetSkeletonManagerService as I, SHEET_VIEW_KEY as w, ISheetSelectionRenderService as y, SheetsScrollRenderController as Ee, SetWorksheetColAutoWidthCommand as pe, SetColumnHeaderHeightCommand as fe, SetRowHeaderWidthCommand as ke, SheetCanvasPopManagerService as N, CellAlertManagerService as Ie, IMarkSelectionService as _e, ISheetCellDropdownManagerService as Pe } from "@univerjs/sheets-ui";
-import { FSheetHooks as j, FWorkbook as ee, FWorksheet as te, FPermission as re, FRange as ne } from "@univerjs/sheets/facade";
-import { KeyCode as D, CutCommand as F, CopyCommand as V, PasteCommand as Z, IClipboardInterfaceService as Re, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as K, HTML_CLIPBOARD_MIME_TYPE as Y, supportClipboardAPI as X, ISidebarService as He, IDialogService as Me, ComponentManager as J } from "@univerjs/ui";
+import { ICommandService as P, CanceledError as E, IUniverInstanceService as W, RichTextValue as O, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as D, LifecycleService as oe, DisposableCollection as A, LifecycleStages as z, UniverInstanceType as se, ILogService as U, toDisposable as m, awaitTime as ae, InterceptorEffectEnum as ce, generateRandomId as de } from "@univerjs/core";
+import { FUniver as q, FEventName as he } from "@univerjs/core/facade";
+import { RichTextEditingMutation as ge } from "@univerjs/docs";
+import { IRenderManagerService as v, DeviceInputEventType as L, SHEET_VIEWPORT_KEY as le, sheetContentViewportKeys as ue } from "@univerjs/engine-render";
+import { SheetsSelectionsService as ve, COMMAND_LISTENER_SKELETON_CHANGE as Se, getSkeletonChangedEffectedRange as me, SetWorksheetRowIsAutoHeightCommand as Ce, InterceptCellContentPriority as be, SheetInterceptorService as we, INTERCEPTOR_POINT as Ee } from "@univerjs/sheets";
+import { SetCellEditVisibleOperation as k, IEditorBridgeService as p, SetZoomRatioCommand as j, HoverManagerService as f, DragManagerService as M, SheetScrollManagerService as x, SheetPasteShortKeyCommand as T, ISheetClipboardService as Q, SheetSkeletonManagerService as _, SHEET_VIEW_KEY as b, ISheetSelectionRenderService as y, IMarkSelectionService as ee, SheetsScrollRenderController as pe, SetWorksheetColAutoWidthCommand as fe, SetColumnHeaderHeightCommand as ke, SetRowHeaderWidthCommand as Ie, SheetCanvasPopManagerService as N, CellAlertManagerService as _e, ISheetCellDropdownManagerService as Pe } from "@univerjs/sheets-ui";
+import { FSheetHooks as $, FWorkbook as te, FWorksheet as re, FPermission as ne, FRange as ie } from "@univerjs/sheets/facade";
+import { KeyCode as B, CutCommand as F, CopyCommand as V, PasteCommand as Z, IClipboardInterfaceService as Re, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as K, HTML_CLIPBOARD_MIME_TYPE as Y, supportClipboardAPI as X, ISidebarService as He, IDialogService as Me, ComponentManager as J } from "@univerjs/ui";
 import { filter as u, combineLatest as ye } from "rxjs";
 class Ue extends q {
   // eslint-disable-next-line max-lines-per-function
   _initSheetUIEvent(e) {
-    const r = e.get(_);
+    const r = e.get(P);
     this.registerEventHandler(
       this.Event.BeforeSheetEditStart,
       () => r.beforeCommandExecuted((t) => {
-        if (t.id !== f.id) return;
+        if (t.id !== k.id) return;
         const i = this.getActiveSheet();
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: a } = l, n = d.getEditLocation();
-        if (h) {
+        const { workbook: o, worksheet: s } = i, d = e.get(p), h = t.params, { visible: g, keycode: l, eventType: a } = h, n = d.getEditLocation();
+        if (g) {
           const c = {
             row: n.row,
             column: n.column,
             eventType: a,
-            keycode: g,
+            keycode: l,
             workbook: o,
             worksheet: s,
             isZenEditor: !1
@@ -35,12 +35,12 @@ class Ue extends q {
     ), this.registerEventHandler(
       this.Event.BeforeSheetEditEnd,
       () => r.beforeCommandExecuted((t) => {
-        if (t.id !== f.id) return;
+        if (t.id !== k.id) return;
         const i = this.getActiveSheet();
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get(W), h = t.params, { visible: g, keycode: a, eventType: n } = h, c = d.getEditLocation();
-        if (!g) {
-          const P = {
+        const { workbook: o, worksheet: s } = i, d = e.get(p), h = e.get(W), g = t.params, { visible: l, keycode: a, eventType: n } = g, c = d.getEditLocation();
+        if (!l) {
+          const R = {
             row: c.row,
             column: c.column,
             eventType: n,
@@ -48,26 +48,26 @@ class Ue extends q {
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
-            value: O.create(l.getUnit(T).getSnapshot()),
-            isConfirm: a !== D.ESC
+            value: O.create(h.getUnit(D).getSnapshot()),
+            isConfirm: a !== B.ESC
           };
-          if (this.fireEvent(this.Event.BeforeSheetEditEnd, P), P.cancel)
+          if (this.fireEvent(this.Event.BeforeSheetEditEnd, R), R.cancel)
             throw new E();
         }
       })
     ), this.registerEventHandler(
       this.Event.SheetEditStarted,
       () => r.onCommandExecuted((t) => {
-        if (t.id !== f.id) return;
+        if (t.id !== k.id) return;
         const i = this.getCommandSheetTarget(t);
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: a } = l, n = d.getEditLocation();
-        if (h) {
+        const { workbook: o, worksheet: s } = i, d = e.get(p), h = t.params, { visible: g, keycode: l, eventType: a } = h, n = d.getEditLocation();
+        if (g) {
           const c = {
             row: n.row,
             column: n.column,
             eventType: a,
-            keycode: g,
+            keycode: l,
             workbook: o,
             worksheet: s,
             isZenEditor: !1
@@ -78,20 +78,20 @@ class Ue extends q {
     ), this.registerEventHandler(
       this.Event.SheetEditEnded,
       () => r.onCommandExecuted((t) => {
-        if (t.id !== f.id) return;
+        if (t.id !== k.id) return;
         const i = this.getCommandSheetTarget(t);
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: a } = l, n = d.getEditLocation();
-        if (!h) {
+        const { workbook: o, worksheet: s } = i, d = e.get(p), h = t.params, { visible: g, keycode: l, eventType: a } = h, n = d.getEditLocation();
+        if (!g) {
           const c = {
             row: n.row,
             column: n.column,
             eventType: a,
-            keycode: g,
+            keycode: l,
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
-            isConfirm: g !== D.ESC
+            isConfirm: l !== B.ESC
           };
           this.fireEvent(this.Event.SheetEditEnded, c);
         }
@@ -99,19 +99,19 @@ class Ue extends q {
     ), this.registerEventHandler(
       this.Event.SheetEditChanging,
       () => r.onCommandExecuted((t) => {
-        if (t.id !== he.id) return;
+        if (t.id !== ge.id) return;
         const i = this.getActiveSheet();
         if (!i) return;
-        const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get(W), h = t.params;
+        const { workbook: o, worksheet: s } = i, d = e.get(p), h = e.get(W), g = t.params;
         if (!d.isVisible().visible) return;
-        const { unitId: g } = h;
-        if (g === T) {
+        const { unitId: l } = g;
+        if (l === D) {
           const { row: a, column: n } = d.getEditLocation(), c = {
             workbook: o,
             worksheet: s,
             row: a,
             column: n,
-            value: O.create(l.getUnit(T).getSnapshot()),
+            value: O.create(h.getUnit(D).getSnapshot()),
             isZenEditor: !1
           };
           this.fireEvent(this.Event.SheetEditChanging, c);
@@ -120,7 +120,7 @@ class Ue extends q {
     ), this.registerEventHandler(
       this.Event.BeforeSheetZoomChange,
       () => r.beforeCommandExecuted((t) => {
-        if (t.id !== $.id) return;
+        if (t.id !== j.id) return;
         const i = this.getCommandSheetTarget(t);
         if (!i) return;
         const { workbook: o, worksheet: s } = i, d = {
@@ -134,7 +134,7 @@ class Ue extends q {
     ), this.registerEventHandler(
       this.Event.SheetZoomChanged,
       () => r.onCommandExecuted((t) => {
-        if (t.id !== $.id) return;
+        if (t.id !== j.id) return;
         const i = this.getCommandSheetTarget(t);
         if (!i) return;
         const { workbook: o, worksheet: s } = i;
@@ -148,16 +148,16 @@ class Ue extends q {
   }
   // eslint-disable-next-line max-lines-per-function
   _initObserverListener(e) {
-    const r = e.get(v), t = e.get(ie), i = new A();
-    this.disposeWithMe(t.lifecycle$.subscribe((l) => {
-      if (l !== z.Rendered) return;
+    const r = e.get(v), t = e.get(oe), i = new A();
+    this.disposeWithMe(t.lifecycle$.subscribe((h) => {
+      if (h !== z.Rendered) return;
       i.dispose();
-      const h = e.get(p), g = e.get(M);
-      h && (this.registerEventHandler(
+      const g = e.get(f), l = e.get(M);
+      g && (this.registerEventHandler(
         this.Event.CellClicked,
         () => {
           var a;
-          return (a = h.currentClickedCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentClickedCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
             c && this.fireEvent(this.Event.CellClicked, {
               ...c,
@@ -171,7 +171,7 @@ class Ue extends q {
         this.Event.CellHover,
         () => {
           var a;
-          return (a = h.currentRichText$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentRichText$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.CellHover, {
               ...c,
@@ -185,7 +185,7 @@ class Ue extends q {
         this.Event.CellPointerDown,
         () => {
           var a;
-          return (a = h.currentPointerDownCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentPointerDownCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.CellPointerDown, {
               ...c,
@@ -199,7 +199,7 @@ class Ue extends q {
         this.Event.CellPointerUp,
         () => {
           var a;
-          return (a = h.currentPointerUpCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentPointerUpCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.CellPointerUp, {
               ...c,
@@ -213,7 +213,7 @@ class Ue extends q {
         this.Event.CellPointerMove,
         () => {
           var a;
-          return (a = h.currentCellPosWithEvent$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentCellPosWithEvent$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.CellPointerMove, {
               ...c,
@@ -227,7 +227,7 @@ class Ue extends q {
         this.Event.DragOver,
         () => {
           var a;
-          return (a = g.currentCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = l.currentCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
             c && this.fireEvent(this.Event.DragOver, {
               ...c,
@@ -241,7 +241,7 @@ class Ue extends q {
         this.Event.Drop,
         () => {
           var a;
-          return (a = g.endCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = l.endCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
             c && this.fireEvent(this.Event.Drop, {
               ...c,
@@ -255,7 +255,7 @@ class Ue extends q {
         this.Event.RowHeaderClick,
         () => {
           var a;
-          return (a = h.currentRowHeaderClick$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentRowHeaderClick$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.RowHeaderClick, {
               ...c,
@@ -267,7 +267,7 @@ class Ue extends q {
         this.Event.RowHeaderPointerDown,
         () => {
           var a;
-          return (a = h.currentRowHeaderPointerDown$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentRowHeaderPointerDown$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.RowHeaderPointerDown, {
               ...c,
@@ -279,7 +279,7 @@ class Ue extends q {
         this.Event.RowHeaderPointerUp,
         () => {
           var a;
-          return (a = h.currentRowHeaderPointerUp$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentRowHeaderPointerUp$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.RowHeaderPointerUp, {
               ...c,
@@ -291,7 +291,7 @@ class Ue extends q {
         this.Event.RowHeaderHover,
         () => {
           var a;
-          return (a = h.currentHoveredRowHeader$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentHoveredRowHeader$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.RowHeaderHover, {
               ...c,
@@ -303,7 +303,7 @@ class Ue extends q {
         this.Event.ColumnHeaderClick,
         () => {
           var a;
-          return (a = h.currentColHeaderClick$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentColHeaderClick$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.ColumnHeaderClick, {
               ...c,
@@ -315,7 +315,7 @@ class Ue extends q {
         this.Event.ColumnHeaderPointerDown,
         () => {
           var a;
-          return (a = h.currentColHeaderPointerDown$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentColHeaderPointerDown$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
               ...c,
@@ -327,7 +327,7 @@ class Ue extends q {
         this.Event.ColumnHeaderPointerUp,
         () => {
           var a;
-          return (a = h.currentColHeaderPointerUp$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentColHeaderPointerUp$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
               ...c,
@@ -339,7 +339,7 @@ class Ue extends q {
         this.Event.ColumnHeaderHover,
         () => {
           var a;
-          return (a = h.currentHoveredColHeader$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
+          return (a = g.currentHoveredColHeader$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
             const c = this.getSheetTarget(n.unitId, n.subUnitId);
             c && this.fireEvent(this.Event.ColumnHeaderHover, {
               ...c,
@@ -355,14 +355,14 @@ class Ue extends q {
       r.created$,
       t.lifecycle$
     ]);
-    this.disposeWithMe(d.subscribe(([l, h]) => {
-      var P;
-      if (l.type === oe.UNIVER_SHEET && (s = l), h <= z.Rendered || !s) return;
-      const g = new A(), a = this.getWorkbook(s.unitId);
+    this.disposeWithMe(d.subscribe(([h, g]) => {
+      var R;
+      if (h.type === se.UNIVER_SHEET && (s = h), g <= z.Rendered || !s) return;
+      const l = new A(), a = this.getWorkbook(s.unitId);
       if (!a) return;
-      o.get(s.unitId) && ((P = o.get(s.unitId)) == null || P.dispose()), o.set(s.unitId, g);
-      const n = s.with(x), c = s.with(ue);
-      g.add(this.registerEventHandler(
+      o.get(s.unitId) && ((R = o.get(s.unitId)) == null || R.dispose()), o.set(s.unitId, l);
+      const n = s.with(x), c = s.with(ve);
+      l.add(this.registerEventHandler(
         this.Event.Scroll,
         () => n.validViewportScrollInfo$.subscribe((S) => {
           S && this.fireEvent(this.Event.Scroll, {
@@ -371,53 +371,53 @@ class Ue extends q {
             ...S
           });
         })
-      )), g.add(this.registerEventHandler(
+      )), l.add(this.registerEventHandler(
         this.Event.SelectionMoveStart,
         () => c.selectionMoveStart$.subscribe((S) => {
           var C;
           this.fireEvent(this.Event.SelectionMoveStart, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (C = S == null ? void 0 : S.map((I) => I.range)) != null ? C : []
           });
         })
-      )), g.add(this.registerEventHandler(
+      )), l.add(this.registerEventHandler(
         this.Event.SelectionMoving,
         () => c.selectionMoving$.subscribe((S) => {
           var C;
           this.fireEvent(this.Event.SelectionMoving, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (C = S == null ? void 0 : S.map((I) => I.range)) != null ? C : []
           });
         })
-      )), g.add(this.registerEventHandler(
+      )), l.add(this.registerEventHandler(
         this.Event.SelectionMoveEnd,
         () => c.selectionMoveEnd$.subscribe((S) => {
           var C;
           this.fireEvent(this.Event.SelectionMoveEnd, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (C = S == null ? void 0 : S.map((I) => I.range)) != null ? C : []
           });
         })
-      )), g.add(this.registerEventHandler(
+      )), l.add(this.registerEventHandler(
         this.Event.SelectionChanged,
         () => c.selectionChanged$.subscribe((S) => {
           var C;
           this.fireEvent(this.Event.SelectionChanged, {
             workbook: a,
             worksheet: a.getActiveSheet(),
-            selections: (C = S == null ? void 0 : S.map((k) => k.range)) != null ? C : []
+            selections: (C = S == null ? void 0 : S.map((I) => I.range)) != null ? C : []
           });
         })
-      )), s = null, this.disposeWithMe(g);
-    })), this.disposeWithMe(r.disposed$.subscribe((l) => {
-      var h;
-      (h = o.get(l)) == null || h.dispose(), o.delete(l);
+      )), s = null, this.disposeWithMe(l);
+    })), this.disposeWithMe(r.disposed$.subscribe((h) => {
+      var g;
+      (g = o.get(h)) == null || g.dispose(), o.delete(h);
     })), this.disposeWithMe(() => {
-      o.forEach((l) => {
-        l.dispose();
+      o.forEach((h) => {
+        h.dispose();
       });
     });
   }
@@ -426,7 +426,7 @@ class Ue extends q {
    */
   _initialize(e) {
     this._initSheetUIEvent(e), this._initObserverListener(e);
-    const r = e.get(_);
+    const r = e.get(P);
     this.registerEventHandler(
       this.Event.BeforeClipboardChange,
       () => r.beforeCommandExecuted((t) => {
@@ -451,7 +451,7 @@ class Ue extends q {
       this.Event.BeforeClipboardPaste,
       () => r.beforeCommandExecuted((t) => {
         switch (t.id) {
-          case B.id:
+          case T.id:
             this._beforeClipboardPaste(t.params);
             break;
           case Z.id:
@@ -463,7 +463,7 @@ class Ue extends q {
       this.Event.ClipboardPasted,
       () => r.onCommandExecuted((t) => {
         switch (t.id) {
-          case B.id:
+          case T.id:
             this._clipboardPaste(t.params);
             break;
           case Z.id:
@@ -474,12 +474,12 @@ class Ue extends q {
     ), this.registerEventHandler(
       this.Event.SheetSkeletonChanged,
       () => r.onCommandExecuted((t) => {
-        if (ve.indexOf(t.id) > -1) {
+        if (Se.indexOf(t.id) > -1) {
           const i = this.getActiveSheet();
           if (!i) return;
-          const o = Se(t, i.worksheet.getMaxColumns()).map((s) => {
-            var d, l;
-            return (l = (d = this.getWorkbook(s.unitId)) == null ? void 0 : d.getSheetBySheetId(s.subUnitId)) == null ? void 0 : l.getRange(s.range);
+          const o = me(t, i.worksheet.getMaxColumns()).map((s) => {
+            var d, h;
+            return (h = (d = this.getWorkbook(s.unitId)) == null ? void 0 : d.getSheetBySheetId(s.subUnitId)) == null ? void 0 : h.getRange(s.range);
           }).filter(Boolean);
           if (!o.length) return;
           this.fireEvent(this.Event.SheetSkeletonChanged, {
@@ -537,12 +537,12 @@ class Ue extends q {
     const o = (await this._injector.get(Re).read())[0];
     let s;
     if (o) {
-      const d = o.types, l = d.indexOf(K) !== -1 ? await o.getType(K).then((g) => g && g.text()) : "", h = d.indexOf(Y) !== -1 ? await o.getType(Y).then((g) => g && g.text()) : "";
+      const d = o.types, h = d.indexOf(K) !== -1 ? await o.getType(K).then((l) => l && l.text()) : "", g = d.indexOf(Y) !== -1 ? await o.getType(Y).then((l) => l && l.text()) : "";
       s = {
         workbook: e,
         worksheet: r,
-        text: l,
-        html: h
+        text: h,
+        html: g
       };
     }
     return s;
@@ -576,14 +576,14 @@ class Ue extends q {
       throw new E();
   }
   customizeColumnHeader(e) {
-    var h, g;
+    var g, l;
     const r = this.getActiveWorkbook();
     if (!r) {
       console.error("WorkBook not exist");
       return;
     }
     const t = r == null ? void 0 : r.getId(), i = this._injector.get(v), o = r.getActiveSheet(), s = o.getSheetId(), d = i.getRenderById(t);
-    d && ((h = e.headerStyle) != null && h.size) && (d.with(I).setColumnHeaderSize(d, s, (g = e.headerStyle) == null ? void 0 : g.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(t, w.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
+    d && ((g = e.headerStyle) != null && g.size) && (d.with(_).setColumnHeaderSize(d, s, (l = e.headerStyle) == null ? void 0 : l.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(t, b.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
   }
   customizeRowHeader(e) {
     const r = this.getActiveWorkbook();
@@ -592,22 +592,22 @@ class Ue extends q {
       return;
     }
     const t = r == null ? void 0 : r.getId();
-    this._getSheetRenderComponent(t, w.ROW).setCustomHeader(e);
+    this._getSheetRenderComponent(t, b.ROW).setCustomHeader(e);
   }
   registerSheetRowHeaderExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, w.ROW), i = t.register(...r);
+    const t = this._getSheetRenderComponent(e, b.ROW), i = t.register(...r);
     return m(() => {
       i.dispose(), t.makeDirty(!0);
     });
   }
   registerSheetColumnHeaderExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, w.COLUMN), i = t.register(...r);
+    const t = this._getSheetRenderComponent(e, b.COLUMN), i = t.register(...r);
     return m(() => {
       i.dispose(), t.makeDirty(!0);
     });
   }
   registerSheetMainExtension(e, ...r) {
-    const t = this._getSheetRenderComponent(e, w.MAIN), i = t.register(...r);
+    const t = this._getSheetRenderComponent(e, b.MAIN), i = t.register(...r);
     return m(() => {
       i.dispose(), t.makeDirty(!0);
     });
@@ -633,14 +633,14 @@ class Ue extends q {
    * @returns {FSheetHooks} FSheetHooks instance
    */
   getSheetHooks() {
-    return this._injector.createInstance(j);
+    return this._injector.createInstance($);
   }
   pasteIntoSheet(e, r, t) {
-    return this._commandService.executeCommand(B.id, { htmlContent: e, textContent: r, files: t });
+    return this._commandService.executeCommand(T.id, { htmlContent: e, textContent: r, files: t });
   }
 }
 q.extend(Ue);
-class xe extends ee {
+class xe extends te {
   openSiderbar(e) {
     return this._logDeprecation("openSiderbar"), this._injector.get(He).open(e);
   }
@@ -656,11 +656,11 @@ class xe extends ee {
   }
   customizeColumnHeader(e) {
     const r = this._workbook.getUnitId();
-    this._getSheetRenderComponent(r, w.COLUMN).setCustomHeader(e);
+    this._getSheetRenderComponent(r, b.COLUMN).setCustomHeader(e);
   }
   customizeRowHeader(e) {
     const r = this._workbook.getUnitId();
-    this._getSheetRenderComponent(r, w.ROW).setCustomHeader(e);
+    this._getSheetRenderComponent(r, b.ROW).setCustomHeader(e);
   }
   /**
    * Get sheet render component from render by unitId and view key.
@@ -691,7 +691,7 @@ class xe extends ee {
     };
   }
   onCellClick(e) {
-    const r = this._injector.get(p);
+    const r = this._injector.get(f);
     return m(
       r.currentClickedCell$.pipe(u((t) => !!t)).subscribe((t) => {
         e(t);
@@ -699,25 +699,25 @@ class xe extends ee {
     );
   }
   onCellHover(e) {
-    const r = this._injector.get(p);
+    const r = this._injector.get(f);
     return m(
       r.currentRichText$.pipe(u((t) => !!t)).subscribe(e)
     );
   }
   onCellPointerDown(e) {
-    const r = this._injector.get(p);
+    const r = this._injector.get(f);
     return m(
       r.currentPointerDownCell$.subscribe(e)
     );
   }
   onCellPointerUp(e) {
-    const r = this._injector.get(p);
+    const r = this._injector.get(f);
     return m(
       r.currentPointerUpCell$.subscribe(e)
     );
   }
   onCellPointerMove(e) {
-    const r = this._injector.get(p);
+    const r = this._injector.get(f);
     return m(
       r.currentCellPosWithEvent$.pipe(u((t) => !!t)).subscribe((t) => {
         e(t, t.event);
@@ -741,19 +741,21 @@ class xe extends ee {
     );
   }
   startEditing() {
-    return this._injector.get(_).syncExecuteCommand(f.id, {
+    const e = this._injector.get(P);
+    return this._injector.get(p).isVisible().visible ? !0 : e.syncExecuteCommand(k.id, {
       eventType: L.Dblclick,
       unitId: this._workbook.getUnitId(),
       visible: !0
     });
   }
   async endEditing(e) {
-    return this._injector.get(_).syncExecuteCommand(f.id, {
+    const r = this._injector.get(P);
+    return this._injector.get(p).isVisible().visible && r.syncExecuteCommand(k.id, {
       eventType: L.Keyboard,
-      keycode: e ? D.ENTER : D.ESC,
+      keycode: e ? B.ENTER : B.ESC,
       visible: !1,
       unitId: this._workbook.getUnitId()
-    }), await se(0), !0;
+    }), await ae(0), !0;
   }
   endEditingAsync(e = !0) {
     return this.endEditing(e);
@@ -761,6 +763,9 @@ class xe extends ee {
   abortEditingAsync() {
     return this.endEditingAsync(!1);
   }
+  isCellEditing() {
+    return this._injector.get(p).isVisible().visible;
+  }
   /**
    * Get scroll state of specified sheet.
    * @param {string} sheetId - sheet id
@@ -791,21 +796,35 @@ class xe extends ee {
     return t && t.with(y).showSelection(), this;
   }
 }
-ee.extend(xe);
-class De extends te {
+te.extend(xe);
+class Be extends re {
   refreshCanvas() {
     const e = this._injector.get(v), r = this._fWorkbook.id, t = e.getRenderById(r);
     if (!t)
       throw new Error(`Render Unit with unitId ${r} not found`);
-    t.with(I).reCalculate();
+    t.with(_).reCalculate();
     const i = t.mainComponent;
     if (!i)
       throw new Error("Main component not found");
     return i.makeDirty(), this;
   }
+  highlightRanges(e, r, t) {
+    const i = this._injector.get(ee), o = [];
+    for (const s of e) {
+      const d = s.getRange(), h = i.addShapeWithNoFresh({ range: d, style: r, primary: t });
+      h && o.push(h);
+    }
+    if (i.refreshShapes(), o.length === 0)
+      throw new Error("Failed to highlight current range");
+    return m(() => {
+      o.forEach((s) => {
+        i.removeShape(s);
+      });
+    });
+  }
   zoom(e) {
-    const r = this._injector.get(_), t = Math.min(Math.max(e, 0.1), 4);
-    return r.executeCommand($.id, {
+    const r = this._injector.get(P), t = Math.min(Math.max(e, 0.1), 4);
+    return r.executeCommand(j.id, {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
       zoomRatio: t
@@ -823,18 +842,18 @@ class De extends te {
       endRow: 0
     };
     if (!t) return i;
-    const s = t.with(I).getCurrentSkeleton();
+    const s = t.with(_).getCurrentSkeleton();
     if (!s) return i;
     const d = s == null ? void 0 : s.getVisibleRanges();
     if (!d) return i;
     i = s.getVisibleRangeByViewport(le.VIEW_MAIN);
-    for (const [l, h] of d)
-      ge.indexOf(l) !== -1 && (i.startColumn = Math.min(i.startColumn, h.startColumn), i.startRow = Math.min(i.startRow, h.startRow), i.endColumn = Math.max(i.endColumn, h.endColumn), i.endRow = Math.max(i.endRow, h.endRow));
+    for (const [h, g] of d)
+      ue.indexOf(h) !== -1 && (i.startColumn = Math.min(i.startColumn, g.startColumn), i.startRow = Math.min(i.startRow, g.startRow), i.endColumn = Math.max(i.endColumn, g.endColumn), i.endRow = Math.max(i.endRow, g.endRow));
     return i;
   }
   scrollToCell(e, r, t) {
     const i = this._workbook.getUnitId(), s = this._injector.get(v).getRenderById(i);
-    return s && (s == null ? void 0 : s.with(Ee)).scrollToCell(e, r, t), this;
+    return s && (s == null ? void 0 : s.with(pe)).scrollToCell(e, r, t), this;
   }
   getScrollState() {
     const e = {
@@ -859,7 +878,7 @@ class De extends te {
   }
   getSkeleton() {
     var r, t;
-    const e = (r = this._injector.get(v).getRenderById(this._workbook.getUnitId())) == null ? void 0 : r.with(I);
+    const e = (r = this._injector.get(v).getRenderById(this._workbook.getUnitId())) == null ? void 0 : r.with(_);
     return (t = e == null ? void 0 : e.getWorksheetSkeleton(this._worksheet.getSheetId())) == null ? void 0 : t.skeleton;
   }
   autoResizeColumn(e) {
@@ -874,7 +893,7 @@ class De extends te {
         endRow: this._worksheet.getRowCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(pe.id, {
+    return this._commandService.syncExecuteCommand(fe.id, {
       unitId: t,
       subUnitId: i,
       ranges: o
@@ -892,25 +911,25 @@ class De extends te {
         endColumn: this._worksheet.getColumnCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(me.id, {
+    return this._commandService.syncExecuteCommand(Ce.id, {
       unitId: t,
       subUnitId: i,
       ranges: o
     }), this;
   }
   customizeColumnHeader(e) {
-    var d, l;
+    var d, h;
     const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(v).getRenderById(r);
-    o && ((d = e.headerStyle) != null && d.size) && o.with(I).setColumnHeaderSize(o, t, (l = e.headerStyle) == null ? void 0 : l.size), this._getSheetRenderComponent(r, w.COLUMN).setCustomHeader(e, t);
+    o && ((d = e.headerStyle) != null && d.size) && o.with(_).setColumnHeaderSize(o, t, (h = e.headerStyle) == null ? void 0 : h.size), this._getSheetRenderComponent(r, b.COLUMN).setCustomHeader(e, t);
   }
   customizeRowHeader(e) {
-    var d, l;
+    var d, h;
     const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId(), o = this._injector.get(v).getRenderById(r);
-    o && ((d = e.headerStyle) != null && d.size) && o.with(I).setRowHeaderSize(o, t, (l = e.headerStyle) == null ? void 0 : l.size), this._getSheetRenderComponent(r, w.ROW).setCustomHeader(e, t);
+    o && ((d = e.headerStyle) != null && d.size) && o.with(_).setRowHeaderSize(o, t, (h = e.headerStyle) == null ? void 0 : h.size), this._getSheetRenderComponent(r, b.ROW).setCustomHeader(e, t);
   }
   setColumnHeaderHeight(e) {
     const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId();
-    return this._commandService.executeCommand(fe.id, {
+    return this._commandService.executeCommand(ke.id, {
       unitId: r,
       subUnitId: t,
       size: e
@@ -918,7 +937,7 @@ class De extends te {
   }
   setRowHeaderWidth(e) {
     const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId();
-    return this._commandService.executeCommand(ke.id, {
+    return this._commandService.executeCommand(Ie.id, {
       unitId: r,
       subUnitId: t,
       size: e
@@ -941,19 +960,19 @@ class De extends te {
     return s;
   }
 }
-te.extend(De);
-class Te extends re {
+re.extend(Be);
+class De extends ne {
   setPermissionDialogVisible(e) {
     this._permissionService.setShowComponents(e);
   }
 }
-re.extend(Te);
-class Be extends j {
+ne.extend(De);
+class Te extends $ {
   onCellPointerMove(e) {
-    return m(this._injector.get(p).currentPosition$.subscribe(e));
+    return m(this._injector.get(f).currentPosition$.subscribe(e));
   }
   onCellPointerOver(e) {
-    return m(this._injector.get(p).currentCell$.subscribe(e));
+    return m(this._injector.get(f).currentCell$.subscribe(e));
   }
   onCellDragOver(e) {
     return m(this._injector.get(M).currentCell$.subscribe(e));
@@ -961,27 +980,27 @@ class Be extends j {
   onCellDrop(e) {
     return m(this._injector.get(M).endCell$.subscribe(e));
   }
-  onCellRender(e, r = ae.Style, t = Ce.DATA_VALIDATION) {
-    return this._injector.get(we).intercept(be.CELL_CONTENT, {
+  onCellRender(e, r = ce.Style, t = be.DATA_VALIDATION) {
+    return this._injector.get(we).intercept(Ee.CELL_CONTENT, {
       effect: r,
       handler: (i, o, s) => (i && !i.customRender && e && (i.customRender = [...e]), s(i)),
       priority: t
     });
   }
   onBeforeCellEdit(e) {
-    return this._injector.get(_).beforeCommandExecuted((r) => {
+    return this._injector.get(P).beforeCommandExecuted((r) => {
       const t = r.params;
-      r.id === f.id && t.visible && e(t);
+      r.id === k.id && t.visible && e(t);
     });
   }
   onAfterCellEdit(e) {
-    return this._injector.get(_).onCommandExecuted((r) => {
+    return this._injector.get(P).onCommandExecuted((r) => {
       const t = r.params;
-      r.id === f.id && !t.visible && e(t);
+      r.id === k.id && !t.visible && e(t);
     });
   }
 }
-j.extend(Be);
+$.extend(Te);
 const H = {
   CellClicked: "CellClicked",
   CellPointerDown: "CellPointerDown",
@@ -1087,11 +1106,11 @@ class Ae {
     return "SheetZoomChanged";
   }
 }
-de.extend(Ae);
-class $e extends ne {
+he.extend(Ae);
+class je extends ie {
   getCell() {
     var d;
-    const e = this._injector.get(v), r = this._injector.get(U), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), s = (d = o == null ? void 0 : o.with(I).getSkeletonParam(i)) == null ? void 0 : d.skeleton;
+    const e = this._injector.get(v), r = this._injector.get(U), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), s = (d = o == null ? void 0 : o.with(_).getSkeletonParam(i)) == null ? void 0 : d.skeleton;
     if (!s)
       throw r.error("[Facade]: `FRange.getCell` can only be called in current worksheet"), new Error("`FRange.getCell` can only be called in current worksheet");
     return s.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
@@ -1110,8 +1129,8 @@ class $e extends ne {
     return (t = r == null ? void 0 : r.html) != null ? t : "";
   }
   attachPopup(e) {
-    var s, d, l;
-    e.direction = (s = e.direction) != null ? s : "horizontal", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (l = e.offset) != null ? l : [0, 0];
+    var s, d, h;
+    e.direction = (s = e.direction) != null ? s : "horizontal", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (h = e.offset) != null ? h : [0, 0];
     const { key: r, disposableCollection: t } = G(e, this._injector.get(J)), o = this._injector.get(N).attachPopupToCell(
       this._range.startRow,
       this._range.startColumn,
@@ -1122,7 +1141,7 @@ class $e extends ne {
     return o ? (t.add(o), t) : (t.dispose(), null);
   }
   attachAlertPopup(e) {
-    const r = this._injector.get(Ie), t = {
+    const r = this._injector.get(_e), t = {
       workbook: this._workbook,
       worksheet: this._worksheet,
       row: this._range.startRow,
@@ -1152,8 +1171,8 @@ class $e extends ne {
       });
    */
   attachRangePopup(e) {
-    var s, d, l;
-    e.direction = (s = e.direction) != null ? s : "top-center", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (l = e.offset) != null ? l : [0, 0];
+    var s, d, h;
+    e.direction = (s = e.direction) != null ? s : "top-center", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (h = e.offset) != null ? h : [0, 0];
     const { key: r, disposableCollection: t } = G(e, this._injector.get(J)), o = this._injector.get(N).attachRangePopup(
       this._range,
       { ...e, componentKey: r },
@@ -1163,7 +1182,7 @@ class $e extends ne {
     return o ? (t.add(o), t) : (t.dispose(), null);
   }
   highlight(e, r) {
-    const t = this._injector.get(_e), i = t.addShape({ range: this._range, style: e, primary: r });
+    const t = this._injector.get(ee), i = t.addShape({ range: this._range, style: e, primary: r });
     if (!i)
       throw new Error("Failed to highlight current range");
     return m(() => {
@@ -1174,12 +1193,12 @@ class $e extends ne {
     return this._injector.get(Pe).showDropdown(e);
   }
 }
-ne.extend($e);
-function G(b, e) {
-  const { componentKey: r, isVue3: t } = b;
+ie.extend(je);
+function G(w, e) {
+  const { componentKey: r, isVue3: t } = w;
   let i;
   const o = new A();
-  return typeof r == "string" ? i = r : (i = `External_${ce(6)}`, o.add(e.register(i, r, { framework: t ? "vue3" : "react" }))), {
+  return typeof r == "string" ? i = r : (i = `External_${de(6)}`, o.add(e.register(i, r, { framework: t ? "vue3" : "react" }))), {
     key: i,
     disposableCollection: o
   };