@univerjs/sheets-ui 0.12.1 → 0.12.2-experimental.20251201-5b27b55

package/lib/es/facade.js

@@ -1,16 +1,16 @@
-import { ICommandService as P, CanceledError as E, IUniverInstanceService as O, RichTextValue as z, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as D, LifecycleService as se, DisposableCollection as j, LifecycleStages as L, UniverInstanceType as ae, ILogService as U, toDisposable as m, awaitTime as ce, InterceptorEffectEnum as de, generateRandomId as he } from "@univerjs/core";
-import { FUniver as Q, FEventName as ge } from "@univerjs/core/facade";
-import { RichTextEditingMutation as le } from "@univerjs/docs";
-import { IRenderManagerService as v, DeviceInputEventType as N, SHEET_VIEWPORT_KEY as ue, sheetContentViewportKeys as ve } from "@univerjs/engine-render";
-import { SheetsSelectionsService as Se, COMMAND_LISTENER_SKELETON_CHANGE as me, getSkeletonChangedEffectedRange as Ce, SetWorksheetRowIsAutoHeightCommand as we, InterceptCellContentPriority as be, SheetInterceptorService as Ee, INTERCEPTOR_POINT as pe } from "@univerjs/sheets";
-import { SetCellEditVisibleOperation as k, IEditorBridgeService as p, SetZoomRatioCommand as $, HoverManagerService as f, DragManagerService as M, SheetScrollManagerService as x, SheetPasteShortKeyCommand as T, ISheetClipboardService as ee, SheetSkeletonManagerService as _, SHEET_VIEW_KEY as w, SheetPermissionRenderManagerService as A, ISheetSelectionRenderService as y, IMarkSelectionService as te, SheetsScrollRenderController as fe, SetWorksheetColAutoWidthCommand as ke, SetColumnHeaderHeightCommand as Ie, SetRowHeaderWidthCommand as _e, SheetCanvasPopManagerService as F, CellAlertManagerService as Pe, ISheetCellDropdownManagerService as Re } from "@univerjs/sheets-ui";
+import { ICommandService as R, CanceledError as b, IUniverInstanceService as O, RichTextValue as F, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as D, LifecycleService as se, DisposableCollection as j, LifecycleStages as z, UniverInstanceType as ae, ILogService as U, toDisposable as m, IPermissionService as ce, awaitTime as de, InterceptorEffectEnum as he, Rectangle as ge, generateRandomId as le } from "@univerjs/core";
+import { FUniver as Q, FEventName as ue } from "@univerjs/core/facade";
+import { RichTextEditingMutation as ve } from "@univerjs/docs";
+import { IRenderManagerService as v, DeviceInputEventType as L, SHEET_VIEWPORT_KEY as Se, sheetContentViewportKeys as me } from "@univerjs/engine-render";
+import { SheetsSelectionsService as Ce, COMMAND_LISTENER_SKELETON_CHANGE as we, getSkeletonChangedEffectedRange as Ee, SetWorksheetRowIsAutoHeightCommand as be, InterceptCellContentPriority as pe, SheetInterceptorService as fe, INTERCEPTOR_POINT as ke } from "@univerjs/sheets";
+import { SetCellEditVisibleOperation as k, IEditorBridgeService as p, SetZoomRatioCommand as $, HoverManagerService as f, DragManagerService as M, SheetScrollManagerService as x, SheetPasteShortKeyCommand as T, ISheetClipboardService as ee, SheetSkeletonManagerService as _, SHEET_VIEW_KEY as w, SheetPermissionRenderManagerService as A, ISheetSelectionRenderService as y, IMarkSelectionService as te, SheetsScrollRenderController as Ie, SetWorksheetColAutoWidthCommand as _e, SetColumnHeaderHeightCommand as Re, SetRowHeaderWidthCommand as Pe, SheetCanvasPopManagerService as N, CellAlertManagerService as He, ISheetCellDropdownManagerService as Me, AutoFillCommand as ye } from "@univerjs/sheets-ui";
 import { FSheetHooks as W, FWorkbook as re, FWorksheet as ne, FPermission as ie, FRange as oe } from "@univerjs/sheets/facade";
