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

package/cjs/filter/styles.d.ts

@@ -1,126 +1,4 @@
-export declare const filterStyles: {
-    filterMenu: {
-        display: string;
-        position: string;
-        backgroundColor: string;
-        border: string;
-        boxShadow: string;
-        zIndex: string;
-    };
-    filterPanel: {
-        padding: string;
-        display: string;
-    };
-    searchContainer: {
-        padding: string;
-    };
-    searchInput: {
-        width: string;
-        padding: string;
-        border: string;
-        borderRadius: string;
-        fontSize: string;
-        boxSizing: string;
-    };
-    optionsContainer: {
-        maxHeight: string;
-        overflowY: string;
-        marginTop: string;
-    };
-    optionItem: {
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        padding: string;
-    };
-    optionLabel: {
-        display: string;
-        alignItems: string;
-        cursor: string;
-        flexGrow: string;
-        fontWeight: string;
-    };
-    checkbox: {
-        marginRight: string;
-    };
-    countSpan: {
-        color: string;
-        fontSize: string;
-    };
-    tabsContainer: {
-        display: string;
-        justifyContent: string;
-        borderBottom: string;
-    };
-    tabStyle: (isActive: boolean) => {
-        backgroundColor: string;
-        border: string;
-        flex: string;
-        padding: string;
-        cursor: string;
-        fontSize: string;
-        fontWeight: string;
-        color: string;
-        borderBottom: string;
-    };
-    footerContainer: {
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        padding: string;
-        borderTop: string;
-        backgroundColor: string;
-    };
-    footerButton: (isPrimary: boolean) => {
-        padding: string;
-        border: string;
-        borderRadius: string;
-        cursor: string;
-        marginLeft: string;
-        backgroundColor: string;
-        color: string;
-        borderColor: string;
-    };
-    clearLink: {
-        color: string;
-        textDecoration: string;
-    };
-    buttonStyle: (isPrimary?: boolean) => {
-        padding: string;
-        border: string;
-        borderRadius: string;
-        cursor: string;
-        marginLeft: string;
-        backgroundColor: string;
-        color: string;
-        borderColor: string;
-    };
-    conditionContainer: {
-        marginBottom: string;
-        padding: string;
-    };
-    formLabel: {
-        display: string;
-        marginBottom: string;
-        fontWeight: string;
-    };
-    operatorSelect: {
-        width: string;
-        padding: string;
-        marginBottom: string;
-        border: string;
-        borderRadius: string;
-        boxSizing: string;
-    };
-    rangeInputContainer: {
-        display: string;
-        alignItems: string;
-        gap: string;
-    };
-    addLabel: {
-        display: string;
-        padding: string;
-    };
-};
+import type { FilterStyles } from './types';
+export declare const filterStyles: FilterStyles;
 export declare function applyStyles(element: HTMLElement, styles: Record<string, string>): void;
 export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, attributes?: Record<string, string>, children?: (HTMLElement | string)[]): HTMLElementTagNameMap[K];

