@faasjs/ant-design 0.0.2-beta.439 → 0.0.2-beta.441

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as antd_es_calendar_generateCalendar_js from 'antd/es/calendar/generateCalendar.js';
 import { Dayjs } from 'dayjs';
-import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ButtonProps, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, PageHeaderProps } from 'antd';
+import { CalendarProps as CalendarProps$1, DescriptionsProps, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, FormInstance, InputProps, InputNumberProps, SwitchProps, DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1, SelectProps, FormProps as FormProps$1, ButtonProps, ModalProps as ModalProps$1, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, PageHeaderProps } from 'antd';
 export { Drawer, Modal } from 'antd';
 import * as react from 'react';
 import { CSSProperties, ReactNode, LazyExoticComponent, ComponentType } from 'react';
@@ -246,10 +246,12 @@ declare type ExtendTypes = {
 declare type ExtendFormItemProps = BaseItemProps & FormItemProps$1;
 declare type FormItemProps<T = any> = {
     children?: ReactNode;
-    render?: (value?: any) => ReactNode | JSX.Element;
+    render?: (value?: T) => ReactNode | JSX.Element;
     rules?: RuleObject[];
     label?: string | false;
     extendTypes?: ExtendTypes;
+    /** trigger when current item's value changed */
+    onValueChange?: (value: T, values: any, form: FormInstance) => void;
 } & FormItemInputProps & FaasItemProps & Omit<FormItemProps$1<T>, 'children'>;
 /**
  * FormItem, can be used without Form.
@@ -318,7 +320,6 @@ declare type FormProps<Values = any, ExtendItemProps = any> = {
 declare function Form<Values = any>(props: FormProps<Values>): JSX.Element;
 declare namespace Form {
     var useForm: typeof antd_lib_form_Form.useForm;
-    var Item: typeof FormItem;
 }
 
 declare type LinkProps = {

package/dist/index.js

@@ -747,9 +747,13 @@ function Form(props) {
   const [computedProps, setComputedProps] = (0, import_react9.useState)();
   const config = useConfigContext();
   const [extendTypes, setExtendTypes] = (0, import_react9.useState)();
+  const [form] = import_antd6.Form.useForm(props.form);
   (0, import_react9.useEffect)(() => {
     var _a2, _b2;
-    const propsCopy = { ...props };
+    const propsCopy = {
+      ...props,
+      form
+    };
     if (propsCopy.initialValues)
       for (const key in propsCopy.initialValues)
         propsCopy.initialValues[key] = transferValue(
@@ -786,6 +790,20 @@ function Form(props) {
       setExtendTypes(propsCopy.extendTypes);
       delete propsCopy.extendTypes;
     }
+    let originValuesChange;
+    if (propsCopy.onValuesChange)
+      originValuesChange = propsCopy.onValuesChange;
+    propsCopy.onValuesChange = (changedValues, allValues) => {
+      if (originValuesChange)
+        originValuesChange(changedValues, allValues);
+      if (!propsCopy.items)
+        return;
+      for (const key in changedValues) {
+        const item = propsCopy.items.find((i) => i.id === key);
+        if (item == null ? void 0 : item.onValueChange)
+          item.onValueChange(changedValues[key], allValues, form);
+      }
+    };
     setComputedProps(propsCopy);
   }, []);
   if (!computedProps)
@@ -810,7 +828,6 @@ function Form(props) {
   });
 }
 Form.useForm = import_antd6.Form.useForm;
-Form.Item = FormItem;
 
 // src/Link.tsx
 var import_react_router_dom = require("react-router-dom");
@@ -1014,17 +1031,15 @@ function Table(props) {
             item.onFilter = (value, row) => {
               if (!row[item.id])
                 return false;
-              return row[item.id].includes(value);
+              return row[item.id].toLowerCase().includes(value.toLowerCase());
             };
           if (!item.filters && item.filterDropdown !== false && item.optionsType !== "auto")
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Input.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {
@@ -1044,17 +1059,15 @@ function Table(props) {
             item.onFilter = (value, row) => {
               if (!row[item.id] || !row[item.id].length)
                 return false;
-              return row[item.id].some((v) => v.includes(value));
+              return row[item.id].some((v) => v.toLowerCase().includes(value.toLowerCase()));
             };
           if (!item.filters && item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Input.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {
@@ -1077,12 +1090,10 @@ function Table(props) {
           if (!item.filters && item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Input.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {
@@ -1103,12 +1114,10 @@ function Table(props) {
           if (!item.filters && item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Input.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {

package/dist/index.mjs

@@ -726,9 +726,13 @@ function Form(props) {
   const [computedProps, setComputedProps] = useState5();
   const config = useConfigContext();
   const [extendTypes, setExtendTypes] = useState5();
+  const [form] = AntdForm2.useForm(props.form);
   useEffect4(() => {
     var _a2, _b2;
-    const propsCopy = { ...props };
+    const propsCopy = {
+      ...props,
+      form
+    };
     if (propsCopy.initialValues)
       for (const key in propsCopy.initialValues)
         propsCopy.initialValues[key] = transferValue(
@@ -765,6 +769,20 @@ function Form(props) {
       setExtendTypes(propsCopy.extendTypes);
       delete propsCopy.extendTypes;
     }
+    let originValuesChange;
+    if (propsCopy.onValuesChange)
+      originValuesChange = propsCopy.onValuesChange;
+    propsCopy.onValuesChange = (changedValues, allValues) => {
+      if (originValuesChange)
+        originValuesChange(changedValues, allValues);
+      if (!propsCopy.items)
+        return;
+      for (const key in changedValues) {
+        const item = propsCopy.items.find((i) => i.id === key);
+        if (item == null ? void 0 : item.onValueChange)
+          item.onValueChange(changedValues[key], allValues, form);
+      }
+    };
     setComputedProps(propsCopy);
   }, []);
   if (!computedProps)
@@ -789,7 +807,6 @@ function Form(props) {
   });
 }
 Form.useForm = AntdForm2.useForm;
-Form.Item = FormItem;
 
 // src/Link.tsx
 import { Link as RouterLink } from "react-router-dom";
@@ -1011,17 +1028,15 @@ function Table(props) {
             item.onFilter = (value, row) => {
               if (!row[item.id])
                 return false;
-              return row[item.id].includes(value);
+              return row[item.id].toLowerCase().includes(value.toLowerCase());
             };
           if (!item.filters && item.filterDropdown !== false && item.optionsType !== "auto")
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ jsx11(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {
@@ -1041,17 +1056,15 @@ function Table(props) {
             item.onFilter = (value, row) => {
               if (!row[item.id] || !row[item.id].length)
                 return false;
-              return row[item.id].some((v) => v.includes(value));
+              return row[item.id].some((v) => v.toLowerCase().includes(value.toLowerCase()));
             };
           if (!item.filters && item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ jsx11(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {
@@ -1074,12 +1087,10 @@ function Table(props) {
           if (!item.filters && item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ jsx11(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {
@@ -1100,12 +1111,10 @@ function Table(props) {
           if (!item.filters && item.filterDropdown !== false)
             item.filterDropdown = ({
               setSelectedKeys,
-              selectedKeys,
               confirm,
               clearFilters
             }) => /* @__PURE__ */ jsx11(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
-              value: selectedKeys[0],
               allowClear: true,
               onSearch: (v) => {
                 if (v) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.2-beta.439",
+  "version": "0.0.2-beta.441",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -28,7 +28,7 @@
     "lodash": "*",
     "react": "*",
     "react-dom": "*",
-    "@faasjs/react": "^0.0.2-beta.439",
+    "@faasjs/react": "^0.0.2-beta.441",
     "react-router-dom": "*",
     "dayjs": "*"
   },