@rainbow-oh/yee-c 0.15.1 → 0.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainbow-oh/yee-c",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "description": "yee basic components",
   "keywords": [
     "react",

package/src/Table/index.en-US.md

@@ -104,7 +104,7 @@ Filter configuration of `ColumnProps.filter`.
 | searchable | `boolean` | Whether searchable; renders a search input when `items` is unset | `true` |
 | filterOnClose | `boolean` | Whether to apply the filter when the panel closes | `true` |
 | icon | `(filtered: boolean) => React.ReactNode` | Custom filter icon | - |
-| render | `() => React.ReactNode` | Custom filter panel content | - |
+| render | `(ctx: { close: () => void }) => React.ReactNode` | Custom filter panel content; `ctx.close()` closes the filter popover | - |
 | onFilter | `(value: FilterValue, record: object) => boolean` | Local filter function; falls back to default string-includes matching when unset | - |
 | filtered | `boolean` | Force the filter icon highlight (takes precedence over `filteredValue`) | - |
 | filteredValue | `FilterValue \| FilterValue[]` | (Controlled) Filter value. When set, the column's filter state is fully controlled: panel echo, icon highlight and the `filters` in `onChange` all derive from it; reset with `''` / `[]` | - |

package/src/Table/index.zh-CN.md

@@ -109,7 +109,7 @@ toc: 'content'
 | searchable    | `boolean`                                   | 是否可搜索；未配置 `items` 时渲染搜索输入框                                                           | `true` |
 | filterOnClose | `boolean`                                   | 关闭筛选面板时是否自动应用筛选                                                                        | `true` |
 | icon          | `(filtered: boolean) => React.ReactNode`    | 自定义筛选图标                                                                                        | -      |
-| render        | `() => React.ReactNode`                     | 自定义筛选面板内容                                                                                    | -      |
+| render        | `(ctx: { close: () => void }) => React.ReactNode` | 自定义筛选面板内容；`ctx.close()` 关闭筛选弹层        | -      |
 | onFilter      | `(value: FilterValue, record: object) => boolean` | 本地过滤函数；不配置时使用默认的字符串包含匹配                                                  | -      |
 | filtered      | `boolean`                                   | 强制筛选图标高亮（优先级高于由 `filteredValue` 派生的高亮）                                          | -      |
 | filteredValue | `FilterValue \| FilterValue[]`              | （受控）筛选值。配置后该列筛选状态完全受控：面板回显、图标高亮、`onChange` 的 `filters` 均以其为准；重置传 `''` / `[]` | -      |

package/src/Table/interface.ts

@@ -234,7 +234,7 @@ export interface ColumnProps {
     /**
      * Custom filter function, e.g. custom search
      */
-    render?: () => React.ReactNode;
+    render?: (ctx: { close: () => void }) => React.ReactNode;
     /**
      * Filter callback function
      */

package/src/Table/theader/filter.tsx

@@ -149,7 +149,7 @@ const HeaderFilter = React.memo((props: any) => {
   ) : null;
 
   if (render) {
-    popup = render();
+    popup = render({ close: () => setOpen(false) });
   } else if (items) {
     let dataSource = [];
     const inputValue = getStrLower(searchValue);

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.15.1";
+export const version = "0.15.2";
 
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;