@univerjs/sheets-filter-ui 0.2.8 → 0.2.10

package/lib/es/index.js

@@ -2,15 +2,15 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, IUniverInstanceService, ICommandService, IUndoRedoService, UniverInstanceType, Quantity, LocaleService, sequenceExecute, BooleanNumber, createIdentifier, Disposable, Inject, extractPureTextFromCell, ILogService, Injector, IContextService, useDependency, ThemeService, RxDisposable, fromCallback, runOnLifecycle, LifecycleStages, OnLifecycle, Tools, Plugin, DependentOn, Optional } from "@univerjs/core";
-import { SheetsFilterService, RemoveSheetsFilterMutation, SetSheetsFilterRangeMutation, SetSheetsFilterCriteriaMutation, ReCalcSheetsFilterMutation, CustomFilterOperator, FILTER_MUTATIONS, UniverSheetsFilterPlugin } from "@univerjs/sheets-filter";
+import { CommandType, ICommandService, IUndoRedoService, IUniverInstanceService, Quantity, LocaleService, UniverInstanceType, sequenceExecute, BooleanNumber, createIdentifier, Disposable, Inject, extractPureTextFromCell, ILogService, Injector, IContextService, useDependency, ThemeService, RxDisposable, fromCallback, Tools, Plugin, DependentOn, Optional } from "@univerjs/core";
+import { SheetsFilterService, SetSheetsFilterRangeMutation, RemoveSheetsFilterMutation, SetSheetsFilterCriteriaMutation, ReCalcSheetsFilterMutation, CustomFilterOperator, FILTER_MUTATIONS, UniverSheetsFilterPlugin } from "@univerjs/sheets-filter";
 import { toModule, IRPCChannelService, fromModule } from "@univerjs/rpc";
 import { IMessageService, ILayoutService, useObservable, useComponentsOfPart, ComponentContainer, KeyCode, MetaKeys, MenuGroup, MenuItemType, MenuPosition, getMenuHiddenObservable, ComponentManager, IShortcutService, IMenuService } from "@univerjs/ui";
 import { BehaviorSubject, ReplaySubject, of, Subject, merge, combineLatest, throttleTime, startWith, map, shareReplay, switchMap, filter, takeUntil, distinctUntilChanged } from "rxjs";
-import { SetCellEditVisibleOperation, SheetsUIPart, whenSheetEditorFocused, getCurrentRangeDisable$, SelectionShape, getCoordByCell, SheetSkeletonManagerService, SheetsRenderService, ISheetSelectionRenderService, SheetCanvasPopManagerService, SheetPermissionInterceptorBaseController } from "@univerjs/sheets-ui";
+import { SetCellEditVisibleOperation, SheetsUIPart, whenSheetEditorFocused, getCurrentRangeDisable$, SelectionShape, getCoordByCell, SheetSkeletonManagerService, ISheetSelectionRenderService, SheetsRenderService, SheetCanvasPopManagerService, SheetPermissionInterceptorBaseController } from "@univerjs/sheets-ui";
 import { Rect, Shape, IRenderManagerService } from "@univerjs/engine-render";
 import { MessageType, Select, RadioGroup, Radio, Input, Checkbox, Tooltip, Button, Segmented } from "@univerjs/design";
-import { SheetsSelectionsService, isSingleCellSelection, expandToContinuousRange, RefRangeService, WorkbookEditablePermission, WorksheetFilterPermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, INTERCEPTOR_POINT, SheetInterceptorService, RangeProtectionPermissionViewPoint } from "@univerjs/sheets";
+import { getSheetCommandTarget, SheetsSelectionsService, isSingleCellSelection, expandToContinuousRange, RefRangeService, WorksheetFilterPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, INTERCEPTOR_POINT, SheetInterceptorService } from "@univerjs/sheets";
 import * as React from "react";
 import React__default, { forwardRef, useRef, createElement, useCallback, useMemo as useMemo$1, version, isValidElement, useEffect, useState } from "react";
 import ReactDOM, { flushSync } from "react-dom";
@@ -69,45 +69,64 @@ var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width:
   }));
 });
 FilterSingle.displayName = "FilterSingle";
