@visactor/vtable-plugins 1.22.7-alpha.0 → 1.22.7-alpha.10

package/cjs/filter/filter-engine.d.ts

@@ -1,10 +1,12 @@
 import type { ListTable, PivotTable, TYPES } from '@visactor/vtable';
-import type { FilterState } from './types';
+import type { FilterState, FilterOptions } from './types';
 export declare class FilterEngine {
     filterFuncRule: (TYPES.FilterFuncRule & {
         fieldId?: string;
     })[];
     filterValueRule: TYPES.FilterValueRule[];
+    private pluginOptions;
+    constructor(filterPluginOptions: FilterOptions);
     applyFilter(state: FilterState, table: ListTable | PivotTable): void;
     private createFilterFunction;
     private compareValues;

package/cjs/filter/filter-engine.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.FilterEngine = void 0;
 
 class FilterEngine {
-    constructor() {
-        this.filterFuncRule = [], this.filterValueRule = [];
+    constructor(filterPluginOptions) {
+        this.filterFuncRule = [], this.filterValueRule = [], this.pluginOptions = filterPluginOptions;
     }
     applyFilter(state, table) {
+        var _a;
         const {filters: filters} = state;
         this.filterFuncRule = [], this.filterValueRule = [], filters.forEach(((filter, field) => {
             if (filter.enable) if ("byValue" === filter.type) this.filterValueRule.push({
@@ -22,7 +23,8 @@ class FilterEngine {
                 });
             }
         })), table.updateFilterRules([ ...this.filterFuncRule, ...this.filterValueRule ], {
-            clearRowHeightCache: !1
+            clearRowHeightCache: !1,
+            onFilterRecordsEnd: null === (_a = this.pluginOptions) || void 0 === _a ? void 0 : _a.onFilterRecordsEnd
         });
     }
     createFilterFunction(filter) {

package/cjs/filter/filter-engine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/filter-engine.ts"],"names":[],"mappings":"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","file":"filter-engine.js","sourcesContent":["import type { ListTable, PivotTable, TYPES } from '@visactor/vtable';\nimport type { FilterState, FilterOperator, FilterConfig } from './types';\n\n/**\n * 筛选引擎，用于进行实际的筛选操作\n */\nexport class FilterEngine {\n  filterFuncRule: (TYPES.FilterFuncRule & { fieldId?: string })[] = [];\n  filterValueRule: TYPES.FilterValueRule[] = [];\n\n  applyFilter(state: FilterState, table: ListTable | PivotTable) {\n    const { filters } = state;\n    this.filterFuncRule = [];\n    this.filterValueRule = [];\n\n    filters.forEach((filter, field) => {\n      if (!filter.enable) {\n        return;\n      }\n\n      if (filter.type === 'byValue') {\n        this.filterValueRule.push({\n          filterKey: String(filter.field),\n          filteredValues: filter.values\n        });\n      } else if (filter.type === 'byCondition') {\n        // 为条件筛选生成过滤函数\n        const filterFunc = this.createFilterFunction(filter);\n        this.filterFuncRule.push({\n          filterFunc,\n          fieldId: String(filter.field)\n        });\n      }\n    });\n\n    table.updateFilterRules([...this.filterFuncRule, ...this.filterValueRule], {\n      clearRowHeightCache: false\n    });\n  }\n\n  /**\n   * 根据筛选配置创建筛选函数\n   */\n  private createFilterFunction(filter: FilterConfig): (record: any) => boolean {\n    const { field, operator, condition } = filter;\n\n    // 如果没有操作符或条件，返回一个总是通过的函数\n    if (!operator || condition === undefined) {\n      return () => true;\n    }\n\n    return (record: any) => {\n      const value = record[field];\n\n      if (value === null || value === undefined) {\n        return false;\n      }\n\n      // 根据操作符生成对应的比较逻辑\n      switch (operator) {\n        case 'equals':\n          return this.compareValues(value, condition) === 0;\n        case 'notEquals':\n          return this.compareValues(value, condition) !== 0;\n        case 'greaterThan':\n          return this.compareValues(value, condition) > 0;\n        case 'lessThan':\n          return this.compareValues(value, condition) < 0;\n        case 'greaterThanOrEqual':\n          return this.compareValues(value, condition) >= 0;\n        case 'lessThanOrEqual':\n          return this.compareValues(value, condition) <= 0;\n        case 'between':\n          // 范围条件需要是数组形式 [min, max]\n          if (Array.isArray(condition) && condition.length === 2) {\n            return this.compareValues(value, condition[0]) >= 0 && this.compareValues(value, condition[1]) <= 0;\n          }\n          return true;\n        case 'notBetween':\n          // 范围条件需要是数组形式 [min, max]\n          if (Array.isArray(condition) && condition.length === 2) {\n            return this.compareValues(value, condition[0]) < 0 || this.compareValues(value, condition[1]) > 0;\n          }\n          return true;\n        case 'contains':\n          return String(value).toLowerCase().includes(String(condition).toLowerCase());\n        case 'notContains':\n          return !String(value).toLowerCase().includes(String(condition).toLowerCase());\n        case 'startsWith':\n          return String(value).toLowerCase().startsWith(String(condition).toLowerCase());\n        case 'notStartsWith':\n          return !String(value).toLowerCase().startsWith(String(condition).toLowerCase());\n        case 'endsWith':\n          return String(value).toLowerCase().endsWith(String(condition).toLowerCase());\n        case 'notEndsWith':\n          return !String(value).toLowerCase().endsWith(String(condition).toLowerCase());\n        case 'isChecked':\n          return Boolean(value) === true;\n        case 'isUnchecked':\n          return Boolean(value) === false;\n        default:\n          return true;\n      }\n    };\n  }\n\n  /**\n   * 比较两个值\n   * 返回: -1 (value < condition), 0 (value === condition), 1 (value > condition)\n   */\n  private compareValues(value: any, condition: any): number {\n    if (typeof value === 'number' && typeof condition === 'number') {\n      return value === condition ? 0 : value > condition ? 1 : -1;\n    }\n\n    if (typeof value === 'boolean' && typeof condition === 'boolean') {\n      return value === condition ? 0 : -1;\n    }\n\n    const valueStr = String(value).toLowerCase();\n    const conditionStr = String(condition).toLowerCase();\n    return valueStr === conditionStr ? 0 : valueStr > conditionStr ? 1 : -1;\n  }\n\n  clearAllFilter(table: ListTable | PivotTable) {\n    this.filterFuncRule = [];\n    this.filterValueRule = [];\n    table.updateFilterRules([]);\n  }\n\n  clearFilter(table: ListTable | PivotTable, fieldId: string | number) {\n    this.filterValueRule = this.filterValueRule.filter(rule => rule.filterKey !== fieldId);\n    this.filterFuncRule = this.filterFuncRule.filter(rule => rule.fieldId !== fieldId);\n\n    table.updateFilterRules([...this.filterFuncRule, ...this.filterValueRule]);\n  }\n}\n"]}
+{"version":3,"sources":["../src/filter/filter-engine.ts"],"names":[],"mappings":"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","file":"filter-engine.js","sourcesContent":["import type { ListTable, PivotTable, TYPES } from '@visactor/vtable';\nimport type { FilterState, FilterConfig, FilterOptions } from './types';\n\n/**\n * 筛选引擎，用于进行实际的筛选操作\n */\nexport class FilterEngine {\n  filterFuncRule: (TYPES.FilterFuncRule & { fieldId?: string })[] = [];\n  filterValueRule: TYPES.FilterValueRule[] = [];\n\n  private pluginOptions: FilterOptions;\n\n  constructor(filterPluginOptions: FilterOptions) {\n    this.pluginOptions = filterPluginOptions;\n  }\n\n  applyFilter(state: FilterState, table: ListTable | PivotTable) {\n    const { filters } = state;\n    this.filterFuncRule = [];\n    this.filterValueRule = [];\n\n    filters.forEach((filter, field) => {\n      if (!filter.enable) {\n        return;\n      }\n\n      if (filter.type === 'byValue') {\n        this.filterValueRule.push({\n          filterKey: String(filter.field),\n          filteredValues: filter.values\n        });\n      } else if (filter.type === 'byCondition') {\n        // 为条件筛选生成过滤函数\n        const filterFunc = this.createFilterFunction(filter);\n        this.filterFuncRule.push({\n          filterFunc,\n          fieldId: String(filter.field)\n        });\n      }\n    });\n\n    table.updateFilterRules([...this.filterFuncRule, ...this.filterValueRule], {\n      clearRowHeightCache: false,\n      onFilterRecordsEnd: this.pluginOptions?.onFilterRecordsEnd\n    });\n  }\n\n  /**\n   * 根据筛选配置创建筛选函数\n   */\n  private createFilterFunction(filter: FilterConfig): (record: any) => boolean {\n    const { field, operator, condition } = filter;\n\n    // 如果没有操作符或条件，返回一个总是通过的函数\n    if (!operator || condition === undefined) {\n      return () => true;\n    }\n\n    return (record: any) => {\n      const value = record[field];\n\n      if (value === null || value === undefined) {\n        return false;\n      }\n\n      // 根据操作符生成对应的比较逻辑\n      switch (operator) {\n        case 'equals':\n          return this.compareValues(value, condition) === 0;\n        case 'notEquals':\n          return this.compareValues(value, condition) !== 0;\n        case 'greaterThan':\n          return this.compareValues(value, condition) > 0;\n        case 'lessThan':\n          return this.compareValues(value, condition) < 0;\n        case 'greaterThanOrEqual':\n          return this.compareValues(value, condition) >= 0;\n        case 'lessThanOrEqual':\n          return this.compareValues(value, condition) <= 0;\n        case 'between':\n          // 范围条件需要是数组形式 [min, max]\n          if (Array.isArray(condition) && condition.length === 2) {\n            return this.compareValues(value, condition[0]) >= 0 && this.compareValues(value, condition[1]) <= 0;\n          }\n          return true;\n        case 'notBetween':\n          // 范围条件需要是数组形式 [min, max]\n          if (Array.isArray(condition) && condition.length === 2) {\n            return this.compareValues(value, condition[0]) < 0 || this.compareValues(value, condition[1]) > 0;\n          }\n          return true;\n        case 'contains':\n          return String(value).toLowerCase().includes(String(condition).toLowerCase());\n        case 'notContains':\n          return !String(value).toLowerCase().includes(String(condition).toLowerCase());\n        case 'startsWith':\n          return String(value).toLowerCase().startsWith(String(condition).toLowerCase());\n        case 'notStartsWith':\n          return !String(value).toLowerCase().startsWith(String(condition).toLowerCase());\n        case 'endsWith':\n          return String(value).toLowerCase().endsWith(String(condition).toLowerCase());\n        case 'notEndsWith':\n          return !String(value).toLowerCase().endsWith(String(condition).toLowerCase());\n        case 'isChecked':\n          return Boolean(value) === true;\n        case 'isUnchecked':\n          return Boolean(value) === false;\n        default:\n          return true;\n      }\n    };\n  }\n\n  /**\n   * 比较两个值\n   * 返回: -1 (value < condition), 0 (value === condition), 1 (value > condition)\n   */\n  private compareValues(value: any, condition: any): number {\n    if (typeof value === 'number' && typeof condition === 'number') {\n      return value === condition ? 0 : value > condition ? 1 : -1;\n    }\n\n    if (typeof value === 'boolean' && typeof condition === 'boolean') {\n      return value === condition ? 0 : -1;\n    }\n\n    const valueStr = String(value).toLowerCase();\n    const conditionStr = String(condition).toLowerCase();\n    return valueStr === conditionStr ? 0 : valueStr > conditionStr ? 1 : -1;\n  }\n\n  clearAllFilter(table: ListTable | PivotTable) {\n    this.filterFuncRule = [];\n    this.filterValueRule = [];\n    table.updateFilterRules([]);\n  }\n\n  clearFilter(table: ListTable | PivotTable, fieldId: string | number) {\n    this.filterValueRule = this.filterValueRule.filter(rule => rule.filterKey !== fieldId);\n    this.filterFuncRule = this.filterFuncRule.filter(rule => rule.fieldId !== fieldId);\n\n    table.updateFilterRules([...this.filterFuncRule, ...this.filterValueRule]);\n  }\n}\n"]}

package/cjs/filter/filter-state-manager.js

@@ -43,11 +43,17 @@ class FilterStateManager {
         const {type: type, payload: payload} = action, newFilter = new Map(state.filters);
         switch (type) {
           case types_1.FilterActionType.ADD_FILTER:
-            newFilter.set(payload.field, payload);
+            payload.shouldKeepUnrelatedState ? newFilter.set(payload.field, Object.assign(Object.assign({}, newFilter.get(payload.field)), payload)) : newFilter.set(payload.field, payload);
             break;
 
           case types_1.FilterActionType.REMOVE_FILTER:
-            newFilter.delete(payload.field);
+            payload.shouldKeepUnrelatedState && "byValue" === payload.type ? (delete newFilter.get(payload.field).values, 
+            newFilter.set(payload.field, Object.assign(Object.assign({}, newFilter.get(payload.field)), {
+                enable: !1
+            }))) : payload.shouldKeepUnrelatedState && "byCondition" === payload.type ? (delete newFilter.get(payload.field).condition, 
+            delete newFilter.get(payload.field).operator, newFilter.set(payload.field, Object.assign(Object.assign({}, newFilter.get(payload.field)), {
+                enable: !1
+            }))) : newFilter.delete(payload.field);
             break;
 
           case types_1.FilterActionType.UPDATE_FILTER:

package/cjs/filter/filter-state-manager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/filter-state-manager.ts"],"names":[],"mappings":"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","file":"filter-state-manager.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport type { FilterState, FilterAction, FilterConfig, FilterListener } from './types';\nimport { FilterActionType } from './types';\nimport type { FilterEngine } from './filter-engine';\n\n/**\n * 筛选状态管理器，用于管理筛选状态\n */\nexport class FilterStateManager {\n  private state: FilterState;\n  private engine: FilterEngine;\n  private listeners: Array<FilterListener> = [];\n\n  private table: ListTable | PivotTable;\n\n  constructor(table: ListTable | PivotTable, engine: FilterEngine) {\n    this.state = {\n      filters: new Map()\n    };\n    this.engine = engine;\n    this.table = table;\n  }\n\n  getFilterState(fieldId?: string | number): FilterConfig {\n    return this.state.filters.get(fieldId);\n  }\n\n  /**\n   * 获取所有激活的筛选字段\n   */\n  getActiveFilterFields(): (string | number)[] {\n    const activeFields: (string | number)[] = [];\n    this.state.filters.forEach((config, field) => {\n      if (config.enable) {\n        activeFields.push(field);\n      }\n    });\n    return activeFields;\n  }\n\n  /**\n   * 获取所有筛选状态\n   */\n  getAllFilterStates(): FilterState {\n    return this.state;\n  }\n\n  /**\n   * 公共方法：重新应用当前所有激活的筛选状态\n   * 用于在表格配置更新后恢复筛选显示\n   */\n  reapplyCurrentFilters(): void {\n    const activeFields = this.getActiveFilterFields();\n    if (activeFields.length > 0) {\n      this.applyFilters();\n    }\n  }\n\n  dispatch(action: FilterAction) {\n    this.state = this.reduce(this.state, action);\n    if (this.shouldApplyFilter(action)) {\n      this.applyFilters();\n    }\n    this.notifyListeners(action);\n  }\n\n  subscribe(listener: FilterListener): () => void {\n    this.listeners.push(listener);\n    return () => {\n      this.listeners = this.listeners.filter(l => l !== listener);\n    };\n  }\n\n  private notifyListeners(action: FilterAction): void {\n    this.listeners.forEach(listener => listener(this.state, action));\n  }\n\n  private reduce(state: FilterState, action: FilterAction): FilterState {\n    const { type, payload } = action;\n    const newFilter = new Map(state.filters);\n    switch (type) {\n      case FilterActionType.ADD_FILTER:\n        newFilter.set(payload.field, payload);\n        break;\n      case FilterActionType.REMOVE_FILTER:\n        newFilter.delete(payload.field);\n        break;\n      case FilterActionType.UPDATE_FILTER:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), ...payload });\n        break;\n      case FilterActionType.ENABLE_FILTER:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), enable: true });\n        break;\n      case FilterActionType.DISABLE_FILTER:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), enable: false });\n        break;\n      case FilterActionType.CLEAR_ALL_FILTERS:\n        newFilter.clear();\n        break;\n      case FilterActionType.APPLY_FILTERS:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), ...payload, enable: true });\n        break;\n    }\n\n    return { ...state, filters: newFilter };\n  }\n\n  private applyFilters() {\n    this.engine.applyFilter(this.state, this.table);\n  }\n\n  private shouldApplyFilter(action: FilterAction) {\n    const shouldApplyActions = [\n      FilterActionType.REMOVE_FILTER,\n      FilterActionType.ENABLE_FILTER,\n      FilterActionType.DISABLE_FILTER,\n      FilterActionType.CLEAR_ALL_FILTERS,\n      FilterActionType.APPLY_FILTERS\n    ];\n    return shouldApplyActions.includes(action.type);\n  }\n}\n"]}
+{"version":3,"sources":["../src/filter/filter-state-manager.ts"],"names":[],"mappings":"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","file":"filter-state-manager.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport type { FilterState, FilterAction, FilterConfig, FilterListener } from './types';\nimport { FilterActionType } from './types';\nimport type { FilterEngine } from './filter-engine';\n\n/**\n * 筛选状态管理器，用于管理筛选状态\n */\nexport class FilterStateManager {\n  private state: FilterState;\n  private engine: FilterEngine;\n  private listeners: Array<FilterListener> = [];\n\n  private table: ListTable | PivotTable;\n\n  constructor(table: ListTable | PivotTable, engine: FilterEngine) {\n    this.state = {\n      filters: new Map()\n    };\n    this.engine = engine;\n    this.table = table;\n  }\n\n  getFilterState(fieldId?: string | number): FilterConfig {\n    return this.state.filters.get(fieldId);\n  }\n\n  /**\n   * 获取所有激活的筛选字段\n   */\n  getActiveFilterFields(): (string | number)[] {\n    const activeFields: (string | number)[] = [];\n    this.state.filters.forEach((config, field) => {\n      if (config.enable) {\n        activeFields.push(field);\n      }\n    });\n    return activeFields;\n  }\n\n  /**\n   * 获取所有筛选状态\n   */\n  getAllFilterStates(): FilterState {\n    return this.state;\n  }\n\n  /**\n   * 公共方法：重新应用当前所有激活的筛选状态\n   * 用于在表格配置更新后恢复筛选显示\n   */\n  reapplyCurrentFilters(): void {\n    const activeFields = this.getActiveFilterFields();\n    if (activeFields.length > 0) {\n      this.applyFilters();\n    }\n  }\n\n  dispatch(action: FilterAction) {\n    this.state = this.reduce(this.state, action);\n    if (this.shouldApplyFilter(action)) {\n      this.applyFilters();\n    }\n    this.notifyListeners(action);\n  }\n\n  subscribe(listener: FilterListener): () => void {\n    this.listeners.push(listener);\n    return () => {\n      this.listeners = this.listeners.filter(l => l !== listener);\n    };\n  }\n\n  private notifyListeners(action: FilterAction): void {\n    this.listeners.forEach(listener => listener(this.state, action));\n  }\n\n  private reduce(state: FilterState, action: FilterAction): FilterState {\n    const { type, payload } = action;\n    const newFilter = new Map(state.filters);\n    switch (type) {\n      case FilterActionType.ADD_FILTER:\n        if (payload.shouldKeepUnrelatedState) {\n          newFilter.set(payload.field, { ...newFilter.get(payload.field), ...payload });\n        } else {\n          newFilter.set(payload.field, payload);\n        }\n        break;\n      case FilterActionType.REMOVE_FILTER:\n        if (payload.shouldKeepUnrelatedState && payload.type === 'byValue') {\n          delete newFilter.get(payload.field).values;\n          newFilter.set(payload.field, { ...newFilter.get(payload.field), enable: false });\n        } else if (payload.shouldKeepUnrelatedState && payload.type === 'byCondition') {\n          delete newFilter.get(payload.field).condition;\n          delete newFilter.get(payload.field).operator;\n          newFilter.set(payload.field, { ...newFilter.get(payload.field), enable: false });\n        } else {\n          newFilter.delete(payload.field);\n        }\n\n        break;\n      case FilterActionType.UPDATE_FILTER:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), ...payload });\n        break;\n      case FilterActionType.ENABLE_FILTER:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), enable: true });\n        break;\n      case FilterActionType.DISABLE_FILTER:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), enable: false });\n        break;\n      case FilterActionType.CLEAR_ALL_FILTERS:\n        newFilter.clear();\n        break;\n      case FilterActionType.APPLY_FILTERS:\n        newFilter.set(payload.field, { ...newFilter.get(payload.field), ...payload, enable: true });\n        break;\n    }\n\n    return { ...state, filters: newFilter };\n  }\n\n  private applyFilters() {\n    this.engine.applyFilter(this.state, this.table);\n  }\n\n  private shouldApplyFilter(action: FilterAction) {\n    const shouldApplyActions = [\n      FilterActionType.REMOVE_FILTER,\n      FilterActionType.ENABLE_FILTER,\n      FilterActionType.DISABLE_FILTER,\n      FilterActionType.CLEAR_ALL_FILTERS,\n      FilterActionType.APPLY_FILTERS\n    ];\n    return shouldApplyActions.includes(action.type);\n  }\n}\n"]}

