@faasjs/ant-design 0.0.3-beta.60 → 0.0.3-beta.62

package/dist/index.js

@@ -1526,10 +1526,45 @@ function Table(props) {
           setColumns((prev) => {
             const newColumns = [...prev];
             const index = newColumns.findIndex((item) => item.id === column.id);
-            newColumns[index].filters = filters.concat({
-              text: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {}),
-              value: null
-            });
+            if (filters.length < 11)
+              newColumns[index].filters = filters.concat({
+                text: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {}),
+                value: null
+              });
+            else
+              newColumns[index].filterDropdown = ({
+                setSelectedKeys,
+                selectedKeys,
+                confirm
+              }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                style: {
+                  padding: 8,
+                  width: "200px"
+                },
+                onKeyDown: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd12.Select, {
+                  options: filters.map((f) => ({
+                    label: f.text,
+                    value: f.value
+                  })),
+                  allowClear: true,
+                  showSearch: true,
+                  style: { width: "100%" },
+                  placeholder: `${common2.search} ${newColumns[index].title}`,
+                  value: selectedKeys,
+                  onChange: (v) => {
+                    setSelectedKeys((v == null ? void 0 : v.length) ? v : []);
+                    confirm();
+                  },
+                  mode: "multiple",
+                  filterOption: (input, option) => {
+                    if (!input || !option || !option.label)
+                      return true;
+                    input = input.trim();
+                    return option.value === input || option.label.toString().toLowerCase().includes(input.toLowerCase());
+                  }
+                })
+              });
             return newColumns;
           });
       }

package/dist/index.mjs

@@ -1163,7 +1163,8 @@ import {
 import {
   Table as AntdTable,
   Radio,
-  Input as Input2
+  Input as Input2,
+  Select as Select2
 } from "antd";
 import dayjs2 from "dayjs";
 import { CheckOutlined as CheckOutlined2, CloseOutlined as CloseOutlined2 } from "@ant-design/icons";
@@ -1532,10 +1533,45 @@ function Table(props) {
           setColumns((prev) => {
             const newColumns = [...prev];
             const index = newColumns.findIndex((item) => item.id === column.id);
-            newColumns[index].filters = filters.concat({
-              text: /* @__PURE__ */ jsx14(Blank, {}),
-              value: null
-            });
+            if (filters.length < 11)
+              newColumns[index].filters = filters.concat({
+                text: /* @__PURE__ */ jsx14(Blank, {}),
+                value: null
+              });
+            else
+              newColumns[index].filterDropdown = ({
+                setSelectedKeys,
+                selectedKeys,
+                confirm
+              }) => /* @__PURE__ */ jsx14("div", {
+                style: {
+                  padding: 8,
+                  width: "200px"
+                },
+                onKeyDown: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ jsx14(Select2, {
+                  options: filters.map((f) => ({
+                    label: f.text,
+                    value: f.value
+                  })),
+                  allowClear: true,
+                  showSearch: true,
+                  style: { width: "100%" },
+                  placeholder: `${common2.search} ${newColumns[index].title}`,
+                  value: selectedKeys,
+                  onChange: (v) => {
+                    setSelectedKeys((v == null ? void 0 : v.length) ? v : []);
+                    confirm();
+                  },
+                  mode: "multiple",
+                  filterOption: (input, option) => {
+                    if (!input || !option || !option.label)
+                      return true;
+                    input = input.trim();
+                    return option.value === input || option.label.toString().toLowerCase().includes(input.toLowerCase());
+                  }
+                })
+              });
             return newColumns;
           });
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.3-beta.60",
+  "version": "0.0.3-beta.62",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",