@visactor/vtable-plugins 1.22.6 → 1.22.7-alpha.1

package/es/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/es/filter/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/filter/styles.ts"],"names":[],"mappings":"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","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/es/filter/types.d.ts

@@ -6,6 +6,9 @@ export interface FilterOptions {
     enableFilter?: (field: number | string, column: TYPES.ColumnDefine) => boolean;
     defaultEnabled?: boolean;
     filterModes?: FilterMode[];
+    styles?: FilterStyles;
+    conditionCategories?: FilterOperatorCategoryOption[];
+    syncCheckboxCheckedState?: boolean;
 }
 export type FilterMode = 'byValue' | 'byCondition';
 export interface FilterState {
@@ -53,4 +56,34 @@ export declare enum FilterOperatorCategory {
     CHECKBOX = "checkbox",
     RADIO = "radio"
 }
+export interface FilterOperatorCategoryOption {
+    value: FilterOperatorCategory;
+    label: string;
+}
+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 type FilterListener = (state: FilterState, action?: FilterAction) => void;
+export {};

package/es/filter/types.js.map

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

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

@@ -1,37 +1,45 @@
-import { ListTable, PivotTable } from '@visactor/vtable';
+import type { ListTable, PivotTable } from '@visactor/vtable';
+import type { FilterConfig, FilterStyles, FilterOptions } from './types';
 import type { FilterStateManager } from './filter-state-manager';
 export declare class ValueFilter {
     private table;
     private filterStateManager;
+    private pluginOptions;
+    private styles;
+    private uniqueKeys;
+    private displayToRawValueMap;
     private selectedField;
-    private selectedKeys;
-    private candidateKeys;
-    private formatFnCache;
-    private toUnformattedCache;
     private valueFilterOptionList;
     private filterByValuePanel;
+    private searchContainer;
+    private optionsContainer;
+    private selectAllItemDiv;
+    private selectAllLabel;
     private filterByValueSearchInput;
     private selectAllCheckbox;
-    private totalCountSpan;
     private filterItemsContainer;
-    private _onInputKeyUpHandler;
-    private _onCheckboxChangeHandler;
-    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager);
+    constructor(table: ListTable | PivotTable, filterStateManager: FilterStateManager, pluginOptions: FilterOptions);
+    updateUI(filterState: FilterConfig): void;
     setSelectedField(fieldId: string | number): void;
-    private getFormatFnCache;
-    private collectCandidateKeysForUnfilteredColumn;
-    private collectCandidateKeysForFilteredColumn;
+    collectUniqueColumnValues(fieldId: string | number, forceCollect?: boolean): void;
+    private updateCandidateCounts;
+    private onValueSelect;
+    private isValueVisible;
     private toggleSelectAll;
-    private syncSelectAllCheckbox;
     private onSearch;
     private initFilterStateFromTableData;
+    private syncCheckboxesWithFilterState;
+    private syncSelectAllWithFilterState;
     applyFilter(fieldId?: string | number): void;
     clearFilter(fieldId: string | number): void;
     render(container: HTMLElement): void;
+    updatePluginOptions(pluginOptions: FilterOptions): void;
+    updateStyles(styles: FilterStyles): void;
     private renderFilterOptions;
-    private bindEventForFilterByValue;
+    bindEventForFilterByValue(): void;
+    updateCheckboxUI(field: string | number): void;
+    updateCheckboxState(field: string | number): void;
     show(): void;
     hide(): void;
     clearSearchInputValue(): void;
-    destroy(): void;
 }