@faasjs/ant-design 0.0.2-beta.444 → 0.0.2-beta.446

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, {
@@ -1246,14 +1245,16 @@ function Table(props) {
           if (!item.render)
             item.render = (value) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Description, {
               items: item.object,
-              dataSource: value
+              dataSource: value,
+              column: 1
             });
           break;
         case "object[]":
           if (!item.render)
             item.render = (value) => value.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Description, {
               items: item.object,
-              dataSource: v
+              dataSource: v,
+              column: 1
             }, i));
           break;
         default:

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, {
@@ -1243,14 +1243,16 @@ function Table(props) {
           if (!item.render)
             item.render = (value) => /* @__PURE__ */ jsx11(Description, {
               items: item.object,
-              dataSource: value
+              dataSource: value,
+              column: 1
             });
           break;
         case "object[]":
           if (!item.render)
             item.render = (value) => value.map((v, i) => /* @__PURE__ */ jsx11(Description, {
               items: item.object,
-              dataSource: v
+              dataSource: v,
+              column: 1
             }, i));
           break;
         default:

package/package.json

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