-import { KeyCode as B, CutCommand as V, CopyCommand as Z, PasteCommand as K, IClipboardInterfaceService as He, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Y, HTML_CLIPBOARD_MIME_TYPE as X, supportClipboardAPI as J, ISidebarService as Me, IDialogService as ye, ComponentManager as G } from "@univerjs/ui";
-import { filter as u, combineLatest as Ue } from "rxjs";
-class xe extends Q {
+import { KeyCode as B, CutCommand as V, CopyCommand as Z, PasteCommand as K, IClipboardInterfaceService as Ue, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as Y, HTML_CLIPBOARD_MIME_TYPE as X, supportClipboardAPI as J, ISidebarService as xe, IDialogService as Be, ComponentManager as G } from "@univerjs/ui";
+import { filter as u, combineLatest as De } from "rxjs";
+class Te extends Q {
   // eslint-disable-next-line max-lines-per-function
   _initSheetUIEvent(e) {
-    const r = e.get(P);
+    const r = e.get(R);
     this.registerEventHandler(
       this.Event.BeforeSheetEditStart,
       () => r.beforeCommandExecuted((t) => {
@@ -29,7 +29,7 @@ class xe extends Q {
             isZenEditor: !1
           };
           if (this.fireEvent(this.Event.BeforeSheetEditStart, c), c.cancel)
-            throw new E();
+            throw new b();
         }
       })
     ), this.registerEventHandler(
@@ -40,7 +40,7 @@ class xe extends Q {
         if (!i) return;
         const { workbook: o, worksheet: s } = i, d = e.get(p), h = e.get(O), g = t.params, { visible: l, keycode: a, eventType: n } = g, c = d.getEditLocation();
         if (!l) {
-          const R = {
+          const P = {
             row: c.row,
             column: c.column,
             eventType: n,
@@ -48,11 +48,11 @@ class xe extends Q {
             workbook: o,
             worksheet: s,
             isZenEditor: !1,
-            value: z.create(h.getUnit(D).getSnapshot()),
+            value: F.create(h.getUnit(D).getSnapshot()),
             isConfirm: a !== B.ESC
           };
-          if (this.fireEvent(this.Event.BeforeSheetEditEnd, R), R.cancel)
-            throw new E();
+          if (this.fireEvent(this.Event.BeforeSheetEditEnd, P), P.cancel)
+            throw new b();
         }
       })
     ), this.registerEventHandler(
@@ -99,7 +99,7 @@ class xe extends Q {
     ), this.registerEventHandler(
       this.Event.SheetEditChanging,
       () => r.onCommandExecuted((t) => {
-        if (t.id !== le.id) return;
+        if (t.id !== ve.id) return;
         const i = this.getActiveSheet();
         if (!i) return;
         const { workbook: o, worksheet: s } = i, d = e.get(p), h = e.get(O), g = t.params;
@@ -111,7 +111,7 @@ class xe extends Q {
             worksheet: s,
             row: a,
             column: n,
-            value: z.create(h.getUnit(D).getSnapshot()),
+            value: F.create(h.getUnit(D).getSnapshot()),
             isZenEditor: !1
           };
           this.fireEvent(this.Event.SheetEditChanging, c);
@@ -129,7 +129,7 @@ class xe extends Q {
           worksheet: s
         };
         if (this.fireEvent(this.Event.BeforeSheetZoomChange, d), d.cancel)
-          throw new E();
+          throw new b();
       })
     ), this.registerEventHandler(
       this.Event.SheetZoomChanged,
@@ -150,7 +150,7 @@ class xe extends Q {
   _initObserverListener(e) {
     const r = e.get(v), t = e.get(se), i = new j();
     this.disposeWithMe(t.lifecycle$.subscribe((h) => {
-      if (h !== L.Rendered) return;
+      if (h !== z.Rendered) return;
       i.dispose();
       const g = e.get(f), l = e.get(M);
       g && (this.registerEventHandler(
@@ -351,17 +351,17 @@ class xe extends Q {
     })), this.disposeWithMe(i);
     const o = /* @__PURE__ */ new Map();
     let s;
-    const d = Ue([
+    const d = De([
       r.created$,
       t.lifecycle$
     ]);
     this.disposeWithMe(d.subscribe(([h, g]) => {
-      var R;
-      if (h.type === ae.UNIVER_SHEET && (s = h), g <= L.Rendered || !s) return;
+      var P;
+      if (h.type === ae.UNIVER_SHEET && (s = h), g <= z.Rendered || !s) return;
       const l = new j(), a = this.getWorkbook(s.unitId);
       if (!a) return;
-      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(Se);
+      o.get(s.unitId) && ((P = o.get(s.unitId)) == null || P.dispose()), o.set(s.unitId, l);
+      const n = s.with(x), c = s.with(Ce);
       l.add(this.registerEventHandler(
         this.Event.Scroll,
         () => n.validViewportScrollInfo$.subscribe((S) => {
@@ -426,7 +426,7 @@ class xe extends Q {
    */
   _initialize(e) {
     this._initSheetUIEvent(e), this._initObserverListener(e);
-    const r = e.get(P);
+    const r = e.get(R);
     this.registerEventHandler(
       this.Event.BeforeClipboardChange,
       () => r.beforeCommandExecuted((t) => {
@@ -474,10 +474,10 @@ class xe extends Q {
     ), this.registerEventHandler(
       this.Event.SheetSkeletonChanged,
       () => r.onCommandExecuted((t) => {
-        if (me.indexOf(t.id) > -1) {
+        if (we.indexOf(t.id) > -1) {
           const i = this.getActiveSheet();
           if (!i) return;
-          const o = Ce(t, i.worksheet.getMaxColumns()).map((s) => {
+          const o = Ee(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);
@@ -513,7 +513,7 @@ class xe extends Q {
   _beforeClipboardChange() {
     const e = this._generateClipboardCopyParam();
     if (e && (this.fireEvent(this.Event.BeforeClipboardChange, e), e.cancel))
-      throw new E();
+      throw new b();
   }
   _clipboardChanged() {
     const e = this._generateClipboardCopyParam();
@@ -534,7 +534,7 @@ class xe extends Q {
     const e = this.getActiveWorkbook(), r = e == null ? void 0 : e.getActiveSheet();
     if (!e || !r)
       return;
-    const o = (await this._injector.get(He).read())[0];
+    const o = (await this._injector.get(Ue).read())[0];
     let s;
     if (o) {
       const d = o.types, h = d.indexOf(Y) !== -1 ? await o.getType(Y).then((l) => l && l.text()) : "", g = d.indexOf(X) !== -1 ? await o.getType(X).then((l) => l && l.text()) : "";
@@ -550,12 +550,12 @@ class xe extends Q {
   _beforeClipboardPaste(e) {
     const r = this._generateClipboardPasteParam(e);
     if (r && (this.fireEvent(this.Event.BeforeClipboardPaste, r), r.cancel))
-      throw new E();
+      throw new b();
   }
   _clipboardPaste(e) {
     const r = this._generateClipboardPasteParam(e);
     if (r && (this.fireEvent(this.Event.ClipboardPasted, r), r.cancel))
-      throw new E();
+      throw new b();
   }
   async _beforeClipboardPasteAsync() {
     if (!J()) {
@@ -564,7 +564,7 @@ class xe extends Q {
     }
     const e = await this._generateClipboardPasteParamAsync();
     if (e && (this.fireEvent(this.Event.BeforeClipboardPaste, e), e.cancel))
-      throw new E();
+      throw new b();
   }
   async _clipboardPasteAsync() {
     if (!J()) {
@@ -573,7 +573,7 @@ class xe extends Q {
     }
     const e = await this._generateClipboardPasteParamAsync();
     if (e && (this.fireEvent(this.Event.ClipboardPasted, e), e.cancel))
-      throw new E();
+      throw new b();
   }
   customizeColumnHeader(e) {
     var g, l;
@@ -647,15 +647,18 @@ class xe extends Q {
   getProtectedRangeShadowStrategy$() {
     return this._injector.get(A).getProtectedRangeShadowStrategy$();
   }
+  setPermissionDialogVisible(e) {
+    this._injector.get(ce).setShowComponents(e);
+  }
 }
-Q.extend(xe);
-class Be extends re {
+Q.extend(Te);
+class Ae extends re {
   openSiderbar(e) {
-    return this._logDeprecation("openSiderbar"), this._injector.get(Me).open(e);
+    return this._logDeprecation("openSiderbar"), this._injector.get(xe).open(e);
   }
   openDialog(e) {
     this._logDeprecation("openDialog");
-    const t = this._injector.get(ye).open({
+    const t = this._injector.get(Be).open({
       ...e,
       onClose: () => {
         t.dispose();
@@ -750,21 +753,21 @@ class Be extends re {
     );
   }
   startEditing() {
-    const e = this._injector.get(P);
+    const e = this._injector.get(R);
     return this._injector.get(p).isVisible().visible ? !0 : e.syncExecuteCommand(k.id, {
-      eventType: N.Dblclick,
+      eventType: L.Dblclick,
       unitId: this._workbook.getUnitId(),
       visible: !0
     });
   }
   async endEditing(e) {
-    const r = this._injector.get(P);
+    const r = this._injector.get(R);
     return this._injector.get(p).isVisible().visible && r.syncExecuteCommand(k.id, {
-      eventType: N.Keyboard,
+      eventType: L.Keyboard,
       keycode: e ? B.ENTER : B.ESC,
       visible: !1,
       unitId: this._workbook.getUnitId()
-    }), await ce(0), !0;
+    }), await de(0), !0;
   }
   endEditingAsync(e = !0) {
     return this.endEditing(e);
@@ -805,8 +808,8 @@ class Be extends re {
     return t && t.with(y).showSelection(), this;
   }
 }
-re.extend(Be);
-class De extends ne {
+re.extend(Ae);
+class je extends ne {
   refreshCanvas() {
     const e = this._injector.get(v), r = this._fWorkbook.id, t = e.getRenderById(r);
     if (!t)
@@ -832,7 +835,7 @@ class De extends ne {
     });
   }
   zoom(e) {
-    const r = this._injector.get(P), t = Math.min(Math.max(e, 0.1), 4);
+    const r = this._injector.get(R), t = Math.min(Math.max(e, 0.1), 4);
     return r.executeCommand($.id, {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
@@ -855,14 +858,14 @@ class De extends ne {
     if (!s) return i;
     const d = s == null ? void 0 : s.getVisibleRanges();
     if (!d) return i;
-    i = s.getVisibleRangeByViewport(ue.VIEW_MAIN);
+    i = s.getVisibleRangeByViewport(Se.VIEW_MAIN);
     for (const [h, g] of d)
-      ve.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));
+      me.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(fe)).scrollToCell(e, r, t), this;
+    return s && (s == null ? void 0 : s.with(Ie)).scrollToCell(e, r, t), this;
   }
   getScrollState() {
     const e = {
@@ -902,7 +905,7 @@ class De extends ne {
         endRow: this._worksheet.getRowCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(ke.id, {
+    return this._commandService.syncExecuteCommand(_e.id, {
       unitId: t,
       subUnitId: i,
       ranges: o
@@ -920,7 +923,7 @@ class De extends ne {
         endColumn: this._worksheet.getColumnCount() - 1
       }
     ];
-    return this._commandService.syncExecuteCommand(we.id, {
+    return this._commandService.syncExecuteCommand(be.id, {
       unitId: t,
       subUnitId: i,
       ranges: o
@@ -938,7 +941,7 @@ class De extends ne {
   }
   setColumnHeaderHeight(e) {
     const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId();
-    return this._commandService.executeCommand(Ie.id, {
+    return this._commandService.executeCommand(Re.id, {
       unitId: r,
       subUnitId: t,
       size: e
@@ -946,7 +949,7 @@ class De extends ne {
   }
   setRowHeaderWidth(e) {
     const r = this._workbook.getUnitId(), t = this._worksheet.getSheetId();
-    return this._commandService.executeCommand(_e.id, {
+    return this._commandService.executeCommand(Pe.id, {
       unitId: r,
       subUnitId: t,
       size: e
@@ -969,14 +972,14 @@ class De extends ne {
     return s;
   }
 }
-ne.extend(De);
-class Te extends ie {
+ne.extend(je);
+class $e extends ie {
   setPermissionDialogVisible(e) {
     this._permissionService.setShowComponents(e);
   }
 }
-ie.extend(Te);
-class Ae extends W {
+ie.extend($e);
+class We extends W {
   onCellPointerMove(e) {
     return m(this._injector.get(f).currentPosition$.subscribe(e));
   }
@@ -989,27 +992,27 @@ class Ae extends W {
   onCellDrop(e) {
     return m(this._injector.get(M).endCell$.subscribe(e));
   }
-  onCellRender(e, r = de.Style, t = be.DATA_VALIDATION) {
-    return this._injector.get(Ee).intercept(pe.CELL_CONTENT, {
+  onCellRender(e, r = he.Style, t = pe.DATA_VALIDATION) {
+    return this._injector.get(fe).intercept(ke.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(P).beforeCommandExecuted((r) => {
+    return this._injector.get(R).beforeCommandExecuted((r) => {
       const t = r.params;
       r.id === k.id && t.visible && e(t);
     });
   }
   onAfterCellEdit(e) {
-    return this._injector.get(P).onCommandExecuted((r) => {
+    return this._injector.get(R).onCommandExecuted((r) => {
       const t = r.params;
       r.id === k.id && !t.visible && e(t);
     });
   }
 }
-W.extend(Ae);
+W.extend(We);
 const H = {
   CellClicked: "CellClicked",
   CellPointerDown: "CellPointerDown",
@@ -1017,7 +1020,7 @@ const H = {
   CellPointerMove: "CellPointerMove",
   CellHover: "CellHover"
 };
-class je {
+class Oe {
   get BeforeClipboardChange() {
     return "BeforeClipboardChange";
   }
@@ -1115,8 +1118,8 @@ class je {
     return "SheetZoomChanged";
   }
 }
-ge.extend(je);
-class $e extends oe {
+ue.extend(Oe);
+class Fe extends oe {
   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(_).getSkeletonParam(i)) == null ? void 0 : d.skeleton;
@@ -1140,7 +1143,7 @@ class $e extends oe {
   attachPopup(e) {
     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 } = q(e, this._injector.get(G)), o = this._injector.get(F).attachPopupToCell(
+    const { key: r, disposableCollection: t } = q(e, this._injector.get(G)), o = this._injector.get(N).attachPopupToCell(
       this._range.startRow,
       this._range.startColumn,
       { ...e, componentKey: r },
@@ -1150,7 +1153,7 @@ class $e extends oe {
     return o ? (t.add(o), t) : (t.dispose(), null);
   }
   attachAlertPopup(e) {
-    const r = this._injector.get(Pe), t = {
+    const r = this._injector.get(He), t = {
       workbook: this._workbook,
       worksheet: this._worksheet,
       row: this._range.startRow,
@@ -1182,7 +1185,7 @@ class $e extends oe {
   attachRangePopup(e) {
     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 } = q(e, this._injector.get(G)), o = this._injector.get(F).attachRangePopup(
+    const { key: r, disposableCollection: t } = q(e, this._injector.get(G)), o = this._injector.get(N).attachRangePopup(
       this._range,
       { ...e, componentKey: r },
       this.getUnitId(),
@@ -1199,15 +1202,34 @@ class $e extends oe {
     });
   }
   showDropdown(e) {
-    return this._injector.get(Re).showDropdown(e);
+    return this._injector.get(Me).showDropdown(e);
+  }
+  async autoFill(e, r) {
+    const t = this.getRange(), i = e.getRange();
+    if (!ge.contains(i, t))
+      throw new Error("AutoFill target range must contain source range");
+    const { startRow: o, startColumn: s, endRow: d, endColumn: h } = t, { startRow: g, startColumn: l, endRow: a, endColumn: n } = i;
+    if (d - o !== a - g && h - s !== n - l)
+      throw new Error("AutoFill can only fill in one direction");
+    if (d - o === a - g && s !== l && h !== n)
+      throw new Error("AutoFill can only fill in one direction");
+    if (h - s === n - l && o !== g && d !== a)
+      throw new Error("AutoFill can only fill in one direction");
+    return this._commandService.executeCommand(ye.id, {
+      sourceRange: t,
+      targetRange: i,
+      unitId: this.getUnitId(),
+      subUnitId: this.getSheetId(),
+      applyType: r
+    });
   }
 }
-oe.extend($e);
-function q(b, e) {
-  const { componentKey: r, isVue3: t } = b;
+oe.extend(Fe);
+function q(E, e) {
+  const { componentKey: r, isVue3: t } = E;
   let i;
   const o = new j();
-  return typeof r == "string" ? i = r : (i = `External_${he(6)}`, o.add(e.register(i, r, { framework: t ? "vue3" : "react" }))), {
+  return typeof r == "string" ? i = r : (i = `External_${le(6)}`, o.add(e.register(i, r, { framework: t ? "vue3" : "react" }))), {
     key: i,
     disposableCollection: o
   };