-const SmartToggleSheetsFilterCommand = {
-  id: "sheet.command.smart-toggle-filter",
+const SetSheetFilterRangeCommand = {
+  id: "sheet.command.set-filter-range",
   type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor) => {
-    const univerInstanceService = accessor.get(IUniverInstanceService), sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), currentWorkbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), currentWorksheet = currentWorkbook == null ? void 0 : currentWorkbook.getActiveSheet();
-    if (!currentWorksheet || !currentWorkbook) return !1;
-    const unitId = currentWorkbook.getUnitId(), subUnitId = currentWorksheet.getSheetId(), filterModel = sheetsFilterService.getFilterModel(unitId, subUnitId);
-    if (filterModel) {
-      const autoFilter = filterModel == null ? void 0 : filterModel.serialize(), undoMutations = destructFilterModel(unitId, subUnitId, autoFilter), result2 = commandService.syncExecuteCommand(RemoveSheetsFilterMutation.id, { unitId, subUnitId });
-      return result2 && undoRedoService.pushUndoRedo({
-        unitID: unitId,
-        undoMutations,
-        redoMutations: [{ id: RemoveSheetsFilterMutation.id, params: { unitId, subUnitId } }]
-      }), result2;
-    }
-    const lastSelection = accessor.get(SheetsSelectionsService).getCurrentLastSelection();
-    if (!lastSelection) return !1;
-    const startRange = lastSelection.range, targetFilterRange = isSingleCellSelection(lastSelection) ? expandToContinuousRange(startRange, { left: !0, right: !0, up: !0, down: !0 }, currentWorksheet) : startRange;
-    if (targetFilterRange.endRow === targetFilterRange.startRow) {
+  handler: /* @__PURE__ */ __name((accessor, params) => {
+    const sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), instanceSrv = accessor.get(IUniverInstanceService), { unitId, subUnitId, range } = params;
+    if (!getSheetCommandTarget(instanceSrv, params) || sheetsFilterService.getFilterModel(unitId, subUnitId)) return !1;
+    if (range.endRow === range.startRow) {
       const messageService = accessor.get(IMessageService, Quantity.OPTIONAL), localeService = accessor.get(LocaleService);
       return messageService == null || messageService.show({ type: MessageType.Warning, content: localeService.t("sheets-filter.command.not-valid-filter-range") }), !1;
     }
-    const redoMutation = { id: SetSheetsFilterRangeMutation.id, params: { unitId, subUnitId, range: targetFilterRange } }, result = commandService.syncExecuteCommand(redoMutation.id, redoMutation.params);
+    const redoMutation = { id: SetSheetsFilterRangeMutation.id, params: { unitId, subUnitId, range } }, result = commandService.syncExecuteCommand(redoMutation.id, redoMutation.params);
     return result && undoRedoService.pushUndoRedo({
       unitID: unitId,
       undoMutations: [{ id: RemoveSheetsFilterMutation.id, params: { unitId, subUnitId } }],
       redoMutations: [redoMutation]
     }), result;
   }, "handler")
