@visactor/vtable-plugins 1.22.7-alpha.2 → 1.22.7-alpha.4

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

@@ -1,27 +1,18 @@
 import type { ListTable, PivotTable } from '@visactor/vtable';
 import type { FilterStateManager } from './filter-state-manager';
-import type { FilterOptions, FilterStyles, OperatorOption } from './types';
 export declare class ConditionFilter {
     private table;
     private filterStateManager;
-    private pluginOptions;
-    private styles;
     private filterByConditionPanel;
-    private conditionContainer;
-    private categoryLabel;
     private selectedField;
     private operatorSelect;
     private valueInput;
-    private andLabel;
     private valueInputMax;
     private categorySelect;
-    private operatorLabel;
-    private rangeInputContainer;
-    private valueLabel;
     private currentCategory;
+    private operators;
     private categories;
-    protected operators: OperatorOption[];
-    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, pluginOptions: FilterOptions);
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
     setSelectedField(fieldId: string | number): void;
     private updateOperatorOptions;
     private handleCategoryChange;
@@ -33,7 +24,6 @@ export declare class ConditionFilter {
     applyFilter(fieldId?: string | number): void;
     clearFilter(fieldId: string | number): void;
     render(container: HTMLElement): void;
-    updateStyles(styles: FilterStyles): void;
     private bindEvents;
     show(): void;
     hide(): void;

package/cjs/filter/condition-filter.js

@@ -4,14 +4,125 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ConditionFilter = void 0;
 
-const styles_1 = require("./styles"), types_1 = require("./types"), constant_1 = require("./constant");
+const styles_1 = require("./styles"), types_1 = require("./types");
 
 class ConditionFilter {
-    constructor(table, filterStateManager, pluginOptions) {
-        this.currentCategory = types_1.FilterOperatorCategory.ALL, this.categories = [], 
-        this.operators = [], this.table = table, this.filterStateManager = filterStateManager, 
-        this.pluginOptions = pluginOptions, this.styles = pluginOptions.styles || {}, this.categories = pluginOptions.conditionCategories, 
-        this.operators = constant_1.operators;
+    constructor(table, filterStateManager) {
+        this.currentCategory = types_1.FilterOperatorCategory.ALL, this.operators = [ {
+            value: "equals",
+            label: "等于",
+            category: types_1.FilterOperatorCategory.ALL
+        }, {
+            value: "notEquals",
+            label: "不等于",
+            category: types_1.FilterOperatorCategory.ALL
+        }, {
+            value: "equals",
+            label: "等于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "notEquals",
+            label: "不等于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "greaterThan",
+            label: "大于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "lessThan",
+            label: "小于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "greaterThanOrEqual",
+            label: "大于等于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "lessThanOrEqual",
+            label: "小于等于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "between",
+            label: "介于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "notBetween",
+            label: "不介于",
+            category: types_1.FilterOperatorCategory.NUMBER
+        }, {
+            value: "equals",
+            label: "等于",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "notEquals",
+            label: "不等于",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "contains",
+            label: "包含",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "notContains",
+            label: "不包含",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "startsWith",
+            label: "开头是",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "notStartsWith",
+            label: "开头不是",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "endsWith",
+            label: "结尾是",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "notEndsWith",
+            label: "结尾不是",
+            category: types_1.FilterOperatorCategory.TEXT
+        }, {
+            value: "equals",
+            label: "等于",
+            category: types_1.FilterOperatorCategory.COLOR
+        }, {
+            value: "notEquals",
+            label: "不等于",
+            category: types_1.FilterOperatorCategory.COLOR
+        }, {
+            value: "isChecked",
+            label: "已选中",
+            category: types_1.FilterOperatorCategory.CHECKBOX
+        }, {
+            value: "isUnchecked",
+            label: "未选中",
+            category: types_1.FilterOperatorCategory.CHECKBOX
+        }, {
+            value: "isChecked",
+            label: "已选中",
+            category: types_1.FilterOperatorCategory.RADIO
+        }, {
+            value: "isUnchecked",
+            label: "未选中",
+            category: types_1.FilterOperatorCategory.RADIO
+        } ], this.categories = [ {
+            value: types_1.FilterOperatorCategory.ALL,
+            label: "全部"
+        }, {
+            value: types_1.FilterOperatorCategory.TEXT,
+            label: "文本"
+        }, {
+            value: types_1.FilterOperatorCategory.NUMBER,
+            label: "数值"
+        }, {
+            value: types_1.FilterOperatorCategory.COLOR,
+            label: "颜色"
+        }, {
+            value: types_1.FilterOperatorCategory.CHECKBOX,
+            label: "复选框"
+        }, {
+            value: types_1.FilterOperatorCategory.RADIO,
+            label: "单选框"
+        } ], this.table = table, this.filterStateManager = filterStateManager;
     }
     setSelectedField(fieldId) {
         this.selectedField = fieldId, this.updateOperatorOptions(), this.loadCurrentFilterState();
@@ -21,7 +132,7 @@ class ConditionFilter {
         let filteredOperators;
         if (this.operatorSelect.innerHTML = "", this.currentCategory === types_1.FilterOperatorCategory.ALL) {
             const uniqueOperators = new Map;
-            this.operators.filter((op => this.categories.map((cat => cat.value)).includes(op.category))).forEach((op => {
+            this.operators.forEach((op => {
                 uniqueOperators.has(op.value) || uniqueOperators.set(op.value, op);
             })), filteredOperators = Array.from(uniqueOperators.values());
         } else filteredOperators = this.operators.filter((op => op.category === this.currentCategory));
@@ -98,45 +209,40 @@ class ConditionFilter {
         }), this.hide();
     }
     render(container) {
-        const filterStyles = this.styles;
-        this.filterByConditionPanel = document.createElement("div"), (0, styles_1.applyStyles)(this.filterByConditionPanel, filterStyles.filterPanel), 
-        this.conditionContainer = document.createElement("div"), (0, styles_1.applyStyles)(this.conditionContainer, this.styles.conditionContainer), 
-        this.categoryLabel = (0, styles_1.createElement)("label", {}, [ "筛选类型：" ]), (0, 
-        styles_1.applyStyles)(this.categoryLabel, this.styles.formLabel), this.categorySelect = (0, 
-        styles_1.createElement)("select"), (0, styles_1.applyStyles)(this.categorySelect, filterStyles.operatorSelect), 
+        this.filterByConditionPanel = document.createElement("div"), (0, styles_1.applyStyles)(this.filterByConditionPanel, styles_1.filterStyles.filterPanel);
+        const conditionContainer = document.createElement("div");
+        (0, styles_1.applyStyles)(conditionContainer, styles_1.filterStyles.conditionContainer);
+        const categoryLabel = (0, styles_1.createElement)("label", {}, [ "筛选类型：" ]);
+        (0, styles_1.applyStyles)(categoryLabel, styles_1.filterStyles.formLabel), this.categorySelect = (0, 
+        styles_1.createElement)("select"), (0, styles_1.applyStyles)(this.categorySelect, styles_1.filterStyles.operatorSelect), 
         this.categories.forEach((category => {
             const option = document.createElement("option");
             option.value = category.value, option.textContent = category.label, this.categorySelect.appendChild(option);
-        })), this.operatorLabel = (0, styles_1.createElement)("label", {}, [ "筛选条件：" ]), 
-        (0, styles_1.applyStyles)(this.operatorLabel, this.styles.formLabel), this.operatorSelect = (0, 
-        styles_1.createElement)("select"), (0, styles_1.applyStyles)(this.operatorSelect, filterStyles.operatorSelect), 
-        this.valueLabel = (0, styles_1.createElement)("label", {}, [ "筛选值：" ]), (0, styles_1.applyStyles)(this.valueLabel, this.styles.formLabel), 
-        this.rangeInputContainer = (0, styles_1.createElement)("div"), (0, styles_1.applyStyles)(this.rangeInputContainer, this.styles.rangeInputContainer), 
+        }));
+        const operatorLabel = (0, styles_1.createElement)("label", {}, [ "筛选条件：" ]);
+        (0, styles_1.applyStyles)(operatorLabel, styles_1.filterStyles.formLabel), this.operatorSelect = (0, 
+        styles_1.createElement)("select"), (0, styles_1.applyStyles)(this.operatorSelect, styles_1.filterStyles.operatorSelect);
+        const valueLabel = (0, styles_1.createElement)("label", {}, [ "筛选值：" ]);
+        (0, styles_1.applyStyles)(valueLabel, styles_1.filterStyles.formLabel);
+        const rangeInputContainer = (0, styles_1.createElement)("div");
+        (0, styles_1.applyStyles)(rangeInputContainer, styles_1.filterStyles.rangeInputContainer), 
         this.valueInput = (0, styles_1.createElement)("input", {
             type: "text",
             placeholder: "请输入筛选值"
-        }), (0, styles_1.applyStyles)(this.valueInput, filterStyles.searchInput), this.andLabel = (0, 
-        styles_1.createElement)("span", {}, [ "和" ]), (0, styles_1.applyStyles)(this.andLabel, this.styles.addLabel), 
-        this.andLabel.style.display = "none", this.valueInputMax = (0, styles_1.createElement)("input", {
+        }), (0, styles_1.applyStyles)(this.valueInput, styles_1.filterStyles.searchInput);
+        const andLabel = (0, styles_1.createElement)("span", {}, [ "和" ]);
+        (0, styles_1.applyStyles)(andLabel, styles_1.filterStyles.addLabel), andLabel.style.display = "none", 
+        this.valueInputMax = (0, styles_1.createElement)("input", {
             type: "text",
             placeholder: "最大值"
-        }), (0, styles_1.applyStyles)(this.valueInputMax, filterStyles.searchInput), this.valueInputMax.style.display = "none", 
-        this.rangeInputContainer.appendChild(this.valueInput), this.rangeInputContainer.appendChild(this.andLabel), 
-        this.rangeInputContainer.appendChild(this.valueInputMax), this.conditionContainer.appendChild(this.categoryLabel), 
-        this.conditionContainer.appendChild(this.categorySelect), this.conditionContainer.appendChild(this.operatorLabel), 
-        this.conditionContainer.appendChild(this.operatorSelect), this.conditionContainer.appendChild(this.valueLabel), 
-        this.conditionContainer.appendChild(this.rangeInputContainer), this.filterByConditionPanel.appendChild(this.conditionContainer), 
-        container.appendChild(this.filterByConditionPanel), this.hide(), this.updateOperatorOptions(), 
-        this.bindEvents();
-    }
-    updateStyles(styles) {
-        (0, styles_1.applyStyles)(this.filterByConditionPanel, styles.filterPanel), (0, 
-        styles_1.applyStyles)(this.conditionContainer, styles.conditionContainer), (0, styles_1.applyStyles)(this.categoryLabel, styles.formLabel), 
-        (0, styles_1.applyStyles)(this.categorySelect, styles.operatorSelect), (0, styles_1.applyStyles)(this.operatorLabel, styles.formLabel), 
-        (0, styles_1.applyStyles)(this.operatorSelect, styles.operatorSelect), (0, styles_1.applyStyles)(this.valueLabel, styles.formLabel), 
-        (0, styles_1.applyStyles)(this.rangeInputContainer, styles.rangeInputContainer), 
-        (0, styles_1.applyStyles)(this.valueInput, styles.searchInput), (0, styles_1.applyStyles)(this.andLabel, styles.addLabel), 
-        (0, styles_1.applyStyles)(this.valueInputMax, styles.searchInput);
+        }), (0, styles_1.applyStyles)(this.valueInputMax, styles_1.filterStyles.searchInput), 
+        this.valueInputMax.style.display = "none", rangeInputContainer.appendChild(this.valueInput), 
+        rangeInputContainer.appendChild(andLabel), rangeInputContainer.appendChild(this.valueInputMax), 
+        conditionContainer.appendChild(categoryLabel), conditionContainer.appendChild(this.categorySelect), 
+        conditionContainer.appendChild(operatorLabel), conditionContainer.appendChild(this.operatorSelect), 
+        conditionContainer.appendChild(valueLabel), conditionContainer.appendChild(rangeInputContainer), 
+        this.filterByConditionPanel.appendChild(conditionContainer), container.appendChild(this.filterByConditionPanel), 
+        this.hide(), this.updateOperatorOptions(), this.bindEvents();
     }
     bindEvents() {
         this.valueInput.addEventListener("keypress", (event => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/condition-filter.ts"],"names":[],"mappings":"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","file":"condition-filter.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport type { FilterStateManager } from './filter-state-manager';\nimport { applyStyles, filterStyles, createElement } from './styles';\nimport type {\n  FilterOperator,\n  FilterOperatorCategoryOption,\n  FilterOptions,\n  FilterStyles,\n  OperatorOption\n} from './types';\nimport { FilterActionType, FilterOperatorCategory } from './types';\nimport { operators } from './constant';\n\n/**\n * 按条件筛选组件\n */\nexport class ConditionFilter {\n  private table: ListTable | PivotTable;\n  private filterStateManager: FilterStateManager;\n  private pluginOptions: FilterOptions;\n\n  private styles: Record<any, any>;\n\n  private filterByConditionPanel: HTMLElement;\n  private conditionContainer: HTMLElement;\n  private categoryLabel: HTMLElement;\n  private selectedField: string | number;\n  private operatorSelect: HTMLSelectElement;\n  private valueInput: HTMLInputElement;\n  private andLabel: HTMLElement;\n  private valueInputMax: HTMLInputElement;\n  private categorySelect: HTMLSelectElement;\n  private operatorLabel: HTMLElement;\n  private rangeInputContainer: HTMLElement;\n  private valueLabel: HTMLElement;\n\n  private currentCategory: FilterOperatorCategory = FilterOperatorCategory.ALL;\n\n  private categories: FilterOperatorCategoryOption[] = [];\n  protected operators: OperatorOption[] = [];\n\n  constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, pluginOptions: FilterOptions) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n    this.pluginOptions = pluginOptions;\n    this.styles = pluginOptions.styles || {};\n    this.categories = pluginOptions.conditionCategories;\n    this.operators = operators;\n  }\n\n  setSelectedField(fieldId: string | number): void {\n    this.selectedField = fieldId;\n    this.updateOperatorOptions();\n    this.loadCurrentFilterState();\n  }\n\n  /**\n   * 更新操作符下拉选项\n   */\n  private updateOperatorOptions(): void {\n    if (!this.operatorSelect) {\n      return;\n    }\n    this.operatorSelect.innerHTML = '';\n    let filteredOperators: OperatorOption[];\n\n    if (this.currentCategory === FilterOperatorCategory.ALL) {\n      // 当选择\"全部\"时，收集所有配置的分类中, 不重复的操作符\n      const uniqueOperators = new Map<string, OperatorOption>();\n      this.operators\n        .filter(op => this.categories.map(cat => cat.value).includes(op.category))\n        .forEach(op => {\n          if (!uniqueOperators.has(op.value)) {\n            uniqueOperators.set(op.value, op);\n          }\n        });\n      filteredOperators = Array.from(uniqueOperators.values());\n    } else {\n      // 其他类别正常筛选\n      filteredOperators = this.operators.filter(op => op.category === this.currentCategory);\n    }\n\n    // 添加新选项\n    filteredOperators.forEach(op => {\n      const option = document.createElement('option');\n      option.value = op.value;\n      option.textContent = op.label;\n      this.operatorSelect.appendChild(option);\n    });\n  }\n\n  private handleCategoryChange(): void {\n    if (!this.categorySelect) {\n      return;\n    }\n\n    this.currentCategory = this.categorySelect.value as FilterOperatorCategory;\n    this.updateOperatorOptions();\n\n    // 分类切换后也需要同步UI状态\n    this.syncUIState();\n  }\n\n  /**\n   * 加载当前的筛选状态\n   */\n  private loadCurrentFilterState(): void {\n    const filter = this.filterStateManager.getFilterState(this.selectedField);\n\n    if (filter && filter.type === 'byCondition') {\n      // 设置操作符\n      if (filter.operator && this.operatorSelect) {\n        this.operatorSelect.value = filter.operator;\n      }\n\n      // 设置条件值\n      if (filter.condition !== undefined && this.valueInput) {\n        if (Array.isArray(filter.condition)) {\n          this.valueInput.value = String(filter.condition[0]);\n          if (this.valueInputMax) {\n            this.valueInputMax.value = String(filter.condition[1]);\n          }\n        } else {\n          this.valueInput.value = String(filter.condition);\n          if (this.valueInputMax) {\n            this.valueInputMax.value = '';\n          }\n        }\n      }\n\n      // 同步UI状态：根据当前操作符显示/隐藏范围输入框\n      this.syncUIState();\n    } else {\n      // 重置为默认值\n      this.reset();\n    }\n  }\n\n  /**\n   * 重置筛选条件到默认状态\n   */\n  reset(): void {\n    // 重置操作符选择\n    if (this.operatorSelect) {\n      this.operatorSelect.selectedIndex = 0;\n    }\n\n    // 重置所有输入框\n    if (this.valueInput) {\n      this.valueInput.value = '';\n      this.valueInput.placeholder = '请输入筛选值';\n    }\n\n    if (this.valueInputMax) {\n      this.valueInputMax.value = '';\n    }\n\n    // 重置分类选择\n    this.currentCategory = FilterOperatorCategory.ALL;\n    if (this.categorySelect) {\n      this.categorySelect.value = FilterOperatorCategory.ALL;\n    }\n\n    // 更新操作符选项\n    this.updateOperatorOptions();\n\n    // 同步UI状态\n    this.syncUIState();\n  }\n\n  /**\n   * 同步UI状态：根据当前选择的操作符调整UI显示\n   */\n  private syncUIState(): void {\n    if (!this.operatorSelect || !this.valueInput) {\n      return;\n    }\n\n    const selectedOperator = this.operatorSelect.value as FilterOperator;\n    const andLabel = this.valueInput.nextElementSibling as HTMLElement;\n\n    if (this.isRangeOperator(selectedOperator)) {\n      // 显示范围输入相关UI\n      this.valueInput.placeholder = '最小值';\n      if (this.valueInputMax) {\n        this.valueInputMax.style.display = 'inline-block';\n      }\n      if (andLabel) {\n        andLabel.style.display = 'inline-block';\n      }\n    } else {\n      // 隐藏范围输入相关UI\n      this.valueInput.placeholder = '请输入筛选值';\n      if (this.valueInputMax) {\n        this.valueInputMax.style.display = 'none';\n      }\n      if (andLabel) {\n        andLabel.style.display = 'none';\n      }\n    }\n  }\n\n  private isBooleanOperator(operator: FilterOperator): boolean {\n    const booleanCondition = ['isChecked', 'isUnchecked'];\n    return booleanCondition.includes(operator);\n  }\n\n  private isRangeOperator(operator: FilterOperator): boolean {\n    return operator === 'between' || operator === 'notBetween';\n  }\n\n  /**\n   * 应用筛选条件\n   */\n  applyFilter(fieldId: string | number = this.selectedField): void {\n    if (!this.operatorSelect || !this.valueInput) {\n      return;\n    }\n\n    const operator = this.operatorSelect?.value as FilterOperator;\n    let conditionValue: any = this.valueInput?.value;\n\n    // 根据所选操作符和分类尝试转换输入值\n    if (this.currentCategory === FilterOperatorCategory.NUMBER) {\n      conditionValue = parseFloat(conditionValue);\n      if (isNaN(conditionValue)) {\n        console.warn('请输入有效的数字');\n        return;\n      }\n    }\n\n    // 处理范围操作符的双值输入\n    if (this.isRangeOperator(operator)) {\n      const minValue = conditionValue;\n      let maxValue: string | number = this.valueInputMax.value.trim();\n\n      // 尝试将最大值也转换为数字\n      if (this.currentCategory === FilterOperatorCategory.NUMBER) {\n        const numMaxValue = parseFloat(maxValue);\n        if (!isNaN(numMaxValue)) {\n          maxValue = numMaxValue;\n        } else {\n          console.warn('请输入有效的最大值');\n          return;\n        }\n      }\n\n      // 使用数组形式传递范围值\n      conditionValue = [minValue, maxValue];\n    }\n\n    if (!conditionValue && conditionValue !== false && conditionValue !== 0 && !this.isBooleanOperator(operator)) {\n      this.clearFilter(fieldId);\n      return;\n    }\n\n    // TODO：处理单元格颜色和字体颜色的筛选\n\n    this.filterStateManager.dispatch({\n      type: FilterActionType.APPLY_FILTERS,\n      payload: {\n        field: fieldId,\n        type: 'byCondition',\n        operator,\n        condition: conditionValue,\n        enable: true\n      }\n    });\n\n    this.hide();\n  }\n\n  /**\n   * 清除筛选\n   */\n  clearFilter(fieldId: string | number): void {\n    this.filterStateManager.dispatch({\n      type: FilterActionType.REMOVE_FILTER,\n      payload: {\n        field: fieldId\n      }\n    });\n\n    this.hide();\n  }\n\n  /**\n   * 渲染条件筛选面板\n   */\n  render(container: HTMLElement): void {\n    const filterStyles = this.styles;\n    // 按条件筛选面板\n    this.filterByConditionPanel = document.createElement('div');\n    applyStyles(this.filterByConditionPanel, filterStyles.filterPanel);\n\n    // 条件选择区域\n    this.conditionContainer = document.createElement('div');\n    applyStyles(this.conditionContainer, this.styles.conditionContainer);\n\n    // 分类选择下拉框\n    this.categoryLabel = createElement('label', {}, ['筛选类型：']);\n    applyStyles(this.categoryLabel, this.styles.formLabel);\n\n    this.categorySelect = createElement('select') as HTMLSelectElement;\n    applyStyles(this.categorySelect, filterStyles.operatorSelect);\n\n    // 添加分类选项\n    this.categories.forEach(category => {\n      const option = document.createElement('option');\n      option.value = category.value;\n      option.textContent = category.label;\n      this.categorySelect.appendChild(option);\n    });\n\n    // 操作符选择下拉框\n    this.operatorLabel = createElement('label', {}, ['筛选条件：']);\n    applyStyles(this.operatorLabel, this.styles.formLabel);\n\n    this.operatorSelect = createElement('select') as HTMLSelectElement;\n    applyStyles(this.operatorSelect, filterStyles.operatorSelect);\n\n    // 条件值输入框\n    this.valueLabel = createElement('label', {}, ['筛选值：']);\n    applyStyles(this.valueLabel, this.styles.formLabel);\n\n    // 一个容器来包装两个输入框和\"和\"字\n    this.rangeInputContainer = createElement('div');\n    applyStyles(this.rangeInputContainer, this.styles.rangeInputContainer);\n\n    this.valueInput = createElement('input', {\n      type: 'text',\n      placeholder: '请输入筛选值'\n    }) as HTMLInputElement;\n    applyStyles(this.valueInput, filterStyles.searchInput);\n\n    // \"和\"字标签\n    this.andLabel = createElement('span', {}, ['和']);\n    applyStyles(this.andLabel, this.styles.addLabel);\n    this.andLabel.style.display = 'none'; // 默认隐藏\n\n    // 范围筛选的最大值输入框\n    this.valueInputMax = createElement('input', {\n      type: 'text',\n      placeholder: '最大值'\n    }) as HTMLInputElement;\n    applyStyles(this.valueInputMax, filterStyles.searchInput);\n    this.valueInputMax.style.display = 'none'; // 默认隐藏\n\n    // 将输入框和\"和\"字添加到容器中\n    this.rangeInputContainer.appendChild(this.valueInput);\n    this.rangeInputContainer.appendChild(this.andLabel);\n    this.rangeInputContainer.appendChild(this.valueInputMax);\n\n    // 将元素添加到容器中\n    this.conditionContainer.appendChild(this.categoryLabel);\n    this.conditionContainer.appendChild(this.categorySelect);\n    this.conditionContainer.appendChild(this.operatorLabel);\n    this.conditionContainer.appendChild(this.operatorSelect);\n    this.conditionContainer.appendChild(this.valueLabel);\n    this.conditionContainer.appendChild(this.rangeInputContainer);\n\n    this.filterByConditionPanel.appendChild(this.conditionContainer);\n    container.appendChild(this.filterByConditionPanel);\n\n    // 默认隐藏\n    this.hide();\n\n    // 初始化操作符选项\n    this.updateOperatorOptions();\n    this.bindEvents();\n  }\n\n  updateStyles(styles: FilterStyles) {\n    applyStyles(this.filterByConditionPanel, styles.filterPanel);\n    applyStyles(this.conditionContainer, styles.conditionContainer);\n    applyStyles(this.categoryLabel, styles.formLabel);\n    applyStyles(this.categorySelect, styles.operatorSelect);\n    applyStyles(this.operatorLabel, styles.formLabel);\n    applyStyles(this.operatorSelect, styles.operatorSelect);\n    applyStyles(this.valueLabel, styles.formLabel);\n    applyStyles(this.rangeInputContainer, styles.rangeInputContainer);\n    applyStyles(this.valueInput, styles.searchInput);\n    applyStyles(this.andLabel, styles.addLabel);\n    applyStyles(this.valueInputMax, styles.searchInput);\n  }\n\n  /**\n   * 绑定事件\n   */\n  private bindEvents(): void {\n    // 输入框回车事件\n    this.valueInput.addEventListener('keypress', event => {\n      if (event.key === 'Enter') {\n        this.applyFilter();\n      }\n    });\n\n    // 最大值输入框回车事件\n    this.valueInputMax.addEventListener('keypress', event => {\n      if (event.key === 'Enter') {\n        this.applyFilter();\n      }\n    });\n\n    // 分类切换事件\n    this.categorySelect.addEventListener('change', () => {\n      this.handleCategoryChange();\n    });\n\n    // 操作符切换事件\n    this.operatorSelect.addEventListener('change', () => {\n      const selectedOperator = this.operatorSelect.value as FilterOperator;\n      const andLabel = this.valueInput.nextElementSibling as HTMLElement;\n\n      if (this.isRangeOperator(selectedOperator)) {\n        this.valueInput.placeholder = '最小值';\n        this.valueInputMax.style.display = 'inline-block';\n        andLabel.style.display = 'inline-block';\n      } else {\n        this.valueInput.placeholder = '请输入筛选值';\n        this.valueInputMax.style.display = 'none';\n        andLabel.style.display = 'none';\n      }\n    });\n  }\n\n  /**\n   * 显示筛选面板\n   */\n  show(): void {\n    if (this.filterByConditionPanel) {\n      this.filterByConditionPanel.style.display = 'block';\n      this.loadCurrentFilterState();\n    }\n  }\n\n  /**\n   * 隐藏筛选面板\n   */\n  hide(): void {\n    if (this.filterByConditionPanel) {\n      this.filterByConditionPanel.style.display = 'none';\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/filter/condition-filter.ts"],"names":[],"mappings":"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","file":"condition-filter.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport type { FilterStateManager } from './filter-state-manager';\nimport { applyStyles, filterStyles, createElement } from './styles';\nimport type { FilterOperator, OperatorOption } from './types';\nimport { FilterActionType, FilterOperatorCategory } from './types';\n\n/**\n * 按条件筛选组件\n */\nexport class ConditionFilter {\n  private table: ListTable | PivotTable;\n  private filterStateManager: FilterStateManager;\n  private filterByConditionPanel: HTMLElement;\n  private selectedField: string | number;\n  private operatorSelect: HTMLSelectElement;\n  private valueInput: HTMLInputElement;\n  private valueInputMax: HTMLInputElement;\n  private categorySelect: HTMLSelectElement;\n  private currentCategory: FilterOperatorCategory = FilterOperatorCategory.ALL;\n\n  // 按分类组织的操作符选项\n  private operators: OperatorOption[] = [\n    // 通用操作符 (全部分类中显示)\n    { value: 'equals', label: '等于', category: FilterOperatorCategory.ALL },\n    { value: 'notEquals', label: '不等于', category: FilterOperatorCategory.ALL },\n\n    // 数值操作符\n    { value: 'equals', label: '等于', category: FilterOperatorCategory.NUMBER },\n    { value: 'notEquals', label: '不等于', category: FilterOperatorCategory.NUMBER },\n    { value: 'greaterThan', label: '大于', category: FilterOperatorCategory.NUMBER },\n    { value: 'lessThan', label: '小于', category: FilterOperatorCategory.NUMBER },\n    { value: 'greaterThanOrEqual', label: '大于等于', category: FilterOperatorCategory.NUMBER },\n    { value: 'lessThanOrEqual', label: '小于等于', category: FilterOperatorCategory.NUMBER },\n    { value: 'between', label: '介于', category: FilterOperatorCategory.NUMBER },\n    { value: 'notBetween', label: '不介于', category: FilterOperatorCategory.NUMBER },\n\n    // 文本操作符\n    { value: 'equals', label: '等于', category: FilterOperatorCategory.TEXT },\n    { value: 'notEquals', label: '不等于', category: FilterOperatorCategory.TEXT },\n    { value: 'contains', label: '包含', category: FilterOperatorCategory.TEXT },\n    { value: 'notContains', label: '不包含', category: FilterOperatorCategory.TEXT },\n    { value: 'startsWith', label: '开头是', category: FilterOperatorCategory.TEXT },\n    { value: 'notStartsWith', label: '开头不是', category: FilterOperatorCategory.TEXT },\n    { value: 'endsWith', label: '结尾是', category: FilterOperatorCategory.TEXT },\n    { value: 'notEndsWith', label: '结尾不是', category: FilterOperatorCategory.TEXT },\n\n    // 颜色操作符\n    { value: 'equals', label: '等于', category: FilterOperatorCategory.COLOR },\n    { value: 'notEquals', label: '不等于', category: FilterOperatorCategory.COLOR },\n\n    // 复选框操作符\n    { value: 'isChecked', label: '已选中', category: FilterOperatorCategory.CHECKBOX },\n    { value: 'isUnchecked', label: '未选中', category: FilterOperatorCategory.CHECKBOX },\n\n    // 单选框操作符\n    { value: 'isChecked', label: '已选中', category: FilterOperatorCategory.RADIO },\n    { value: 'isUnchecked', label: '未选中', category: FilterOperatorCategory.RADIO }\n  ];\n\n  // 分类下拉选项\n  private categories = [\n    { value: FilterOperatorCategory.ALL, label: '全部' },\n    { value: FilterOperatorCategory.TEXT, label: '文本' },\n    { value: FilterOperatorCategory.NUMBER, label: '数值' },\n    { value: FilterOperatorCategory.COLOR, label: '颜色' },\n    { value: FilterOperatorCategory.CHECKBOX, label: '复选框' },\n    { value: FilterOperatorCategory.RADIO, label: '单选框' }\n  ];\n\n  constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n  }\n\n  setSelectedField(fieldId: string | number): void {\n    this.selectedField = fieldId;\n    this.updateOperatorOptions();\n    this.loadCurrentFilterState();\n  }\n\n  /**\n   * 更新操作符下拉选项\n   */\n  private updateOperatorOptions(): void {\n    if (!this.operatorSelect) {\n      return;\n    }\n    this.operatorSelect.innerHTML = '';\n    let filteredOperators: OperatorOption[];\n\n    if (this.currentCategory === FilterOperatorCategory.ALL) {\n      // 当选择\"全部\"时，收集所有不重复的操作符\n      const uniqueOperators = new Map<string, OperatorOption>();\n      this.operators.forEach(op => {\n        if (!uniqueOperators.has(op.value)) {\n          uniqueOperators.set(op.value, op);\n        }\n      });\n      filteredOperators = Array.from(uniqueOperators.values());\n    } else {\n      // 其他类别正常筛选\n      filteredOperators = this.operators.filter(op => op.category === this.currentCategory);\n    }\n\n    // 添加新选项\n    filteredOperators.forEach(op => {\n      const option = document.createElement('option');\n      option.value = op.value;\n      option.textContent = op.label;\n      this.operatorSelect.appendChild(option);\n    });\n  }\n\n  private handleCategoryChange(): void {\n    if (!this.categorySelect) {\n      return;\n    }\n\n    this.currentCategory = this.categorySelect.value as FilterOperatorCategory;\n    this.updateOperatorOptions();\n\n    // 分类切换后也需要同步UI状态\n    this.syncUIState();\n  }\n\n  /**\n   * 加载当前的筛选状态\n   */\n  private loadCurrentFilterState(): void {\n    const filter = this.filterStateManager.getFilterState(this.selectedField);\n\n    if (filter && filter.type === 'byCondition') {\n      // 设置操作符\n      if (filter.operator && this.operatorSelect) {\n        this.operatorSelect.value = filter.operator;\n      }\n\n      // 设置条件值\n      if (filter.condition !== undefined && this.valueInput) {\n        if (Array.isArray(filter.condition)) {\n          this.valueInput.value = String(filter.condition[0]);\n          if (this.valueInputMax) {\n            this.valueInputMax.value = String(filter.condition[1]);\n          }\n        } else {\n          this.valueInput.value = String(filter.condition);\n          if (this.valueInputMax) {\n            this.valueInputMax.value = '';\n          }\n        }\n      }\n\n      // 同步UI状态：根据当前操作符显示/隐藏范围输入框\n      this.syncUIState();\n    } else {\n      // 重置为默认值\n      this.reset();\n    }\n  }\n\n  /**\n   * 重置筛选条件到默认状态\n   */\n  reset(): void {\n    // 重置操作符选择\n    if (this.operatorSelect) {\n      this.operatorSelect.selectedIndex = 0;\n    }\n\n    // 重置所有输入框\n    if (this.valueInput) {\n      this.valueInput.value = '';\n      this.valueInput.placeholder = '请输入筛选值';\n    }\n\n    if (this.valueInputMax) {\n      this.valueInputMax.value = '';\n    }\n\n    // 重置分类选择\n    this.currentCategory = FilterOperatorCategory.ALL;\n    if (this.categorySelect) {\n      this.categorySelect.value = FilterOperatorCategory.ALL;\n    }\n\n    // 更新操作符选项\n    this.updateOperatorOptions();\n\n    // 同步UI状态\n    this.syncUIState();\n  }\n\n  /**\n   * 同步UI状态：根据当前选择的操作符调整UI显示\n   */\n  private syncUIState(): void {\n    if (!this.operatorSelect || !this.valueInput) {\n      return;\n    }\n\n    const selectedOperator = this.operatorSelect.value as FilterOperator;\n    const andLabel = this.valueInput.nextElementSibling as HTMLElement;\n\n    if (this.isRangeOperator(selectedOperator)) {\n      // 显示范围输入相关UI\n      this.valueInput.placeholder = '最小值';\n      if (this.valueInputMax) {\n        this.valueInputMax.style.display = 'inline-block';\n      }\n      if (andLabel) {\n        andLabel.style.display = 'inline-block';\n      }\n    } else {\n      // 隐藏范围输入相关UI\n      this.valueInput.placeholder = '请输入筛选值';\n      if (this.valueInputMax) {\n        this.valueInputMax.style.display = 'none';\n      }\n      if (andLabel) {\n        andLabel.style.display = 'none';\n      }\n    }\n  }\n\n  private isBooleanOperator(operator: FilterOperator): boolean {\n    const booleanCondition = ['isChecked', 'isUnchecked'];\n    return booleanCondition.includes(operator);\n  }\n\n  private isRangeOperator(operator: FilterOperator): boolean {\n    return operator === 'between' || operator === 'notBetween';\n  }\n\n  /**\n   * 应用筛选条件\n   */\n  applyFilter(fieldId: string | number = this.selectedField): void {\n    if (!this.operatorSelect || !this.valueInput) {\n      return;\n    }\n\n    const operator = this.operatorSelect?.value as FilterOperator;\n    let conditionValue: any = this.valueInput?.value;\n\n    // 根据所选操作符和分类尝试转换输入值\n    if (this.currentCategory === FilterOperatorCategory.NUMBER) {\n      conditionValue = parseFloat(conditionValue);\n      if (isNaN(conditionValue)) {\n        console.warn('请输入有效的数字');\n        return;\n      }\n    }\n\n    // 处理范围操作符的双值输入\n    if (this.isRangeOperator(operator)) {\n      const minValue = conditionValue;\n      let maxValue: string | number = this.valueInputMax.value.trim();\n\n      // 尝试将最大值也转换为数字\n      if (this.currentCategory === FilterOperatorCategory.NUMBER) {\n        const numMaxValue = parseFloat(maxValue);\n        if (!isNaN(numMaxValue)) {\n          maxValue = numMaxValue;\n        } else {\n          console.warn('请输入有效的最大值');\n          return;\n        }\n      }\n\n      // 使用数组形式传递范围值\n      conditionValue = [minValue, maxValue];\n    }\n\n    if (!conditionValue && conditionValue !== false && conditionValue !== 0 && !this.isBooleanOperator(operator)) {\n      this.clearFilter(fieldId);\n      return;\n    }\n\n    // TODO：处理单元格颜色和字体颜色的筛选\n\n    this.filterStateManager.dispatch({\n      type: FilterActionType.APPLY_FILTERS,\n      payload: {\n        field: fieldId,\n        type: 'byCondition',\n        operator,\n        condition: conditionValue,\n        enable: true\n      }\n    });\n\n    this.hide();\n  }\n\n  /**\n   * 清除筛选\n   */\n  clearFilter(fieldId: string | number): void {\n    this.filterStateManager.dispatch({\n      type: FilterActionType.REMOVE_FILTER,\n      payload: {\n        field: fieldId\n      }\n    });\n\n    this.hide();\n  }\n\n  /**\n   * 渲染条件筛选面板\n   */\n  render(container: HTMLElement): void {\n    // 按条件筛选面板\n    this.filterByConditionPanel = document.createElement('div');\n    applyStyles(this.filterByConditionPanel, filterStyles.filterPanel);\n\n    // 条件选择区域\n    const conditionContainer = document.createElement('div');\n    applyStyles(conditionContainer, filterStyles.conditionContainer);\n\n    // 分类选择下拉框\n    const categoryLabel = createElement('label', {}, ['筛选类型：']);\n    applyStyles(categoryLabel, filterStyles.formLabel);\n\n    this.categorySelect = createElement('select') as HTMLSelectElement;\n    applyStyles(this.categorySelect, filterStyles.operatorSelect);\n\n    // 添加分类选项\n    this.categories.forEach(category => {\n      const option = document.createElement('option');\n      option.value = category.value;\n      option.textContent = category.label;\n      this.categorySelect.appendChild(option);\n    });\n\n    // 操作符选择下拉框\n    const operatorLabel = createElement('label', {}, ['筛选条件：']);\n    applyStyles(operatorLabel, filterStyles.formLabel);\n\n    this.operatorSelect = createElement('select') as HTMLSelectElement;\n    applyStyles(this.operatorSelect, filterStyles.operatorSelect);\n\n    // 条件值输入框\n    const valueLabel = createElement('label', {}, ['筛选值：']);\n    applyStyles(valueLabel, filterStyles.formLabel);\n\n    // 一个容器来包装两个输入框和\"和\"字\n    const rangeInputContainer = createElement('div');\n    applyStyles(rangeInputContainer, filterStyles.rangeInputContainer);\n\n    this.valueInput = createElement('input', {\n      type: 'text',\n      placeholder: '请输入筛选值'\n    }) as HTMLInputElement;\n    applyStyles(this.valueInput, filterStyles.searchInput);\n\n    // \"和\"字标签\n    const andLabel = createElement('span', {}, ['和']);\n    applyStyles(andLabel, filterStyles.addLabel);\n    andLabel.style.display = 'none'; // 默认隐藏\n\n    // 范围筛选的最大值输入框\n    this.valueInputMax = createElement('input', {\n      type: 'text',\n      placeholder: '最大值'\n    }) as HTMLInputElement;\n    applyStyles(this.valueInputMax, filterStyles.searchInput);\n    this.valueInputMax.style.display = 'none'; // 默认隐藏\n\n    // 将输入框和\"和\"字添加到容器中\n    rangeInputContainer.appendChild(this.valueInput);\n    rangeInputContainer.appendChild(andLabel);\n    rangeInputContainer.appendChild(this.valueInputMax);\n\n    // 将元素添加到容器中\n    conditionContainer.appendChild(categoryLabel);\n    conditionContainer.appendChild(this.categorySelect);\n    conditionContainer.appendChild(operatorLabel);\n    conditionContainer.appendChild(this.operatorSelect);\n    conditionContainer.appendChild(valueLabel);\n    conditionContainer.appendChild(rangeInputContainer);\n\n    this.filterByConditionPanel.appendChild(conditionContainer);\n    container.appendChild(this.filterByConditionPanel);\n\n    // 默认隐藏\n    this.hide();\n\n    // 初始化操作符选项\n    this.updateOperatorOptions();\n    this.bindEvents();\n  }\n\n  /**\n   * 绑定事件\n   */\n  private bindEvents(): void {\n    // 输入框回车事件\n    this.valueInput.addEventListener('keypress', event => {\n      if (event.key === 'Enter') {\n        this.applyFilter();\n      }\n    });\n\n    // 最大值输入框回车事件\n    this.valueInputMax.addEventListener('keypress', event => {\n      if (event.key === 'Enter') {\n        this.applyFilter();\n      }\n    });\n\n    // 分类切换事件\n    this.categorySelect.addEventListener('change', () => {\n      this.handleCategoryChange();\n    });\n\n    // 操作符切换事件\n    this.operatorSelect.addEventListener('change', () => {\n      const selectedOperator = this.operatorSelect.value as FilterOperator;\n      const andLabel = this.valueInput.nextElementSibling as HTMLElement;\n\n      if (this.isRangeOperator(selectedOperator)) {\n        this.valueInput.placeholder = '最小值';\n        this.valueInputMax.style.display = 'inline-block';\n        andLabel.style.display = 'inline-block';\n      } else {\n        this.valueInput.placeholder = '请输入筛选值';\n        this.valueInputMax.style.display = 'none';\n        andLabel.style.display = 'none';\n      }\n    });\n  }\n\n  /**\n   * 显示筛选面板\n   */\n  show(): void {\n    if (this.filterByConditionPanel) {\n      this.filterByConditionPanel.style.display = 'block';\n      this.loadCurrentFilterState();\n    }\n  }\n\n  /**\n   * 隐藏筛选面板\n   */\n  hide(): void {\n    if (this.filterByConditionPanel) {\n      this.filterByConditionPanel.style.display = 'none';\n    }\n  }\n}\n"]}

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

@@ -1,12 +1,11 @@
-import { type ListTable, type PivotTable } from '@visactor/vtable';
+import type { ListTable, PivotTable } from '@visactor/vtable';
 import type { FilterStateManager } from './filter-state-manager';
 import { ValueFilter } from './value-filter';
 import { ConditionFilter } from './condition-filter';
-import type { FilterMode, FilterOptions, FilterStyles } from './types';
+import type { FilterMode } from './types';
 export declare class FilterToolbar {
     table: ListTable | PivotTable;
     filterStateManager: FilterStateManager;
-    pluginOptions: FilterOptions;
     valueFilter: ValueFilter | null;
     conditionFilter: ConditionFilter | null;
     activeTab: 'byValue' | 'byCondition';
@@ -14,26 +13,23 @@ 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, pluginOptions: FilterOptions);
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
     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(currentCol: number | null, currentRow: number | null): void;
+    hide(): void;
 }

package/cjs/filter/filter-toolbar.js

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