@visactor/vtable-plugins 1.22.4-alpha.1 → 1.22.4-alpha.11

package/es/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 { ColumnDefine } from '@visactor/vtable/es/ts-types';\nimport type { FilterState, FilterAction, FilterConfig } from './types';\nimport { FilterActionType } from './types';\nimport type { FilterEngine } from './filter-engine';\nimport type { FilterPlugin } from '../filter';\n\n/**\n * 筛选状态管理器，用于管理筛选状态\n */\nexport class FilterStateManager {\n  private state: FilterState;\n  private engine: FilterEngine;\n  private listeners: Array<(state: FilterState) => void> = [];\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();\n  }\n\n  subscribe(listener: (state: FilterState) => void): () => void {\n    this.listeners.push(listener);\n    return () => {\n      this.listeners = this.listeners.filter(l => l !== listener);\n    };\n  }\n\n  private notifyListeners(): void {\n    this.listeners.forEach(listener => listener(this.state));\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) || action.payload.enable;\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  // 筛选菜单相关的状态\n  private filterMenuStates: Map<\n    string | number,\n    {\n      // 筛选菜单打开时固定的候选值列表\n      stableCandidateValues: Array<{ value: any; count: number; rawValue: any }>;\n      // 当前搜索关键词\n      currentSearchKeyword: string;\n      // 显示值到原始值的映射\n      displayToRawMap: Map<any, any>;\n    }\n  > = new Map();\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) || action.payload.enable;\n  }\n\n  /**\n   * 初始化筛选菜单状态（当筛选菜单打开时调用）\n   */\n  initializeFilterMenuState(\n    fieldId: string | number,\n    candidateValues: Array<{ value: any; count: number; rawValue: any }>,\n    displayToRawMap: Map<any, any>\n  ): void {\n    this.filterMenuStates.set(fieldId, {\n      stableCandidateValues: candidateValues,\n      currentSearchKeyword: '',\n      displayToRawMap: displayToRawMap\n    });\n  }\n\n  /**\n   * 获取筛选菜单的稳定候选值列表\n   */\n  getStableCandidateValues(fieldId: string | number): Array<{ value: any; count: number; rawValue: any }> {\n    return this.filterMenuStates.get(fieldId)?.stableCandidateValues || [];\n  }\n\n  /**\n   * 更新搜索关键词\n   */\n  updateSearchKeyword(fieldId: string | number, keyword: string): void {\n    const menuState = this.filterMenuStates.get(fieldId);\n    if (!menuState) {\n      return;\n    }\n\n    menuState.currentSearchKeyword = keyword;\n  }\n\n  /**\n   * 获取当前可见的选中值（根据搜索关键词从筛选状态中筛选）\n   */\n  getVisibleSelectedValues(fieldId: string | number): Set<any> {\n    const menuState = this.filterMenuStates.get(fieldId);\n    const filter = this.getFilterState(fieldId);\n    if (!menuState || !filter?.values) {\n      return new Set();\n    }\n\n    const allSelectedValues = new Set(filter.values);\n    const keyword = menuState.currentSearchKeyword;\n    const filterKeywords = keyword\n      .toUpperCase()\n      .split(' ')\n      .filter(s => s);\n\n    // 如果没有搜索关键词，返回所有被选中的值\n    if (filterKeywords.length === 0) {\n      return allSelectedValues;\n    }\n\n    // 根据搜索关键词筛选出可见的选中值\n    const visibleSelected = new Set<any>();\n    for (const candidate of menuState.stableCandidateValues) {\n      const displayValue = candidate.value;\n      const txtValue = String(displayValue).toUpperCase();\n\n      // 检查是否匹配搜索关键词\n      const match = filterKeywords.some(keyword => txtValue.includes(keyword));\n\n      if (match) {\n        // 如果可见，检查是否被选中\n        const rawValue = menuState.displayToRawMap ? menuState.displayToRawMap.get(displayValue) : displayValue;\n        if (allSelectedValues.has(rawValue)) {\n          visibleSelected.add(rawValue);\n        }\n      }\n    }\n\n    return visibleSelected;\n  }\n\n  /**\n   * 获取当前搜索关键词\n   */\n  getCurrentSearchKeyword(fieldId: string | number): string {\n    return this.filterMenuStates.get(fieldId)?.currentSearchKeyword || '';\n  }\n}\n"]}

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

@@ -1,8 +1,8 @@
-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, FilterStyles } from './types';
+import type { FilterMode, FilterOperatorCategoryOption, FilterStyles } from './types';
 export declare class FilterToolbar {
     table: ListTable | PivotTable;
     filterStateManager: FilterStateManager;
@@ -14,19 +14,26 @@ 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, styles: FilterStyles);
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, styles: FilterStyles, conditionCategories: FilterOperatorCategoryOption[]);
     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 | null, currentRow: number | null): void;
 }

package/es/filter/filter-toolbar.js

@@ -1,3 +1,5 @@
+import { TABLE_EVENT_TYPE } from "@visactor/vtable";
+
 import { ValueFilter } from "./value-filter";
 
 import { ConditionFilter } from "./condition-filter";
