@visactor/vtable-plugins 1.22.6-alpha.2 → 1.22.6

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, 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';\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  }\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);\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    } 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.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\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    } else if (runtime === TABLE_EVENT_TYPE.SCROLL) {\n      if (eventArgs.scrollDirection === 'horizontal') {\n        this.filterToolbar.adjustMenuPosition();\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.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.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';\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  }\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);\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    } 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.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\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    } else if (runtime === TABLE_EVENT_TYPE.SCROLL) {\n      if (eventArgs.scrollDirection === 'horizontal') {\n        this.filterToolbar.adjustMenuPosition();\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.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.table = null;\n    this.filterEngine = null;\n    this.filterStateManager = null;\n    this.filterToolbar.valueFilter.destroy();\n    this.filterToolbar = null;\n  }\n}\n"]}

package/es/filter/types.d.ts

@@ -34,7 +34,7 @@ export interface FilterAction {
 }
 export interface ValueFilterOptionDom {
     id: string;
-    originalValue: any;
+    originalValue: any[];
     itemContainer: HTMLDivElement;
     checkbox: HTMLInputElement;
     countSpan: HTMLSpanElement;

package/es/filter/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/types.ts"],"names":[],"mappings":"AAiCA,MAAM,CAAN,IAAY,gBAQX;AARD,WAAY,gBAAgB;IAC1B,mEAAU,CAAA;IACV,yEAAa,CAAA;IACb,yEAAa,CAAA;IACb,yEAAa,CAAA;IACb,2EAAc,CAAA;IACd,iFAAiB,CAAA;IACjB,yEAAa,CAAA;AACf,CAAC,EARW,gBAAgB,KAAhB,gBAAgB,QAQ3B;AA2CD,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,qCAAW,CAAA;IACX,uCAAa,CAAA;IACb,2CAAiB,CAAA;IACjB,yCAAe,CAAA;IACf,+CAAqB,CAAA;IACrB,yCAAe,CAAA;AACjB,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC","file":"types.js","sourcesContent":["import type { TYPES } from '@visactor/vtable';\n\nexport interface FilterOptions {\n  /** 筛选器 ID，用于唯一标识筛选器 */\n  id?: string;\n  /** 筛选器图标 */\n  filterIcon?: TYPES.ColumnIconOption;\n  /** 筛选器激活图标 */\n  filteringIcon?: TYPES.ColumnIconOption;\n  /** 筛选功能启用钩子函数，返回指定列是否启用筛选功能 */\n  enableFilter?: (field: number | string, column: TYPES.ColumnDefine) => boolean;\n  /** 默认是否启用筛选（当 enableFilter 未定义时使用） */\n  defaultEnabled?: boolean;\n  /** 是否展示按条件筛选，按值筛选 UI */\n  filterModes?: FilterMode[];\n}\n\nexport type FilterMode = 'byValue' | 'byCondition';\n\nexport interface FilterState {\n  filters: Map<string | number, FilterConfig>;\n  // activeFilters: string[];  // 激活的筛选器的 ID 列表\n}\n\nexport interface FilterConfig {\n  enable: boolean; // 是否启用筛选\n  field: string | number; // 对应表格列，同时作为筛选配置的唯一标识\n  type: 'byValue' | 'byCondition'; // 筛选类型\n  values?: any[]; // 按值筛选时的值列表\n  operator?: FilterOperator; // 按条件筛选时的操作符\n  condition?: any; // 按条件筛选时的具体条件\n}\n\nexport enum FilterActionType {\n  ADD_FILTER,\n  REMOVE_FILTER,\n  UPDATE_FILTER,\n  ENABLE_FILTER,\n  DISABLE_FILTER,\n  CLEAR_ALL_FILTERS,\n  APPLY_FILTERS\n}\n\nexport interface FilterAction {\n  type: FilterActionType;\n  payload: any;\n}\n\nexport interface ValueFilterOptionDom {\n  id: string;\n  originalValue: any;\n  itemContainer: HTMLDivElement;\n  checkbox: HTMLInputElement;\n  countSpan: HTMLSpanElement;\n}\n\nexport type FilterOperator =\n  // 通用\n  | 'equals'\n  | 'notEquals'\n  // 数值\n  | 'greaterThan'\n  | 'lessThan'\n  | 'greaterThanOrEqual'\n  | 'lessThanOrEqual'\n  | 'between'\n  | 'notBetween'\n  // 文本\n  | 'contains'\n  | 'notContains'\n  | 'startsWith'\n  | 'notStartsWith'\n  | 'endsWith'\n  | 'notEndsWith'\n  // 复选框 | 单选框\n  | 'isChecked'\n  | 'isUnchecked';\n\nexport interface OperatorOption {\n  value: FilterOperator;\n  label: string;\n  category: FilterOperatorCategory;\n}\n\nexport enum FilterOperatorCategory {\n  ALL = 'all',\n  TEXT = 'text',\n  NUMBER = 'number',\n  COLOR = 'color',\n  CHECKBOX = 'checkbox',\n  RADIO = 'radio'\n}\n\nexport type FilterListener = (state: FilterState, action?: FilterAction) => void;\n"]}
+{"version":3,"sources":["../src/filter/types.ts"],"names":[],"mappings":"AAiCA,MAAM,CAAN,IAAY,gBAQX;AARD,WAAY,gBAAgB;IAC1B,mEAAU,CAAA;IACV,yEAAa,CAAA;IACb,yEAAa,CAAA;IACb,yEAAa,CAAA;IACb,2EAAc,CAAA;IACd,iFAAiB,CAAA;IACjB,yEAAa,CAAA;AACf,CAAC,EARW,gBAAgB,KAAhB,gBAAgB,QAQ3B;AA2CD,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,qCAAW,CAAA;IACX,uCAAa,CAAA;IACb,2CAAiB,CAAA;IACjB,yCAAe,CAAA;IACf,+CAAqB,CAAA;IACrB,yCAAe,CAAA;AACjB,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC","file":"types.js","sourcesContent":["import type { TYPES } from '@visactor/vtable';\n\nexport interface FilterOptions {\n  /** 筛选器 ID，用于唯一标识筛选器 */\n  id?: string;\n  /** 筛选器图标 */\n  filterIcon?: TYPES.ColumnIconOption;\n  /** 筛选器激活图标 */\n  filteringIcon?: TYPES.ColumnIconOption;\n  /** 筛选功能启用钩子函数，返回指定列是否启用筛选功能 */\n  enableFilter?: (field: number | string, column: TYPES.ColumnDefine) => boolean;\n  /** 默认是否启用筛选（当 enableFilter 未定义时使用） */\n  defaultEnabled?: boolean;\n  /** 是否展示按条件筛选，按值筛选 UI */\n  filterModes?: FilterMode[];\n}\n\nexport type FilterMode = 'byValue' | 'byCondition';\n\nexport interface FilterState {\n  filters: Map<string | number, FilterConfig>;\n  // activeFilters: string[];  // 激活的筛选器的 ID 列表\n}\n\nexport interface FilterConfig {\n  enable: boolean; // 是否启用筛选\n  field: string | number; // 对应表格列，同时作为筛选配置的唯一标识\n  type: 'byValue' | 'byCondition'; // 筛选类型\n  values?: any[]; // 按值筛选时的值列表\n  operator?: FilterOperator; // 按条件筛选时的操作符\n  condition?: any; // 按条件筛选时的具体条件\n}\n\nexport enum FilterActionType {\n  ADD_FILTER,\n  REMOVE_FILTER,\n  UPDATE_FILTER,\n  ENABLE_FILTER,\n  DISABLE_FILTER,\n  CLEAR_ALL_FILTERS,\n  APPLY_FILTERS\n}\n\nexport interface FilterAction {\n  type: FilterActionType;\n  payload: any;\n}\n\nexport interface ValueFilterOptionDom {\n  id: string;\n  originalValue: any[];\n  itemContainer: HTMLDivElement;\n  checkbox: HTMLInputElement;\n  countSpan: HTMLSpanElement;\n}\n\nexport type FilterOperator =\n  // 通用\n  | 'equals'\n  | 'notEquals'\n  // 数值\n  | 'greaterThan'\n  | 'lessThan'\n  | 'greaterThanOrEqual'\n  | 'lessThanOrEqual'\n  | 'between'\n  | 'notBetween'\n  // 文本\n  | 'contains'\n  | 'notContains'\n  | 'startsWith'\n  | 'notStartsWith'\n  | 'endsWith'\n  | 'notEndsWith'\n  // 复选框 | 单选框\n  | 'isChecked'\n  | 'isUnchecked';\n\nexport interface OperatorOption {\n  value: FilterOperator;\n  label: string;\n  category: FilterOperatorCategory;\n}\n\nexport enum FilterOperatorCategory {\n  ALL = 'all',\n  TEXT = 'text',\n  NUMBER = 'number',\n  COLOR = 'color',\n  CHECKBOX = 'checkbox',\n  RADIO = 'radio'\n}\n\nexport type FilterListener = (state: FilterState, action?: FilterAction) => void;\n"]}

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

@@ -1,32 +1,37 @@
-import type { ListTable, PivotTable } from '@visactor/vtable';
+import { ListTable, PivotTable } from '@visactor/vtable';
 import type { FilterStateManager } from './filter-state-manager';
 export declare class ValueFilter {
     private table;
     private filterStateManager;
-    private uniqueKeys;
-    private displayToRawValueMap;
     private selectedField;
+    private selectedKeys;
+    private candidateKeys;
+    private formatFnCache;
+    private toUnformattedCache;
     private valueFilterOptionList;
     private filterByValuePanel;
     private filterByValueSearchInput;
     private selectAllCheckbox;
+    private totalCountSpan;
     private filterItemsContainer;
+    private _onInputKeyUpHandler;
+    private _onCheckboxChangeHandler;
     constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
-    private updateUI;
     setSelectedField(fieldId: string | number): void;
-    collectUniqueColumnValues(fieldId: string | number): void;
-    private onValueSelect;
+    private getFormatFnCache;
+    private collectCandidateKeysForUnfilteredColumn;
+    private collectCandidateKeysForFilteredColumn;
     private toggleSelectAll;
+    private syncSelectAllCheckbox;
     private onSearch;
     private initFilterStateFromTableData;
-    private syncCheckboxesWithFilterState;
-    private syncSelectAllWithFilterState;
     applyFilter(fieldId?: string | number): void;
     clearFilter(fieldId: string | number): void;
     render(container: HTMLElement): void;
     private renderFilterOptions;
-    bindEventForFilterByValue(): void;
+    private bindEventForFilterByValue;
     show(): void;
     hide(): void;
     clearSearchInputValue(): void;
+    destroy(): void;
 }

package/es/filter/value-filter.js

@@ -6,187 +6,87 @@ import { applyStyles, filterStyles } from "./styles";
 
 export class ValueFilter {
     constructor(table, filterStateManager) {
-        this.uniqueKeys = new Map, this.displayToRawValueMap = new Map, this.valueFilterOptionList = new Map, 
-        this.table = table, this.filterStateManager = filterStateManager, this.filterStateManager.subscribe((state => {
-            const filterState = state.filters.get(this.selectedField);
-            filterState && "byValue" === filterState.type && this.updateUI(filterState);
-        }));
-    }
-    updateUI(filterState) {
-        this.syncCheckboxesWithFilterState(filterState), this.syncSelectAllWithFilterState(filterState);
+        this.selectedKeys = new Map, this.candidateKeys = new Map, this.formatFnCache = new Map, 
+        this.toUnformattedCache = new Map, this.valueFilterOptionList = new Map, this.table = table, 
+        this.filterStateManager = filterStateManager;
     }
     setSelectedField(fieldId) {
-        this.selectedField = fieldId, this.collectUniqueColumnValues(fieldId);
-    }
-    collectUniqueColumnValues(fieldId) {
-        var _a;
-        const isEnable = null === (_a = this.filterStateManager.getFilterState(fieldId)) || void 0 === _a ? void 0 : _a.enable, displayValueMap = new Map, rawToDisplayMap = new Map, displayToRawMap = new Map;
-        let targetCol = -1, targetRow = -1;
-        for (let col = 0; col < this.table.colCount; col++) {
-            for (let row = this.table.columnHeaderLevelCount; row < this.table.rowCount; row++) if (!this.table.internalProps.layoutMap.isHeader(col, row)) {
-                const bodyInfo = this.table.internalProps.layoutMap.getBody(col, row);
-                if (bodyInfo && bodyInfo.field === fieldId) {
-                    targetCol = col, targetRow = row;
-                    break;
-                }
-            }
-            if (-1 !== targetCol) break;
-        }
-        if (isEnable) {
-            const records = this.table.internalProps.records, recordsLength = records.length;
-            for (let i = 0; i < recordsLength; i++) {
-                let rawValue, displayValue;
-                if (-1 !== targetCol) {
-                    const row = this.table.columnHeaderLevelCount + i;
-                    rawValue = records[i][fieldId];
-                    const bodyInfo = this.table.internalProps.layoutMap.getBody(targetCol, row);
-                    displayValue = bodyInfo && "fieldFormat" in bodyInfo && bodyInfo.fieldFormat && "function" == typeof bodyInfo.fieldFormat ? bodyInfo.fieldFormat({
-                        [fieldId]: rawValue
-                    }) : rawValue;
-                }
-                null != rawValue && (displayValueMap.set(displayValue, (displayValueMap.get(displayValue) || 0) + 1), 
-                rawToDisplayMap.set(rawValue, displayValue), displayToRawMap.set(displayValue, rawValue));
+        this.selectedField = fieldId;
+    }
+    getFormatFnCache(fieldId) {
+        let formatFn = this.formatFnCache.get(fieldId);
+        if (null != formatFn) return formatFn;
+        const headerAddress = this.table.internalProps.layoutMap.getHeaderCellAddressByField(String(fieldId)), bodyInfo = this.table.internalProps.layoutMap.getBody(null == headerAddress ? void 0 : headerAddress.col, null == headerAddress ? void 0 : headerAddress.row);
+        return formatFn = bodyInfo && "fieldFormat" in bodyInfo && "function" == typeof bodyInfo.fieldFormat ? bodyInfo.fieldFormat : bodyInfo && "format" in bodyInfo && "function" == typeof bodyInfo.format ? bodyInfo.format : record => record[fieldId], 
+        this.formatFnCache.set(fieldId, formatFn), formatFn;
+    }
+    collectCandidateKeysForUnfilteredColumn(fieldId) {
+        const countMap = new Map, records = this.table.internalProps.dataSource.records, formatFn = this.getFormatFnCache(fieldId), toUnformatted = new Map;
+        records.forEach((record => {
+            const originalValue = record[fieldId], formattedValue = formatFn(record);
+            if (null != formattedValue) {
+                countMap.set(formattedValue, (countMap.get(formattedValue) || 0) + 1);
+                const unformattedSet = toUnformatted.get(formattedValue);
+                null != unformattedSet ? unformattedSet.add(originalValue) : toUnformatted.set(formattedValue, new Set([ originalValue ]));
             }
-        } else {
-            const currentLength = this.table.internalProps.dataSource.length;
-            for (let i = 0; i < currentLength; i++) {
-                let rawValue, displayValue;
-                if (-1 !== targetCol) {
-                    const row = this.table.columnHeaderLevelCount + i;
-                    row < this.table.rowCount && (rawValue = this.table.getCellOriginValue(targetCol, row), 
-                    displayValue = this.table.getCellValue(targetCol, row));
-                } else rawValue = this.table.getFieldData(String(fieldId), -1 !== targetCol ? targetCol : 0, this.table.columnHeaderLevelCount + i), 
-                displayValue = rawValue;
-                null != rawValue && (displayValueMap.set(displayValue, (displayValueMap.get(displayValue) || 0) + 1), 
-                rawToDisplayMap.set(rawValue, displayValue), displayToRawMap.set(displayValue, rawValue));
+        })), this.candidateKeys.set(fieldId, countMap), this.toUnformattedCache.set(fieldId, toUnformatted);
+    }
+    collectCandidateKeysForFilteredColumn(candidateField) {
+        const filteredFields = this.filterStateManager.getActiveFilterFields().filter((field => field !== candidateField)), toUnformatted = new Map, formatFn = this.getFormatFnCache(candidateField), countMap = new Map;
+        this.table.internalProps.records.filter((record => filteredFields.every((field => this.selectedKeys.get(field).has(record[field]))))).forEach((record => {
+            const originalValue = record[candidateField], formattedValue = formatFn(record);
+            if (countMap.set(formattedValue, (countMap.get(formattedValue) || 0) + 1), null != formattedValue) {
+                const unformattedSet = toUnformatted.get(formattedValue);
+                null != unformattedSet ? unformattedSet.add(originalValue) : toUnformatted.set(formattedValue, new Set([ originalValue ]));
             }
-        }
-        this.displayToRawValueMap.set(fieldId, displayToRawMap);
-        const uniqueValues = Array.from(displayValueMap.entries()).map((([displayValue, count]) => ({
-            value: displayValue,
-            count: count,
-            rawValue: displayToRawMap.get(displayValue)
-        })));
-        this.uniqueKeys.set(fieldId, uniqueValues);
-    }
-    onValueSelect(fieldId, displayValue, selected) {
-        const displayToRawMap = this.displayToRawValueMap.get(fieldId), rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue, filter = this.filterStateManager.getFilterState(fieldId);
-        if (filter) {
-            const updatedValues = selected ? [ ...filter.values || [], rawValue ] : (filter.values || []).filter((v => v !== rawValue));
-            this.filterStateManager.dispatch({
-                type: FilterActionType.UPDATE_FILTER,
-                payload: {
-                    field: fieldId,
-                    values: updatedValues
-                }
-            });
-        } else this.filterStateManager.dispatch({
-            type: FilterActionType.ADD_FILTER,
-            payload: {
-                field: fieldId,
-                type: "byValue",
-                values: [ rawValue ]
-            }
-        });
+        })), this.candidateKeys.set(candidateField, countMap), this.toUnformattedCache.set(candidateField, toUnformatted);
     }
     toggleSelectAll(fieldId, selected) {
-        var _a;
-        const filter = this.filterStateManager.getFilterState(fieldId), rawValuesToUpdate = selected && (null === (_a = this.uniqueKeys.get(fieldId)) || void 0 === _a ? void 0 : _a.map((item => item.rawValue))) || [];
-        if (filter) {
-            const updatedValues = selected ? rawValuesToUpdate : [];
-            this.filterStateManager.dispatch({
-                type: FilterActionType.UPDATE_FILTER,
-                payload: {
-                    field: fieldId,
-                    values: updatedValues
-                }
-            });
-        } else this.filterStateManager.dispatch({
-            type: FilterActionType.ADD_FILTER,
-            payload: {
-                field: fieldId,
-                type: "byValue",
-                values: rawValuesToUpdate,
-                enable: !0
-            }
-        });
+        this.valueFilterOptionList.get(fieldId).forEach((option => {
+            option.checkbox.checked = selected;
+        }));
+    }
+    syncSelectAllCheckbox(fieldId) {
+        const options = this.valueFilterOptionList.get(fieldId) || [], allChecked = options.every((o => o.checkbox.checked)), noneChecked = options.every((o => !o.checkbox.checked));
+        this.selectAllCheckbox.checked = allChecked, this.selectAllCheckbox.indeterminate = !allChecked && !noneChecked;
     }
     onSearch(fieldId, value) {
-        const filterKeywords = value.toUpperCase().split(" ").filter((s => s)), items = this.valueFilterOptionList.get(fieldId);
+        const items = this.valueFilterOptionList.get(fieldId), filterKeywords = value.toUpperCase().split(" ").filter((s => s));
         for (const item of items) {
-            const txtValue = item.id.toUpperCase() || "", match = filterKeywords.some((keyword => txtValue.includes(keyword)));
-            item.itemContainer.style.display = 0 === filterKeywords.length || match ? "flex" : "none";
+            const txtValue = item.id.toUpperCase() || "", match = filterKeywords.some((keyword => txtValue.includes(keyword))), isVisible = 0 === filterKeywords.length || match;
+            item.itemContainer.style.display = isVisible ? "flex" : "none";
         }
     }
     initFilterStateFromTableData(fieldId) {
-        const filter = this.filterStateManager.getFilterState(fieldId), selectedRawValues = new Set, displayToRawMap = this.displayToRawValueMap.get(fieldId);
-        let targetCol = -1;
-        for (let col = 0; col < this.table.colCount; col++) {
-            for (let row = this.table.columnHeaderLevelCount; row < this.table.rowCount; row++) if (!this.table.internalProps.layoutMap.isHeader(col, row)) {
-                const bodyInfo = this.table.internalProps.layoutMap.getBody(col, row);
-                if (bodyInfo && bodyInfo.field === fieldId) {
-                    targetCol = col;
-                    break;
-                }
-            }
-            if (-1 !== targetCol) break;
-        }
-        const currentLength = this.table.internalProps.dataSource.length;
-        for (let i = 0; i < currentLength; i++) {
-            let displayValue, rawValue;
-            if (-1 !== targetCol) {
-                const row = this.table.columnHeaderLevelCount + i;
-                row < this.table.rowCount && (displayValue = this.table.getCellValue(targetCol, row), 
-                rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue);
-            } else displayValue = this.table.getFieldData(String(fieldId), -1 !== targetCol ? targetCol : 0, this.table.columnHeaderLevelCount + i), 
-            rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;
-            null != rawValue && selectedRawValues.add(rawValue);
-        }
-        (!filter || !arrayEqual(filter.values, Array.from(selectedRawValues))) && (filter ? this.filterStateManager.dispatch({
-            type: FilterActionType.UPDATE_FILTER,
-            payload: {
-                field: fieldId,
-                type: "byValue",
-                values: Array.from(selectedRawValues)
-            }
-        }) : this.filterStateManager.dispatch({
+        if (this.filterStateManager.getActiveFilterFields()) return;
+        const selectedValues = new Set, originalValues = new Set;
+        this.table.internalProps.dataSource.records.forEach((record => {
+            selectedValues.add(record[fieldId]);
+        }));
+        this.table.internalProps.records.forEach((record => {
+            originalValues.add(record[fieldId]);
+        }));
+        !arrayEqual(Array.from(originalValues), Array.from(selectedValues)) && (this.selectedKeys.set(fieldId, selectedValues), 
+        this.filterStateManager.dispatch({
             type: FilterActionType.ADD_FILTER,
             payload: {
                 field: fieldId,
                 type: "byValue",
-                values: Array.from(selectedRawValues)
+                values: Array.from(selectedValues),
+                enable: !0
             }
         }));
     }
-    syncCheckboxesWithFilterState(filter) {
-        if (!filter) return;
-        const selectedRawValues = filter.values || [], displayToRawMap = this.displayToRawValueMap.get(filter.field), optionDomList = this.valueFilterOptionList.get(filter.field);
-        null == optionDomList || optionDomList.forEach((optionDom => {
-            var _a, _b;
-            const displayValue = optionDom.originalValue, rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;
-            optionDom.checkbox.checked = selectedRawValues.some((v => v === rawValue));
-            const count = (null === (_b = null === (_a = this.uniqueKeys.get(filter.field)) || void 0 === _a ? void 0 : _a.find((key => String(key.value) === optionDom.id))) || void 0 === _b ? void 0 : _b.count) || 0;
-            optionDom.countSpan.textContent = String(count), optionDom.itemContainer.style.display = 0 === count ? "none" : "flex";
-        }));
-    }
-    syncSelectAllWithFilterState(filter) {
-        var _a;
-        if (!filter || !filter.values) return this.selectAllCheckbox.checked = !1, void (this.selectAllCheckbox.indeterminate = !1);
-        const uniqueValuesCount = (null === (_a = this.uniqueKeys.get(filter.field)) || void 0 === _a ? void 0 : _a.length) || 0;
-        0 === uniqueValuesCount || 0 === filter.values.length ? (this.selectAllCheckbox.checked = !1, 
-        this.selectAllCheckbox.indeterminate = !1) : filter.values.length === uniqueValuesCount ? (this.selectAllCheckbox.checked = !0, 
-        this.selectAllCheckbox.indeterminate = !1) : (this.selectAllCheckbox.checked = !1, 
-        this.selectAllCheckbox.indeterminate = !0);
-    }
     applyFilter(fieldId = this.selectedField) {
-        var _a, _b;
-        const selectedKeys = (null === (_a = this.filterStateManager.getFilterState(fieldId)) || void 0 === _a ? void 0 : _a.values) || [];
-        selectedKeys.length > 0 && selectedKeys.length < (null === (_b = this.uniqueKeys.get(fieldId)) || void 0 === _b ? void 0 : _b.length) ? this.filterStateManager.dispatch({
+        const options = this.valueFilterOptionList.get(fieldId);
+        if (!options || 0 === options.length) return;
+        const selections = options.map((option => option.checkbox.checked ? option.originalValue : null)).filter((key => null !== key)).flat();
+        this.selectedKeys.set(fieldId, new Set(selections)), selections.length > 0 && selections.length < this.valueFilterOptionList.get(fieldId).length ? this.filterStateManager.dispatch({
             type: FilterActionType.APPLY_FILTERS,
             payload: {
                 field: fieldId,
                 type: "byValue",
-                values: selectedKeys,
+                values: selections,
                 enable: !0
             }
         }) : this.filterStateManager.dispatch({
@@ -217,56 +117,61 @@ export class ValueFilter {
         const selectAllLabel = document.createElement("label");
         applyStyles(selectAllLabel, filterStyles.optionLabel), this.selectAllCheckbox = document.createElement("input"), 
         this.selectAllCheckbox.type = "checkbox", this.selectAllCheckbox.checked = !0, applyStyles(this.selectAllCheckbox, filterStyles.checkbox), 
-        selectAllLabel.append(this.selectAllCheckbox, " 全选"), selectAllItemDiv.appendChild(selectAllLabel), 
-        this.filterItemsContainer = document.createElement("div"), optionsContainer.append(selectAllItemDiv, this.filterItemsContainer), 
-        this.filterByValuePanel.append(searchContainer, optionsContainer), container.appendChild(this.filterByValuePanel), 
-        this.bindEventForFilterByValue();
+        this.totalCountSpan = document.createElement("span"), this.totalCountSpan.textContent = "", 
+        applyStyles(this.totalCountSpan, filterStyles.countSpan), selectAllLabel.append(this.selectAllCheckbox, " 全选"), 
+        selectAllItemDiv.append(selectAllLabel, this.totalCountSpan), this.filterItemsContainer = document.createElement("div"), 
+        optionsContainer.append(selectAllItemDiv, this.filterItemsContainer), this.filterByValuePanel.append(searchContainer, optionsContainer), 
+        container.appendChild(this.filterByValuePanel), this.bindEventForFilterByValue();
     }
     renderFilterOptions(field) {
-        var _a, _b;
+        var _a, _b, _c;
         this.filterItemsContainer.innerHTML = "", this.valueFilterOptionList.delete(field), 
         this.valueFilterOptionList.set(field, []);
-        const selectedRawValues = (null === (_a = this.filterStateManager.getFilterState(field)) || void 0 === _a ? void 0 : _a.values) || [], selectedRawValueSet = new Set(selectedRawValues), itemDomList = [];
-        null === (_b = this.uniqueKeys.get(field)) || void 0 === _b || _b.forEach((({value: value, count: count, rawValue: rawValue}) => {
-            const itemDiv = document.createElement("div");
-            applyStyles(itemDiv, filterStyles.optionItem);
+        let totalCount = 0, allChecked = !0, noneChecked = !0;
+        const selectedKeysSet = this.selectedKeys.get(field), itemDomList = [], isFiltered = null === (_a = this.filterStateManager.getFilterState(field)) || void 0 === _a ? void 0 : _a.enable, toUnformatted = this.toUnformattedCache.get(field), candidates = this.candidateKeys.get(field);
+        if (!candidates || 0 === candidates.size) return;
+        const candidatesArr = [ ...candidates.entries() ], sortedCandidatesArr = "number" == typeof candidatesArr[0][0] ? null === (_b = [ ...candidatesArr ]) || void 0 === _b ? void 0 : _b.sort((([a], [b]) => Number(a) - Number(b))) : null === (_c = [ ...candidatesArr ]) || void 0 === _c ? void 0 : _c.sort((([a], [b]) => String(a).localeCompare(String(b))));
+        null == sortedCandidatesArr || sortedCandidatesArr.forEach((([val, count]) => {
+            totalCount += count;
+            const unformattedArr = Array.from(toUnformatted.get(val) || new Set), itemDiv = document.createElement("div");
+            applyStyles(itemDiv, filterStyles.optionItem), itemDiv.style.display = "flex";
             const label = document.createElement("label");
             applyStyles(label, filterStyles.optionLabel);
             const checkbox = document.createElement("input");
-            checkbox.type = "checkbox", checkbox.value = String(value), checkbox.checked = selectedRawValueSet.has(rawValue), 
-            applyStyles(checkbox, filterStyles.checkbox);
+            checkbox.type = "checkbox", checkbox.value = String(val), checkbox.checked = !isFiltered || unformattedArr.some((v => null == selectedKeysSet ? void 0 : selectedKeysSet.has(v))), 
+            applyStyles(checkbox, filterStyles.checkbox), checkbox.checked ? noneChecked = !1 : allChecked = !1;
             const countSpan = document.createElement("span");
             countSpan.textContent = String(count), applyStyles(countSpan, filterStyles.countSpan), 
-            label.append(checkbox, ` ${value}`), itemDiv.append(label, countSpan), this.filterItemsContainer.appendChild(itemDiv);
+            label.append(checkbox, ` ${val}`), itemDiv.append(label, countSpan), this.filterItemsContainer.appendChild(itemDiv);
             const itemDom = {
-                id: String(value),
-                originalValue: value,
+                id: String(val),
+                originalValue: unformattedArr,
                 itemContainer: itemDiv,
                 checkbox: checkbox,
                 countSpan: countSpan
             };
             itemDomList.push(itemDom);
-        })), this.valueFilterOptionList.set(field, itemDomList);
+        })), this.valueFilterOptionList.set(field, itemDomList), this.selectAllCheckbox.checked = allChecked, 
+        this.selectAllCheckbox.indeterminate = !allChecked && !noneChecked, this.totalCountSpan.textContent = String(totalCount);
     }
     bindEventForFilterByValue() {
-        this.filterByValuePanel.addEventListener("keyup", (event => {
+        this._onInputKeyUpHandler = event => {
             const target = event.target;
             if (target instanceof HTMLInputElement && "text" === target.type) {
                 const value = target.value;
                 this.onSearch(this.selectedField, value);
             }
-        })), this.filterByValuePanel.addEventListener("change", (event => {
-            var _a, _b;
+        }, this._onCheckboxChangeHandler = event => {
             const target = event.target;
-            if (target instanceof HTMLInputElement && "checkbox" === target.type) if (target === this.selectAllCheckbox) this.toggleSelectAll(this.selectedField, this.selectAllCheckbox.checked); else {
-                const checkbox = target, checked = checkbox.checked, value = null === (_b = null === (_a = this.valueFilterOptionList.get(this.selectedField)) || void 0 === _a ? void 0 : _a.find((item => item.id === checkbox.value))) || void 0 === _b ? void 0 : _b.originalValue;
-                this.onValueSelect(this.selectedField, value, checked);
-            }
-        }));
+            target instanceof HTMLInputElement && "checkbox" === target.type && (target === this.selectAllCheckbox ? this.toggleSelectAll(this.selectedField, this.selectAllCheckbox.checked) : this.syncSelectAllCheckbox(this.selectedField));
+        }, this.filterByValuePanel.addEventListener("keyup", this._onInputKeyUpHandler), 
+        this.filterByValuePanel.addEventListener("change", this._onCheckboxChangeHandler);
     }
     show() {
-        this.initFilterStateFromTableData(this.selectedField), this.renderFilterOptions(this.selectedField), 
-        this.filterByValuePanel.style.display = "block";
+        var _a;
+        (null === (_a = this.filterStateManager.getFilterState(this.selectedField)) || void 0 === _a ? void 0 : _a.enable) ? this.collectCandidateKeysForFilteredColumn(this.selectedField) : this.collectCandidateKeysForUnfilteredColumn(this.selectedField), 
+        this.initFilterStateFromTableData(this.selectedField), this.filterByValueSearchInput && (this.filterByValueSearchInput.value = ""), 
+        this.renderFilterOptions(this.selectedField), this.filterByValuePanel.style.display = "block";
     }
     hide() {
         this.filterByValuePanel.style.display = "none";
@@ -274,5 +179,19 @@ export class ValueFilter {
     clearSearchInputValue() {
         this.filterByValueSearchInput.value = "";
     }
+    destroy() {
+        if (this.filterByValuePanel && (this._onInputKeyUpHandler && this.filterByValuePanel.removeEventListener("keyup", this._onInputKeyUpHandler), 
+        this._onCheckboxChangeHandler && this.filterByValuePanel.removeEventListener("change", this._onCheckboxChangeHandler)), 
+        this._onInputKeyUpHandler = void 0, this._onCheckboxChangeHandler = void 0, this.filterByValuePanel) {
+            const parent = this.filterByValuePanel.parentElement;
+            parent ? parent.removeChild(this.filterByValuePanel) : this.filterByValuePanel.remove();
+        }
+        this.filterItemsContainer && (this.filterItemsContainer.innerHTML = ""), this.filterByValueSearchInput && (this.filterByValueSearchInput.value = ""), 
+        this.selectedKeys && this.selectedKeys.clear(), this.candidateKeys && this.candidateKeys.clear(), 
+        this.formatFnCache && this.formatFnCache.clear(), this.toUnformattedCache && this.toUnformattedCache.clear(), 
+        this.valueFilterOptionList && this.valueFilterOptionList.clear(), this.filterByValuePanel = void 0, 
+        this.filterByValueSearchInput = void 0, this.selectAllCheckbox = void 0, this.totalCountSpan = void 0, 
+        this.filterItemsContainer = void 0;
+    }
 }
 //# sourceMappingURL=value-filter.js.map