@visactor/vtable-plugins 1.22.7 → 1.22.8-alpha.12

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

@@ -1,18 +1,28 @@
 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 filterToolBarHide;
+    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;
-    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
+    protected operators: OperatorOption[];
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, pluginOptions: FilterOptions, filterToolBarHide: () => void);
     setSelectedField(fieldId: string | number): void;
     private updateOperatorOptions;
     private handleCategoryChange;
@@ -24,6 +34,7 @@ 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,125 +4,14 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ConditionFilter = void 0;
 
-const styles_1 = require("./styles"), types_1 = require("./types");
+const styles_1 = require("./styles"), types_1 = require("./types"), constant_1 = require("./constant");
 
 class ConditionFilter {
-    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;
+    constructor(table, filterStateManager, pluginOptions, filterToolBarHide) {
+        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, this.filterToolBarHide = filterToolBarHide;
     }
     setSelectedField(fieldId) {
         this.selectedField = fieldId, this.updateOperatorOptions(), this.loadCurrentFilterState();
@@ -132,7 +21,7 @@ class ConditionFilter {
         let filteredOperators;
         if (this.operatorSelect.innerHTML = "", this.currentCategory === types_1.FilterOperatorCategory.ALL) {
             const uniqueOperators = new Map;
-            this.operators.forEach((op => {
+            this.operators.filter((op => this.categories.map((cat => cat.value)).includes(op.category))).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));
@@ -146,10 +35,11 @@ class ConditionFilter {
         this.syncUIState());
     }
     loadCurrentFilterState() {
-        const filter = this.filterStateManager.getFilterState(this.selectedField);
-        filter && "byCondition" === filter.type ? (filter.operator && this.operatorSelect && (this.operatorSelect.value = filter.operator), 
-        void 0 !== filter.condition && this.valueInput && (Array.isArray(filter.condition) ? (this.valueInput.value = String(filter.condition[0]), 
-        this.valueInputMax && (this.valueInputMax.value = String(filter.condition[1]))) : (this.valueInput.value = String(filter.condition), 
+        var _a, _b, _c, _d;
+        const filter = this.filterStateManager.getFilterState(this.selectedField), syncFilterItemsState = null === (_b = null === (_a = this.pluginOptions) || void 0 === _a ? void 0 : _a.syncFilterItemsState) || void 0 === _b || _b;
+        filter && "byCondition" === filter.type || !syncFilterItemsState ? (this.operatorSelect && (this.operatorSelect.value = null !== (_c = null == filter ? void 0 : filter.operator) && void 0 !== _c ? _c : constant_1.operators[0].value), 
+        this.valueInput && (Array.isArray(null == filter ? void 0 : filter.condition) ? (this.valueInput.value = String(filter.condition[0]), 
+        this.valueInputMax && (this.valueInputMax.value = String(filter.condition[1]))) : (this.valueInput.value = String(null !== (_d = null == filter ? void 0 : filter.condition) && void 0 !== _d ? _d : ""), 
         this.valueInputMax && (this.valueInputMax.value = ""))), this.syncUIState()) : this.reset();
     }
     reset() {
@@ -172,33 +62,35 @@ class ConditionFilter {
         return "between" === operator || "notBetween" === operator;
     }
     applyFilter(fieldId = this.selectedField) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (!this.operatorSelect || !this.valueInput) return;
         const operator = null === (_a = this.operatorSelect) || void 0 === _a ? void 0 : _a.value;
         let conditionValue = null === (_b = this.valueInput) || void 0 === _b ? void 0 : _b.value;
-        if (this.currentCategory !== types_1.FilterOperatorCategory.NUMBER || (conditionValue = parseFloat(conditionValue), 
-        !isNaN(conditionValue))) {
-            if (this.isRangeOperator(operator)) {
-                const minValue = conditionValue;
-                let maxValue = this.valueInputMax.value.trim();
-                if (this.currentCategory === types_1.FilterOperatorCategory.NUMBER) {
-                    const numMaxValue = parseFloat(maxValue);
-                    if (isNaN(numMaxValue)) return;
-                    maxValue = numMaxValue;
-                }
-                conditionValue = [ minValue, maxValue ];
+        if (this.currentCategory === types_1.FilterOperatorCategory.NUMBER && (conditionValue = parseFloat(conditionValue), 
+        isNaN(conditionValue))) return;
+        if (this.isRangeOperator(operator)) {
+            const minValue = conditionValue;
+            let maxValue = this.valueInputMax.value.trim();
+            if (this.currentCategory === types_1.FilterOperatorCategory.NUMBER) {
+                const numMaxValue = parseFloat(maxValue);
+                if (isNaN(numMaxValue)) return;
+                maxValue = numMaxValue;
             }
-            conditionValue || !1 === conditionValue || 0 === conditionValue || this.isBooleanOperator(operator) ? (this.filterStateManager.dispatch({
-                type: types_1.FilterActionType.APPLY_FILTERS,
-                payload: {
-                    field: fieldId,
-                    type: "byCondition",
-                    operator: operator,
-                    condition: conditionValue,
-                    enable: !0
-                }
-            }), this.hide()) : this.clearFilter(fieldId);
+            conditionValue = [ minValue, maxValue ];
         }
+        if (!conditionValue && !1 !== conditionValue && 0 !== conditionValue && !this.isBooleanOperator(operator)) return void this.clearFilter(fieldId);
+        const syncFilterItemsState = null === (_d = null === (_c = this.pluginOptions) || void 0 === _c ? void 0 : _c.syncFilterItemsState) || void 0 === _d || _d;
+        this.filterStateManager.dispatch({
+            type: types_1.FilterActionType.APPLY_FILTERS,
+            payload: {
+                field: fieldId,
+                type: "byCondition",
+                operator: operator,
+                condition: conditionValue,
+                enable: !0,
+                shouldKeepUnrelatedState: !syncFilterItemsState
+            }
+        });
     }
     clearFilter(fieldId) {
         this.filterStateManager.dispatch({
@@ -209,46 +101,51 @@ class ConditionFilter {
         }), this.hide();
     }
     render(container) {
-        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), 
+        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.categories.forEach((category => {
             const option = document.createElement("option");
             option.value = category.value, option.textContent = category.label, this.categorySelect.appendChild(option);
-        }));
-        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.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), 
         this.valueInput = (0, styles_1.createElement)("input", {
             type: "text",
             placeholder: "请输入筛选值"
-        }), (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", {
+        }), (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", {
             type: "text",
             placeholder: "最大值"
-        }), (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();
+        }), (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);
     }
     bindEvents() {
         this.valueInput.addEventListener("keypress", (event => {
-            "Enter" === event.key && this.applyFilter();
+            "Enter" === event.key && (this.applyFilter(), this.filterToolBarHide());
         })), this.valueInputMax.addEventListener("keypress", (event => {
-            "Enter" === event.key && this.applyFilter();
+            "Enter" === event.key && (this.applyFilter(), this.filterToolBarHide());
         })), this.categorySelect.addEventListener("change", (() => {
             this.handleCategoryChange();
         })), this.operatorSelect.addEventListener("change", (() => {

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 { 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"]}
+{"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  private filterToolBarHide: () => void;\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(\n    table: ListTable | PivotTable,\n    filterStateManager: FilterStateManager,\n    pluginOptions: FilterOptions,\n    filterToolBarHide: () => void\n  ) {\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    this.filterToolBarHide = filterToolBarHide;\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    const syncFilterItemsState = this.pluginOptions?.syncFilterItemsState ?? true;\n\n    // 不联动的场景下, 用户的配置始终会被展示出来\n    if ((filter && filter.type === 'byCondition') || !syncFilterItemsState) {\n      // 设置操作符\n      if (this.operatorSelect) {\n        this.operatorSelect.value = filter?.operator ?? operators[0].value;\n      }\n\n      // 设置条件值\n      if (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    const syncFilterItemsState = this.pluginOptions?.syncFilterItemsState ?? true;\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        shouldKeepUnrelatedState: !syncFilterItemsState\n      }\n    });\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        this.filterToolBarHide();\n      }\n    });\n\n    // 最大值输入框回车事件\n    this.valueInputMax.addEventListener('keypress', event => {\n      if (event.key === 'Enter') {\n        this.applyFilter();\n        this.filterToolBarHide();\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/constant.d.ts

@@ -0,0 +1,7 @@
+import type { OperatorOption } from './types';
+import { FilterOperatorCategory } from './types';
+export declare const categories: {
+    value: FilterOperatorCategory;
+    label: string;
+}[];
+export declare const operators: OperatorOption[];

package/cjs/filter/constant.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.operators = exports.categories = void 0;
+
+const types_1 = require("./types");
+
+exports.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: "单选框"
+} ], exports.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
+} ];
+//# sourceMappingURL=constant.js.map

package/cjs/filter/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/filter/constant.ts"],"names":[],"mappings":"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","file":"constant.js","sourcesContent":["import type { OperatorOption } from './types';\nimport { FilterOperatorCategory } from './types';\n\n// 分类下拉选项\nexport const 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// 按分类组织的操作符选项\nexport const 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"]}

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

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