@@ -5,12 +7,14 @@ import { ConditionFilter } from "./condition-filter";
 import { applyStyles } from "./styles";
 
 export class FilterToolbar {
-    constructor(table, filterStateManager, styles) {
+    constructor(table, filterStateManager, styles, conditionCategories) {
         this.valueFilter = null, this.conditionFilter = null, this.activeTab = "byValue", 
         this.isVisible = !1, this.selectedField = null, this.filterModes = [], this.table = table, 
         this.filterStateManager = filterStateManager, this.styles = styles, this.valueFilter = new ValueFilter(this.table, this.filterStateManager, this.styles), 
-        this.conditionFilter = new ConditionFilter(this.table, this.filterStateManager, this.styles), 
-        this.filterMenuWidth = 300;
+        this.conditionFilter = new ConditionFilter(this.table, this.filterStateManager, this.styles, conditionCategories), 
+        this.filterMenuWidth = 300, this.filterStateManager.subscribe((state => {
+            this.isVisible && null !== this.selectedField && this.updateClearFilterButtonState(this.selectedField);
+        }));
     }
     onTabSwitch(tab) {
         this.activeTab = tab, "byValue" === tab ? (this.valueFilter.show(), this.conditionFilter.hide()) : (this.conditionFilter.show(), 
@@ -23,68 +27,95 @@ export class FilterToolbar {
         this.conditionFilter && this.conditionFilter.setSelectedField(field);
     }
     applyFilter(field) {
-        "byValue" === this.activeTab ? this.valueFilter.applyFilter(field) : "byCondition" === this.activeTab && this.conditionFilter.applyFilter(field), 
-        this.hide();
+        "byValue" === this.activeTab ? (this.valueFilter.updateCheckboxState(field), this.valueFilter.applyFilter(field)) : "byCondition" === this.activeTab && this.conditionFilter.applyFilter(field), 
+        this.hide(this.currentCol, this.currentRow);
     }
     clearFilter(field) {
         this.valueFilter && this.valueFilter.clearFilter(field), this.conditionFilter && this.conditionFilter.clearFilter(field), 
-        this.hide();
+        this.hide(this.currentCol, this.currentRow);
+    }
+    updateClearFilterButtonState(field) {
+        const currentFilter = this.filterStateManager.getFilterState(field), hasActiveFilter = currentFilter && currentFilter.enable;
+        this.clearFilterOptionLink.style.display = "inline", this.clearFilterOptionLink.style.opacity = hasActiveFilter ? "1" : "0.5", 
+        this.clearFilterOptionLink.style.pointerEvents = hasActiveFilter ? "auto" : "none", 
+        this.clearFilterOptionLink.style.cursor = hasActiveFilter ? "pointer" : "not-allowed";
     }
     render(container) {
-        this.filterMenu = document.createElement("div"), applyStyles(this.filterMenu, this.styles.filterMenu), 
-        this.filterMenu.style.width = `${this.filterMenuWidth}px`;
-        const filterTabsContainer = document.createElement("div");
-        applyStyles(filterTabsContainer, this.styles.tabsContainer), this.filterTabByValue = document.createElement("button"), 
-        this.filterTabByValue.innerText = "按值筛选", applyStyles(this.filterTabByValue, this.styles.tabStyle(!0)), 
-        this.filterTabByCondition = document.createElement("button"), this.filterTabByCondition.innerText = "按条件筛选", 
-        applyStyles(this.filterTabByCondition, this.styles.tabStyle(!1)), filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition);
-        const footerContainer = document.createElement("div");
-        applyStyles(footerContainer, this.styles.footerContainer), this.clearFilterOptionLink = document.createElement("a"), 
-        this.clearFilterOptionLink.href = "#", this.clearFilterOptionLink.innerText = "清除筛选", 
-        applyStyles(this.clearFilterOptionLink, this.styles.clearLink);
+        this.filterMenu = document.createElement("div"), this.filterMenu.classList.add("vtable-filter-menu"), 
+        applyStyles(this.filterMenu, this.styles.filterMenu), this.filterMenu.style.width = `${this.filterMenuWidth}px`, 
+        this.filterTabsContainer = document.createElement("div"), applyStyles(this.filterTabsContainer, this.styles.tabsContainer), 
+        this.filterTabByValue = document.createElement("button"), this.filterTabByValue.innerText = "按值筛选", 
+        applyStyles(this.filterTabByValue, this.styles.tabStyle(!0)), this.filterTabByCondition = document.createElement("button"), 
+        this.filterTabByCondition.innerText = "按条件筛选", applyStyles(this.filterTabByCondition, this.styles.tabStyle(!1)), 
+        this.filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition), 
+        this.footerContainer = document.createElement("div"), applyStyles(this.footerContainer, this.styles.footerContainer), 
+        this.clearFilterOptionLink = document.createElement("a"), this.clearFilterOptionLink.href = "#", 
+        this.clearFilterOptionLink.innerText = "清除筛选", applyStyles(this.clearFilterOptionLink, this.styles.clearLink);
         const footerButtons = document.createElement("div");
         this.cancelFilterButton = document.createElement("button"), this.cancelFilterButton.innerText = "取消", 
         applyStyles(this.cancelFilterButton, this.styles.footerButton(!1)), this.applyFilterButton = document.createElement("button"), 
         this.applyFilterButton.innerText = "确认", applyStyles(this.applyFilterButton, this.styles.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), 
+        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) {
+        applyStyles(this.filterMenu, styles.filterMenu), applyStyles(this.filterTabsContainer, styles.tabsContainer), 
+        applyStyles(this.filterTabByValue, styles.tabStyle(!0)), applyStyles(this.footerContainer, styles.footerContainer), 
+        applyStyles(this.clearFilterOptionLink, styles.clearLink), applyStyles(this.cancelFilterButton, styles.footerButton(!1)), 
+        applyStyles(this.applyFilterButton, styles.footerButton(!0)), this.valueFilter.updateStyles(styles), 
+        this.conditionFilter.updateStyles(styles);
+    }
     attachEventListeners() {
         this.filterTabByValue.addEventListener("click", (() => {
             this.onTabSwitch("byValue");
         })), this.filterTabByCondition.addEventListener("click", (() => {
             this.onTabSwitch("byCondition");
-        })), this.cancelFilterButton.addEventListener("click", (() => this.hide())), this.clearFilterOptionLink.addEventListener("click", (e => {
+        })), this.cancelFilterButton.addEventListener("click", (() => this.hide(this.currentCol, this.currentRow))), 
+        this.clearFilterOptionLink.addEventListener("click", (e => {
             e.preventDefault(), this.clearFilter(this.selectedField);
         })), this.applyFilterButton.addEventListener("click", (() => {
             this.applyFilter(this.selectedField);
         })), document.addEventListener("click", (() => {
-            this.isVisible && this.hide();
+            this.isVisible && this.hide(this.currentCol, this.currentRow);
         })), this.filterMenu.addEventListener("click", (e => {
             e.stopPropagation();
         }));
     }
-    show(col, row, filterModes) {
-        this.filterModes = filterModes, this.filterModes.includes("byValue") ? this.filterModes.includes("byCondition") || (this.filterTabByCondition.style.display = "none", 
-        setTimeout((() => this.onTabSwitch("byValue")), 0)) : (this.filterTabByValue.style.display = "none", 
-        setTimeout((() => this.onTabSwitch("byCondition")), 0));
+    adjustMenuPosition(col, row, providedLeft, providedTop) {
+        if ("number" == typeof providedLeft && "number" == typeof providedTop) return this.filterMenu.style.display = this.isVisible ? "block" : "none", 
+        this.filterMenu.style.left = `${providedLeft}px`, void (this.filterMenu.style.top = `${providedTop}px`);
+        const effectiveCol = "number" == typeof col ? col : this.currentCol, effectiveRow = "number" == typeof row ? row : this.currentRow;
+        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.getMergeCellRect(col, row);
+        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 = "block", 
+        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) {
+        this.valueFilter.clearSearchInputValue(), this.filterModes = filterModes, this.filterModes.includes("byValue") ? this.filterModes.includes("byCondition") || (this.filterTabByCondition.style.display = "none", 
+        this.onTabSwitch("byValue")) : (this.filterTabByValue.style.display = "none", this.onTabSwitch("byCondition")), 
+        this.adjustMenuPosition(col, row), this.filterMenu.style.display = "block";
         const field = this.table.internalProps.layoutMap.getHeaderField(col, row);
         this.updateSelectedField(field);
         const currentFilter = this.filterStateManager.getFilterState(field);
         currentFilter && "byCondition" === currentFilter.type ? this.onTabSwitch("byCondition") : this.onTabSwitch("byValue"), 
-        setTimeout((() => {
-            this.isVisible = !0;
+        this.updateClearFilterButtonState(field), setTimeout((() => {
+            this.isVisible = !0, this.table.fireListeners(TABLE_EVENT_TYPE.FILTER_MENU_SHOW, {
+                col: col,
+                row: row
+            });
         }), 0);
     }
-    hide() {
-        this.filterMenu.style.display = "none", this.isVisible = !1;
+    hide(currentCol, currentRow) {
+        this.filterMenu.style.display = "none", this.isVisible = !1, this.table.fireListeners(TABLE_EVENT_TYPE.FILTER_MENU_HIDE, {
+            col: currentCol,
+            row: currentRow
+        });
     }
 }
 //# sourceMappingURL=filter-toolbar.js.map

package/es/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 } from './styles';\nimport type { FilterMode, FilterStyles } from './types';\n\n/**\n * 筛选工具栏，管理按值和按条件筛选组件\n */\nexport class FilterToolbar {\n  table: ListTable | PivotTable;\n  filterStateManager: FilterStateManager;\n  styles: FilterStyles;\n\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 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, styles: FilterStyles) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n    this.styles = styles;\n    this.valueFilter = new ValueFilter(this.table, this.filterStateManager, this.styles);\n    this.conditionFilter = new ConditionFilter(this.table, this.filterStateManager, this.styles);\n\n    this.filterMenuWidth = 300; // 待优化，可能需要自适应内容的宽度\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, this.styles.tabStyle(isValueTab));\n    applyStyles(this.filterTabByCondition, this.styles.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  render(container: HTMLElement): void {\n    // === 主容器 ===\n    this.filterMenu = document.createElement('div');\n    applyStyles(this.filterMenu, this.styles.filterMenu);\n    this.filterMenu.style.width = `${this.filterMenuWidth}px`;\n\n    // === 筛选 Tab ===\n    const filterTabsContainer = document.createElement('div');\n    applyStyles(filterTabsContainer, this.styles.tabsContainer);\n\n    this.filterTabByValue = document.createElement('button');\n    this.filterTabByValue.innerText = '按值筛选';\n    applyStyles(this.filterTabByValue, this.styles.tabStyle(true));\n\n    this.filterTabByCondition = document.createElement('button');\n    this.filterTabByCondition.innerText = '按条件筛选';\n    applyStyles(this.filterTabByCondition, this.styles.tabStyle(false));\n\n    filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition);\n\n    // === 页脚（清除、取消、确定 筛选按钮） ===\n    const footerContainer = document.createElement('div');\n    applyStyles(footerContainer, this.styles.footerContainer);\n\n    this.clearFilterOptionLink = document.createElement('a');\n    this.clearFilterOptionLink.href = '#';\n    this.clearFilterOptionLink.innerText = '清除筛选';\n    applyStyles(this.clearFilterOptionLink, this.styles.clearLink);\n\n    const footerButtons = document.createElement('div');\n    this.cancelFilterButton = document.createElement('button');\n    this.cancelFilterButton.innerText = '取消';\n    applyStyles(this.cancelFilterButton, this.styles.footerButton(false));\n\n    this.applyFilterButton = document.createElement('button');\n    this.applyFilterButton.innerText = '确认';\n    applyStyles(this.applyFilterButton, this.styles.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  show(col: number, row: number, filterModes: FilterMode[]): void {\n    this.filterModes = filterModes;\n    if (!this.filterModes.includes('byValue')) {\n      this.filterTabByValue.style.display = 'none';\n      setTimeout(() => this.onTabSwitch('byCondition'), 0);\n    } else if (!this.filterModes.includes('byCondition')) {\n      this.filterTabByCondition.style.display = 'none';\n      setTimeout(() => this.onTabSwitch('byValue'), 0);\n    }\n\n    let left: number = 0;\n    let top: number = 0;\n    const canvasBounds = this.table.canvas.getBoundingClientRect();\n    const cell = this.table.getMergeCellRect(col, row);\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 = 'block';\n    this.filterMenu.style.left = `${left}px`;\n    this.filterMenu.style.top = `${top}px`;\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    // 确保在事件冒泡完成后才设置 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 } from './styles';\nimport type { FilterMode, FilterOperatorCategoryOption, FilterStyles } from './types';\n\n/**\n * 筛选工具栏，管理按值和按条件筛选组件\n */\nexport class FilterToolbar {\n  table: ListTable | PivotTable;\n  filterStateManager: FilterStateManager;\n  styles: FilterStyles;\n\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(\n    table: ListTable | PivotTable,\n    filterStateManager: FilterStateManager,\n    styles: FilterStyles,\n    conditionCategories: FilterOperatorCategoryOption[]\n  ) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n    this.styles = styles;\n    this.valueFilter = new ValueFilter(this.table, this.filterStateManager, this.styles);\n    this.conditionFilter = new ConditionFilter(this.table, this.filterStateManager, this.styles, conditionCategories);\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, this.styles.tabStyle(isValueTab));\n    applyStyles(this.filterTabByCondition, this.styles.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      // 更新筛选组件的全选选中状态\n      this.valueFilter.updateCheckboxState(field);\n      this.valueFilter.applyFilter(field);\n    } else if (this.activeTab === 'byCondition') {\n      this.conditionFilter.applyFilter(field);\n    }\n    this.hide(this.currentCol!, this.currentRow!);\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(this.currentCol!, this.currentRow!);\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    this.filterMenu.classList.add('vtable-filter-menu');\n    applyStyles(this.filterMenu, this.styles.filterMenu);\n    this.filterMenu.style.width = `${this.filterMenuWidth}px`;\n\n    // === 筛选 Tab ===\n    this.filterTabsContainer = document.createElement('div');\n    applyStyles(this.filterTabsContainer, this.styles.tabsContainer);\n\n    this.filterTabByValue = document.createElement('button');\n    this.filterTabByValue.innerText = '按值筛选';\n    applyStyles(this.filterTabByValue, this.styles.tabStyle(true));\n\n    this.filterTabByCondition = document.createElement('button');\n    this.filterTabByCondition.innerText = '按条件筛选';\n    applyStyles(this.filterTabByCondition, this.styles.tabStyle(false));\n\n    this.filterTabsContainer.append(this.filterTabByValue, this.filterTabByCondition);\n\n    // === 页脚（清除、取消、确定 筛选按钮） ===\n    this.footerContainer = document.createElement('div');\n    applyStyles(this.footerContainer, this.styles.footerContainer);\n\n    this.clearFilterOptionLink = document.createElement('a');\n    this.clearFilterOptionLink.href = '#';\n    this.clearFilterOptionLink.innerText = '清除筛选';\n    applyStyles(this.clearFilterOptionLink, this.styles.clearLink);\n\n    const footerButtons = document.createElement('div');\n    this.cancelFilterButton = document.createElement('button');\n    this.cancelFilterButton.innerText = '取消';\n    applyStyles(this.cancelFilterButton, this.styles.footerButton(false));\n\n    this.applyFilterButton = document.createElement('button');\n    this.applyFilterButton.innerText = '确认';\n    applyStyles(this.applyFilterButton, this.styles.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    applyStyles(this.filterMenu, styles.filterMenu);\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\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(this.currentCol!, this.currentRow!));\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(this.currentCol!, this.currentRow!);\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    const filterMenuWidth = this.filterMenuWidth;\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 | null, currentRow: number | null): void {\n    this.filterMenu.style.display = 'none';\n    this.isVisible = false;\n    this.table.fireListeners(TABLE_EVENT_TYPE.FILTER_MENU_HIDE, {\n      col: currentCol,\n      row: currentRow\n    });\n  }\n}\n"]}

package/es/filter/filter.d.ts

@@ -2,18 +2,21 @@ import { FilterEngine } from './filter-engine';
 import { FilterStateManager } from './filter-state-manager';
 import { FilterToolbar } from './filter-toolbar';
 import type { FilterOptions, FilterState } from './types';
-import type { pluginsDefinition, ListTable, PivotTable, ColumnDefine } from '@visactor/vtable';
+import type { pluginsDefinition, ListTable, PivotTable, ColumnDefine, ColumnsDefine } from '@visactor/vtable';
 export declare class FilterPlugin implements pluginsDefinition.IVTablePlugin {
     id: string;
     name: string;
-    runTime: ("icon_click" | "before_init" | "before_update_option")[];
+    runTime: ("scroll" | "icon_click" | "before_init" | "before_update_option")[];
     pluginOptions: FilterOptions;
     table: ListTable | PivotTable;
+    columns: ColumnsDefine;
     filterEngine: FilterEngine;
     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;
@@ -21,6 +24,6 @@ export declare class FilterPlugin implements pluginsDefinition.IVTablePlugin {
     private updateFilterIcons;
     shouldEnableFilterForColumn(field: number | string, column: ColumnDefine): boolean;
     getFilterState(): any;
-    setFilterState(filterState: FilterState): void;
+    setFilterState(filterState?: FilterState): void;
     release(): void;
 }

package/es/filter/filter.js

@@ -12,10 +12,12 @@ import { filterStyles } from "./styles";
 
 import { merge } from "lodash";
 
+import { categories } from "./constants";
+
 export class FilterPlugin {
     constructor(pluginOptions) {
-        var _a, _b, _c;
-        this.id = "filter", this.name = "Filter", this.runTime = [ TABLE_EVENT_TYPE.BEFORE_INIT, TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION, TABLE_EVENT_TYPE.ICON_CLICK ], 
+        var _a, _b, _c, _d;
+        this.id = "filter", this.name = "Filter", this.runTime = [ TABLE_EVENT_TYPE.BEFORE_INIT, TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION, TABLE_EVENT_TYPE.ICON_CLICK, 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 : {
             name: "filter-icon",
@@ -34,33 +36,46 @@ export class FilterPlugin {
             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.styles = merge({}, filterStyles, pluginOptions.styles);
+        this.pluginOptions.styles = merge({}, filterStyles, pluginOptions.styles), this.pluginOptions.conditionCategories = null !== (_d = pluginOptions.conditionCategories) && void 0 !== _d ? _d : categories;
+    }
+    initFilterPlugin(eventArgs) {
+        this.filterEngine = new FilterEngine, this.filterStateManager = new FilterStateManager(this.table, this.filterEngine), 
+        this.filterToolbar = new FilterToolbar(this.table, this.filterStateManager, this.pluginOptions.styles, this.pluginOptions.conditionCategories), 
+        this.columns = eventArgs.options.columns, this.filterToolbar.render(document.body), 
+        this.updateFilterIcons(this.columns), this.filterStateManager.subscribe(((_, action) => {
+            (null == action ? void 0 : action.type) !== FilterActionType.ADD_FILTER && (this.updateFilterIcons(this.columns), 
+            this.table.updateColumns(this.columns, {
+                clearRowHeightCache: !1
+            }));
+        }));
     }
     run(...args) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const eventArgs = args[0], runtime = args[1], table = args[2];
-        if (this.table = table, runtime === TABLE_EVENT_TYPE.BEFORE_INIT) this.filterEngine = new FilterEngine, 
-        this.filterStateManager = new FilterStateManager(this.table, this.filterEngine), 
-        this.filterToolbar = new FilterToolbar(this.table, this.filterStateManager, this.pluginOptions.styles), 
-        this.filterToolbar.render(document.body), this.updateFilterIcons(eventArgs.options), 
-        this.filterStateManager.subscribe((() => {
-            this.updateFilterIcons(eventArgs.options), this.table.updateColumns(eventArgs.options.columns, {
-                clearRowHeightCache: !1
-            });
-        })); else if (runtime === TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) this.pluginOptions = Object.assign(Object.assign({}, this.pluginOptions), eventArgs.options.plugins.find((plugin => plugin.id === this.id)).pluginOptions), 
-        this.handleOptionUpdate(eventArgs.options); else if (runtime === 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 (this.table = table, runtime === TABLE_EVENT_TYPE.BEFORE_INIT) this.initFilterPlugin(eventArgs); else if (runtime === 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 === TABLE_EVENT_TYPE.ICON_CLICK && "filter-icon" === eventArgs.name || "filtering-icon" === eventArgs.name) {
+            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);
+        } else runtime === TABLE_EVENT_TYPE.SCROLL && "horizontal" === eventArgs.scrollDirection && this.filterToolbar.adjustMenuPosition();
+    }
+    updatePluginOptions(pluginOptions) {
+        this.pluginOptions = merge(this.pluginOptions, pluginOptions);
     }
     update() {
+        if (this.filterToolbar.updateStyles(this.pluginOptions.styles), this.filterToolbar.valueFilter) {
+            const allFields = this.table.columns.map((col => col.field)), valueFilter = this.filterToolbar.valueFilter;
+            allFields.forEach((field => {
+                valueFilter.collectUniqueColumnValues(field, !0);
+            })), valueFilter.updateUI(this.filterStateManager.getFilterState(this.filterToolbar.selectedField));
+        }
         this.filterStateManager && this.reapplyActiveFilters();
     }
     handleOptionUpdate(options) {
         const currentActiveFields = this.filterStateManager ? this.filterStateManager.getActiveFilterFields() : [];
         this.filterStateManager && currentActiveFields.length > 0 && this.validateFilterStatesAfterUpdate(options, currentActiveFields), 
-        this.updateFilterIcons(options);
+        this.updateFilterIcons(options.columns);
     }
     reapplyActiveFilters() {
         this.filterStateManager.reapplyCurrentFilters();
@@ -79,9 +94,9 @@ export class FilterPlugin {
             });
         }));
     }
-    updateFilterIcons(options) {
+    updateFilterIcons(columns = []) {
         const filterIcon = this.pluginOptions.filterIcon, filteringIcon = this.pluginOptions.filteringIcon, isIconEqual = (a, b) => a === b || a && b && "object" == typeof a && "object" == typeof b && a.name === b.name;
-        options.columns.forEach((column => {
+        columns.forEach((column => {
             var _a;
             const shouldShow = this.shouldEnableFilterForColumn(column.field, column), isFiltering = !!(null === (_a = this.filterStateManager.getFilterState(column.field)) || void 0 === _a ? void 0 : _a.enable);
             let icons = (icons => icons ? Array.isArray(icons) ? icons : [ icons ] : [])(column.headerIcon);
@@ -114,13 +129,10 @@ export class FilterPlugin {
         };
     }
     setFilterState(filterState) {
-        if (!this.filterStateManager || !filterState || !filterState.filters) return;
-        this.filterStateManager.dispatch({
+        this.filterStateManager && (this.filterStateManager.dispatch({
             type: FilterActionType.CLEAR_ALL_FILTERS,
             payload: {}
-        });
-        this.table.columns;
-        Object.entries(filterState.filters).forEach((([, config]) => {
+        }), filterState && filterState.filters && Object.entries(filterState.filters).forEach((([, config]) => {
             config.enable && this.filterStateManager.dispatch({
                 type: FilterActionType.ADD_FILTER,
                 payload: {
@@ -132,10 +144,13 @@ export class FilterPlugin {
                     enable: !0
                 }
             });
-        }));
+        })));
     }
     release() {
-        this.table = null, this.filterEngine = null, this.filterStateManager = null, this.filterToolbar = null;
+        this.columns.forEach((column => {
+            column.headerIcon = void 0;
+        })), this.table = null, this.filterEngine = null, this.filterStateManager = null, 
+        this.filterToolbar = null;
     }
 }
 //# sourceMappingURL=filter.js.map

package/es/filter/filter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/filter.ts"],"names":[],"mappings":"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","file":"filter.js","sourcesContent":["import { TABLE_EVENT_TYPE, TYPES } from '@visactor/vtable';\nimport { FilterEngine } from './filter-engine';\nimport { FilterStateManager } from './filter-state-manager';\nimport { FilterToolbar } from './filter-toolbar';\nimport type { FilterOptions, FilterConfig, FilterState } from './types';\nimport { FilterActionType } from './types';\nimport type {\n  ListTableConstructorOptions,\n  pluginsDefinition,\n  ListTable,\n  PivotTable,\n  BaseTableAPI,\n  ColumnDefine\n} from '@visactor/vtable';\nimport { filterStyles } from './styles';\nimport { merge } from 'lodash';\n\n/**\n * 筛选插件，负责初始化筛选引擎、状态管理器和工具栏\n */\nexport class FilterPlugin implements pluginsDefinition.IVTablePlugin {\n  id = `filter`;\n  name = 'Filter';\n  runTime = [TABLE_EVENT_TYPE.BEFORE_INIT, TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION, TABLE_EVENT_TYPE.ICON_CLICK];\n\n  pluginOptions: FilterOptions;\n\n  table: ListTable | PivotTable;\n\n  filterEngine: FilterEngine;\n  filterStateManager: FilterStateManager;\n  filterToolbar: FilterToolbar;\n\n  constructor(pluginOptions: FilterOptions) {\n    this.id = pluginOptions?.id ?? this.id;\n    this.pluginOptions = pluginOptions;\n    this.pluginOptions.filterIcon = pluginOptions.filterIcon ?? {\n      name: 'filter-icon',\n      type: 'svg',\n      width: 12,\n      height: 12,\n      positionType: TYPES.IconPosition.right,\n      cursor: 'pointer',\n      svg: '<svg t=\"1752821809070\" class=\"icon\" viewBox=\"0 0 1664 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"12092\" width=\"200\" height=\"200\"><path d=\"M89.6 179.2A89.6 89.6 0 0 1 89.6 0h1408a89.6 89.6 0 0 1 0 179.2H89.6z m256 384a89.6 89.6 0 0 1 0-179.2h896a89.6 89.6 0 0 1 0 179.2h-896z m256 384a89.6 89.6 0 0 1 0-179.2h384a89.6 89.6 0 0 1 0 179.2h-384z\" fill=\"#93a2b9\" p-id=\"12093\"></path></svg>'\n    };\n    this.pluginOptions.filteringIcon = pluginOptions.filteringIcon ?? {\n      name: 'filtering-icon',\n      type: 'svg',\n      width: 12,\n      height: 12,\n      positionType: TYPES.IconPosition.right,\n      cursor: 'pointer',\n      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>'\n    };\n    if (!this.pluginOptions.filterModes || !this.pluginOptions.filterModes.length) {\n      this.pluginOptions.filterModes = ['byValue', 'byCondition'];\n    }\n    this.pluginOptions.styles = merge({}, filterStyles, pluginOptions.styles);\n  }\n\n  run(...args: any[]) {\n    const eventArgs = args[0];\n    const runtime = args[1];\n    const table: BaseTableAPI = args[2];\n    this.table = table as ListTable | PivotTable;\n\n    if (runtime === TABLE_EVENT_TYPE.BEFORE_INIT) {\n      this.filterEngine = new FilterEngine();\n      this.filterStateManager = new FilterStateManager(this.table, this.filterEngine);\n      this.filterToolbar = new FilterToolbar(this.table, this.filterStateManager, this.pluginOptions.styles);\n\n      this.filterToolbar.render(document.body);\n      this.updateFilterIcons(eventArgs.options);\n      this.filterStateManager.subscribe(() => {\n        this.updateFilterIcons(eventArgs.options);\n        (this.table as ListTable).updateColumns(eventArgs.options.columns, {\n          clearRowHeightCache: false\n        });\n      });\n    } else if (runtime === TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) {\n      this.pluginOptions = {\n        ...this.pluginOptions,\n        ...(eventArgs.options.plugins as FilterPlugin[]).find(plugin => plugin.id === this.id).pluginOptions\n      };\n      this.handleOptionUpdate(eventArgs.options);\n    } else if (\n      (runtime === TABLE_EVENT_TYPE.ICON_CLICK && eventArgs.name === 'filter-icon') ||\n      eventArgs.name === 'filtering-icon'\n    ) {\n      const isRightClick =\n        eventArgs.event?.which === 3 || eventArgs.event?.button === 2 || (eventArgs.event?.buttons & 2) === 2;\n      // 如果是右键点击，直接返回不处理\n      if (isRightClick) {\n        return;\n      }\n\n      const col = eventArgs.col;\n      const row = eventArgs.row;\n      if (this.filterToolbar.isVisible) {\n        this.filterToolbar.hide();\n      } else {\n        this.filterToolbar.show(col, row, this.pluginOptions.filterModes);\n      }\n    }\n  }\n\n  update() {\n    if (this.filterStateManager) {\n      this.reapplyActiveFilters();\n    }\n  }\n\n  /**\n   * 处理选项更新事件\n   */\n  private handleOptionUpdate(options: ListTableConstructorOptions): void {\n    const currentActiveFields = this.filterStateManager ? this.filterStateManager.getActiveFilterFields() : [];\n\n    // 验证筛选状态一致性\n    if (this.filterStateManager && currentActiveFields.length > 0) {\n      this.validateFilterStatesAfterUpdate(options, currentActiveFields);\n    }\n\n    // 更新筛选图标\n    this.updateFilterIcons(options);\n  }\n\n  /**\n   * 重新应用所有激活的筛选状态\n   * 在 updateOption 后调用，因为 updateOption 会全量更新表格\n   */\n  private reapplyActiveFilters(): void {\n    this.filterStateManager.reapplyCurrentFilters();\n  }\n\n  /**\n   * 验证更新后的筛选状态一致性\n   */\n  private validateFilterStatesAfterUpdate(\n    options: ListTableConstructorOptions,\n    activeFields: (string | number)[]\n  ): void {\n    const columns = options.columns;\n    const fieldsToRemove: (string | number)[] = [];\n\n    activeFields.forEach(field => {\n      const column = columns.find(col => col.field === field);\n\n      // 检查该列是否仍然应该启用筛选\n      if (!column || !this.shouldEnableFilterForColumn(field, column)) {\n        fieldsToRemove.push(field);\n      }\n    });\n\n    // 清除不再有效的筛选状态\n    fieldsToRemove.forEach(field => {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.REMOVE_FILTER,\n        payload: { field }\n      });\n    });\n  }\n\n  /**\n   * 更新所有列的筛选图标状态\n   * 根据列的筛选启用状态，添加或移除筛选图标\n   */\n  private updateFilterIcons(options) {\n    const filterIcon = this.pluginOptions.filterIcon;\n    const filteringIcon = this.pluginOptions.filteringIcon;\n\n    const isIconEqual = (a, b) =>\n      a === b || (a && b && typeof a === 'object' && typeof b === 'object' && a.name === b.name);\n\n    const toIconList = icons => (icons ? (Array.isArray(icons) ? icons : [icons]) : []);\n\n    const compactIcons = list => (list.length === 0 ? undefined : list.length === 1 ? list[0] : list);\n\n    options.columns.forEach(column => {\n      const shouldShow = this.shouldEnableFilterForColumn(column.field, column);\n      const isFiltering = !!this.filterStateManager.getFilterState(column.field)?.enable;\n      let icons = toIconList(column.headerIcon);\n\n      if (shouldShow) {\n        if (isFiltering) {\n          if (!icons.some(icon => isIconEqual(icon, filteringIcon))) {\n            icons = icons.filter(icon => !isIconEqual(icon, filterIcon));\n            icons.push(filteringIcon);\n          }\n        } else {\n          if (!icons.some(icon => isIconEqual(icon, filterIcon))) {\n            icons = icons.filter(icon => !isIconEqual(icon, filteringIcon));\n            icons.push(filterIcon);\n          }\n        }\n      } else {\n        icons = icons.filter(icon => !isIconEqual(icon, filterIcon));\n      }\n\n      column.headerIcon = compactIcons(icons);\n    });\n  }\n\n  /**\n   * 判断指定列是否应该启用筛选功能\n   */\n  shouldEnableFilterForColumn(field: number | string, column: ColumnDefine): boolean {\n    // 如果是空白列，不适用筛选\n    if (!column.title) {\n      return false;\n    }\n\n    // 首先检查列级别的 filter 属性（最高优先级）\n    const columnWithFilter = column as any;\n    if (columnWithFilter.filter !== undefined) {\n      return !!columnWithFilter.filter;\n    }\n\n    // 如果有自定义的启用钩子函数，使用钩子函数的结果\n    if (this.pluginOptions.enableFilter) {\n      return this.pluginOptions.enableFilter(field, column);\n    }\n\n    // 如果没有钩子函数，使用默认启用配置\n    if (this.pluginOptions.defaultEnabled !== undefined) {\n      return this.pluginOptions.defaultEnabled;\n    }\n\n    // 默认情况，所有列都启用筛选\n    return true;\n  }\n\n  /**\n   * 获取当前的筛选状态\n   * 用于保存配置时获取筛选状态\n   */\n  getFilterState(): any {\n    if (!this.filterStateManager) {\n      return null;\n    }\n\n    const state = this.filterStateManager.getAllFilterStates();\n    const serializedState: Record<string | number, any> = {};\n\n    // 将 Map 转换为普通对象以便序列化\n    state.filters.forEach((config: FilterConfig, field: string | number) => {\n      serializedState[field] = {\n        enable: config.enable,\n        field: config.field,\n        type: config.type,\n        values: config.values,\n        operator: config.operator,\n        condition: config.condition\n      };\n    });\n\n    return {\n      filters: serializedState\n    };\n  }\n\n  /**\n   * 设置筛选状态\n   * 用于从保存的配置中恢复筛选状态\n   */\n  setFilterState(filterState: FilterState): void {\n    if (!this.filterStateManager || !filterState || !filterState.filters) {\n      console.warn('setFilterState: 无效的筛选状态或状态管理器未初始化');\n      return;\n    }\n\n    // 清除当前所有筛选\n    this.filterStateManager.dispatch({\n      type: FilterActionType.CLEAR_ALL_FILTERS,\n      payload: {}\n    });\n\n    const columns = (this.table as ListTable).columns;\n\n    // 恢复每个筛选配置\n    Object.entries(filterState.filters).forEach(([, config]: [string, any]) => {\n      if (config.enable) {\n        this.filterStateManager.dispatch({\n          type: FilterActionType.ADD_FILTER,\n          payload: {\n            field: config.field,\n            type: config.type,\n            values: config.values,\n            operator: config.operator,\n            condition: config.condition,\n            enable: true\n          }\n        });\n      }\n    });\n  }\n\n  release() {\n    this.table = null;\n    this.filterEngine = null;\n    this.filterStateManager = null;\n    this.filterToolbar = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/filter/filter.ts"],"names":[],"mappings":"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","file":"filter.js","sourcesContent":["import { TABLE_EVENT_TYPE, TYPES } from '@visactor/vtable';\nimport { FilterEngine } from './filter-engine';\nimport { FilterStateManager } from './filter-state-manager';\nimport { FilterToolbar } from './filter-toolbar';\nimport type { FilterOptions, FilterConfig, FilterState, FilterAction } from './types';\nimport { FilterActionType } from './types';\nimport type {\n  ListTableConstructorOptions,\n  pluginsDefinition,\n  ListTable,\n  PivotTable,\n  BaseTableAPI,\n  ColumnDefine,\n  ColumnsDefine\n} from '@visactor/vtable';\nimport { filterStyles } from './styles';\nimport { merge } from 'lodash';\nimport { categories } from './constants';\n\n/**\n * 筛选插件，负责初始化筛选引擎、状态管理器和工具栏\n */\nexport class FilterPlugin implements pluginsDefinition.IVTablePlugin {\n  id = `filter`;\n  name = 'Filter';\n  runTime = [\n    TABLE_EVENT_TYPE.BEFORE_INIT,\n    TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION,\n    TABLE_EVENT_TYPE.ICON_CLICK,\n    TABLE_EVENT_TYPE.SCROLL\n  ];\n\n  pluginOptions: FilterOptions;\n\n  table: ListTable | PivotTable;\n  columns: ColumnsDefine;\n\n  filterEngine: FilterEngine;\n  filterStateManager: FilterStateManager;\n  filterToolbar: FilterToolbar;\n\n  constructor(pluginOptions: FilterOptions) {\n    this.id = pluginOptions?.id ?? this.id;\n    this.pluginOptions = pluginOptions;\n    this.pluginOptions.filterIcon = pluginOptions.filterIcon ?? {\n      name: 'filter-icon',\n      type: 'svg',\n      width: 12,\n      height: 12,\n      positionType: TYPES.IconPosition.right,\n      cursor: 'pointer',\n      svg: '<svg t=\"1752821809070\" class=\"icon\" viewBox=\"0 0 1664 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"12092\" width=\"200\" height=\"200\"><path d=\"M89.6 179.2A89.6 89.6 0 0 1 89.6 0h1408a89.6 89.6 0 0 1 0 179.2H89.6z m256 384a89.6 89.6 0 0 1 0-179.2h896a89.6 89.6 0 0 1 0 179.2h-896z m256 384a89.6 89.6 0 0 1 0-179.2h384a89.6 89.6 0 0 1 0 179.2h-384z\" fill=\"#93a2b9\" p-id=\"12093\"></path></svg>'\n    };\n    this.pluginOptions.filteringIcon = pluginOptions.filteringIcon ?? {\n      name: 'filtering-icon',\n      type: 'svg',\n      width: 12,\n      height: 12,\n      positionType: TYPES.IconPosition.right,\n      cursor: 'pointer',\n      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>'\n    };\n    if (!this.pluginOptions.filterModes || !this.pluginOptions.filterModes.length) {\n      this.pluginOptions.filterModes = ['byValue', 'byCondition'];\n    }\n    this.pluginOptions.styles = merge({}, filterStyles, pluginOptions.styles);\n    this.pluginOptions.conditionCategories = pluginOptions.conditionCategories ?? categories;\n  }\n\n  initFilterPlugin(eventArgs: any) {\n    this.filterEngine = new FilterEngine();\n    this.filterStateManager = new FilterStateManager(this.table, this.filterEngine);\n    this.filterToolbar = new FilterToolbar(\n      this.table,\n      this.filterStateManager,\n      this.pluginOptions.styles,\n      this.pluginOptions.conditionCategories\n    );\n    this.columns = eventArgs.options.columns;\n\n    this.filterToolbar.render(document.body);\n    this.updateFilterIcons(this.columns);\n    this.filterStateManager.subscribe((_: FilterState, action?: FilterAction) => {\n      // 新增筛选配置时，不需要更新筛选图标以及表格\n      if (action?.type === FilterActionType.ADD_FILTER) {\n        return;\n      }\n      this.updateFilterIcons(this.columns);\n      (this.table as ListTable).updateColumns(this.columns, {\n        clearRowHeightCache: false\n      });\n    });\n  }\n\n  run(...args: any[]) {\n    const eventArgs = args[0];\n    const runtime = args[1];\n    const table: BaseTableAPI = args[2];\n    this.table = table as ListTable | PivotTable;\n\n    if (runtime === TABLE_EVENT_TYPE.BEFORE_INIT) {\n      this.initFilterPlugin(eventArgs);\n    } else if (runtime === TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) {\n      if (!this.filterEngine || !this.filterStateManager || !this.filterToolbar) {\n        this.initFilterPlugin(eventArgs);\n      }\n      this.pluginOptions = {\n        ...this.pluginOptions,\n        ...(eventArgs.options.plugins as FilterPlugin[])?.find(plugin => plugin.id === this.id)?.pluginOptions\n      };\n      this.columns = eventArgs.options.columns;\n      this.handleOptionUpdate(eventArgs.options);\n    } else if (\n      (runtime === TABLE_EVENT_TYPE.ICON_CLICK && eventArgs.name === 'filter-icon') ||\n      eventArgs.name === 'filtering-icon'\n    ) {\n      const isRightClick =\n        eventArgs.event?.which === 3 || eventArgs.event?.button === 2 || (eventArgs.event?.buttons & 2) === 2;\n      // 如果是右键点击，直接返回不处理\n      if (isRightClick) {\n        return;\n      }\n      const col = eventArgs.col;\n      const row = eventArgs.row;\n      if (this.filterToolbar.isVisible) {\n        this.filterToolbar.hide(eventArgs.col, eventArgs.row);\n      } else {\n        this.filterToolbar.show(col, row, this.pluginOptions.filterModes);\n      }\n    } else if (runtime === TABLE_EVENT_TYPE.SCROLL) {\n      if (eventArgs.scrollDirection === 'horizontal') {\n        this.filterToolbar.adjustMenuPosition();\n      }\n    }\n  }\n\n  updatePluginOptions(pluginOptions: FilterOptions) {\n    this.pluginOptions = merge(this.pluginOptions, pluginOptions);\n  }\n\n  update() {\n    // 更新筛选器UI样式\n    this.filterToolbar.updateStyles(this.pluginOptions.styles);\n\n    // 更新筛选器数据\n    if (this.filterToolbar.valueFilter) {\n      const allFields = (this.table as ListTable).columns.map(col => col.field) as string[];\n      const valueFilter = this.filterToolbar.valueFilter;\n      allFields.forEach(field => {\n        // 更新筛选候选值 & 新增的数据需要设置为选中态\n        valueFilter.collectUniqueColumnValues(field, true);\n      });\n      // 更新筛选UI\n      valueFilter.updateUI(this.filterStateManager.getFilterState(this.filterToolbar.selectedField));\n    }\n    if (this.filterStateManager) {\n      this.reapplyActiveFilters();\n    }\n  }\n\n  /**\n   * 处理选项更新事件\n   */\n  private handleOptionUpdate(options: ListTableConstructorOptions): void {\n    const currentActiveFields = this.filterStateManager ? this.filterStateManager.getActiveFilterFields() : [];\n\n    // 验证筛选状态一致性\n    if (this.filterStateManager && currentActiveFields.length > 0) {\n      this.validateFilterStatesAfterUpdate(options, currentActiveFields);\n    }\n\n    // 更新筛选图标\n    this.updateFilterIcons(options.columns);\n  }\n\n  /**\n   * 重新应用所有激活的筛选状态\n   * 在 updateOption 后调用，因为 updateOption 会全量更新表格\n   */\n  private reapplyActiveFilters(): void {\n    this.filterStateManager.reapplyCurrentFilters();\n  }\n\n  /**\n   * 验证更新后的筛选状态一致性\n   */\n  private validateFilterStatesAfterUpdate(\n    options: ListTableConstructorOptions,\n    activeFields: (string | number)[]\n  ): void {\n    const columns = options.columns;\n    const fieldsToRemove: (string | number)[] = [];\n\n    activeFields.forEach(field => {\n      const column = columns.find(col => col.field === field);\n\n      // 检查该列是否仍然应该启用筛选\n      if (!column || !this.shouldEnableFilterForColumn(field, column)) {\n        fieldsToRemove.push(field);\n      }\n    });\n\n    // 清除不再有效的筛选状态\n    fieldsToRemove.forEach(field => {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.REMOVE_FILTER,\n        payload: { field }\n      });\n    });\n  }\n\n  /**\n   * 更新所有列的筛选图标状态\n   * 根据列的筛选启用状态，添加或移除筛选图标\n   */\n  private updateFilterIcons(columns: ColumnsDefine = []) {\n    const filterIcon = this.pluginOptions.filterIcon;\n    const filteringIcon = this.pluginOptions.filteringIcon;\n\n    const isIconEqual = (a: any, b: any) =>\n      a === b || (a && b && typeof a === 'object' && typeof b === 'object' && a.name === b.name);\n\n    const toIconList = (icons: any) => (icons ? (Array.isArray(icons) ? icons : [icons]) : []);\n\n    const compactIcons = (list: any[]) => (list.length === 0 ? undefined : list.length === 1 ? list[0] : list);\n\n    columns.forEach(column => {\n      const shouldShow = this.shouldEnableFilterForColumn(column.field as string | number, column);\n      const isFiltering = !!this.filterStateManager.getFilterState(column.field as string | number)?.enable;\n      let icons = toIconList(column.headerIcon);\n\n      if (shouldShow) {\n        if (isFiltering) {\n          if (!icons.some(icon => isIconEqual(icon, filteringIcon))) {\n            icons = icons.filter(icon => !isIconEqual(icon, filterIcon));\n            icons.push(filteringIcon);\n          }\n        } else {\n          if (!icons.some(icon => isIconEqual(icon, filterIcon))) {\n            icons = icons.filter(icon => !isIconEqual(icon, filteringIcon));\n            icons.push(filterIcon);\n          }\n        }\n      } else {\n        icons = icons.filter(icon => !isIconEqual(icon, filterIcon));\n      }\n\n      column.headerIcon = compactIcons(icons);\n    });\n  }\n\n  /**\n   * 判断指定列是否应该启用筛选功能\n   */\n  shouldEnableFilterForColumn(field: number | string, column: ColumnDefine): boolean {\n    // 如果是空白列，不适用筛选\n    if (!column.title) {\n      return false;\n    }\n\n    // 首先检查列级别的 filter 属性（最高优先级）\n    const columnWithFilter = column as any;\n    if (columnWithFilter.filter !== undefined) {\n      return !!columnWithFilter.filter;\n    }\n\n    // 如果有自定义的启用钩子函数，使用钩子函数的结果\n    if (this.pluginOptions.enableFilter) {\n      return this.pluginOptions.enableFilter(field, column);\n    }\n\n    // 如果没有钩子函数，使用默认启用配置\n    if (this.pluginOptions.defaultEnabled !== undefined) {\n      return this.pluginOptions.defaultEnabled;\n    }\n\n    // 默认情况，所有列都启用筛选\n    return true;\n  }\n\n  /**\n   * 获取当前的筛选状态\n   * 用于保存配置时获取筛选状态\n   */\n  getFilterState(): any {\n    if (!this.filterStateManager) {\n      return null;\n    }\n\n    const state = this.filterStateManager.getAllFilterStates();\n    const serializedState: Record<string | number, any> = {};\n\n    // 将 Map 转换为普通对象以便序列化\n    state.filters.forEach((config: FilterConfig, field: string | number) => {\n      serializedState[field] = {\n        enable: config.enable,\n        field: config.field,\n        type: config.type,\n        values: config.values,\n        operator: config.operator,\n        condition: config.condition\n      };\n    });\n\n    return {\n      filters: serializedState\n    };\n  }\n\n  /**\n   * 设置筛选状态\n   * 用于从保存的配置中恢复筛选状态\n   */\n  setFilterState(filterState?: FilterState): void {\n    if (!this.filterStateManager) {\n      console.warn('setFilterState: 状态管理器未初始化');\n      return;\n    }\n\n    // 清除当前所有筛选\n    this.filterStateManager.dispatch({\n      type: FilterActionType.CLEAR_ALL_FILTERS,\n      payload: {}\n    });\n\n    // 若传入参数为空，则重置筛选状态\n    if (!filterState || !filterState.filters) {\n      return;\n    }\n\n    // 恢复每个筛选配置\n    Object.entries(filterState.filters).forEach(([, config]: [string, any]) => {\n      if (config.enable) {\n        this.filterStateManager.dispatch({\n          type: FilterActionType.ADD_FILTER,\n          payload: {\n            field: config.field,\n            type: config.type,\n            values: config.values,\n            operator: config.operator,\n            condition: config.condition,\n            enable: true\n          }\n        });\n      }\n    });\n  }\n\n  release() {\n    this.columns.forEach(column => {\n      column.headerIcon = undefined;\n    });\n    this.table = null;\n    this.filterEngine = null;\n    this.filterStateManager = null;\n    this.filterToolbar = null;\n  }\n}\n"]}