package/cjs/filter/filter-toolbar.d.ts

@@ -1,11 +1,12 @@
-import type { ListTable, PivotTable } from '@visactor/vtable';
+import { type ListTable, type PivotTable } from '@visactor/vtable';
 import type { FilterStateManager } from './filter-state-manager';
 import { ValueFilter } from './value-filter';
 import { ConditionFilter } from './condition-filter';
-import type { FilterMode } from './types';
+import type { FilterMode, FilterOptions, FilterStyles } from './types';
 export declare class FilterToolbar {
     table: ListTable | PivotTable;
     filterStateManager: FilterStateManager;
+    pluginOptions: FilterOptions;
     valueFilter: ValueFilter | null;
     conditionFilter: ConditionFilter | null;
     activeTab: 'byValue' | 'byCondition';
@@ -13,23 +14,27 @@ export declare class FilterToolbar {
     selectedField: string | number | null;
     filterModes: FilterMode[];
     private filterMenu;
+    private filterTabsContainer;
     private filterMenuWidth;
     private currentCol?;
     private currentRow?;
     private filterTabByValue;
     private filterTabByCondition;
+    private footerContainer;
     private clearFilterOptionLink;
     private cancelFilterButton;
     private applyFilterButton;
-    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, pluginOptions: FilterOptions);
     private onTabSwitch;
     private updateSelectedField;
     private applyFilter;
     private clearFilter;
     private updateClearFilterButtonState;
     render(container: HTMLElement): void;
+    updateStyles(styles: FilterStyles): void;
     attachEventListeners(): void;
     adjustMenuPosition(col?: number | null, row?: number | null, providedLeft?: number | null, providedTop?: number | null): void;
     show(col: number, row: number, filterModes: FilterMode[]): void;
-    hide(): void;
+    hide: (currentCol?: number, currentRow?: number) => void;
+    destroy(): void;
 }

