@univerjs/sheets-ui 0.4.1 → 0.4.2-nightly.202410301606

package/lib/es/facade.js

@@ -0,0 +1,206 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+import { FUniver, toDisposable, ILogService, DisposableCollection, generateRandomId, Inject, Injector } from "@univerjs/core";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { A as SHEET_VIEW_KEY, b as SheetSkeletonManagerService, o as ISheetClipboardService, Q as SheetCanvasPopManagerService, y as CellAlertManagerService, H as HoverManagerService, D as DragManagerService } from "../drag-manager.service-DiPuCZiO.mjs";
+import { FWorkbook, FPermission, FRange } from "@univerjs/sheets/facade";
+import { ISidebarService, IDialogService, ComponentManager } from "@univerjs/ui";
+const _FUniverSheetsUIMixin = class _FUniverSheetsUIMixin extends FUniver {
+  customizeColumnHeader(cfg) {
+    const wb = this.getActiveWorkbook();
+    if (!wb) {
+      console.error("WorkBook not exist");
+      return;
+    }
+    const unitId = wb == null ? void 0 : wb.getId();
+    this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg);
+  }
+  customizeRowHeader(cfg) {
+    const wb = this.getActiveWorkbook();
+    if (!wb) {
+      console.error("WorkBook not exist");
+      return;
+    }
+    const unitId = wb == null ? void 0 : wb.getId();
+    this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
+  }
+  registerSheetRowHeaderExtension(unitId, ...extensions) {
+    const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW), registerDisposable = sheetComponent.register(...extensions);
+    return toDisposable(() => {
+      registerDisposable.dispose(), sheetComponent.makeDirty(!0);
+    });
+  }
+  registerSheetColumnHeaderExtension(unitId, ...extensions) {
+    const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.COLUMN), registerDisposable = sheetComponent.register(...extensions);
+    return toDisposable(() => {
+      registerDisposable.dispose(), sheetComponent.makeDirty(!0);
+    });
+  }
+  registerSheetMainExtension(unitId, ...extensions) {
+    const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.MAIN), registerDisposable = sheetComponent.register(...extensions);
+    return toDisposable(() => {
+      registerDisposable.dispose(), sheetComponent.makeDirty(!0);
+    });
+  }
+  /**
+   * Get sheet render component from render by unitId and view key.
+   *
+   * @private
+   *
+   * @param {string} unitId The unit id of the spreadsheet.
+   * @param {SHEET_VIEW_KEY} viewKey The view key of the spreadsheet.
+   * @returns {Nullable<RenderComponentType>} The render component.
+   */
+  _getSheetRenderComponent(unitId, viewKey) {
+    const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+    if (!render)
+      throw new Error("Render not found");
+    const { components } = render, renderComponent = components.get(viewKey);
+    if (!renderComponent)
+      throw new Error("Render component not found");
+    return renderComponent;
+  }
+};
+__name(_FUniverSheetsUIMixin, "FUniverSheetsUIMixin");
+let FUniverSheetsUIMixin = _FUniverSheetsUIMixin;
+FUniver.extend(FUniverSheetsUIMixin);
+const _FWorokbookSheetsUIMixin = class _FWorokbookSheetsUIMixin extends FWorkbook {
+  openSiderbar(params) {
+    return this._logDeprecation("openSiderbar"), this._injector.get(ISidebarService).open(params);
+  }
+  openDialog(dialog) {
+    this._logDeprecation("openDialog");
+    const disposable = this._injector.get(IDialogService).open({
+      ...dialog,
+      onClose: /* @__PURE__ */ __name(() => {
+        disposable.dispose();
+      }, "onClose")
+    });
+    return disposable;
+  }
+  _logDeprecation(name) {
+    this._injector.get(ILogService).warn("[FWorkbook]", `${name} is deprecated. Please use the function of the same name on "FUniver".`);
+  }
+};
+__name(_FWorokbookSheetsUIMixin, "FWorokbookSheetsUIMixin");
+let FWorokbookSheetsUIMixin = _FWorokbookSheetsUIMixin;
+FWorkbook.extend(FWorokbookSheetsUIMixin);
+const _FPermissionSheetsUIMixin = class _FPermissionSheetsUIMixin extends FPermission {
+  setPermissionDialogVisible(visible) {
+    this._permissionService.setShowComponents(visible);
+  }
+};
+__name(_FPermissionSheetsUIMixin, "FPermissionSheetsUIMixin");
+let FPermissionSheetsUIMixin = _FPermissionSheetsUIMixin;
+FPermission.extend(FPermissionSheetsUIMixin);
+const _FRangeSheetsUIMixin = class _FRangeSheetsUIMixin extends FRange {
+  getCell() {
+    const renderManagerService = this._injector.get(IRenderManagerService), unitId = this._workbook.getUnitId(), subUnitId = this._worksheet.getSheetId();
+    return renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId).skeleton.getCellByIndex(this._range.startRow, this._range.startColumn);
+  }
+  getCellRect() {
+    const { startX: x, startY: y, endX: x2, endY: y2 } = this.getCell(), data = { x, y, width: x2 - x, height: y2 - y, top: y, left: x, bottom: y2, right: x2 };
+    return { ...data, toJSON: /* @__PURE__ */ __name(() => JSON.stringify(data), "toJSON") };
+  }
+  generateHTML() {
+    var _a2;
+    const copyContent = this._injector.get(ISheetClipboardService).generateCopyContent(
+      this._workbook.getUnitId(),
+      this._worksheet.getSheetId(),
+      this._range
+    );
+    return (_a2 = copyContent == null ? void 0 : copyContent.html) != null ? _a2 : "";
+  }
+  attachPopup(popup) {
+    const { key, disposableCollection } = transformComponentKey(popup, this._injector.get(ComponentManager)), disposePopup = this._injector.get(SheetCanvasPopManagerService).attachPopupToCell(
+      this._range.startRow,
+      this._range.startColumn,
+      { ...popup, componentKey: key },
+      this.getUnitId(),
+      this._worksheet.getSheetId()
+    );
+    return disposePopup ? (disposableCollection.add(disposePopup), disposableCollection) : (disposableCollection.dispose(), null);
+  }
+  attachAlertPopup(alert) {
+    const cellAlertService = this._injector.get(CellAlertManagerService), location = {
+      workbook: this._workbook,
+      worksheet: this._worksheet,
+      row: this._range.startRow,
+      col: this._range.startColumn,
+      unitId: this.getUnitId(),
+      subUnitId: this._worksheet.getSheetId()
+    };
+    return cellAlertService.showAlert({
+      ...alert,
+      location
+    }), {
+      dispose: /* @__PURE__ */ __name(() => {
+        cellAlertService.removeAlert(alert.key);
+      }, "dispose")
+    };
+  }
+};
+__name(_FRangeSheetsUIMixin, "FRangeSheetsUIMixin");
+let FRangeSheetsUIMixin = _FRangeSheetsUIMixin;
+FRange.extend(FRangeSheetsUIMixin);
+function transformComponentKey(component, componentManager) {
+  const { componentKey, isVue3 } = component;
+  let key;
+  const disposableCollection = new DisposableCollection();
+  return typeof componentKey == "string" ? key = componentKey : (key = `External_${generateRandomId(6)}`, disposableCollection.add(componentManager.register(key, componentKey, { framework: isVue3 ? "vue3" : "react" }))), {
+    key,
+    disposableCollection
+  };
+}
+__name(transformComponentKey, "transformComponentKey");
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), _a;
+let FSheetHooks = (_a = class {
+  constructor(_injector, _hoverManagerService, _dragManagerService) {
+    this._injector = _injector, this._hoverManagerService = _hoverManagerService, this._dragManagerService = _dragManagerService;
+  }
+  /**
+   * The onCellPointerMove event is fired when a pointer changes coordinates.
+   * @param callback Callback function that will be called when the event is fired
+   * @returns A disposable object that can be used to unsubscribe from the event
+   */
+  onCellPointerMove(callback) {
+    return toDisposable(this._hoverManagerService.currentPosition$.subscribe(callback));
+  }
+  /**
+   * The onCellPointerOver event is fired when a pointer is moved into a cell's hit test boundaries.
+   * @param callback Callback function that will be called when the event is fired
+   * @returns A disposable object that can be used to unsubscribe from the event
+   */
+  onCellPointerOver(callback) {
+    return toDisposable(this._hoverManagerService.currentCell$.subscribe(callback));
+  }
+  /**
+   * The onCellDragOver event is fired when an element or text selection is being dragged into a cell's hit test boundaries.
+   * @param callback Callback function that will be called when the event is fired
+   * @returns A disposable object that can be used to unsubscribe from the event
+   */
+  onCellDragOver(callback) {
+    return toDisposable(this._dragManagerService.currentCell$.subscribe(callback));
+  }
+  /**
+   * The onCellDrop event is fired when an element or text selection is being dropped on the cell.
+   * @param callback Callback function that will be called when the event is fired
+   * @returns A disposable object that can be used to unsubscribe from the event
+   */
+  onCellDrop(callback) {
+    return toDisposable(this._dragManagerService.endCell$.subscribe(callback));
+  }
+}, __name(_a, "FSheetHooks"), _a);
+FSheetHooks = __decorateClass([
+  __decorateParam(0, Inject(Injector)),
+  __decorateParam(1, Inject(HoverManagerService)),
+  __decorateParam(2, Inject(DragManagerService))
+], FSheetHooks);
+export {
+  FSheetHooks,
+  transformComponentKey
+};