@faasjs/ant-design 0.0.2-beta.445 → 0.0.2-beta.447

package/README.md

@@ -96,6 +96,7 @@ Form are based on [Ant Design's Form.Item component](https://ant.design/componen
 - [TimePicker](#timepicker)
 - [Title](#title)
 - [transferOptions](#transferoptions)
+- [transferValue](#transfervalue)
 - [useConfigContext](#useconfigcontext)
 - [useDrawer](#usedrawer)
 - [useModal](#usemodal)
@@ -183,7 +184,7 @@ ___
 
 ### DescriptionItemProps
 
-Ƭ **DescriptionItemProps**<`T`\>: { `children?`: `JSX.Element` ; `render?`: (`value`: `T`, `values`: `any`) => `ReactNode` \| `JSX.Element`  } & [`FaasItemProps`](#faasitemprops) & { `object?`: [`DescriptionItemProps`](#descriptionitemprops)[]  }
+Ƭ **DescriptionItemProps**<`T`\>: { `children?`: `JSX.Element` ; `if?`: (`values`: `Record`<`string`, `any`\>) => `boolean` ; `render?`: (`value`: `T`, `values`: `any`) => `ReactNode` \| `JSX.Element`  } & [`FaasItemProps`](#faasitemprops) & { `object?`: [`DescriptionItemProps`](#descriptionitemprops)[]  }
 
 #### Type parameters
 
@@ -320,7 +321,7 @@ ___
 
 ### FormItemProps
 
-Ƭ **FormItemProps**<`T`\>: { `children?`: `ReactNode` ; `extendTypes?`: [`ExtendTypes`](#extendtypes) ; `label?`: `string` \| ``false`` ; `render?`: (`value?`: `any`) => `ReactNode` \| `JSX.Element` ; `rules?`: `RuleObject`[]  } & `FormItemInputProps` & [`FaasItemProps`](#faasitemprops) & `Omit`<`AntdFormItemProps`<`T`\>, ``"children"``\>
+Ƭ **FormItemProps**<`T`\>: { `children?`: `ReactNode` ; `extendTypes?`: [`ExtendTypes`](#extendtypes) ; `if?`: (`values`: `Record`<`string`, `any`\>) => `boolean` ; `label?`: `string` \| ``false`` ; `onValueChange?`: (`value`: `T`, `values`: `any`, `form`: `FormInstance`) => `void` ; `render?`: (`value?`: `T`) => `ReactNode` \| `JSX.Element` ; `rules?`: `RuleObject`[]  } & `FormItemInputProps` & [`FaasItemProps`](#faasitemprops) & `Omit`<`AntdFormItemProps`<`T`\>, ``"children"``\>
 
 #### Type parameters
 
@@ -332,13 +333,13 @@ ___
 
 ### FormProps
 
-Ƭ **FormProps**<`Values`, `ExtendItemProps`\>: { `beforeItems?`: `JSX.Element` \| `JSX.Element`[] ; `children?`: `ReactNode` ; `extendTypes?`: [`ExtendTypes`](#extendtypes) ; `footer?`: `JSX.Element` \| `JSX.Element`[] ; `items?`: ([`FormItemProps`](#formitemprops) \| `ExtendItemProps`)[] ; `onFinish?`: (`values`: `Values`, `submit?`: (`values`: `any`) => `Promise`<`any`\>) => `Promise`<`any`\> ; `submit?`: ``false`` \| { `text?`: `string` ; `to?`: { `action`: `string` ; `params?`: `Record`<`string`, `any`\>  }  }  } & `Omit`<`AntdFormProps`<`Values`\>, ``"onFinish"`` \| ``"children"``\>
+Ƭ **FormProps**<`Values`, `ExtendItemProps`\>: { `beforeItems?`: `JSX.Element` \| `JSX.Element`[] ; `children?`: `ReactNode` ; `extendTypes?`: [`ExtendTypes`](#extendtypes) ; `footer?`: `JSX.Element` \| `JSX.Element`[] ; `initialValues?`: `Values` ; `items?`: ([`FormItemProps`](#formitemprops) \| `ExtendItemProps`)[] ; `onFinish?`: (`values`: `Values`, `submit?`: (`values`: `any`) => `Promise`<`any`\>) => `Promise`<`any`\> ; `submit?`: ``false`` \| { `text?`: `string` ; `to?`: { `action`: `string` ; `params?`: `Record`<`string`, `any`\>  }  }  } & `Omit`<`AntdFormProps`<`Values`\>, ``"onFinish"`` \| ``"children"`` \| ``"initialValues"``\>
 
 #### Type parameters
 
 | Name | Type |
 | :------ | :------ |
-| `Values` | `any` |
+| `Values` | extends `Record`<`string`, `any`\> = `any` |
 | `ExtendItemProps` | `any` |
 
 ___
@@ -382,7 +383,7 @@ ___
 
 ### TableItemProps
 
-Ƭ **TableItemProps**<`T`\>: { `children?`: `JSX.Element` \| ``null`` ; `optionsType?`: ``"auto"``  } & [`FaasItemProps`](#faasitemprops) & `Omit`<`AntdTableColumnProps`<`T`\>, ``"children"``\>
+Ƭ **TableItemProps**<`T`\>: { `children?`: `JSX.Element` \| ``null`` ; `object?`: [`TableItemProps`](#tableitemprops)[] ; `optionsType?`: ``"auto"``  } & [`FaasItemProps`](#faasitemprops) & `Omit`<`AntdTableColumnProps`<`T`\>, ``"children"``\>
 
 #### Type parameters
 
@@ -796,6 +797,23 @@ ___
 
 ___
 
+### transferValue
+
+▸ **transferValue**(`type`, `value`): `any`
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `type` | [`FaasItemType`](#faasitemtype) |
+| `value` | `any` |
+
+#### Returns
+
+`any`
+
+___
+
 ### useConfigContext
 
 ▸ **useConfigContext**(): [`ConfigProviderProps`](#configproviderprops)

package/dist/index.js

@@ -797,47 +797,46 @@ 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 (!props.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);
-      }
-      const filterItems = props.items.filter((it) => {
-        if (!it.if) {
-          return true;
-        }
-        const show = it.if(allValues);
-        if (show) {
-          propsCopy.form.setFields([
-            {
-              name: it.id,
-              errors: null
-            }
-          ]);
-        }
-        return show;
-      });
-      if (propsCopy.items.length !== filterItems.length || propsCopy.items.some((it, i) => it !== filterItems[i])) {
-        setComputedProps({
-          ...propsCopy,
-          items: filterItems
-        });
-      }
-    };
     setComputedProps(propsCopy);
   }, [props]);
+  const onValuesChange = (0, import_react9.useCallback)((changedValues, allValues) => {
+    if (props.onValuesChange) {
+      props.onValuesChange(changedValues, allValues);
+    }
+    if (!props.items)
+      return;
+    for (const key in changedValues) {
+      const item = computedProps.items.find((i) => i.id === key);
+      if (item == null ? void 0 : item.onValueChange)
+        item.onValueChange(changedValues[key], allValues, form);
+    }
+    const filterItems = props.items.filter((it) => {
+      if (!it.if) {
+        return true;
+      }
+      const show = it.if(allValues);
+      if (show) {
+        props.form.setFields([
+          {
+            name: it.id,
+            errors: null
+          }
+        ]);
+      }
+      return show;
+    });
+    if (computedProps.items.length !== filterItems.length || computedProps.items.some((it, i) => it !== filterItems[i])) {
+      setComputedProps({
+        ...computedProps,
+        items: filterItems
+      });
+    }
+  }, [computedProps]);
   if (!computedProps)
     return null;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_antd6.Form, {
     ...computedProps,
+    onValuesChange,
     children: [
       computedProps.beforeItems,
       (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormItem, {

package/dist/index.mjs

@@ -327,7 +327,8 @@ import {
 } from "antd";
 import {
   useEffect as useEffect4,
-  useState as useState5
+  useState as useState5,
+  useCallback
 } from "react";
 
 // src/FormItem.tsx
@@ -776,47 +777,46 @@ 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 (!props.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);
-      }
-      const filterItems = props.items.filter((it) => {
-        if (!it.if) {
-          return true;
-        }
-        const show = it.if(allValues);
-        if (show) {
-          propsCopy.form.setFields([
-            {
-              name: it.id,
-              errors: null
-            }
-          ]);
-        }
-        return show;
-      });
-      if (propsCopy.items.length !== filterItems.length || propsCopy.items.some((it, i) => it !== filterItems[i])) {
-        setComputedProps({
-          ...propsCopy,
-          items: filterItems
-        });
-      }
-    };
     setComputedProps(propsCopy);
   }, [props]);
+  const onValuesChange = useCallback((changedValues, allValues) => {
+    if (props.onValuesChange) {
+      props.onValuesChange(changedValues, allValues);
+    }
+    if (!props.items)
+      return;
+    for (const key in changedValues) {
+      const item = computedProps.items.find((i) => i.id === key);
+      if (item == null ? void 0 : item.onValueChange)
+        item.onValueChange(changedValues[key], allValues, form);
+    }
+    const filterItems = props.items.filter((it) => {
+      if (!it.if) {
+        return true;
+      }
+      const show = it.if(allValues);
+      if (show) {
+        props.form.setFields([
+          {
+            name: it.id,
+            errors: null
+          }
+        ]);
+      }
+      return show;
+    });
+    if (computedProps.items.length !== filterItems.length || computedProps.items.some((it, i) => it !== filterItems[i])) {
+      setComputedProps({
+        ...computedProps,
+        items: filterItems
+      });
+    }
+  }, [computedProps]);
   if (!computedProps)
     return null;
   return /* @__PURE__ */ jsxs2(AntdForm2, {
     ...computedProps,
+    onValuesChange,
     children: [
       computedProps.beforeItems,
       (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx7(FormItem, {

package/package.json

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