package/cjs/filter/filter-toolbar.js

@@ -4,15 +4,19 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.FilterToolbar = void 0;
 
-const value_filter_1 = require("./value-filter"), condition_filter_1 = require("./condition-filter"), styles_1 = require("./styles");
+const vtable_1 = require("@visactor/vtable"), value_filter_1 = require("./value-filter"), condition_filter_1 = require("./condition-filter"), styles_1 = require("./styles");
 
 class FilterToolbar {
-    constructor(table, filterStateManager) {
+    constructor(table, filterStateManager, pluginOptions) {
         this.valueFilter = null, this.conditionFilter = null, this.activeTab = "byValue", 
-        this.isVisible = !1, this.selectedField = null, this.filterModes = [], this.table = table, 
-        this.filterStateManager = filterStateManager, this.valueFilter = new value_filter_1.ValueFilter(this.table, this.filterStateManager), 
-        this.conditionFilter = new condition_filter_1.ConditionFilter(this.table, this.filterStateManager), 
-        this.filterMenuWidth = 300, this.filterStateManager.subscribe((state => {
+        this.isVisible = !1, this.selectedField = null, this.filterModes = [], this.hide = (currentCol, currentRow) => {
+            this.filterMenu.style.display = "none", this.isVisible = !1, this.table.fireListeners(vtable_1.TABLE_EVENT_TYPE.FILTER_MENU_HIDE, {
+                col: null != currentCol ? currentCol : this.currentCol,
+                row: null != currentRow ? currentRow : this.currentRow
+            });
+        }, this.table = table, this.filterStateManager = filterStateManager, this.valueFilter = new value_filter_1.ValueFilter(this.table, this.filterStateManager, pluginOptions), 
+        this.conditionFilter = new condition_filter_1.ConditionFilter(this.table, this.filterStateManager, pluginOptions, this.hide), 
+        this.pluginOptions = pluginOptions, this.filterMenuWidth = 300, this.filterStateManager.subscribe((state => {
             this.isVisible && null !== this.selectedField && this.updateClearFilterButtonState(this.selectedField);
         }));
     }
@@ -42,29 +46,40 @@ class FilterToolbar {
         this.clearFilterOptionLink.style.cursor = hasActiveFilter ? "pointer" : "not-allowed";
     }
     render(container) {
-        this.filterMenu = document.createElement("div"), (0, styles_1.applyStyles)(this.filterMenu, styles_1.filterStyles.filterMenu), 
-        this.filterMenu.style.width = `${this.filterMenuWidth}px`;
-        const filterTabsContainer = document.createElement("div");
-        (0, styles_1.applyStyles)(filterTabsContainer, styles_1.filterStyles.tabsContainer), 
+        const filterStyles = this.pluginOptions.styles || {};
+        this.filterMenu = document.createElement("div"), this.filterMenu.classList.add("vtable-filter-menu"), 
+        (0, styles_1.applyStyles)(this.filterMenu, filterStyles.filterMenu), this.filterMenu.style.width = `${this.filterMenuWidth}px`, 
+        this.filterTabsContainer = document.createElement("div"), (0, styles_1.applyStyles)(this.filterTabsContainer, filterStyles.tabsContainer), 
         this.filterTabByValue = document.createElement("button"), this.filterTabByValue.innerText = "按值筛选", 
-        (0, styles_1.applyStyles)(this.filterTabByValue, styles_1.filterStyles.tabStyle(!0)), 
-        this.filterTabByCondition = document.createElement("button"), this.filterTabByCondition.innerText = "按条件筛选", 
-        (0, styles_1.applyStyles)(this.filterTabByCondition, styles_1.filterStyles.tabStyle(!1)), 
-        filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition);
-        const footerContainer = document.createElement("div");
-        (0, styles_1.applyStyles)(footerContainer, styles_1.filterStyles.footerContainer), 
+        (0, styles_1.applyStyles)(this.filterTabByValue, filterStyles.tabStyle(!0)), this.filterTabByCondition = document.createElement("button"), 
+        this.filterTabByCondition.innerText = "按条件筛选", (0, styles_1.applyStyles)(this.filterTabByCondition, filterStyles.tabStyle(!1)), 
+        this.filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition), 
+        this.footerContainer = document.createElement("div"), (0, styles_1.applyStyles)(this.footerContainer, filterStyles.footerContainer), 
         this.clearFilterOptionLink = document.createElement("a"), this.clearFilterOptionLink.href = "#", 
-        this.clearFilterOptionLink.innerText = "清除筛选", (0, styles_1.applyStyles)(this.clearFilterOptionLink, styles_1.filterStyles.clearLink);
+        this.clearFilterOptionLink.innerText = "清除筛选", (0, styles_1.applyStyles)(this.clearFilterOptionLink, filterStyles.clearLink);
         const footerButtons = document.createElement("div");
         this.cancelFilterButton = document.createElement("button"), this.cancelFilterButton.innerText = "取消", 
-        (0, styles_1.applyStyles)(this.cancelFilterButton, styles_1.filterStyles.footerButton(!1)), 
+        (0, styles_1.applyStyles)(this.cancelFilterButton, filterStyles.footerButton(!1)), 
         this.applyFilterButton = document.createElement("button"), this.applyFilterButton.innerText = "确认", 
-        (0, styles_1.applyStyles)(this.applyFilterButton, styles_1.filterStyles.footerButton(!0)), 
-        footerButtons.append(this.cancelFilterButton, this.applyFilterButton), footerContainer.append(this.clearFilterOptionLink, footerButtons), 
-        this.filterMenu.append(filterTabsContainer), this.valueFilter.render(this.filterMenu), 
-        this.conditionFilter.render(this.filterMenu), this.filterMenu.append(footerContainer), 
+        (0, styles_1.applyStyles)(this.applyFilterButton, filterStyles.footerButton(!0)), 
+        footerButtons.append(this.cancelFilterButton, this.applyFilterButton), this.footerContainer.append(this.clearFilterOptionLink, footerButtons), 
+        this.filterMenu.append(this.filterTabsContainer), this.valueFilter.render(this.filterMenu), 
+        this.conditionFilter.render(this.filterMenu), this.filterMenu.append(this.footerContainer), 
         container.appendChild(this.filterMenu), this.attachEventListeners();
     }
+    updateStyles(styles) {
+        var _a;
+        const realDisplay = (null !== (_a = this.filterMenu.style.display) && void 0 !== _a ? _a : styles.filterMenu.display) || "none";
+        (0, styles_1.applyStyles)(this.filterMenu, Object.assign(Object.assign({}, styles.filterMenu), {
+            display: realDisplay
+        })), (0, styles_1.applyStyles)(this.filterTabsContainer, styles.tabsContainer), 
+        (0, styles_1.applyStyles)(this.filterTabByValue, styles.tabStyle(!0)), (0, styles_1.applyStyles)(this.footerContainer, styles.footerContainer), 
+        (0, styles_1.applyStyles)(this.clearFilterOptionLink, styles.clearLink), (0, styles_1.applyStyles)(this.cancelFilterButton, styles.footerButton(!1)), 
+        (0, styles_1.applyStyles)(this.applyFilterButton, styles.footerButton(!0)), this.valueFilter.updateStyles(styles), 
+        this.conditionFilter.updateStyles(styles);
+        const currentFilter = this.filterStateManager.getFilterState(this.selectedField);
+        currentFilter && "byCondition" === currentFilter.type ? this.onTabSwitch("byCondition") : this.onTabSwitch("byValue");
+    }
     attachEventListeners() {
         this.filterTabByValue.addEventListener("click", (() => {
             this.onTabSwitch("byValue");
@@ -87,9 +102,10 @@ class FilterToolbar {
         if ("number" != typeof effectiveCol || "number" != typeof effectiveRow) return;
         this.currentCol = effectiveCol, this.currentRow = effectiveRow;
         let left = 0, top = 0;
-        const canvasBounds = this.table.canvas.getBoundingClientRect(), cell = this.table.getCellRelativeRect(effectiveCol, effectiveRow);
+        const canvasBounds = this.table.canvas.getBoundingClientRect(), cell = this.table.getCellRelativeRect(effectiveCol, effectiveRow), filterMenuWidth = this.filterMenuWidth;
         cell.right < this.filterMenuWidth ? (left = cell.left + canvasBounds.left, top = cell.bottom + canvasBounds.top) : (left = cell.right + canvasBounds.left - this.filterMenuWidth, 
-        top = cell.bottom + canvasBounds.top), this.filterMenu.style.display = this.isVisible ? "block" : "none", 
+        top = cell.bottom + canvasBounds.top), left = Math.max(0, Math.min(window.innerWidth - filterMenuWidth, left)), 
+        top = Math.max(0, Math.min(window.innerHeight - 380, top)), this.filterMenu.style.display = this.isVisible ? "block" : "none", 
         this.filterMenu.style.left = `${left}px`, this.filterMenu.style.top = `${top}px`;
     }
     show(col, row, filterModes) {
@@ -101,11 +117,14 @@ class FilterToolbar {
         const currentFilter = this.filterStateManager.getFilterState(field);
         currentFilter && "byCondition" === currentFilter.type ? this.onTabSwitch("byCondition") : this.onTabSwitch("byValue"), 
         this.updateClearFilterButtonState(field), setTimeout((() => {
-            this.isVisible = !0;
+            this.isVisible = !0, this.table.fireListeners(vtable_1.TABLE_EVENT_TYPE.FILTER_MENU_SHOW, {
+                col: col,
+                row: row
+            });
         }), 0);
     }
-    hide() {
-        this.filterMenu.style.display = "none", this.isVisible = !1;
+    destroy() {
+        this.valueFilter.destroy(), this.filterMenu.remove();
     }
 }
 

package/cjs/filter/filter-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/filter-toolbar.ts"],"names":[],"mappings":"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","file":"filter-toolbar.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport type { FilterStateManager } from './filter-state-manager';\nimport { ValueFilter } from './value-filter';\nimport { ConditionFilter } from './condition-filter';\nimport { applyStyles, filterStyles } from './styles';\nimport type { FilterMode } from './types';\n\n/**\n * 筛选工具栏，管理按值和按条件筛选组件\n */\nexport class FilterToolbar {\n  table: ListTable | PivotTable;\n  filterStateManager: FilterStateManager;\n  valueFilter: ValueFilter | null = null;\n  conditionFilter: ConditionFilter | null = null;\n  activeTab: 'byValue' | 'byCondition' = 'byValue';\n  isVisible: boolean = false;\n  selectedField: string | number | null = null;\n  filterModes: FilterMode[] = [];\n\n  private filterMenu: HTMLElement;\n  private filterMenuWidth: number;\n  private currentCol?: number | null;\n  private currentRow?: number | null;\n  private filterTabByValue: HTMLButtonElement;\n  private filterTabByCondition: HTMLButtonElement;\n  private clearFilterOptionLink: HTMLAnchorElement;\n  private cancelFilterButton: HTMLButtonElement;\n  private applyFilterButton: HTMLButtonElement;\n\n  constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n    this.valueFilter = new ValueFilter(this.table, this.filterStateManager);\n    this.conditionFilter = new ConditionFilter(this.table, this.filterStateManager);\n\n    this.filterMenuWidth = 300; // 待优化，可能需要自适应内容的宽度\n\n    // 监听筛选状态变化，更新清除筛选按钮状态\n    this.filterStateManager.subscribe(state => {\n      if (this.isVisible && this.selectedField !== null) {\n        this.updateClearFilterButtonState(this.selectedField);\n      }\n    });\n  }\n\n  private onTabSwitch(tab: 'byValue' | 'byCondition'): void {\n    this.activeTab = tab;\n    if (tab === 'byValue') {\n      this.valueFilter.show();\n      this.conditionFilter.hide();\n    } else {\n      this.conditionFilter.show();\n      this.valueFilter.hide();\n    }\n\n    const isValueTab = tab === 'byValue';\n    applyStyles(this.filterTabByValue, filterStyles.tabStyle(isValueTab));\n    applyStyles(this.filterTabByCondition, filterStyles.tabStyle(!isValueTab));\n  }\n\n  private updateSelectedField(field: string | number): void {\n    this.selectedField = field;\n    // 通知筛选组件更新选中字段\n    if (this.valueFilter) {\n      this.valueFilter.setSelectedField(field);\n    }\n    if (this.conditionFilter) {\n      this.conditionFilter.setSelectedField(field);\n    }\n  }\n\n  private applyFilter(field: string | number): void {\n    if (this.activeTab === 'byValue') {\n      this.valueFilter.applyFilter(field);\n    } else if (this.activeTab === 'byCondition') {\n      this.conditionFilter.applyFilter(field);\n    }\n    this.hide();\n  }\n\n  private clearFilter(field: string | number): void {\n    if (this.valueFilter) {\n      this.valueFilter.clearFilter(field);\n    }\n    if (this.conditionFilter) {\n      this.conditionFilter.clearFilter(field);\n    }\n    this.hide();\n  }\n\n  /**\n   * 更新清除筛选按钮的状态\n   */\n  private updateClearFilterButtonState(field: string | number): void {\n    const currentFilter = this.filterStateManager.getFilterState(field);\n    const hasActiveFilter = currentFilter && currentFilter.enable;\n\n    this.clearFilterOptionLink.style.display = 'inline';\n    this.clearFilterOptionLink.style.opacity = hasActiveFilter ? '1' : '0.5';\n    this.clearFilterOptionLink.style.pointerEvents = hasActiveFilter ? 'auto' : 'none';\n    this.clearFilterOptionLink.style.cursor = hasActiveFilter ? 'pointer' : 'not-allowed';\n  }\n\n  render(container: HTMLElement): void {\n    // === 主容器 ===\n    this.filterMenu = document.createElement('div');\n    applyStyles(this.filterMenu, filterStyles.filterMenu);\n    this.filterMenu.style.width = `${this.filterMenuWidth}px`;\n\n    // === 筛选 Tab ===\n    const filterTabsContainer = document.createElement('div');\n    applyStyles(filterTabsContainer, filterStyles.tabsContainer);\n\n    this.filterTabByValue = document.createElement('button');\n    this.filterTabByValue.innerText = '按值筛选';\n    applyStyles(this.filterTabByValue, filterStyles.tabStyle(true));\n\n    this.filterTabByCondition = document.createElement('button');\n    this.filterTabByCondition.innerText = '按条件筛选';\n    applyStyles(this.filterTabByCondition, filterStyles.tabStyle(false));\n\n    filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition);\n\n    // === 页脚（清除、取消、确定 筛选按钮） ===\n    const footerContainer = document.createElement('div');\n    applyStyles(footerContainer, filterStyles.footerContainer);\n\n    this.clearFilterOptionLink = document.createElement('a');\n    this.clearFilterOptionLink.href = '#';\n    this.clearFilterOptionLink.innerText = '清除筛选';\n    applyStyles(this.clearFilterOptionLink, filterStyles.clearLink);\n\n    const footerButtons = document.createElement('div');\n    this.cancelFilterButton = document.createElement('button');\n    this.cancelFilterButton.innerText = '取消';\n    applyStyles(this.cancelFilterButton, filterStyles.footerButton(false));\n\n    this.applyFilterButton = document.createElement('button');\n    this.applyFilterButton.innerText = '确认';\n    applyStyles(this.applyFilterButton, filterStyles.footerButton(true));\n\n    footerButtons.append(this.cancelFilterButton, this.applyFilterButton);\n    footerContainer.append(this.clearFilterOptionLink, footerButtons);\n\n    // --- 筛选器头部 Tab ---\n    this.filterMenu.append(filterTabsContainer);\n\n    // --- 筛选器内容 ---\n    this.valueFilter.render(this.filterMenu);\n    this.conditionFilter.render(this.filterMenu);\n\n    // --- 筛选器页脚 ---\n    this.filterMenu.append(footerContainer);\n\n    container.appendChild(this.filterMenu); // 将筛选器添加到 DOM 中\n    this.attachEventListeners();\n  }\n\n  attachEventListeners() {\n    // 按值筛选/按条件筛选的事件监听\n    this.filterTabByValue.addEventListener('click', () => {\n      this.onTabSwitch('byValue');\n    });\n\n    this.filterTabByCondition.addEventListener('click', () => {\n      this.onTabSwitch('byCondition');\n    });\n\n    this.cancelFilterButton.addEventListener('click', () => this.hide());\n\n    this.clearFilterOptionLink.addEventListener('click', e => {\n      e.preventDefault();\n      this.clearFilter(this.selectedField);\n    });\n\n    this.applyFilterButton.addEventListener('click', () => {\n      this.applyFilter(this.selectedField);\n    });\n\n    // 点击空白处整个筛选菜单可消失\n    document.addEventListener('click', () => {\n      if (this.isVisible) {\n        this.hide();\n      }\n    });\n\n    this.filterMenu.addEventListener('click', e => {\n      e.stopPropagation();\n    });\n  }\n\n  adjustMenuPosition(\n    col?: number | null,\n    row?: number | null,\n    providedLeft?: number | null,\n    providedTop?: number | null\n  ) {\n    if (typeof providedLeft === 'number' && typeof providedTop === 'number') {\n      this.filterMenu.style.display = this.isVisible ? 'block' : 'none';\n      this.filterMenu.style.left = `${providedLeft}px`;\n      this.filterMenu.style.top = `${providedTop}px`;\n      return;\n    }\n\n    // 明晰的参数 > 记忆的数字\n    const effectiveCol = typeof col === 'number' ? col : this.currentCol;\n    const effectiveRow = typeof row === 'number' ? row : this.currentRow;\n\n    if (typeof effectiveCol !== 'number' || typeof effectiveRow !== 'number') {\n      return;\n    }\n\n    this.currentCol = effectiveCol;\n    this.currentRow = effectiveRow;\n\n    let left: number = 0;\n    let top: number = 0;\n\n    const canvasBounds = this.table.canvas.getBoundingClientRect();\n    const cell = this.table.getCellRelativeRect(effectiveCol, effectiveRow);\n\n    if (cell.right < this.filterMenuWidth) {\n      // 无法把筛选菜单完整地显示在左侧，那么显示在右侧\n      left = cell.left + canvasBounds.left;\n      top = cell.bottom + canvasBounds.top;\n    } else {\n      // 筛选菜单默认显示在左侧\n      left = cell.right + canvasBounds.left - this.filterMenuWidth;\n      top = cell.bottom + canvasBounds.top;\n    }\n\n    this.filterMenu.style.display = this.isVisible ? 'block' : 'none';\n    this.filterMenu.style.left = `${left}px`;\n    this.filterMenu.style.top = `${top}px`;\n  }\n\n  show(col: number, row: number, filterModes: FilterMode[]): void {\n    this.valueFilter.clearSearchInputValue();\n    this.filterModes = filterModes;\n    if (!this.filterModes.includes('byValue')) {\n      this.filterTabByValue.style.display = 'none';\n      this.onTabSwitch('byCondition');\n    } else if (!this.filterModes.includes('byCondition')) {\n      this.filterTabByCondition.style.display = 'none';\n      this.onTabSwitch('byValue');\n    }\n\n    this.adjustMenuPosition(col, row);\n    this.filterMenu.style.display = 'block';\n\n    const field = this.table.internalProps.layoutMap.getHeaderField(col, row) as string | number;\n    this.updateSelectedField(field);\n\n    // 根据当前筛选配置自动选择正确的筛选标签页\n    const currentFilter = this.filterStateManager.getFilterState(field);\n    if (currentFilter && currentFilter.type === 'byCondition') {\n      this.onTabSwitch('byCondition');\n    } else {\n      this.onTabSwitch('byValue');\n    }\n\n    // 更新清除筛选按钮状态\n    this.updateClearFilterButtonState(field);\n\n    // 确保在事件冒泡完成后才设置 isVisible 为 true\n    setTimeout(() => {\n      this.isVisible = true;\n    }, 0);\n  }\n\n  hide(): void {\n    this.filterMenu.style.display = 'none';\n    this.isVisible = false;\n  }\n}\n"]}
+{"version":3,"sources":["../src/filter/filter-toolbar.ts"],"names":[],"mappings":"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","file":"filter-toolbar.js","sourcesContent":["import { TABLE_EVENT_TYPE, type ListTable, type PivotTable } from '@visactor/vtable';\nimport type { FilterStateManager } from './filter-state-manager';\nimport { ValueFilter } from './value-filter';\nimport { ConditionFilter } from './condition-filter';\nimport { applyStyles, filterStyles } from './styles';\nimport type { FilterMode, FilterOptions, FilterStyles } from './types';\n\n/**\n * 筛选工具栏，管理按值和按条件筛选组件\n */\nexport class FilterToolbar {\n  table: ListTable | PivotTable;\n  filterStateManager: FilterStateManager;\n  pluginOptions: FilterOptions;\n  valueFilter: ValueFilter | null = null;\n  conditionFilter: ConditionFilter | null = null;\n  activeTab: 'byValue' | 'byCondition' = 'byValue';\n  isVisible: boolean = false;\n  selectedField: string | number | null = null;\n  filterModes: FilterMode[] = [];\n\n  private filterMenu: HTMLElement;\n  private filterTabsContainer: HTMLElement;\n  private filterMenuWidth: number;\n  private currentCol?: number | null;\n  private currentRow?: number | null;\n  private filterTabByValue: HTMLButtonElement;\n  private filterTabByCondition: HTMLButtonElement;\n  private footerContainer: HTMLElement;\n  private clearFilterOptionLink: HTMLAnchorElement;\n  private cancelFilterButton: HTMLButtonElement;\n  private applyFilterButton: HTMLButtonElement;\n\n  constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, pluginOptions: FilterOptions) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n    this.valueFilter = new ValueFilter(this.table, this.filterStateManager, pluginOptions);\n    this.conditionFilter = new ConditionFilter(this.table, this.filterStateManager, pluginOptions, this.hide);\n    this.pluginOptions = pluginOptions;\n\n    this.filterMenuWidth = 300; // 待优化，可能需要自适应内容的宽度\n\n    // 监听筛选状态变化，更新清除筛选按钮状态\n    this.filterStateManager.subscribe(state => {\n      if (this.isVisible && this.selectedField !== null) {\n        this.updateClearFilterButtonState(this.selectedField);\n      }\n    });\n  }\n\n  private onTabSwitch(tab: 'byValue' | 'byCondition'): void {\n    this.activeTab = tab;\n    if (tab === 'byValue') {\n      this.valueFilter.show();\n      this.conditionFilter.hide();\n    } else {\n      this.conditionFilter.show();\n      this.valueFilter.hide();\n    }\n\n    const isValueTab = tab === 'byValue';\n    applyStyles(this.filterTabByValue, filterStyles.tabStyle(isValueTab));\n    applyStyles(this.filterTabByCondition, filterStyles.tabStyle(!isValueTab));\n  }\n\n  private updateSelectedField(field: string | number): void {\n    this.selectedField = field;\n    // 通知筛选组件更新选中字段\n    if (this.valueFilter) {\n      this.valueFilter.setSelectedField(field);\n    }\n    if (this.conditionFilter) {\n      this.conditionFilter.setSelectedField(field);\n    }\n  }\n\n  private applyFilter(field: string | number): void {\n    if (this.activeTab === 'byValue') {\n      this.valueFilter.applyFilter(field);\n    } else if (this.activeTab === 'byCondition') {\n      this.conditionFilter.applyFilter(field);\n    }\n    this.hide();\n  }\n\n  private clearFilter(field: string | number): void {\n    if (this.valueFilter) {\n      this.valueFilter.clearFilter(field);\n    }\n    if (this.conditionFilter) {\n      this.conditionFilter.clearFilter(field);\n    }\n    this.hide();\n  }\n\n  /**\n   * 更新清除筛选按钮的状态\n   */\n  private updateClearFilterButtonState(field: string | number): void {\n    const currentFilter = this.filterStateManager.getFilterState(field);\n    const hasActiveFilter = currentFilter && currentFilter.enable;\n\n    this.clearFilterOptionLink.style.display = 'inline';\n    this.clearFilterOptionLink.style.opacity = hasActiveFilter ? '1' : '0.5';\n    this.clearFilterOptionLink.style.pointerEvents = hasActiveFilter ? 'auto' : 'none';\n    this.clearFilterOptionLink.style.cursor = hasActiveFilter ? 'pointer' : 'not-allowed';\n  }\n\n  render(container: HTMLElement): void {\n    const filterStyles = this.pluginOptions.styles || {};\n    // === 主容器 ===\n    this.filterMenu = document.createElement('div');\n    this.filterMenu.classList.add('vtable-filter-menu');\n    applyStyles(this.filterMenu, filterStyles.filterMenu);\n    this.filterMenu.style.width = `${this.filterMenuWidth}px`;\n\n    // === 筛选 Tab ===\n    this.filterTabsContainer = document.createElement('div');\n    applyStyles(this.filterTabsContainer, filterStyles.tabsContainer);\n\n    this.filterTabByValue = document.createElement('button');\n    this.filterTabByValue.innerText = '按值筛选';\n    applyStyles(this.filterTabByValue, filterStyles.tabStyle(true));\n\n    this.filterTabByCondition = document.createElement('button');\n    this.filterTabByCondition.innerText = '按条件筛选';\n    applyStyles(this.filterTabByCondition, filterStyles.tabStyle(false));\n\n    this.filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition);\n\n    // === 页脚（清除、取消、确定 筛选按钮） ===\n    this.footerContainer = document.createElement('div');\n    applyStyles(this.footerContainer, filterStyles.footerContainer);\n\n    this.clearFilterOptionLink = document.createElement('a');\n    this.clearFilterOptionLink.href = '#';\n    this.clearFilterOptionLink.innerText = '清除筛选';\n    applyStyles(this.clearFilterOptionLink, filterStyles.clearLink);\n\n    const footerButtons = document.createElement('div');\n    this.cancelFilterButton = document.createElement('button');\n    this.cancelFilterButton.innerText = '取消';\n    applyStyles(this.cancelFilterButton, filterStyles.footerButton(false));\n\n    this.applyFilterButton = document.createElement('button');\n    this.applyFilterButton.innerText = '确认';\n    applyStyles(this.applyFilterButton, filterStyles.footerButton(true));\n\n    footerButtons.append(this.cancelFilterButton, this.applyFilterButton);\n    this.footerContainer.append(this.clearFilterOptionLink, footerButtons);\n\n    // --- 筛选器头部 Tab ---\n    this.filterMenu.append(this.filterTabsContainer);\n\n    // --- 筛选器内容 ---\n    this.valueFilter.render(this.filterMenu);\n    this.conditionFilter.render(this.filterMenu);\n\n    // --- 筛选器页脚 ---\n    this.filterMenu.append(this.footerContainer);\n\n    container.appendChild(this.filterMenu); // 将筛选器添加到 DOM 中\n    this.attachEventListeners();\n  }\n\n  updateStyles(styles: FilterStyles) {\n    const realDisplay = (this.filterMenu.style.display ?? styles.filterMenu.display) || 'none';\n    applyStyles(this.filterMenu, { ...styles.filterMenu, display: realDisplay });\n    applyStyles(this.filterTabsContainer, styles.tabsContainer);\n    applyStyles(this.filterTabByValue, styles.tabStyle(true));\n    applyStyles(this.footerContainer, styles.footerContainer);\n    applyStyles(this.clearFilterOptionLink, styles.clearLink);\n    applyStyles(this.cancelFilterButton, styles.footerButton(false));\n    applyStyles(this.applyFilterButton, styles.footerButton(true));\n    this.valueFilter.updateStyles(styles);\n    this.conditionFilter.updateStyles(styles);\n\n    // 面板处于显示状态, 更新了样式, 则需要手动控制tab显隐\n    // 面板显示按值筛选或按条件筛选\n    const currentFilter = this.filterStateManager.getFilterState(this.selectedField);\n    if (currentFilter && currentFilter.type === 'byCondition') {\n      this.onTabSwitch('byCondition');\n    } else {\n      this.onTabSwitch('byValue');\n    }\n  }\n\n  attachEventListeners() {\n    // 按值筛选/按条件筛选的事件监听\n    this.filterTabByValue.addEventListener('click', () => {\n      this.onTabSwitch('byValue');\n    });\n\n    this.filterTabByCondition.addEventListener('click', () => {\n      this.onTabSwitch('byCondition');\n    });\n\n    this.cancelFilterButton.addEventListener('click', () => this.hide());\n\n    this.clearFilterOptionLink.addEventListener('click', e => {\n      e.preventDefault();\n      this.clearFilter(this.selectedField);\n    });\n\n    this.applyFilterButton.addEventListener('click', () => {\n      this.applyFilter(this.selectedField);\n    });\n\n    // 点击空白处整个筛选菜单可消失\n    document.addEventListener('click', () => {\n      if (this.isVisible) {\n        this.hide();\n      }\n    });\n\n    this.filterMenu.addEventListener('click', e => {\n      e.stopPropagation();\n    });\n  }\n\n  adjustMenuPosition(\n    col?: number | null,\n    row?: number | null,\n    providedLeft?: number | null,\n    providedTop?: number | null\n  ) {\n    if (typeof providedLeft === 'number' && typeof providedTop === 'number') {\n      this.filterMenu.style.display = this.isVisible ? 'block' : 'none';\n      this.filterMenu.style.left = `${providedLeft}px`;\n      this.filterMenu.style.top = `${providedTop}px`;\n      return;\n    }\n\n    // 明晰的参数 > 记忆的数字\n    const effectiveCol = typeof col === 'number' ? col : this.currentCol;\n    const effectiveRow = typeof row === 'number' ? row : this.currentRow;\n\n    if (typeof effectiveCol !== 'number' || typeof effectiveRow !== 'number') {\n      return;\n    }\n\n    this.currentCol = effectiveCol;\n    this.currentRow = effectiveRow;\n\n    let left: number = 0;\n    let top: number = 0;\n\n    const canvasBounds = this.table.canvas.getBoundingClientRect();\n    const cell = this.table.getCellRelativeRect(effectiveCol, effectiveRow);\n\n    const filterMenuWidth = this.filterMenuWidth;\n    // 最高高度预估值\n    // TODO: 需要获取精确高度\n    const filterMenuHeight = 380;\n\n    if (cell.right < this.filterMenuWidth) {\n      // 无法把筛选菜单完整地显示在左侧，那么显示在右侧\n      left = cell.left + canvasBounds.left;\n      top = cell.bottom + canvasBounds.top;\n    } else {\n      // 筛选菜单默认显示在左侧\n      left = cell.right + canvasBounds.left - this.filterMenuWidth;\n      top = cell.bottom + canvasBounds.top;\n    }\n\n    // 确保筛选菜单不会超出窗口边界\n    left = Math.max(0, Math.min(window.innerWidth - filterMenuWidth, left));\n    top = Math.max(0, Math.min(window.innerHeight - filterMenuHeight, top));\n\n    this.filterMenu.style.display = this.isVisible ? 'block' : 'none';\n    this.filterMenu.style.left = `${left}px`;\n    this.filterMenu.style.top = `${top}px`;\n  }\n\n  show(col: number, row: number, filterModes: FilterMode[]): void {\n    this.valueFilter.clearSearchInputValue();\n    this.filterModes = filterModes;\n    if (!this.filterModes.includes('byValue')) {\n      this.filterTabByValue.style.display = 'none';\n      this.onTabSwitch('byCondition');\n    } else if (!this.filterModes.includes('byCondition')) {\n      this.filterTabByCondition.style.display = 'none';\n      this.onTabSwitch('byValue');\n    }\n\n    this.adjustMenuPosition(col, row);\n    this.filterMenu.style.display = 'block';\n\n    const field = this.table.internalProps.layoutMap.getHeaderField(col, row) as string | number;\n    this.updateSelectedField(field);\n\n    // 根据当前筛选配置自动选择正确的筛选标签页\n    const currentFilter = this.filterStateManager.getFilterState(field);\n    if (currentFilter && currentFilter.type === 'byCondition') {\n      this.onTabSwitch('byCondition');\n    } else {\n      this.onTabSwitch('byValue');\n    }\n\n    // 更新清除筛选按钮状态\n    this.updateClearFilterButtonState(field);\n\n    // 确保在事件冒泡完成后才设置 isVisible 为 true\n    setTimeout(() => {\n      this.isVisible = true;\n      this.table.fireListeners(TABLE_EVENT_TYPE.FILTER_MENU_SHOW, {\n        col: col,\n        row: row\n      });\n    }, 0);\n  }\n\n  hide = (currentCol?: number, currentRow?: number): void => {\n    this.filterMenu.style.display = 'none';\n    this.isVisible = false;\n    this.table.fireListeners(TABLE_EVENT_TYPE.FILTER_MENU_HIDE, {\n      col: currentCol ?? this.currentCol,\n      row: currentRow ?? this.currentRow\n    });\n  };\n\n  destroy() {\n    this.valueFilter.destroy();\n    this.filterMenu.remove();\n  }\n}\n"]}

package/cjs/filter/filter.d.ts

@@ -14,7 +14,9 @@ export declare class FilterPlugin implements pluginsDefinition.IVTablePlugin {
     filterStateManager: FilterStateManager;
     filterToolbar: FilterToolbar;
     constructor(pluginOptions: FilterOptions);
+    initFilterPlugin(eventArgs: any): void;
     run(...args: any[]): void;
+    updatePluginOptions(pluginOptions: FilterOptions): void;
     update(): void;
     private handleOptionUpdate;
     private reapplyActiveFilters;

package/cjs/filter/filter.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.FilterPlugin = void 0;
 
-const vtable_1 = require("@visactor/vtable"), filter_engine_1 = require("./filter-engine"), filter_state_manager_1 = require("./filter-state-manager"), filter_toolbar_1 = require("./filter-toolbar"), types_1 = require("./types");
+const vtable_1 = require("@visactor/vtable"), filter_engine_1 = require("./filter-engine"), filter_state_manager_1 = require("./filter-state-manager"), filter_toolbar_1 = require("./filter-toolbar"), types_1 = require("./types"), lodash_1 = require("lodash"), styles_1 = require("./styles"), constant_1 = require("./constant");
 
 class FilterPlugin {
     constructor(pluginOptions) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         this.id = "filter", this.name = "Filter", this.runTime = [ vtable_1.TABLE_EVENT_TYPE.BEFORE_INIT, vtable_1.TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION, vtable_1.TABLE_EVENT_TYPE.ICON_CLICK, vtable_1.TABLE_EVENT_TYPE.SCROLL ], 
         this.id = null !== (_a = null == pluginOptions ? void 0 : pluginOptions.id) && void 0 !== _a ? _a : this.id, 
         this.pluginOptions = pluginOptions, this.pluginOptions.filterIcon = null !== (_b = pluginOptions.filterIcon) && void 0 !== _b ? _b : {
@@ -27,27 +27,39 @@ class FilterPlugin {
             positionType: vtable_1.TYPES.IconPosition.right,
             cursor: "pointer",
             svg: '<svg t="1752821771292" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11926" width="200" height="200"><path d="M971.614323 53.05548L655.77935 412.054233C635.196622 435.434613 623.906096 465.509377 623.906096 496.583302v495.384307c0 28.975686-35.570152 43.063864-55.353551 21.781723l-159.865852-171.256294c-5.495389-5.895053-8.59279-13.688514-8.592789-21.781722V496.583302c0-31.073925-11.290526-61.148688-31.873254-84.429153L52.385677 53.05548C34.200936 32.472751 48.888611 0 76.365554 0h871.268892c27.476943 0 42.164618 32.472751 23.979877 53.05548z" fill="#416eff" p-id="11927"></path></svg>'
-        }, this.pluginOptions.filterModes && this.pluginOptions.filterModes.length || (this.pluginOptions.filterModes = [ "byValue", "byCondition" ]);
+        }, this.pluginOptions.filterModes && this.pluginOptions.filterModes.length || (this.pluginOptions.filterModes = [ "byValue", "byCondition" ]), 
+        this.pluginOptions.styles = (0, lodash_1.merge)(styles_1.filterStyles, null !== (_d = this.pluginOptions.styles) && void 0 !== _d ? _d : {}), 
+        this.pluginOptions.conditionCategories = null !== (_e = pluginOptions.conditionCategories) && void 0 !== _e ? _e : constant_1.categories;
     }
-    run(...args) {
-        var _a, _b, _c;
-        const eventArgs = args[0], runtime = args[1], table = args[2];
-        if (this.table = table, runtime === vtable_1.TABLE_EVENT_TYPE.BEFORE_INIT) this.filterEngine = new filter_engine_1.FilterEngine, 
-        this.filterStateManager = new filter_state_manager_1.FilterStateManager(this.table, this.filterEngine), 
-        this.filterToolbar = new filter_toolbar_1.FilterToolbar(this.table, this.filterStateManager), 
+    initFilterPlugin(eventArgs) {
+        this.filterEngine = new filter_engine_1.FilterEngine(this.pluginOptions), this.filterStateManager = new filter_state_manager_1.FilterStateManager(this.table, this.filterEngine), 
+        this.filterToolbar = new filter_toolbar_1.FilterToolbar(this.table, this.filterStateManager, this.pluginOptions), 
         this.columns = eventArgs.options.columns, this.filterToolbar.render(document.body), 
         this.updateFilterIcons(this.columns), this.filterStateManager.subscribe(((_, action) => {
             (null == action ? void 0 : action.type) !== types_1.FilterActionType.ADD_FILTER && (this.updateFilterIcons(this.columns), 
             this.table.updateColumns(this.columns, {
                 clearRowHeightCache: !1
             }));
-        })); else if (runtime === vtable_1.TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) this.pluginOptions = Object.assign(Object.assign({}, this.pluginOptions), eventArgs.options.plugins.find((plugin => plugin.id === this.id)).pluginOptions), 
+        }));
+    }
+    run(...args) {
+        var _a, _b, _c, _d, _e;
+        const eventArgs = args[0], runtime = args[1], table = args[2];
+        if (this.table = table, runtime === vtable_1.TABLE_EVENT_TYPE.BEFORE_INIT) this.initFilterPlugin(eventArgs); else if (runtime === vtable_1.TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) this.filterEngine && this.filterStateManager && this.filterToolbar || this.initFilterPlugin(eventArgs), 
+        this.pluginOptions = Object.assign(Object.assign({}, this.pluginOptions), null === (_b = null === (_a = eventArgs.options.plugins) || void 0 === _a ? void 0 : _a.find((plugin => plugin.id === this.id))) || void 0 === _b ? void 0 : _b.pluginOptions), 
         this.columns = eventArgs.options.columns, this.handleOptionUpdate(eventArgs.options); else if (runtime === vtable_1.TABLE_EVENT_TYPE.ICON_CLICK && "filter-icon" === eventArgs.name || "filtering-icon" === eventArgs.name) {
-            if (3 === (null === (_a = eventArgs.event) || void 0 === _a ? void 0 : _a.which) || 2 === (null === (_b = eventArgs.event) || void 0 === _b ? void 0 : _b.button) || 2 == (2 & (null === (_c = eventArgs.event) || void 0 === _c ? void 0 : _c.buttons))) return;
+            if (3 === (null === (_c = eventArgs.event) || void 0 === _c ? void 0 : _c.which) || 2 === (null === (_d = eventArgs.event) || void 0 === _d ? void 0 : _d.button) || 2 == (2 & (null === (_e = eventArgs.event) || void 0 === _e ? void 0 : _e.buttons))) return;
             const col = eventArgs.col, row = eventArgs.row;
-            this.filterToolbar.isVisible ? this.filterToolbar.hide() : this.filterToolbar.show(col, row, this.pluginOptions.filterModes);
+            this.filterToolbar.isVisible ? this.filterToolbar.hide(eventArgs.col, eventArgs.row) : (this.filterToolbar.show(col, row, this.pluginOptions.filterModes), 
+            this.table.fireListeners(vtable_1.TABLE_EVENT_TYPE.FILTER_MENU_SHOW, {
+                col: eventArgs.col,
+                row: eventArgs.row
+            }));
         } else runtime === vtable_1.TABLE_EVENT_TYPE.SCROLL && "horizontal" === eventArgs.scrollDirection && this.filterToolbar.adjustMenuPosition();
     }
+    updatePluginOptions(pluginOptions) {
+        this.pluginOptions = (0, lodash_1.merge)(this.pluginOptions, pluginOptions), this.filterToolbar.updateStyles(this.pluginOptions.styles);
+    }
     update() {
         this.filterStateManager && this.reapplyActiveFilters();
     }
@@ -126,8 +138,10 @@ class FilterPlugin {
         })));
     }
     release() {
-        this.table = null, this.filterEngine = null, this.filterStateManager = null, this.filterToolbar.valueFilter.destroy(), 
-        this.filterToolbar = null;
+        this.columns.forEach((column => {
+            column.headerIcon = void 0;
+        })), this.table = null, this.filterEngine = null, this.filterStateManager = null, 
+        this.filterToolbar.destroy(), this.filterToolbar = null;
     }
 }