+}, RemoveSheetFilterCommand = {
+  id: "sheet.command.remove-sheet-filter",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name((accessor, params) => {
+    const univerInstanceService = accessor.get(IUniverInstanceService), sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), commandTarget = getSheetCommandTarget(univerInstanceService, params);
+    if (!commandTarget) return !1;
+    const { unitId, subUnitId } = commandTarget, filterModel = sheetsFilterService.getFilterModel(unitId, subUnitId);
+    if (!filterModel) return !1;
+    const autoFilter = filterModel == null ? void 0 : filterModel.serialize(), undoMutations = destructFilterModel(unitId, subUnitId, autoFilter), result = commandService.syncExecuteCommand(RemoveSheetsFilterMutation.id, { unitId, subUnitId });
+    return result && undoRedoService.pushUndoRedo({
+      unitID: unitId,
+      undoMutations,
+      redoMutations: [{ id: RemoveSheetsFilterMutation.id, params: { unitId, subUnitId } }]
+    }), result;
+  }, "handler")
+}, SmartToggleSheetsFilterCommand = {
+  id: "sheet.command.smart-toggle-filter",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor) => {
+    const univerInstanceService = accessor.get(IUniverInstanceService), sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), currentWorkbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), currentWorksheet = currentWorkbook == null ? void 0 : currentWorkbook.getActiveSheet();
+    if (!currentWorksheet || !currentWorkbook) return !1;
+    const unitId = currentWorkbook.getUnitId(), subUnitId = currentWorksheet.getSheetId();
+    if (sheetsFilterService.getFilterModel(unitId, subUnitId))
+      return commandService.executeCommand(RemoveSheetFilterCommand.id, { unitId, subUnitId });
+    const lastSelection = accessor.get(SheetsSelectionsService).getCurrentLastSelection();
+    if (!lastSelection) return !1;
+    const startRange = lastSelection.range, targetFilterRange = isSingleCellSelection(lastSelection) ? expandToContinuousRange(startRange, { left: !0, right: !0, up: !0, down: !0 }, currentWorksheet) : startRange;
+    return commandService.executeCommand(SetSheetFilterRangeCommand.id, {
+      unitId,
+      subUnitId,
+      range: targetFilterRange
+    });
+  }, "handler")
 }, SetSheetsFilterCriteriaCommand = {
   id: "sheet.command.set-filter-criteria",
   type: CommandType.COMMAND,
   handler: /* @__PURE__ */ __name(async (accessor, params) => {
     const sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), { unitId, subUnitId, col, criteria } = params, filterModel = sheetsFilterService.getFilterModel(unitId, subUnitId);
-    if (!filterModel)
-      return !1;
+    if (!filterModel) return !1;
     const range = filterModel.getRange();
-    if (!range || col < range.startColumn || col > range.endColumn)
-      return !1;
+    if (!range || col < range.startColumn || col > range.endColumn) return !1;
     const filterColumn = filterModel.getFilterColumn(col), undoMutation = destructFilterColumn(unitId, subUnitId, col, filterColumn), redoMutation = {
       id: SetSheetsFilterCriteriaMutation.id,
       params: {
@@ -126,26 +145,26 @@ const SmartToggleSheetsFilterCommand = {
 }, ClearSheetsFilterCriteriaCommand = {
   id: "sheet.command.clear-filter-criteria",
   type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor) => {
-    const sheetsFilterService = accessor.get(SheetsFilterService), undoRedoService = accessor.get(IUndoRedoService), commandService = accessor.get(ICommandService), currentFilterModel = sheetsFilterService.activeFilterModel;
-    if (!currentFilterModel)
-      return !1;
-    const { unitId, subUnitId } = currentFilterModel, autoFilter = currentFilterModel.serialize(), undoMutations = destructFilterCriteria(unitId, subUnitId, autoFilter), redoMutations = generateRemoveCriteriaMutations(unitId, subUnitId, autoFilter);
-    return sequenceExecute(redoMutations, commandService) && undoRedoService.pushUndoRedo({
+  handler: /* @__PURE__ */ __name((accessor, params) => {
+    const sheetsFilterService = accessor.get(SheetsFilterService), undoRedoService = accessor.get(IUndoRedoService), commandService = accessor.get(ICommandService), instanceSrv = accessor.get(IUniverInstanceService), commandTarget = getSheetCommandTarget(instanceSrv, params);
+    if (!commandTarget) return !1;
+    const { unitId, subUnitId } = commandTarget, filterModel = sheetsFilterService.getFilterModel(commandTarget.unitId, commandTarget.subUnitId);
+    if (!filterModel) return !1;
+    const autoFilter = filterModel.serialize(), undoMutations = destructFilterCriteria(unitId, subUnitId, autoFilter), redoMutations = generateRemoveCriteriaMutations(unitId, subUnitId, autoFilter);
+    return sequenceExecute(redoMutations, commandService).result ? (undoRedoService.pushUndoRedo({
       unitID: unitId,
       undoMutations,
       redoMutations
-    }), !0;
+    }), !0) : !1;
   }, "handler")
 }, ReCalcSheetsFilterCommand = {
   id: "sheet.command.re-calc-filter",
   type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor) => {
-    const sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), currentFilterModel = sheetsFilterService.activeFilterModel;
-    if (!currentFilterModel)
-      return !1;
-    const { unitId, subUnitId } = currentFilterModel;
-    return commandService.executeCommand(ReCalcSheetsFilterMutation.id, { unitId, subUnitId });
+  handler: /* @__PURE__ */ __name((accessor, params) => {
+    const sheetsFilterService = accessor.get(SheetsFilterService), commandService = accessor.get(ICommandService), instanceSrv = accessor.get(IUniverInstanceService), commandTarget = getSheetCommandTarget(instanceSrv, params);
+    if (!commandTarget) return !1;
+    const { unitId, subUnitId } = commandTarget;
+    return sheetsFilterService.getFilterModel(commandTarget.unitId, commandTarget.subUnitId) ? commandService.executeCommand(ReCalcSheetsFilterMutation.id, { unitId, subUnitId }) : !1;
   }, "handler")
 };
 function destructFilterModel(unitId, subUnitId, autoFilter) {
@@ -2900,7 +2919,7 @@ function SmartToggleFilterMenuItemFactory(accessor) {
     positions: [MenuPosition.TOOLBAR_START],
     hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
     activated$: sheetsFilterService.activeFilterModel$.pipe(map((model) => !!model)),
-    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetFilterPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+    disabled$: getCurrentRangeDisable$(accessor, { worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission], rangeTypes: [RangeProtectionPermissionViewPoint] })
   };
 }
 __name(SmartToggleFilterMenuItemFactory, "SmartToggleFilterMenuItemFactory");
@@ -3018,17 +3037,12 @@ var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPrope
 const DEFAULT_Z_INDEX = 1e3, SHEETS_FILTER_BUTTON_Z_INDEX = 5e3;
 var _a6;
 let SheetsFilterRenderController = (_a6 = class extends RxDisposable {
-  constructor(_context, _injector, _sheetSkeletonManagerService, _sheetsFilterService, _themeService, _sheetInterceptorService, _sheetsRenderService, _commandService, _renderManagerService, _selectionRenderService) {
+  constructor(_context, _injector, _sheetSkeletonManagerService, _sheetsFilterService, _themeService, _sheetInterceptorService, _commandService, _selectionRenderService) {
     super();
     __publicField(this, "_filterRangeShape", null);
     __publicField(this, "_buttonRenderDisposable", null);
     __publicField(this, "_filterButtonShapes", []);
-    this._context = _context, this._injector = _injector, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._sheetsFilterService = _sheetsFilterService, this._themeService = _themeService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetsRenderService = _sheetsRenderService, this._commandService = _commandService, this._renderManagerService = _renderManagerService, this._selectionRenderService = _selectionRenderService, [
-      SetSheetsFilterRangeMutation,
-      SetSheetsFilterCriteriaMutation,
-      RemoveSheetsFilterMutation,
-      ReCalcSheetsFilterMutation
-    ].forEach((m2) => this.disposeWithMe(this._sheetsRenderService.registerSkeletonChangingMutations(m2.id))), this._initRenderer();
+    this._context = _context, this._injector = _injector, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._sheetsFilterService = _sheetsFilterService, this._themeService = _themeService, this._sheetInterceptorService = _sheetInterceptorService, this._commandService = _commandService, this._selectionRenderService = _selectionRenderService, this._initRenderer();
   }
   _initRenderer() {
     this._sheetSkeletonManagerService.currentSkeleton$.pipe(
@@ -3054,18 +3068,15 @@ let SheetsFilterRenderController = (_a6 = class extends RxDisposable {
       }),
       takeUntil(this.dispose$)
     ).subscribe((renderParams) => {
-      this._disposeRendering(), !(!renderParams || !renderParams.range) && (this._renderRange(renderParams.unitId, renderParams.range, renderParams.skeleton), this._renderButtons(renderParams));
+      this._disposeRendering(), !(!renderParams || !renderParams.range) && (this._renderRange(renderParams.range, renderParams.skeleton), this._renderButtons(renderParams));
     });
   }
-  _renderRange(unitId, range, skeleton) {
-    const renderer = this._renderManagerService.getRenderById(unitId);
-    if (!renderer)
-      return;
-    const { scene } = renderer, { rangeWithCoord, style } = this._selectionRenderService.attachSelectionWithCoord({
+  _renderRange(range, skeleton) {
+    const { scene } = this._context, { rangeWithCoord, style } = this._selectionRenderService.attachSelectionWithCoord({
       range,
       primary: null,
       style: null
-    }), { rowHeaderWidth, columnHeaderHeight } = skeleton, filterRangeShape = this._filterRangeShape = new SelectionShape(scene, DEFAULT_Z_INDEX, !0, this._themeService);
+    }), { rowHeaderWidth, columnHeaderHeight } = skeleton, filterRangeShape = this._filterRangeShape = new SelectionShape(scene, DEFAULT_Z_INDEX, this._themeService, !0);
     filterRangeShape.update(rangeWithCoord, rowHeaderWidth, columnHeaderHeight, {
       hasAutoFill: !1,
       fill: "rgba(0, 0, 0, 0.0)",
@@ -3073,11 +3084,8 @@ let SheetsFilterRenderController = (_a6 = class extends RxDisposable {
     }), filterRangeShape.setEvent(!1), scene.makeDirty(!0);
   }
   _renderButtons(params) {
-    const { range, filterModel, unitId, skeleton, worksheetId } = params, currentRenderer = this._renderManagerService.getRenderById(unitId);
-    if (!currentRenderer)
-      return;
-    const { scene } = currentRenderer;
-    this._interceptCellContent(params.range);
+    const { range, filterModel, unitId, skeleton, worksheetId } = params, { scene } = this._context;
+    this._interceptCellContent(unitId, worksheetId, params.range);
     const { startColumn, endColumn, startRow } = range;
     for (let col = startColumn; col <= endColumn; col++) {
       const key = `sheets-filter-button-${col}`, startPosition = getCoordByCell(startRow, col, scene, skeleton), { startX, startY, endX, endY } = startPosition, cellWidth = endX - startX, cellHeight = endY - startY;
@@ -3097,12 +3105,12 @@ let SheetsFilterRenderController = (_a6 = class extends RxDisposable {
     }
     scene.addObjects(this._filterButtonShapes), scene.makeDirty();
   }
-  _interceptCellContent(range) {
+  _interceptCellContent(workbookId, worksheetId, range) {
     const { startRow, startColumn, endColumn } = range;
     this._buttonRenderDisposable = this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
       handler: /* @__PURE__ */ __name((cell, pos, next) => {
-        const { row, col } = pos;
-        return row !== startRow || col < startColumn || col > endColumn ? next(cell) : next({
+        const { row, col, unitId, subUnitId } = pos;
+        return unitId !== workbookId || subUnitId !== worksheetId || row !== startRow || col < startColumn || col > endColumn ? next(cell) : next({
           ...cell,
           // @ts-ignore
           fontRenderExtension: {
@@ -3126,28 +3134,31 @@ SheetsFilterRenderController = __decorateClass$6([
   __decorateParam$6(3, Inject(SheetsFilterService)),
   __decorateParam$6(4, Inject(ThemeService)),
   __decorateParam$6(5, Inject(SheetInterceptorService)),
-  __decorateParam$6(6, Inject(SheetsRenderService)),
-  __decorateParam$6(7, ICommandService),
-  __decorateParam$6(8, IRenderManagerService),
-  __decorateParam$6(9, ISheetSelectionRenderService)
+  __decorateParam$6(6, ICommandService),
+  __decorateParam$6(7, ISheetSelectionRenderService)
 ], SheetsFilterRenderController);
 var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(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 && __defProp$5(target, key, result), result;
 }, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$5"), _a7;
-let SheetsFilterMobileUIController = (_a7 = class extends RxDisposable {
-  constructor(_renderManagerService) {
-    super(), this._renderManagerService = _renderManagerService, this._initRenderControllers();
-  }
-  _initRenderControllers() {
-    this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, [SheetsFilterRenderController]));
-  }
-}, __name(_a7, "SheetsFilterMobileUIController"), _a7);
-SheetsFilterMobileUIController = __decorateClass$5([
-  __decorateParam$5(0, IRenderManagerService)
-], SheetsFilterMobileUIController);
-runOnLifecycle(LifecycleStages.Rendered, SheetsFilterMobileUIController);
+let SheetsFilterUIMobileController = (_a7 = class extends RxDisposable {
+  constructor(_renderManagerService, _sheetsRenderService) {
+    super(), this._renderManagerService = _renderManagerService, this._sheetsRenderService = _sheetsRenderService, [
+      SetSheetsFilterRangeMutation,
+      SetSheetsFilterCriteriaMutation,
+      RemoveSheetsFilterMutation,
+      ReCalcSheetsFilterMutation
+    ].forEach((m2) => this.disposeWithMe(this._sheetsRenderService.registerSkeletonChangingMutations(m2.id))), this.disposeWithMe(this._renderManagerService.registerRenderModule(
+      UniverInstanceType.UNIVER_SHEET,
+      [SheetsFilterRenderController]
+    ));
+  }
+}, __name(_a7, "SheetsFilterUIMobileController"), _a7);
+SheetsFilterUIMobileController = __decorateClass$5([
+  __decorateParam$5(0, IRenderManagerService),
+  __decorateParam$5(1, Inject(SheetsRenderService))
+], SheetsFilterUIMobileController);
 var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -3155,9 +3166,9 @@ var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPrope
 }, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$4");
 const DefaultSheetFilterUiConfig = {}, FILTER_PANEL_POPUP_KEY = "FILTER_PANEL_POPUP";
 var _a8;
-let SheetsFilterUIController = (_a8 = class extends SheetsFilterMobileUIController {
-  constructor(_config, _injector, _componentManager, _sheetsFilterPanelService, _sheetCanvasPopupService, _sheetsFilterService, _localeService, _shortcutService, _commandService, _menuService, _contextService, _messageService, _renderManagerService) {
-    super(_renderManagerService);
+let SheetsFilterUIDesktopController = (_a8 = class extends SheetsFilterUIMobileController {
+  constructor(_config, _injector, _componentManager, _sheetsFilterPanelService, _sheetCanvasPopupService, _sheetsFilterService, _localeService, _shortcutService, _commandService, _menuService, _contextService, _messageService, sheetsRenderService, renderManagerService) {
+    super(renderManagerService, sheetsRenderService);
     __publicField(this, "_popupDisposable");
     this._config = _config, this._injector = _injector, this._componentManager = _componentManager, this._sheetsFilterPanelService = _sheetsFilterPanelService, this._sheetCanvasPopupService = _sheetCanvasPopupService, this._sheetsFilterService = _sheetsFilterService, this._localeService = _localeService, this._shortcutService = _shortcutService, this._commandService = _commandService, this._menuService = _menuService, this._contextService = _contextService, this._messageService = _messageService, this._initCommands(), this._initShortcuts(), this._initMenuItems(), this._initUI();
   }
@@ -3174,6 +3185,8 @@ let SheetsFilterUIController = (_a8 = class extends SheetsFilterMobileUIControll
   _initCommands() {
     [
       SmartToggleSheetsFilterCommand,
+      RemoveSheetFilterCommand,
+      SetSheetFilterRangeCommand,
       SetSheetsFilterCriteriaCommand,
       ClearSheetsFilterCriteriaCommand,
       ReCalcSheetsFilterCommand,
@@ -3221,9 +3234,8 @@ let SheetsFilterUIController = (_a8 = class extends SheetsFilterMobileUIControll
     var _a13;
     (_a13 = this._popupDisposable) == null || _a13.dispose(), this._popupDisposable = null;
   }
-}, __name(_a8, "SheetsFilterUIController"), _a8);
-SheetsFilterUIController = __decorateClass$4([
-  OnLifecycle(LifecycleStages.Rendered, SheetsFilterUIController),
+}, __name(_a8, "SheetsFilterUIDesktopController"), _a8);
+SheetsFilterUIDesktopController = __decorateClass$4([
   __decorateParam$4(1, Inject(Injector)),
   __decorateParam$4(2, Inject(ComponentManager)),
   __decorateParam$4(3, Inject(SheetsFilterPanelService)),
@@ -3235,31 +3247,40 @@ SheetsFilterUIController = __decorateClass$4([
   __decorateParam$4(9, IMenuService),
   __decorateParam$4(10, IContextService),
   __decorateParam$4(11, IMessageService),
-  __decorateParam$4(12, IRenderManagerService)
-], SheetsFilterUIController);
+  __decorateParam$4(12, Inject(SheetsRenderService)),
+  __decorateParam$4(13, IRenderManagerService)
+], SheetsFilterUIDesktopController);
 var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(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 && __defProp$3(target, key, result), result;
 }, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$3"), _a9;
 let SheetsFilterPermissionController = (_a9 = class extends Disposable {
-  constructor(_sheetsFilterService, _localeService, _commandService, _sheetPermissionInterceptorBaseController) {
-    super(), this._sheetsFilterService = _sheetsFilterService, this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
+  constructor(_sheetsFilterService, _localeService, _commandService, _sheetPermissionInterceptorBaseController, _injector) {
+    super(), this._sheetsFilterService = _sheetsFilterService, this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._injector = _injector, this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((command) => {
-        var _a13;
-        if (command.id === SmartToggleSheetsFilterCommand.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithoutRange({
-          workbookTypes: [WorkbookEditablePermission],
-          rangeTypes: [RangeProtectionPermissionViewPoint],
-          worksheetTypes: [WorksheetFilterPermission, WorksheetEditPermission]
-        }) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.filterErr"))), command.id === OpenFilterPanelOperation.id) {
-          const params = command.params, { unitId, subUnitId } = params, filterRange = (_a13 = this._sheetsFilterService.getFilterModel(unitId, subUnitId)) == null ? void 0 : _a13.getRange(), colRange = Tools.deepClone(filterRange);
+        var _a13, _b;
+        if (command.id === SmartToggleSheetsFilterCommand.id) {
+          const univerInstanceService = this._injector.get(IUniverInstanceService), target = getSheetCommandTarget(univerInstanceService);
+          if (!target) return;
+          const { unitId, subUnitId } = target, filterRange = (_a13 = this._sheetsFilterService.getFilterModel(unitId, subUnitId)) == null ? void 0 : _a13.getRange();
+          let permission;
+          filterRange ? permission = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
+            rangeTypes: [RangeProtectionPermissionViewPoint],
+            worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission]
+          }, [filterRange]) : permission = this._sheetPermissionInterceptorBaseController.permissionCheckWithoutRange({
+            rangeTypes: [RangeProtectionPermissionViewPoint],
+            worksheetTypes: [WorksheetViewPermission, WorksheetFilterPermission]
+          }), permission || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.filterErr"));
+        }
+        if (command.id === OpenFilterPanelOperation.id) {
+          const params = command.params, { unitId, subUnitId } = params, filterRange = (_b = this._sheetsFilterService.getFilterModel(unitId, subUnitId)) == null ? void 0 : _b.getRange(), colRange = Tools.deepClone(filterRange);
           colRange && (colRange.startColumn = params.col, colRange.endColumn = params.col, this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-            workbookTypes: [WorkbookEditablePermission],
             rangeTypes: [RangeProtectionPermissionViewPoint],
-            worksheetTypes: [WorksheetFilterPermission, WorksheetEditPermission]
+            worksheetTypes: [WorksheetFilterPermission, WorksheetViewPermission]
           }, [colRange]) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.filterErr")));
         }
       })
@@ -3267,11 +3288,11 @@ let SheetsFilterPermissionController = (_a9 = class extends Disposable {
   }
 }, __name(_a9, "SheetsFilterPermissionController"), _a9);
 SheetsFilterPermissionController = __decorateClass$3([
-  OnLifecycle(LifecycleStages.Ready, SheetsFilterPermissionController),
   __decorateParam$3(0, Inject(SheetsFilterService)),
   __decorateParam$3(1, Inject(LocaleService)),
   __decorateParam$3(2, ICommandService),
-  __decorateParam$3(3, Inject(SheetPermissionInterceptorBaseController))
+  __decorateParam$3(3, Inject(SheetPermissionInterceptorBaseController)),
+  __decorateParam$3(4, Inject(Injector))
 ], SheetsFilterPermissionController);
 var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __defNormalProp$1 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp$1"), __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
@@ -3288,20 +3309,20 @@ let UniverSheetsFilterUIPlugin = (_a10 = class extends Plugin {
     [
       [SheetsFilterPanelService],
       [SheetsFilterPermissionController],
-      [
-        SheetsFilterUIController,
-        {
-          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(SheetsFilterUIController, this._config), "useFactory")
-        }
-      ]
-    ].forEach((d2) => this._injector.add(d2)), this._config.useRemoteFilterValuesGenerator && this._rpcChannelService && this._injector.add([
-      ISheetsGenerateFilterValuesService,
-      {
-        useFactory: /* @__PURE__ */ __name(() => toModule(
-          this._rpcChannelService.requestChannel(SHEETS_GENERATE_FILTER_VALUES_SERVICE_NAME)
-        ), "useFactory")
-      }
-    ]);
+      [SheetsFilterUIDesktopController, {
+        useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(SheetsFilterUIDesktopController, this._config), "useFactory")
+      }]
+    ].forEach((d2) => this._injector.add(d2)), this._config.useRemoteFilterValuesGenerator && this._rpcChannelService && this._injector.add([ISheetsGenerateFilterValuesService, {
+      useFactory: /* @__PURE__ */ __name(() => toModule(
+        this._rpcChannelService.requestChannel(SHEETS_GENERATE_FILTER_VALUES_SERVICE_NAME)
+      ), "useFactory")
+    }]);
+  }
+  onReady() {
+    this._injector.get(SheetsFilterPermissionController);
+  }
+  onRendered() {
+    this._injector.get(SheetsFilterUIDesktopController);
   }
 }, __name(_a10, "UniverSheetsFilterUIPlugin"), _a10);
 __publicField$1(UniverSheetsFilterUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
@@ -3325,9 +3346,15 @@ let UniverSheetsFilterMobileUIPlugin = (_a11 = class extends Plugin {
   onStarting() {
     [
       [SheetsFilterPermissionController],
-      [SheetsFilterMobileUIController]
+      [SheetsFilterUIMobileController]
     ].forEach((d2) => this._injector.add(d2));
   }
+  onReady() {
+    this._injector.get(SheetsFilterPermissionController);
+  }
+  onRendered() {
+    this._injector.get(SheetsFilterUIMobileController);
+  }
 }, __name(_a11, "UniverSheetsFilterMobileUIPlugin"), _a11);
 __publicField2(UniverSheetsFilterMobileUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 __publicField2(UniverSheetsFilterMobileUIPlugin, "pluginName", NAME);
@@ -3366,6 +3393,8 @@ export {
   CloseFilterPanelOperation,
   OpenFilterPanelOperation,
   ReCalcSheetsFilterCommand,
+  RemoveSheetFilterCommand,
+  SetSheetFilterRangeCommand,
   SetSheetsFilterCriteriaCommand,
   SmartToggleSheetsFilterCommand,
   UniverSheetsFilterMobileUIPlugin,

package/lib/types/commands/commands/sheets-filter.command.d.ts

@@ -1,24 +1,57 @@
-import { ICommand, IMutationInfo, Nullable } from '@univerjs/core';
+import { ICommand, IMutationInfo, IRange, Nullable } from '@univerjs/core';
 import { ISheetCommandSharedParams } from '@univerjs/sheets';
-import { IAutoFilter, IFilterColumn } from '@univerjs/sheets-filter';
+import { IAutoFilter, IFilterColumn, ISetSheetsFilterCriteriaMutationParams } from '@univerjs/sheets-filter';
 /**
- * This command is for toggling filter in the currently active Worksheet.
+ * Parameters of command {@link SetSheetFilterRangeCommand}.
+ * @property {IRange} range - the range to be set as filter range.
+ */
+export interface ISetSheetFilterRangeCommandParams extends ISheetCommandSharedParams {
+    range: IRange;
+}
+/**
+ * A {@link CommandType.COMMAND} to set filter range in a Worksheet. Its params {@link ISetSheetFilterRangeCommandParams}
+ * is required. If the {@link FilterModel} does not exist, it will be created.
+ */
+export declare const SetSheetFilterRangeCommand: ICommand<ISetSheetFilterRangeCommandParams>;
+/**
+ * A {@link CommandType.COMMAND} to remove filter in a Worksheet. Its params {@link ISheetCommandSharedParams} is
+ * required. If the {@link FilterModel} does not exist, it will fail to execute.
+ */
+export declare const RemoveSheetFilterCommand: ICommand<ISheetCommandSharedParams>;
+/**
+ * A {@link CommandType.COMMAND} to toggle filter in the current {@link Worksheet}.
  */
 export declare const SmartToggleSheetsFilterCommand: ICommand;
+/**
+ * Parameters of command {@link SetSheetsFilterCriteriaCommand}.
+ * @property {number} col - the column index of the filter criteria
+ * @property {Nullable<IFilterColumn>} criteria - the filter criteria to be set
+ */
 export interface ISetSheetsFilterCriteriaCommandParams extends ISheetCommandSharedParams {
     col: number;
     criteria: Nullable<IFilterColumn>;
 }
 /**
- * This command is for setting filter criteria to a column in the targeting `FilterModel`.
+ * A {@link CommandType.COMMAND} to set filter criteria to a column in the targeting {@link FilterModel}. Its params
+ * {@link ISetSheetsFilterCriteriaCommandParams} is required.
  */
 export declare const SetSheetsFilterCriteriaCommand: ICommand<ISetSheetsFilterCriteriaCommandParams>;
 /**
- * This command is for clearing all filter criteria in the currently active `FilterModel`.
+ * A {@link CommandType.COMMAND} to clear all filter criteria in the targeting {@link FilterModel}. Its params
+ * {@link ISheetCommandSharedParams} is required.
+ */
+export declare const ClearSheetsFilterCriteriaCommand: ICommand<ISheetCommandSharedParams>;
+/**
+ * A {@link CommandType.COMMAND} forcing the currently active {@link FilterModel} to re-calculate all filter criteria.
+ * Its params {@link ISheetCommandSharedParams} is required.
  */
-export declare const ClearSheetsFilterCriteriaCommand: ICommand;
+export declare const ReCalcSheetsFilterCommand: ICommand<ISheetCommandSharedParams>;
 /**
- * This command force the currently active `FilterModel` to re-calculate all filter criteria.
+ * Transform a {@link FilterModel} to a list of mutations to set the filter criteria.
+ * @param unitId - the unit id of the {@link Workbook}
+ * @param subUnitId - the sub unit id of the {@link Worksheet}
+ * @param autoFilter - the to be destructed {@link FilterModel}
+ * @returns {IMutationInfo<ISetSheetsFilterCriteriaMutationParams>} a list of mutations those can be used to
+ * reconstruct the {@link FilterModel}
  */
-export declare const ReCalcSheetsFilterCommand: ICommand;
-export declare function destructFilterCriteria(unitId: string, subUnitId: string, autoFilter: IAutoFilter): IMutationInfo[];
+export declare function destructFilterCriteria(unitId: string, subUnitId: string, autoFilter: IAutoFilter): IMutationInfo<ISetSheetsFilterCriteriaMutationParams>[];

package/lib/types/controllers/sheets-filter-permission.controller.d.ts

@@ -1,4 +1,4 @@
-import { Disposable, ICommandService, LocaleService } from '@univerjs/core';
+import { Disposable, ICommandService, Injector, LocaleService } from '@univerjs/core';
 import { MenuConfig } from '@univerjs/ui';
 import { SheetPermissionInterceptorBaseController } from '@univerjs/sheets-ui';
 import { SheetsFilterService } from '@univerjs/sheets-filter';
@@ -15,6 +15,7 @@ export declare class SheetsFilterPermissionController extends Disposable {
     private _localeService;
     private readonly _commandService;
     private readonly _sheetPermissionInterceptorBaseController;
-    constructor(_sheetsFilterService: SheetsFilterService, _localeService: LocaleService, _commandService: ICommandService, _sheetPermissionInterceptorBaseController: SheetPermissionInterceptorBaseController);
+    private _injector;
+    constructor(_sheetsFilterService: SheetsFilterService, _localeService: LocaleService, _commandService: ICommandService, _sheetPermissionInterceptorBaseController: SheetPermissionInterceptorBaseController, _injector: Injector);
     private _commandExecutedListener;
 }

package/lib/types/controllers/{sheets-filter-ui.controller.d.ts → sheets-filter-ui-desktop.controller.d.ts}

@@ -1,10 +1,10 @@
 import { ICommandService, IContextService, Injector, LocaleService } from '@univerjs/core';
 import { ComponentManager, IMenuService, IMessageService, IShortcutService, MenuConfig } from '@univerjs/ui';
-import { SheetCanvasPopManagerService } from '@univerjs/sheets-ui';
+import { SheetCanvasPopManagerService, SheetsRenderService } from '@univerjs/sheets-ui';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { SheetsFilterService } from '@univerjs/sheets-filter';
 import { SheetsFilterPanelService } from '../services/sheets-filter-panel.service';
-import { SheetsFilterMobileUIController } from './sheets-filter-mobile-ui.controller';
+import { SheetsFilterUIMobileController } from './sheets-filter-ui-mobile.controller';
 export interface IUniverSheetsFilterUIConfig {
     menu: MenuConfig;
     useRemoteFilterValuesGenerator?: boolean;
@@ -14,7 +14,7 @@ export declare const FILTER_PANEL_POPUP_KEY = "FILTER_PANEL_POPUP";
 /**
  * This controller controls the UI of "filter" features. Menus, commands and filter panel etc. Except for the rendering.
  */
-export declare class SheetsFilterUIController extends SheetsFilterMobileUIController {
+export declare class SheetsFilterUIDesktopController extends SheetsFilterUIMobileController {
     private readonly _config;
     private readonly _injector;
     private readonly _componentManager;
@@ -27,7 +27,7 @@ export declare class SheetsFilterUIController extends SheetsFilterMobileUIContro
     private readonly _menuService;
     private readonly _contextService;
     private readonly _messageService;
-    constructor(_config: Partial<IUniverSheetsFilterUIConfig>, _injector: Injector, _componentManager: ComponentManager, _sheetsFilterPanelService: SheetsFilterPanelService, _sheetCanvasPopupService: SheetCanvasPopManagerService, _sheetsFilterService: SheetsFilterService, _localeService: LocaleService, _shortcutService: IShortcutService, _commandService: ICommandService, _menuService: IMenuService, _contextService: IContextService, _messageService: IMessageService, _renderManagerService: IRenderManagerService);
+    constructor(_config: Partial<IUniverSheetsFilterUIConfig>, _injector: Injector, _componentManager: ComponentManager, _sheetsFilterPanelService: SheetsFilterPanelService, _sheetCanvasPopupService: SheetCanvasPopManagerService, _sheetsFilterService: SheetsFilterService, _localeService: LocaleService, _shortcutService: IShortcutService, _commandService: ICommandService, _menuService: IMenuService, _contextService: IContextService, _messageService: IMessageService, sheetsRenderService: SheetsRenderService, renderManagerService: IRenderManagerService);
     dispose(): void;
     private _initShortcuts;
     private _initCommands;

package/lib/types/controllers/sheets-filter-ui-mobile.controller.d.ts

@@ -0,0 +1,8 @@
+import { RxDisposable } from '@univerjs/core';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { SheetsRenderService } from '@univerjs/sheets-ui';
+export declare class SheetsFilterUIMobileController extends RxDisposable {
+    private readonly _renderManagerService;
+    private _sheetsRenderService;
+    constructor(_renderManagerService: IRenderManagerService, _sheetsRenderService: SheetsRenderService);
+}

package/lib/types/{plugin.d.ts → filter-ui-desktop.plugin.d.ts}

@@ -1,6 +1,9 @@
 import { Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRPCChannelService } from '@univerjs/rpc';
-import { IUniverSheetsFilterUIConfig } from './controllers/sheets-filter-ui.controller';
+import { IUniverSheetsFilterUIConfig } from './controllers/sheets-filter-ui-desktop.controller';
+/**
+ * The plugin for the desktop version of the sheets filter UI. Its type is {@link UniverInstanceType.UNIVER_SHEET}.
+ */
 export declare class UniverSheetsFilterUIPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
@@ -9,4 +12,6 @@ export declare class UniverSheetsFilterUIPlugin extends Plugin {
     static pluginName: string;
     constructor(_config: Partial<IUniverSheetsFilterUIConfig>, _injector: Injector, _rpcChannelService?: IRPCChannelService | undefined);
     onStarting(): void;
+    onReady(): void;
+    onRendered(): void;
 }

package/lib/types/{mobile-plugin.d.ts → filter-ui-mobile.plugin.d.ts}

@@ -1,5 +1,5 @@
 import { Injector, Plugin, UniverInstanceType } from '@univerjs/core';
-import { IUniverSheetsFilterUIConfig } from './controllers/sheets-filter-ui.controller';
+import { IUniverSheetsFilterUIConfig } from './controllers/sheets-filter-ui-desktop.controller';
 export declare class UniverSheetsFilterMobileUIPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
@@ -7,4 +7,6 @@ export declare class UniverSheetsFilterMobileUIPlugin extends Plugin {
     static pluginName: string;
     constructor(_config: Partial<IUniverSheetsFilterUIConfig>, _injector: Injector);
     onStarting(): void;
+    onReady(): void;
+    onRendered(): void;
 }

package/lib/types/index.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { UniverSheetsFilterUIPlugin } from './plugin';
-export { UniverSheetsFilterMobileUIPlugin } from './mobile-plugin';
+export { UniverSheetsFilterUIPlugin } from './filter-ui-desktop.plugin';
+export { UniverSheetsFilterMobileUIPlugin } from './filter-ui-mobile.plugin';
 export { UniverSheetsFilterUIWorkerPlugin } from './worker/plugin';
-export { SmartToggleSheetsFilterCommand, SetSheetsFilterCriteriaCommand, ClearSheetsFilterCriteriaCommand, ReCalcSheetsFilterCommand, } from './commands/commands/sheets-filter.command';
+export { SmartToggleSheetsFilterCommand, SetSheetsFilterCriteriaCommand, ClearSheetsFilterCriteriaCommand, SetSheetFilterRangeCommand, RemoveSheetFilterCommand, type ISetSheetFilterRangeCommandParams, ReCalcSheetsFilterCommand, type ISetSheetsFilterCriteriaCommandParams, } from './commands/commands/sheets-filter.command';
 export { OpenFilterPanelOperation, CloseFilterPanelOperation, ChangeFilterByOperation, type IOpenFilterPanelOperationParams, } from './commands/operations/sheets-filter.operation';