package/cjs/filter/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/styles.ts"],"names":[],"mappings":";;;AAGa,QAAA,YAAY,GAAG;IAE1B,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,gBAAgB;QACxB,SAAS,EAAE,4BAA4B;QACvC,MAAM,EAAE,KAAK;KACd;IAGD,WAAW,EAAE;QACX,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,OAAO;KACjB;IAGD,eAAe,EAAE;QACf,OAAO,EAAE,KAAK;KACf;IAGD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,YAAY;KACxB;IAGD,gBAAgB,EAAE;QAChB,SAAS,EAAE,OAAO;QAClB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,MAAM;KAClB;IAGD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,SAAS;KACnB;IAGD,WAAW,EAAE;QACX,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,QAAQ;KACrB;IAGD,QAAQ,EAAE;QACR,WAAW,EAAE,MAAM;KACpB;IAGD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;KACjB;IAGD,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,cAAc;QAC9B,YAAY,EAAE,mBAAmB;KAClC;IAGD,QAAQ,EAAE,CAAC,QAAiB,EAAE,EAAE,CAAC,CAAC;QAChC,eAAe,EAAE,aAAa;QAC9B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACxC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACpC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,uBAAuB;KACvE,CAAC;IAGF,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,mBAAmB;QAC9B,eAAe,EAAE,SAAS;KAC3B;IAED,YAAY,EAAE,CAAC,SAAkB,EAAE,EAAE,CAAC,CAAC;QACrC,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;QAChD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;QACnC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC5C,CAAC;IAGF,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,cAAc,EAAE,MAAM;KACvB;IAGD,WAAW,EAAE,CAAC,YAAqB,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5C,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;QAChD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;QACnC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC5C,CAAC;IAKF,kBAAkB,EAAE;QAClB,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,MAAM;KAChB;IAGD,SAAS,EAAE;QACT,OAAO,EAAE,OAAO;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,MAAM;KACnB;IAGD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,MAAM;QACpB,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,YAAY;KACxB;IAED,mBAAmB,EAAE;QACnB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACX;IAED,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,OAAO;KACjB;CACF,CAAC;AAKF,SAAgB,WAAW,CAAC,OAAoB,EAAE,MAA8B;IAC9E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QAC/C,OAAO,CAAC,KAAK,CAAC,IAAW,CAAC,GAAG,KAAK,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC;AAJD,kCAIC;AAKD,SAAgB,aAAa,CAC3B,GAAM,EACN,aAAqC,EAAE,EACvC,WAAqC,EAAE;IAEvC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAE5C,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAClD,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;SACrD;aAAM;YACL,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AApBD,sCAoBC","file":"styles.js","sourcesContent":["/**\n * 筛选组件样式定义\n */\nexport const filterStyles = {\n  // 筛选菜单\n  filterMenu: {\n    display: 'none',\n    position: 'absolute',\n    backgroundColor: 'white',\n    border: '1px solid #ccc',\n    boxShadow: '0 4px 8px rgba(0,0,0,0.15)',\n    zIndex: '100'\n  },\n\n  // 筛选面板\n  filterPanel: {\n    padding: '10px',\n    display: 'block'\n  },\n\n  // 搜索容器\n  searchContainer: {\n    padding: '5px'\n  },\n\n  // 搜索输入框\n  searchInput: {\n    width: '100%',\n    padding: '8px 10px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    fontSize: '14px',\n    boxSizing: 'border-box'\n  },\n\n  // 选项容器\n  optionsContainer: {\n    maxHeight: '200px',\n    overflowY: 'auto',\n    marginTop: '10px'\n  },\n\n  // 筛选选项项\n  optionItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '8px 5px'\n  },\n\n  // 筛选选项标签\n  optionLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    flexGrow: '1',\n    fontWeight: 'normal'\n  },\n\n  // 复选框\n  checkbox: {\n    marginRight: '10px'\n  },\n\n  // 计数标签\n  countSpan: {\n    color: '#888',\n    fontSize: '12px'\n  },\n\n  // 标签容器\n  tabsContainer: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    borderBottom: '1px solid #e0e0e0'\n  },\n\n  // 标签样式\n  tabStyle: (isActive: boolean) => ({\n    backgroundColor: 'transparent',\n    border: 'none',\n    flex: '1',\n    padding: '10px 15px',\n    cursor: 'pointer',\n    fontSize: '14px',\n    fontWeight: isActive ? 'bold' : 'normal',\n    color: isActive ? '#007bff' : '#666',\n    borderBottom: isActive ? '3px solid #007bff' : '2px solid transparent'\n  }),\n\n  // 页脚容器\n  footerContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '10px 15px',\n    borderTop: '1px solid #e0e0e0',\n    backgroundColor: '#f8f9fa'\n  },\n\n  footerButton: (isPrimary: boolean) => ({\n    padding: '6px 12px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    marginLeft: '5px',\n    backgroundColor: isPrimary ? '#007bff' : 'white',\n    color: isPrimary ? 'white' : '#333',\n    borderColor: isPrimary ? '#007bff' : '#ccc'\n  }),\n\n  // 清除链接\n  clearLink: {\n    color: '#007bff',\n    textDecoration: 'none'\n  },\n\n  // 按钮样式\n  buttonStyle: (isPrimary: boolean = false) => ({\n    padding: '6px 12px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    marginLeft: '5px',\n    backgroundColor: isPrimary ? '#007bff' : 'white',\n    color: isPrimary ? 'white' : '#333',\n    borderColor: isPrimary ? '#007bff' : '#ccc'\n  }),\n\n  // === 条件筛选相关样式 ===\n\n  // 条件筛选容器\n  conditionContainer: {\n    marginBottom: '15px',\n    padding: '10px'\n  },\n\n  // 表单标签样式\n  formLabel: {\n    display: 'block',\n    marginBottom: '8px',\n    fontWeight: 'bold'\n  },\n\n  // 操作符选择框样式\n  operatorSelect: {\n    width: '100%',\n    padding: '8px',\n    marginBottom: '15px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    boxSizing: 'border-box'\n  },\n\n  rangeInputContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px'\n  },\n\n  addLabel: {\n    display: 'none',\n    padding: '0 5px'\n  }\n};\n\n/**\n * 应用样式到DOM元素\n */\nexport function applyStyles(element: HTMLElement, styles: Record<string, string>) {\n  Object.entries(styles).forEach(([prop, value]) => {\n    element.style[prop as any] = value;\n  });\n}\n\n/**\n * 创建DOM元素的辅助函数\n */\nexport function createElement<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  attributes: Record<string, string> = {},\n  children: (HTMLElement | string)[] = []\n): HTMLElementTagNameMap[K] {\n  const element = document.createElement(tag);\n\n  Object.entries(attributes).forEach(([key, value]) => {\n    element.setAttribute(key, value);\n  });\n\n  children.forEach(child => {\n    if (typeof child === 'string') {\n      element.appendChild(document.createTextNode(child));\n    } else {\n      element.appendChild(child);\n    }\n  });\n\n  return element;\n}\n"]}
+{"version":3,"sources":["../src/filter/styles.ts"],"names":[],"mappings":"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","file":"styles.js","sourcesContent":["/**\n * 筛选组件样式定义\n */\n\nimport type { FilterStyles } from './types';\n\nexport const filterStyles: FilterStyles = {\n  // 筛选菜单\n  filterMenu: {\n    display: 'none',\n    position: 'absolute',\n    backgroundColor: 'white',\n    border: '1px solid #ccc',\n    boxShadow: '0 4px 8px rgba(0,0,0,0.15)',\n    zIndex: '100'\n  },\n\n  // 筛选面板\n  filterPanel: {\n    padding: '10px',\n    display: 'block'\n  },\n\n  // 搜索容器\n  searchContainer: {\n    padding: '5px'\n  },\n\n  // 搜索输入框\n  searchInput: {\n    width: '100%',\n    padding: '8px 10px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    fontSize: '14px',\n    boxSizing: 'border-box'\n  },\n\n  // 选项容器\n  optionsContainer: {\n    maxHeight: '200px',\n    overflowY: 'auto',\n    marginTop: '10px'\n  },\n\n  // 筛选选项项\n  optionItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '8px 5px'\n  },\n\n  // 筛选选项标签\n  optionLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    flexGrow: '1',\n    fontWeight: 'normal'\n  },\n\n  // 复选框\n  checkbox: {\n    marginRight: '10px'\n  },\n\n  // 计数标签\n  countSpan: {\n    color: '#888',\n    fontSize: '12px'\n  },\n\n  // 标签容器\n  tabsContainer: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    borderBottom: '1px solid #e0e0e0'\n  },\n\n  // 标签样式\n  tabStyle: (isActive: boolean) => ({\n    backgroundColor: 'transparent',\n    border: 'none',\n    flex: '1',\n    padding: '10px 15px',\n    cursor: 'pointer',\n    fontSize: '14px',\n    fontWeight: isActive ? 'bold' : 'normal',\n    color: isActive ? '#007bff' : '#666',\n    borderBottom: isActive ? '3px solid #007bff' : '2px solid transparent'\n  }),\n\n  // 页脚容器\n  footerContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '10px 15px',\n    borderTop: '1px solid #e0e0e0',\n    backgroundColor: '#f8f9fa'\n  },\n\n  footerButton: (isPrimary: boolean) => ({\n    padding: '6px 12px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    marginLeft: '5px',\n    backgroundColor: isPrimary ? '#007bff' : 'white',\n    color: isPrimary ? 'white' : '#333',\n    borderColor: isPrimary ? '#007bff' : '#ccc'\n  }),\n\n  // 清除链接\n  clearLink: {\n    color: '#007bff',\n    textDecoration: 'none'\n  },\n\n  // 按钮样式\n  buttonStyle: (isPrimary: boolean = false) => ({\n    padding: '6px 12px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    marginLeft: '5px',\n    backgroundColor: isPrimary ? '#007bff' : 'white',\n    color: isPrimary ? 'white' : '#333',\n    borderColor: isPrimary ? '#007bff' : '#ccc'\n  }),\n\n  // === 条件筛选相关样式 ===\n\n  // 条件筛选容器\n  conditionContainer: {\n    marginBottom: '15px',\n    padding: '10px'\n  },\n\n  // 表单标签样式\n  formLabel: {\n    display: 'block',\n    marginBottom: '8px',\n    fontWeight: 'bold'\n  },\n\n  // 操作符选择框样式\n  operatorSelect: {\n    width: '100%',\n    padding: '8px',\n    marginBottom: '15px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    boxSizing: 'border-box'\n  },\n\n  rangeInputContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px'\n  },\n\n  addLabel: {\n    display: 'none',\n    padding: '0 5px'\n  }\n};\n\n/**\n * 应用样式到DOM元素\n */\nexport function applyStyles(element: HTMLElement, styles: Record<string, string>) {\n  Object.entries(styles).forEach(([prop, value]) => {\n    element.style[prop as any] = value;\n  });\n}\n\n/**\n * 创建DOM元素的辅助函数\n */\nexport function createElement<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  attributes: Record<string, string> = {},\n  children: (HTMLElement | string)[] = []\n): HTMLElementTagNameMap[K] {\n  const element = document.createElement(tag);\n\n  Object.entries(attributes).forEach(([key, value]) => {\n    element.setAttribute(key, value);\n  });\n\n  children.forEach(child => {\n    if (typeof child === 'string') {\n      element.appendChild(document.createTextNode(child));\n    } else {\n      element.appendChild(child);\n    }\n  });\n\n  return element;\n}\n"]}

package/cjs/filter/types.d.ts

@@ -6,6 +6,7 @@ export interface FilterOptions {
     enableFilter?: (field: number | string, column: TYPES.ColumnDefine) => boolean;
     defaultEnabled?: boolean;
     filterModes?: FilterMode[];
+    styles?: FilterStyles;
 }
 export type FilterMode = 'byValue' | 'byCondition';
 export interface FilterState {
@@ -53,3 +54,29 @@ export declare enum FilterOperatorCategory {
     CHECKBOX = "checkbox",
     RADIO = "radio"
 }
+interface StaticStyles {
+    filterMenu?: Record<string, string>;
+    filterPanel?: Record<string, string>;
+    searchContainer?: Record<string, string>;
+    searchInput?: Record<string, string>;
+    optionsContainer?: Record<string, string>;
+    optionItem?: Record<string, string>;
+    optionLabel?: Record<string, string>;
+    checkbox?: Record<string, string>;
+    countSpan?: Record<string, string>;
+    tabsContainer?: Record<string, string>;
+    footerContainer?: Record<string, string>;
+    clearLink?: Record<string, string>;
+    conditionContainer?: Record<string, string>;
+    formLabel?: Record<string, string>;
+    operatorSelect?: Record<string, string>;
+    rangeInputContainer?: Record<string, string>;
+    addLabel?: Record<string, string>;
+}
+interface FunctionStyles {
+    tabStyle?: (isActive: boolean) => Record<string, string>;
+    footerButton?: (isPrimary: boolean) => Record<string, string>;
+    buttonStyle?: (isPrimary?: boolean) => Record<string, string>;
+}
+export type FilterStyles = StaticStyles & FunctionStyles;
+export {};

package/cjs/filter/types.js.map

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

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

@@ -1,8 +1,10 @@
 import type { ListTable, PivotTable } from '@visactor/vtable';
+import type { FilterStyles } from './types';
 import type { FilterStateManager } from './filter-state-manager';
 export declare class ValueFilter {
     private table;
     private filterStateManager;
+    private styles;
     private uniqueKeys;
     private displayToRawValueMap;
     private selectedField;
@@ -11,7 +13,7 @@ export declare class ValueFilter {
     private filterByValueSearchInput;
     private selectAllCheckbox;
     private filterItemsContainer;
-    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, styles: FilterStyles);
     private updateUI;
     setSelectedField(fieldId: string | number): void;
     collectUniqueColumnValues(fieldId: string | number): void;

package/cjs/filter/value-filter.js

@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils"), types_1 = require("./types"), styles_1 = require("./styles");
 
 class ValueFilter {
-    constructor(table, filterStateManager) {
+    constructor(table, filterStateManager, styles) {
         this.uniqueKeys = new Map, this.displayToRawValueMap = new Map, this.valueFilterOptionList = new Map, 
-        this.table = table, this.filterStateManager = filterStateManager, this.filterStateManager.subscribe((state => {
+        this.table = table, this.filterStateManager = filterStateManager, this.styles = styles, 
+        this.filterStateManager.subscribe((state => {
             const filterState = state.filters.get(this.selectedField);
             filterState && "byValue" === filterState.type && this.updateUI(filterState);
         }));
@@ -207,20 +208,20 @@ class ValueFilter {
         }), this.hide();
     }
     render(container) {
-        this.filterByValuePanel = document.createElement("div"), (0, styles_1.applyStyles)(this.filterByValuePanel, styles_1.filterStyles.filterPanel);
+        this.filterByValuePanel = document.createElement("div"), (0, styles_1.applyStyles)(this.filterByValuePanel, this.styles.filterPanel);
         const searchContainer = document.createElement("div");
-        (0, styles_1.applyStyles)(searchContainer, styles_1.filterStyles.searchContainer), 
-        this.filterByValueSearchInput = document.createElement("input"), this.filterByValueSearchInput.type = "text", 
-        this.filterByValueSearchInput.placeholder = "可使用空格分隔多个关键词", (0, styles_1.applyStyles)(this.filterByValueSearchInput, styles_1.filterStyles.searchInput), 
+        (0, styles_1.applyStyles)(searchContainer, this.styles.searchContainer), this.filterByValueSearchInput = document.createElement("input"), 
+        this.filterByValueSearchInput.type = "text", this.filterByValueSearchInput.placeholder = "可使用空格分隔多个关键词", 
+        (0, styles_1.applyStyles)(this.filterByValueSearchInput, this.styles.searchInput), 
         searchContainer.appendChild(this.filterByValueSearchInput);
         const optionsContainer = document.createElement("div");
-        (0, styles_1.applyStyles)(optionsContainer, styles_1.filterStyles.optionsContainer);
+        (0, styles_1.applyStyles)(optionsContainer, this.styles.optionsContainer);
         const selectAllItemDiv = document.createElement("div");
-        (0, styles_1.applyStyles)(selectAllItemDiv, styles_1.filterStyles.optionItem);
+        (0, styles_1.applyStyles)(selectAllItemDiv, this.styles.optionItem);
         const selectAllLabel = document.createElement("label");
-        (0, styles_1.applyStyles)(selectAllLabel, styles_1.filterStyles.optionLabel), this.selectAllCheckbox = document.createElement("input"), 
+        (0, styles_1.applyStyles)(selectAllLabel, this.styles.optionLabel), this.selectAllCheckbox = document.createElement("input"), 
         this.selectAllCheckbox.type = "checkbox", this.selectAllCheckbox.checked = !0, (0, 
-        styles_1.applyStyles)(this.selectAllCheckbox, styles_1.filterStyles.checkbox), selectAllLabel.append(this.selectAllCheckbox, " 全选"), 
+        styles_1.applyStyles)(this.selectAllCheckbox, this.styles.checkbox), selectAllLabel.append(this.selectAllCheckbox, " 全选"), 
         selectAllItemDiv.appendChild(selectAllLabel), this.filterItemsContainer = document.createElement("div"), 
         optionsContainer.append(selectAllItemDiv, this.filterItemsContainer), this.filterByValuePanel.append(searchContainer, optionsContainer), 
         container.appendChild(this.filterByValuePanel), this.bindEventForFilterByValue();
@@ -232,14 +233,14 @@ class ValueFilter {
         const selectedRawValues = (null === (_a = this.filterStateManager.getFilterState(field)) || void 0 === _a ? void 0 : _a.values) || [], selectedRawValueSet = new Set(selectedRawValues), itemDomList = [];
         null === (_b = this.uniqueKeys.get(field)) || void 0 === _b || _b.forEach((({value: value, count: count, rawValue: rawValue}) => {
             const itemDiv = document.createElement("div");
-            (0, styles_1.applyStyles)(itemDiv, styles_1.filterStyles.optionItem);
+            (0, styles_1.applyStyles)(itemDiv, this.styles.optionItem);
             const label = document.createElement("label");
-            (0, styles_1.applyStyles)(label, styles_1.filterStyles.optionLabel);
+            (0, styles_1.applyStyles)(label, this.styles.optionLabel);
             const checkbox = document.createElement("input");
             checkbox.type = "checkbox", checkbox.value = String(value), checkbox.checked = selectedRawValueSet.has(rawValue), 
-            (0, styles_1.applyStyles)(checkbox, styles_1.filterStyles.checkbox);
+            (0, styles_1.applyStyles)(checkbox, this.styles.checkbox);
             const countSpan = document.createElement("span");
-            countSpan.textContent = String(count), (0, styles_1.applyStyles)(countSpan, styles_1.filterStyles.countSpan), 
+            countSpan.textContent = String(count), (0, styles_1.applyStyles)(countSpan, this.styles.countSpan), 
             label.append(checkbox, ` ${value}`), itemDiv.append(label, countSpan), this.filterItemsContainer.appendChild(itemDiv);
             const itemDom = {
                 id: String(value),

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/value-filter.ts"],"names":[],"mappings":"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","file":"value-filter.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport { arrayEqual } from '@visactor/vutils';\nimport type { FilterConfig, ValueFilterOptionDom, FilterState } from './types';\nimport { FilterActionType } from './types';\nimport type { FilterStateManager } from './filter-state-manager';\nimport { applyStyles, filterStyles } from './styles';\n\nexport class ValueFilter {\n  private table: ListTable | PivotTable;\n  private filterStateManager: FilterStateManager;\n  private uniqueKeys = new Map<string | number, Array<{ value: any; count: number; rawValue: any }>>();\n  private displayToRawValueMap = new Map<string | number, Map<any, any>>();\n  private selectedField: string | number;\n\n  private valueFilterOptionList: Map<string | number, ValueFilterOptionDom[]> = new Map();\n  private filterByValuePanel: HTMLElement;\n  private filterByValueSearchInput: HTMLInputElement;\n  private selectAllCheckbox: HTMLInputElement;\n  private filterItemsContainer: HTMLElement;\n\n  constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n\n    this.filterStateManager.subscribe((state: FilterState) => {\n      const filterState = state.filters.get(this.selectedField);\n      if (filterState && filterState.type === 'byValue') {\n        this.updateUI(filterState);\n      }\n    });\n  }\n\n  private updateUI(filterState: FilterConfig): void {\n    this.syncCheckboxesWithFilterState(filterState);\n    this.syncSelectAllWithFilterState(filterState);\n  }\n\n  setSelectedField(fieldId: string | number): void {\n    this.selectedField = fieldId;\n    this.collectUniqueColumnValues(fieldId);\n  }\n\n  collectUniqueColumnValues(fieldId: string | number): void {\n    const isEnable = this.filterStateManager.getFilterState(fieldId)?.enable;\n    const displayValueMap = new Map<any, number>();\n    const rawToDisplayMap = new Map<any, any>();\n    const displayToRawMap = new Map<any, any>();\n\n    // 找到第一个匹配字段的列位置，用于获取格式化数据\n    let targetCol = -1;\n    let targetRow = -1;\n    for (let col = 0; col < this.table.colCount; col++) {\n      for (let row = this.table.columnHeaderLevelCount; row < this.table.rowCount; row++) {\n        if (!this.table.internalProps.layoutMap.isHeader(col, row)) {\n          const bodyInfo = this.table.internalProps.layoutMap.getBody(col, row);\n          if (bodyInfo && bodyInfo.field === fieldId) {\n            targetCol = col;\n            targetRow = row;\n            break;\n          }\n        }\n      }\n      if (targetCol !== -1) {\n        break;\n      }\n    }\n\n    if (isEnable) {\n      // 如果已应用筛选，则从原始数据收集\n      const records = this.table.internalProps.records;\n      const recordsLength = records.length;\n\n      for (let i = 0; i < recordsLength; i++) {\n        let rawValue;\n        let displayValue;\n        if (targetCol !== -1) {\n          const row = this.table.columnHeaderLevelCount + i;\n          const currentRecord = records[i];\n          // 获取原始数据\n          rawValue = currentRecord[fieldId];\n          // 获取格式化显示数据\n          const bodyInfo = this.table.internalProps.layoutMap.getBody(targetCol, row);\n          if (\n            bodyInfo &&\n            'fieldFormat' in bodyInfo &&\n            bodyInfo.fieldFormat &&\n            typeof bodyInfo.fieldFormat === 'function'\n          ) {\n            // displayValue = bodyInfo.fieldFormat(rawValue, targetCol, row, this.table);\n            displayValue = bodyInfo.fieldFormat({ [fieldId]: rawValue });\n          } else {\n            displayValue = rawValue;\n          }\n        }\n\n        if (rawValue !== undefined && rawValue !== null) {\n          displayValueMap.set(displayValue, (displayValueMap.get(displayValue) || 0) + 1);\n          rawToDisplayMap.set(rawValue, displayValue);\n          displayToRawMap.set(displayValue, rawValue);\n        }\n      }\n    } else {\n      // 如果未筛选，则从当前表格数据收集\n      const dataSource = this.table.internalProps.dataSource;\n      const currentLength = dataSource.length;\n\n      for (let i = 0; i < currentLength; i++) {\n        let rawValue;\n        let displayValue;\n        if (targetCol !== -1) {\n          const row = this.table.columnHeaderLevelCount + i;\n          if (row < this.table.rowCount) {\n            // 获取原始数据\n            rawValue = this.table.getCellOriginValue(targetCol, row);\n            // 获取格式化显示数据\n            displayValue = this.table.getCellValue(targetCol, row);\n          }\n        } else {\n          rawValue = this.table.getFieldData(\n            String(fieldId),\n            targetCol !== -1 ? targetCol : 0,\n            this.table.columnHeaderLevelCount + i\n          );\n          displayValue = rawValue; // 如果没有格式化函数，显示值等于原始值\n        }\n\n        if (rawValue !== undefined && rawValue !== null) {\n          displayValueMap.set(displayValue, (displayValueMap.get(displayValue) || 0) + 1);\n          rawToDisplayMap.set(rawValue, displayValue);\n          displayToRawMap.set(displayValue, rawValue);\n        }\n      }\n    }\n\n    // 保存显示值到原始值的映射关系\n    this.displayToRawValueMap.set(fieldId, displayToRawMap);\n\n    // 转换为所需格式，包含显示值、计数和原始值\n    const uniqueValues = Array.from(displayValueMap.entries()).map(([displayValue, count]) => ({\n      value: displayValue, // UI显示的格式化值\n      count,\n      rawValue: displayToRawMap.get(displayValue) // 对应的原始值\n    }));\n\n    this.uniqueKeys.set(fieldId, uniqueValues);\n  }\n\n  private onValueSelect(fieldId: string | number, displayValue: any, selected: boolean): void {\n    // 获取显示值对应的原始值\n    const displayToRawMap = this.displayToRawValueMap.get(fieldId);\n    const rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n\n    const filter = this.filterStateManager.getFilterState(fieldId);\n    if (!filter) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.ADD_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: [rawValue] // 使用原始值\n        }\n      });\n    } else {\n      const updatedValues = selected\n        ? [...(filter.values || []), rawValue] // 使用原始值\n        : (filter.values || []).filter(v => v !== rawValue); // 使用原始值进行比较\n      this.filterStateManager.dispatch({\n        type: FilterActionType.UPDATE_FILTER,\n        payload: {\n          field: fieldId,\n          values: updatedValues\n        }\n      });\n    }\n  }\n\n  private toggleSelectAll(fieldId: string | number, selected: boolean): void {\n    const filter = this.filterStateManager.getFilterState(fieldId);\n    // 获取所有原始值用于全选/取消全选\n    const rawValuesToUpdate = selected ? this.uniqueKeys.get(fieldId)?.map(item => item.rawValue) || [] : [];\n    if (!filter) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.ADD_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: rawValuesToUpdate, // 使用原始值\n          enable: true\n        }\n      });\n    } else {\n      const updatedValues = selected ? rawValuesToUpdate : [];\n      this.filterStateManager.dispatch({\n        type: FilterActionType.UPDATE_FILTER,\n        payload: {\n          field: fieldId,\n          values: updatedValues // 使用原始值\n        }\n      });\n    }\n  }\n\n  private onSearch(fieldId: string | number, value: string): void {\n    const filterKeywords = value\n      .toUpperCase()\n      .split(' ')\n      .filter(s => s);\n    const items = this.valueFilterOptionList.get(fieldId);\n\n    for (const item of items) {\n      const txtValue = item.id.toUpperCase() || '';\n      const match = filterKeywords.some(keyword => txtValue.includes(keyword));\n      item.itemContainer.style.display = filterKeywords.length === 0 || match ? 'flex' : 'none';\n    }\n  }\n\n  /**\n   * 根据当前表格中的数据，更新 filter 的被选状态 selectedKeys\n   */\n  private initFilterStateFromTableData(fieldId: string | number): void {\n    const filter = this.filterStateManager.getFilterState(fieldId);\n    const selectedRawValues = new Set();\n    const displayToRawMap = this.displayToRawValueMap.get(fieldId);\n\n    // 找到第一个匹配字段的列位置，用于获取格式化数据\n    let targetCol = -1;\n    for (let col = 0; col < this.table.colCount; col++) {\n      for (let row = this.table.columnHeaderLevelCount; row < this.table.rowCount; row++) {\n        if (!this.table.internalProps.layoutMap.isHeader(col, row)) {\n          const bodyInfo = this.table.internalProps.layoutMap.getBody(col, row);\n          if (bodyInfo && bodyInfo.field === fieldId) {\n            targetCol = col;\n            break;\n          }\n        }\n      }\n      if (targetCol !== -1) {\n        break;\n      }\n    }\n\n    // 收集当前显示的数据对应的原始值\n    const dataSource = this.table.internalProps.dataSource;\n    const currentLength = dataSource.length;\n\n    for (let i = 0; i < currentLength; i++) {\n      let displayValue;\n      let rawValue;\n      if (targetCol !== -1) {\n        const row = this.table.columnHeaderLevelCount + i;\n        if (row < this.table.rowCount) {\n          // 获取格式化显示值\n          displayValue = this.table.getCellValue(targetCol, row);\n          // 通过映射获取对应的原始值\n          rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n        }\n      } else {\n        displayValue = this.table.getFieldData(\n          String(fieldId),\n          targetCol !== -1 ? targetCol : 0,\n          this.table.columnHeaderLevelCount + i\n        );\n        rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n      }\n\n      if (rawValue !== undefined && rawValue !== null) {\n        selectedRawValues.add(rawValue);\n      }\n    }\n\n    const hasChanged = !filter || !arrayEqual(filter.values, Array.from(selectedRawValues));\n    if (!hasChanged) {\n      return;\n    }\n    if (filter) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.UPDATE_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: Array.from(selectedRawValues) // 使用原始值\n        }\n      });\n    } else {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.ADD_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: Array.from(selectedRawValues) // 使用原始值\n        }\n      });\n    }\n  }\n\n  /**\n   * 根据 filter 的数据状态，更新 UI\n   */\n  private syncCheckboxesWithFilterState(filter: FilterConfig): void {\n    if (!filter) {\n      return;\n    }\n    const selectedRawValues = filter.values || [];\n    const displayToRawMap = this.displayToRawValueMap.get(filter.field);\n    const optionDomList = this.valueFilterOptionList.get(filter.field);\n\n    optionDomList?.forEach(optionDom => {\n      // optionDom.id 是显示值，需要转换为原始值进行比较\n      const displayValue = optionDom.originalValue;\n      const rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n\n      // 检查原始值是否在选中的原始值列表中\n      optionDom.checkbox.checked = selectedRawValues.some(v => v === rawValue);\n\n      const count = this.uniqueKeys.get(filter.field)?.find(key => String(key.value) === optionDom.id)?.count || 0;\n      optionDom.countSpan.textContent = String(count);\n      optionDom.itemContainer.style.display = count === 0 ? 'none' : 'flex';\n    });\n  }\n\n  /**\n   * 根据 filter 的数据状态，更新 UI\n   */\n  private syncSelectAllWithFilterState(filter: FilterConfig): void {\n    if (!filter || !filter.values) {\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = false;\n      return;\n    }\n\n    const uniqueValuesCount = this.uniqueKeys.get(filter.field)?.length || 0;\n    if (uniqueValuesCount === 0) {\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = false;\n    } else if (filter.values.length === 0) {\n      // 没有选中任何值\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = false;\n    } else if (filter.values.length === uniqueValuesCount) {\n      // 所有值都被选中\n      this.selectAllCheckbox.checked = true;\n      this.selectAllCheckbox.indeterminate = false;\n    } else {\n      // 部分值被选中\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = true;\n    }\n  }\n\n  applyFilter(fieldId: string | number = this.selectedField): void {\n    const selectedKeys = this.filterStateManager.getFilterState(fieldId)?.values || [];\n    if (selectedKeys.length > 0 && selectedKeys.length < this.uniqueKeys.get(fieldId)?.length) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.APPLY_FILTERS,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: selectedKeys,\n          enable: true\n        }\n      });\n    } else {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.REMOVE_FILTER,\n        payload: {\n          field: fieldId\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  render(container: HTMLElement): void {\n    // === 按值筛选的菜单内容 ===\n    this.filterByValuePanel = document.createElement('div');\n    applyStyles(this.filterByValuePanel, filterStyles.filterPanel);\n\n    // -- 搜索栏 ---\n    const searchContainer = document.createElement('div');\n    applyStyles(searchContainer, filterStyles.searchContainer);\n\n    this.filterByValueSearchInput = document.createElement('input');\n    this.filterByValueSearchInput.type = 'text';\n    this.filterByValueSearchInput.placeholder = '可使用空格分隔多个关键词';\n    applyStyles(this.filterByValueSearchInput, filterStyles.searchInput);\n\n    searchContainer.appendChild(this.filterByValueSearchInput);\n\n    // --- 筛选选项 ---\n    const optionsContainer = document.createElement('div');\n    applyStyles(optionsContainer, filterStyles.optionsContainer);\n\n    const selectAllItemDiv = document.createElement('div');\n    applyStyles(selectAllItemDiv, filterStyles.optionItem);\n\n    const selectAllLabel = document.createElement('label');\n    applyStyles(selectAllLabel, filterStyles.optionLabel);\n\n    this.selectAllCheckbox = document.createElement('input');\n    this.selectAllCheckbox.type = 'checkbox';\n    this.selectAllCheckbox.checked = true; // 默认全选\n    applyStyles(this.selectAllCheckbox, filterStyles.checkbox);\n\n    selectAllLabel.append(this.selectAllCheckbox, ' 全选');\n    selectAllItemDiv.appendChild(selectAllLabel);\n\n    this.filterItemsContainer = document.createElement('div'); // 筛选条目的容器，后续应动态 appendChild\n\n    optionsContainer.append(selectAllItemDiv, this.filterItemsContainer);\n    this.filterByValuePanel.append(searchContainer, optionsContainer);\n\n    container.appendChild(this.filterByValuePanel);\n\n    this.bindEventForFilterByValue();\n  }\n\n  private renderFilterOptions(field: string | number): void {\n    this.filterItemsContainer.innerHTML = '';\n    this.valueFilterOptionList.delete(field);\n    this.valueFilterOptionList.set(field, []);\n\n    const selectedRawValues = this.filterStateManager.getFilterState(field)?.values || [];\n    // 为了优化复杂度，将原始值转换为Set进行快速查找\n    const selectedRawValueSet = new Set(selectedRawValues);\n\n    const itemDomList: ValueFilterOptionDom[] = [];\n    this.uniqueKeys.get(field)?.forEach(({ value, count, rawValue }) => {\n      const itemDiv = document.createElement('div');\n      applyStyles(itemDiv, filterStyles.optionItem);\n\n      const label = document.createElement('label');\n      applyStyles(label, filterStyles.optionLabel);\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.value = String(value); // 显示值作为checkbox的value\n      // 使用原始值进行选中状态判断，优化为O(1)复杂度\n      checkbox.checked = selectedRawValueSet.has(rawValue);\n      applyStyles(checkbox, filterStyles.checkbox);\n\n      const countSpan = document.createElement('span');\n      countSpan.textContent = String(count);\n      applyStyles(countSpan, filterStyles.countSpan);\n\n      label.append(checkbox, ` ${value}`); // UI显示格式化值\n      itemDiv.append(label, countSpan);\n      this.filterItemsContainer.appendChild(itemDiv);\n\n      const itemDom: ValueFilterOptionDom = {\n        id: String(value), // 显示值作为id，用于UI交互\n        originalValue: value,\n        itemContainer: itemDiv,\n        checkbox: checkbox,\n        countSpan: countSpan\n      };\n\n      itemDomList.push(itemDom);\n    });\n\n    this.valueFilterOptionList.set(field, itemDomList);\n  }\n\n  bindEventForFilterByValue(): void {\n    // 事件委托：搜索框的 keyup 事件\n    this.filterByValuePanel.addEventListener('keyup', (event: KeyboardEvent) => {\n      const target = event.target;\n      if (target instanceof HTMLInputElement && target.type === 'text') {\n        const value = target.value;\n        this.onSearch(this.selectedField, value);\n      }\n    });\n\n    // 事件委托：复选框的 change 事件\n    this.filterByValuePanel.addEventListener('change', (event: Event) => {\n      const target = event.target;\n      if (target instanceof HTMLInputElement && target.type === 'checkbox') {\n        if (target === this.selectAllCheckbox) {\n          this.toggleSelectAll(this.selectedField, this.selectAllCheckbox.checked);\n        } else {\n          const checkbox = target;\n          const checked = checkbox.checked;\n          const value = this.valueFilterOptionList\n            .get(this.selectedField)\n            ?.find(item => item.id === checkbox.value)?.originalValue;\n          this.onValueSelect(this.selectedField, value, checked);\n        }\n      }\n    });\n  }\n\n  show(): void {\n    this.initFilterStateFromTableData(this.selectedField);\n    this.renderFilterOptions(this.selectedField);\n    this.filterByValuePanel.style.display = 'block';\n  }\n\n  hide(): void {\n    this.filterByValuePanel.style.display = 'none';\n  }\n}\n"]}
+{"version":3,"sources":["../src/filter/value-filter.ts"],"names":[],"mappings":";;;AACA,6CAA8C;AAE9C,mCAA2C;AAE3C,qCAAuC;AAEvC,MAAa,WAAW;IActB,YAAY,KAA6B,EAAE,kBAAsC,EAAE,MAAoB;QAV/F,eAAU,GAAG,IAAI,GAAG,EAAwE,CAAC;QAC7F,yBAAoB,GAAG,IAAI,GAAG,EAAkC,CAAC;QAGjE,0BAAqB,GAAiD,IAAI,GAAG,EAAE,CAAC;QAOtF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC7C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,KAAkB,EAAE,EAAE;YACvD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC1D,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,SAAS,EAAE;gBACjD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,QAAQ,CAAC,WAAyB;QACxC,IAAI,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC;QAChD,IAAI,CAAC,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACjD,CAAC;IAED,gBAAgB,CAAC,OAAwB;QACvC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAED,yBAAyB,CAAC,OAAwB;;QAChD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,0CAAE,MAAM,CAAC;QACzE,MAAM,eAAe,GAAG,IAAI,GAAG,EAAe,CAAC;QAC/C,MAAM,eAAe,GAAG,IAAI,GAAG,EAAY,CAAC;QAC5C,MAAM,eAAe,GAAG,IAAI,GAAG,EAAY,CAAC;QAG5C,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;QACnB,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;QACnB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;YAClD,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;gBAClF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;oBAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;oBACtE,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,KAAK,OAAO,EAAE;wBAC1C,SAAS,GAAG,GAAG,CAAC;wBAChB,SAAS,GAAG,GAAG,CAAC;wBAChB,MAAM;qBACP;iBACF;aACF;YACD,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;gBACpB,MAAM;aACP;SACF;QAED,IAAI,QAAQ,EAAE;YAEZ,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;YACjD,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAErC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;gBACtC,IAAI,QAAQ,CAAC;gBACb,IAAI,YAAY,CAAC;gBACjB,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;oBACpB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,GAAG,CAAC,CAAC;oBAClD,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;oBAEjC,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;oBAElC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;oBAC5E,IACE,QAAQ;wBACR,aAAa,IAAI,QAAQ;wBACzB,QAAQ,CAAC,WAAW;wBACpB,OAAO,QAAQ,CAAC,WAAW,KAAK,UAAU,EAC1C;wBAEA,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;qBAC9D;yBAAM;wBACL,YAAY,GAAG,QAAQ,CAAC;qBACzB;iBACF;gBAED,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE;oBAC/C,eAAe,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;oBAChF,eAAe,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;oBAC5C,eAAe,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;iBAC7C;aACF;SACF;aAAM;YAEL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;YACvD,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC;YAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;gBACtC,IAAI,QAAQ,CAAC;gBACb,IAAI,YAAY,CAAC;gBACjB,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;oBACpB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,GAAG,CAAC,CAAC;oBAClD,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;wBAE7B,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBAEzD,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;qBACxD;iBACF;qBAAM;oBACL,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAChC,MAAM,CAAC,OAAO,CAAC,EACf,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAChC,IAAI,CAAC,KAAK,CAAC,sBAAsB,GAAG,CAAC,CACtC,CAAC;oBACF,YAAY,GAAG,QAAQ,CAAC;iBACzB;gBAED,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE;oBAC/C,eAAe,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;oBAChF,eAAe,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;oBAC5C,eAAe,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;iBAC7C;aACF;SACF;QAGD,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QAGxD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;YACzF,KAAK,EAAE,YAAY;YACnB,KAAK;YACL,QAAQ,EAAE,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC;SAC5C,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC;IAEO,aAAa,CAAC,OAAwB,EAAE,YAAiB,EAAE,QAAiB;QAElF,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/D,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEpF,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,EAAE;YACX,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,UAAU;gBACjC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,CAAC,QAAQ,CAAC;iBACnB;aACF,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,aAAa,GAAG,QAAQ;gBAC5B,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC;gBACtC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;YACtD,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,aAAa;gBACpC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,aAAa;iBACtB;aACF,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,eAAe,CAAC,OAAwB,EAAE,QAAiB;;QACjE,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAE/D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzG,IAAI,CAAC,MAAM,EAAE;YACX,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,UAAU;gBACjC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,iBAAiB;oBACzB,MAAM,EAAE,IAAI;iBACb;aACF,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,aAAa;gBACpC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,aAAa;iBACtB;aACF,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,QAAQ,CAAC,OAAwB,EAAE,KAAa;QACtD,MAAM,cAAc,GAAG,KAAK;aACzB,WAAW,EAAE;aACb,KAAK,CAAC,GAAG,CAAC;aACV,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEtD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;YAC7C,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;SAC3F;IACH,CAAC;IAKO,4BAA4B,CAAC,OAAwB;QAC3D,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC/D,MAAM,iBAAiB,GAAG,IAAI,GAAG,EAAE,CAAC;QACpC,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAG/D,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC;QACnB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;YAClD,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;gBAClF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;oBAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;oBACtE,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,KAAK,OAAO,EAAE;wBAC1C,SAAS,GAAG,GAAG,CAAC;wBAChB,MAAM;qBACP;iBACF;aACF;YACD,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;gBACpB,MAAM;aACP;SACF;QAGD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;QACvD,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,YAAY,CAAC;YACjB,IAAI,QAAQ,CAAC;YACb,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,GAAG,CAAC,CAAC;gBAClD,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;oBAE7B,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;oBAEvD,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;iBAC/E;aACF;iBAAM;gBACL,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CACpC,MAAM,CAAC,OAAO,CAAC,EACf,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAChC,IAAI,CAAC,KAAK,CAAC,sBAAsB,GAAG,CAAC,CACtC,CAAC;gBACF,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;aAC/E;YAED,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE;gBAC/C,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;aACjC;SACF;QAED,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,CAAC,IAAA,mBAAU,EAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACxF,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QACD,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,aAAa;gBACpC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC;iBACtC;aACF,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,UAAU;gBACjC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC;iBACtC;aACF,CAAC,CAAC;SACJ;IACH,CAAC;IAKO,6BAA6B,CAAC,MAAoB;QACxD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;QAC9C,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpE,MAAM,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEnE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,SAAS,CAAC,EAAE;;YAEjC,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC;YAC7C,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;YAGpF,SAAS,CAAC,QAAQ,CAAC,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;YAEzE,MAAM,KAAK,GAAG,CAAA,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,EAAE,CAAC,0CAAE,KAAK,KAAI,CAAC,CAAC;YAC7G,SAAS,CAAC,SAAS,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAChD,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC;IAKO,4BAA4B,CAAC,MAAoB;;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YAC7B,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,aAAa,GAAG,KAAK,CAAC;YAC7C,OAAO;SACR;QAED,MAAM,iBAAiB,GAAG,CAAA,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,CAAC,CAAC;QACzE,IAAI,iBAAiB,KAAK,CAAC,EAAE;YAC3B,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9C;aAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAErC,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9C;aAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,iBAAiB,EAAE;YAErD,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACtC,IAAI,CAAC,iBAAiB,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9C;aAAM;YAEL,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7C;IACH,CAAC;IAED,WAAW,CAAC,UAA2B,IAAI,CAAC,aAAa;;QACvD,MAAM,YAAY,GAAG,CAAA,MAAA,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC;QACnF,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,IAAG,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,0CAAE,MAAM,CAAA,EAAE;YACzF,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,aAAa;gBACpC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,YAAY;oBACpB,MAAM,EAAE,IAAI;iBACb;aACF,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;gBAC/B,IAAI,EAAE,wBAAgB,CAAC,aAAa;gBACpC,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;iBACf;aACF,CAAC,CAAC;SACJ;IACH,CAAC;IAED,WAAW,CAAC,OAAwB;QAClC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;YAC/B,IAAI,EAAE,wBAAgB,CAAC,aAAa;YACpC,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;aACf;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,MAAM,CAAC,SAAsB;QAE3B,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxD,IAAA,oBAAW,EAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAG9D,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtD,IAAA,oBAAW,EAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1D,IAAI,CAAC,wBAAwB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChE,IAAI,CAAC,wBAAwB,CAAC,IAAI,GAAG,MAAM,CAAC;QAC5C,IAAI,CAAC,wBAAwB,CAAC,WAAW,GAAG,cAAc,CAAC;QAC3D,IAAA,oBAAW,EAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAEpE,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAG3D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvD,IAAA,oBAAW,EAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAE5D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvD,IAAA,oBAAW,EAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAEtD,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,IAAA,oBAAW,EAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAErD,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACzD,IAAI,CAAC,iBAAiB,CAAC,IAAI,GAAG,UAAU,CAAC;QACzC,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACtC,IAAA,oBAAW,EAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAE1D,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QACrD,gBAAgB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE7C,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1D,gBAAgB,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACrE,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;QAElE,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAE/C,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAEO,mBAAmB,CAAC,KAAsB;;QAChD,IAAI,CAAC,oBAAoB,CAAC,SAAS,GAAG,EAAE,CAAC;QACzC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAE1C,MAAM,iBAAiB,GAAG,CAAA,MAAA,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC;QAEtF,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAEvD,MAAM,WAAW,GAA2B,EAAE,CAAC;QAC/C,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;YACjE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAA,oBAAW,EAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAE7C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,IAAA,oBAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAE5C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACjD,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;YAC3B,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAE/B,QAAQ,CAAC,OAAO,GAAG,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAA,oBAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAE5C,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACjD,SAAS,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACtC,IAAA,oBAAW,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAE9C,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC;YACpC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACjC,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAE/C,MAAM,OAAO,GAAyB;gBACpC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;gBACjB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,OAAO;gBACtB,QAAQ,EAAE,QAAQ;gBAClB,SAAS,EAAE,SAAS;aACrB,CAAC;YAEF,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC;IAED,yBAAyB;QAEvB,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAoB,EAAE,EAAE;YACzE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,gBAAgB,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE;gBAChE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gBAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;aAC1C;QACH,CAAC,CAAC,CAAC;QAGH,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;;YAClE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,MAAM,YAAY,gBAAgB,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;gBACpE,IAAI,MAAM,KAAK,IAAI,CAAC,iBAAiB,EAAE;oBACrC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;iBAC1E;qBAAM;oBACL,MAAM,QAAQ,GAAG,MAAM,CAAC;oBACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;oBACjC,MAAM,KAAK,GAAG,MAAA,MAAA,IAAI,CAAC,qBAAqB;yBACrC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,0CACtB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,KAAK,CAAC,0CAAE,aAAa,CAAC;oBAC5D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;iBACxD;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC7C,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAClD,CAAC;IAED,IAAI;QACF,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjD,CAAC;CACF;AAxfD,kCAwfC","file":"value-filter.js","sourcesContent":["import type { ListTable, PivotTable } from '@visactor/vtable';\nimport { arrayEqual } from '@visactor/vutils';\nimport type { FilterConfig, ValueFilterOptionDom, FilterState, FilterStyles } from './types';\nimport { FilterActionType } from './types';\nimport type { FilterStateManager } from './filter-state-manager';\nimport { applyStyles } from './styles';\n\nexport class ValueFilter {\n  private table: ListTable | PivotTable;\n  private filterStateManager: FilterStateManager;\n  private styles: FilterStyles;\n  private uniqueKeys = new Map<string | number, Array<{ value: any; count: number; rawValue: any }>>();\n  private displayToRawValueMap = new Map<string | number, Map<any, any>>();\n  private selectedField: string | number;\n\n  private valueFilterOptionList: Map<string | number, ValueFilterOptionDom[]> = new Map();\n  private filterByValuePanel: HTMLElement;\n  private filterByValueSearchInput: HTMLInputElement;\n  private selectAllCheckbox: HTMLInputElement;\n  private filterItemsContainer: HTMLElement;\n\n  constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, styles: FilterStyles) {\n    this.table = table;\n    this.filterStateManager = filterStateManager;\n    this.styles = styles;\n\n    this.filterStateManager.subscribe((state: FilterState) => {\n      const filterState = state.filters.get(this.selectedField);\n      if (filterState && filterState.type === 'byValue') {\n        this.updateUI(filterState);\n      }\n    });\n  }\n\n  private updateUI(filterState: FilterConfig): void {\n    this.syncCheckboxesWithFilterState(filterState);\n    this.syncSelectAllWithFilterState(filterState);\n  }\n\n  setSelectedField(fieldId: string | number): void {\n    this.selectedField = fieldId;\n    this.collectUniqueColumnValues(fieldId);\n  }\n\n  collectUniqueColumnValues(fieldId: string | number): void {\n    const isEnable = this.filterStateManager.getFilterState(fieldId)?.enable;\n    const displayValueMap = new Map<any, number>();\n    const rawToDisplayMap = new Map<any, any>();\n    const displayToRawMap = new Map<any, any>();\n\n    // 找到第一个匹配字段的列位置，用于获取格式化数据\n    let targetCol = -1;\n    let targetRow = -1;\n    for (let col = 0; col < this.table.colCount; col++) {\n      for (let row = this.table.columnHeaderLevelCount; row < this.table.rowCount; row++) {\n        if (!this.table.internalProps.layoutMap.isHeader(col, row)) {\n          const bodyInfo = this.table.internalProps.layoutMap.getBody(col, row);\n          if (bodyInfo && bodyInfo.field === fieldId) {\n            targetCol = col;\n            targetRow = row;\n            break;\n          }\n        }\n      }\n      if (targetCol !== -1) {\n        break;\n      }\n    }\n\n    if (isEnable) {\n      // 如果已应用筛选，则从原始数据收集\n      const records = this.table.internalProps.records;\n      const recordsLength = records.length;\n\n      for (let i = 0; i < recordsLength; i++) {\n        let rawValue;\n        let displayValue;\n        if (targetCol !== -1) {\n          const row = this.table.columnHeaderLevelCount + i;\n          const currentRecord = records[i];\n          // 获取原始数据\n          rawValue = currentRecord[fieldId];\n          // 获取格式化显示数据\n          const bodyInfo = this.table.internalProps.layoutMap.getBody(targetCol, row);\n          if (\n            bodyInfo &&\n            'fieldFormat' in bodyInfo &&\n            bodyInfo.fieldFormat &&\n            typeof bodyInfo.fieldFormat === 'function'\n          ) {\n            // displayValue = bodyInfo.fieldFormat(rawValue, targetCol, row, this.table);\n            displayValue = bodyInfo.fieldFormat({ [fieldId]: rawValue });\n          } else {\n            displayValue = rawValue;\n          }\n        }\n\n        if (rawValue !== undefined && rawValue !== null) {\n          displayValueMap.set(displayValue, (displayValueMap.get(displayValue) || 0) + 1);\n          rawToDisplayMap.set(rawValue, displayValue);\n          displayToRawMap.set(displayValue, rawValue);\n        }\n      }\n    } else {\n      // 如果未筛选，则从当前表格数据收集\n      const dataSource = this.table.internalProps.dataSource;\n      const currentLength = dataSource.length;\n\n      for (let i = 0; i < currentLength; i++) {\n        let rawValue;\n        let displayValue;\n        if (targetCol !== -1) {\n          const row = this.table.columnHeaderLevelCount + i;\n          if (row < this.table.rowCount) {\n            // 获取原始数据\n            rawValue = this.table.getCellOriginValue(targetCol, row);\n            // 获取格式化显示数据\n            displayValue = this.table.getCellValue(targetCol, row);\n          }\n        } else {\n          rawValue = this.table.getFieldData(\n            String(fieldId),\n            targetCol !== -1 ? targetCol : 0,\n            this.table.columnHeaderLevelCount + i\n          );\n          displayValue = rawValue; // 如果没有格式化函数，显示值等于原始值\n        }\n\n        if (rawValue !== undefined && rawValue !== null) {\n          displayValueMap.set(displayValue, (displayValueMap.get(displayValue) || 0) + 1);\n          rawToDisplayMap.set(rawValue, displayValue);\n          displayToRawMap.set(displayValue, rawValue);\n        }\n      }\n    }\n\n    // 保存显示值到原始值的映射关系\n    this.displayToRawValueMap.set(fieldId, displayToRawMap);\n\n    // 转换为所需格式，包含显示值、计数和原始值\n    const uniqueValues = Array.from(displayValueMap.entries()).map(([displayValue, count]) => ({\n      value: displayValue, // UI显示的格式化值\n      count,\n      rawValue: displayToRawMap.get(displayValue) // 对应的原始值\n    }));\n\n    this.uniqueKeys.set(fieldId, uniqueValues);\n  }\n\n  private onValueSelect(fieldId: string | number, displayValue: any, selected: boolean): void {\n    // 获取显示值对应的原始值\n    const displayToRawMap = this.displayToRawValueMap.get(fieldId);\n    const rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n\n    const filter = this.filterStateManager.getFilterState(fieldId);\n    if (!filter) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.ADD_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: [rawValue] // 使用原始值\n        }\n      });\n    } else {\n      const updatedValues = selected\n        ? [...(filter.values || []), rawValue] // 使用原始值\n        : (filter.values || []).filter(v => v !== rawValue); // 使用原始值进行比较\n      this.filterStateManager.dispatch({\n        type: FilterActionType.UPDATE_FILTER,\n        payload: {\n          field: fieldId,\n          values: updatedValues\n        }\n      });\n    }\n  }\n\n  private toggleSelectAll(fieldId: string | number, selected: boolean): void {\n    const filter = this.filterStateManager.getFilterState(fieldId);\n    // 获取所有原始值用于全选/取消全选\n    const rawValuesToUpdate = selected ? this.uniqueKeys.get(fieldId)?.map(item => item.rawValue) || [] : [];\n    if (!filter) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.ADD_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: rawValuesToUpdate, // 使用原始值\n          enable: true\n        }\n      });\n    } else {\n      const updatedValues = selected ? rawValuesToUpdate : [];\n      this.filterStateManager.dispatch({\n        type: FilterActionType.UPDATE_FILTER,\n        payload: {\n          field: fieldId,\n          values: updatedValues // 使用原始值\n        }\n      });\n    }\n  }\n\n  private onSearch(fieldId: string | number, value: string): void {\n    const filterKeywords = value\n      .toUpperCase()\n      .split(' ')\n      .filter(s => s);\n    const items = this.valueFilterOptionList.get(fieldId);\n\n    for (const item of items) {\n      const txtValue = item.id.toUpperCase() || '';\n      const match = filterKeywords.some(keyword => txtValue.includes(keyword));\n      item.itemContainer.style.display = filterKeywords.length === 0 || match ? 'flex' : 'none';\n    }\n  }\n\n  /**\n   * 根据当前表格中的数据，更新 filter 的被选状态 selectedKeys\n   */\n  private initFilterStateFromTableData(fieldId: string | number): void {\n    const filter = this.filterStateManager.getFilterState(fieldId);\n    const selectedRawValues = new Set();\n    const displayToRawMap = this.displayToRawValueMap.get(fieldId);\n\n    // 找到第一个匹配字段的列位置，用于获取格式化数据\n    let targetCol = -1;\n    for (let col = 0; col < this.table.colCount; col++) {\n      for (let row = this.table.columnHeaderLevelCount; row < this.table.rowCount; row++) {\n        if (!this.table.internalProps.layoutMap.isHeader(col, row)) {\n          const bodyInfo = this.table.internalProps.layoutMap.getBody(col, row);\n          if (bodyInfo && bodyInfo.field === fieldId) {\n            targetCol = col;\n            break;\n          }\n        }\n      }\n      if (targetCol !== -1) {\n        break;\n      }\n    }\n\n    // 收集当前显示的数据对应的原始值\n    const dataSource = this.table.internalProps.dataSource;\n    const currentLength = dataSource.length;\n\n    for (let i = 0; i < currentLength; i++) {\n      let displayValue;\n      let rawValue;\n      if (targetCol !== -1) {\n        const row = this.table.columnHeaderLevelCount + i;\n        if (row < this.table.rowCount) {\n          // 获取格式化显示值\n          displayValue = this.table.getCellValue(targetCol, row);\n          // 通过映射获取对应的原始值\n          rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n        }\n      } else {\n        displayValue = this.table.getFieldData(\n          String(fieldId),\n          targetCol !== -1 ? targetCol : 0,\n          this.table.columnHeaderLevelCount + i\n        );\n        rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n      }\n\n      if (rawValue !== undefined && rawValue !== null) {\n        selectedRawValues.add(rawValue);\n      }\n    }\n\n    const hasChanged = !filter || !arrayEqual(filter.values, Array.from(selectedRawValues));\n    if (!hasChanged) {\n      return;\n    }\n    if (filter) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.UPDATE_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: Array.from(selectedRawValues) // 使用原始值\n        }\n      });\n    } else {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.ADD_FILTER,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: Array.from(selectedRawValues) // 使用原始值\n        }\n      });\n    }\n  }\n\n  /**\n   * 根据 filter 的数据状态，更新 UI\n   */\n  private syncCheckboxesWithFilterState(filter: FilterConfig): void {\n    if (!filter) {\n      return;\n    }\n    const selectedRawValues = filter.values || [];\n    const displayToRawMap = this.displayToRawValueMap.get(filter.field);\n    const optionDomList = this.valueFilterOptionList.get(filter.field);\n\n    optionDomList?.forEach(optionDom => {\n      // optionDom.id 是显示值，需要转换为原始值进行比较\n      const displayValue = optionDom.originalValue;\n      const rawValue = displayToRawMap ? displayToRawMap.get(displayValue) : displayValue;\n\n      // 检查原始值是否在选中的原始值列表中\n      optionDom.checkbox.checked = selectedRawValues.some(v => v === rawValue);\n\n      const count = this.uniqueKeys.get(filter.field)?.find(key => String(key.value) === optionDom.id)?.count || 0;\n      optionDom.countSpan.textContent = String(count);\n      optionDom.itemContainer.style.display = count === 0 ? 'none' : 'flex';\n    });\n  }\n\n  /**\n   * 根据 filter 的数据状态，更新 UI\n   */\n  private syncSelectAllWithFilterState(filter: FilterConfig): void {\n    if (!filter || !filter.values) {\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = false;\n      return;\n    }\n\n    const uniqueValuesCount = this.uniqueKeys.get(filter.field)?.length || 0;\n    if (uniqueValuesCount === 0) {\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = false;\n    } else if (filter.values.length === 0) {\n      // 没有选中任何值\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = false;\n    } else if (filter.values.length === uniqueValuesCount) {\n      // 所有值都被选中\n      this.selectAllCheckbox.checked = true;\n      this.selectAllCheckbox.indeterminate = false;\n    } else {\n      // 部分值被选中\n      this.selectAllCheckbox.checked = false;\n      this.selectAllCheckbox.indeterminate = true;\n    }\n  }\n\n  applyFilter(fieldId: string | number = this.selectedField): void {\n    const selectedKeys = this.filterStateManager.getFilterState(fieldId)?.values || [];\n    if (selectedKeys.length > 0 && selectedKeys.length < this.uniqueKeys.get(fieldId)?.length) {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.APPLY_FILTERS,\n        payload: {\n          field: fieldId,\n          type: 'byValue',\n          values: selectedKeys,\n          enable: true\n        }\n      });\n    } else {\n      this.filterStateManager.dispatch({\n        type: FilterActionType.REMOVE_FILTER,\n        payload: {\n          field: fieldId\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  render(container: HTMLElement): void {\n    // === 按值筛选的菜单内容 ===\n    this.filterByValuePanel = document.createElement('div');\n    applyStyles(this.filterByValuePanel, this.styles.filterPanel);\n\n    // -- 搜索栏 ---\n    const searchContainer = document.createElement('div');\n    applyStyles(searchContainer, this.styles.searchContainer);\n\n    this.filterByValueSearchInput = document.createElement('input');\n    this.filterByValueSearchInput.type = 'text';\n    this.filterByValueSearchInput.placeholder = '可使用空格分隔多个关键词';\n    applyStyles(this.filterByValueSearchInput, this.styles.searchInput);\n\n    searchContainer.appendChild(this.filterByValueSearchInput);\n\n    // --- 筛选选项 ---\n    const optionsContainer = document.createElement('div');\n    applyStyles(optionsContainer, this.styles.optionsContainer);\n\n    const selectAllItemDiv = document.createElement('div');\n    applyStyles(selectAllItemDiv, this.styles.optionItem);\n\n    const selectAllLabel = document.createElement('label');\n    applyStyles(selectAllLabel, this.styles.optionLabel);\n\n    this.selectAllCheckbox = document.createElement('input');\n    this.selectAllCheckbox.type = 'checkbox';\n    this.selectAllCheckbox.checked = true; // 默认全选\n    applyStyles(this.selectAllCheckbox, this.styles.checkbox);\n\n    selectAllLabel.append(this.selectAllCheckbox, ' 全选');\n    selectAllItemDiv.appendChild(selectAllLabel);\n\n    this.filterItemsContainer = document.createElement('div'); // 筛选条目的容器，后续应动态 appendChild\n\n    optionsContainer.append(selectAllItemDiv, this.filterItemsContainer);\n    this.filterByValuePanel.append(searchContainer, optionsContainer);\n\n    container.appendChild(this.filterByValuePanel);\n\n    this.bindEventForFilterByValue();\n  }\n\n  private renderFilterOptions(field: string | number): void {\n    this.filterItemsContainer.innerHTML = '';\n    this.valueFilterOptionList.delete(field);\n    this.valueFilterOptionList.set(field, []);\n\n    const selectedRawValues = this.filterStateManager.getFilterState(field)?.values || [];\n    // 为了优化复杂度，将原始值转换为Set进行快速查找\n    const selectedRawValueSet = new Set(selectedRawValues);\n\n    const itemDomList: ValueFilterOptionDom[] = [];\n    this.uniqueKeys.get(field)?.forEach(({ value, count, rawValue }) => {\n      const itemDiv = document.createElement('div');\n      applyStyles(itemDiv, this.styles.optionItem);\n\n      const label = document.createElement('label');\n      applyStyles(label, this.styles.optionLabel);\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.value = String(value); // 显示值作为checkbox的value\n      // 使用原始值进行选中状态判断，优化为O(1)复杂度\n      checkbox.checked = selectedRawValueSet.has(rawValue);\n      applyStyles(checkbox, this.styles.checkbox);\n\n      const countSpan = document.createElement('span');\n      countSpan.textContent = String(count);\n      applyStyles(countSpan, this.styles.countSpan);\n\n      label.append(checkbox, ` ${value}`); // UI显示格式化值\n      itemDiv.append(label, countSpan);\n      this.filterItemsContainer.appendChild(itemDiv);\n\n      const itemDom: ValueFilterOptionDom = {\n        id: String(value), // 显示值作为id，用于UI交互\n        originalValue: value,\n        itemContainer: itemDiv,\n        checkbox: checkbox,\n        countSpan: countSpan\n      };\n\n      itemDomList.push(itemDom);\n    });\n\n    this.valueFilterOptionList.set(field, itemDomList);\n  }\n\n  bindEventForFilterByValue(): void {\n    // 事件委托：搜索框的 keyup 事件\n    this.filterByValuePanel.addEventListener('keyup', (event: KeyboardEvent) => {\n      const target = event.target;\n      if (target instanceof HTMLInputElement && target.type === 'text') {\n        const value = target.value;\n        this.onSearch(this.selectedField, value);\n      }\n    });\n\n    // 事件委托：复选框的 change 事件\n    this.filterByValuePanel.addEventListener('change', (event: Event) => {\n      const target = event.target;\n      if (target instanceof HTMLInputElement && target.type === 'checkbox') {\n        if (target === this.selectAllCheckbox) {\n          this.toggleSelectAll(this.selectedField, this.selectAllCheckbox.checked);\n        } else {\n          const checkbox = target;\n          const checked = checkbox.checked;\n          const value = this.valueFilterOptionList\n            .get(this.selectedField)\n            ?.find(item => item.id === checkbox.value)?.originalValue;\n          this.onValueSelect(this.selectedField, value, checked);\n        }\n      }\n    });\n  }\n\n  show(): void {\n    this.initFilterStateFromTableData(this.selectedField);\n    this.renderFilterOptions(this.selectedField);\n    this.filterByValuePanel.style.display = 'block';\n  }\n\n  hide(): void {\n    this.filterByValuePanel.style.display = 'none';\n  }\n}\n"]}