@univerjs/sheets-ui 0.5.4 → 0.5.5-nightly.202501201336

package/lib/es/facade.js

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