@faasjs/ant-design 0.0.2-beta.451 → 0.0.2-beta.453

package/dist/index.js

@@ -1,10 +1,27 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -119,10 +136,9 @@ function ConfigProvider({
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigContext.Provider, {
     value: values,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, {
-      ...config.antd,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, __spreadProps(__spreadValues({}, config.antd), {
       children
-    })
+    }))
   });
 }
 function useConfigContext() {
@@ -182,15 +198,40 @@ var DatePicker = (0, import_generatePicker.default)(import_dayjs3.default);
 var import_icons = require("@ant-design/icons");
 var import_antd3 = require("antd");
 var import_lodash4 = require("lodash");
+var import_react4 = require("react");
+
+// ../react/src/index.tsx
 var import_react3 = require("react");
-var import_react4 = require("@faasjs/react");
+var clients = {};
+function getClient(domain) {
+  const client = clients[domain || Object.keys(clients)[0]];
+  if (!client)
+    throw Error("FaasReactClient is not initialized");
+  return client;
+}
+async function faas(action, params) {
+  return getClient().faas(action, params);
+}
+function FaasDataWrapper(props) {
+  const [client, setClient] = (0, import_react3.useState)();
+  (0, import_react3.useEffect)(() => {
+    if (client)
+      return;
+    setClient(getClient());
+  }, []);
+  if (!client)
+    return props.fallback || null;
+  return (0, import_react3.createElement)(client.FaasDataWrapper, props);
+}
+
+// src/Description.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function DescriptionItemContent(props) {
   var _a;
-  const [computedProps, setComputedProps] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
+  const [computedProps, setComputedProps] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
     var _a2, _b;
-    const propsCopy = { ...props };
+    const propsCopy = __spreadValues({}, props);
     if (!propsCopy.item.title)
       propsCopy.item.title = (0, import_lodash4.upperFirst)(propsCopy.item.id);
     if (!propsCopy.item.type)
@@ -218,7 +259,7 @@ function DescriptionItemContent(props) {
     return null;
   if (computedProps.extendTypes && computedProps.extendTypes[computedProps.item.type])
     if (computedProps.extendTypes[computedProps.item.type].children)
-      return (0, import_react3.cloneElement)(
+      return (0, import_react4.cloneElement)(
         computedProps.extendTypes[computedProps.item.type].children,
         {
           value: computedProps.value,
@@ -232,7 +273,7 @@ function DescriptionItemContent(props) {
     else
       throw Error(computedProps.item.type + " requires children or render");
   if (computedProps.item.children)
-    return (0, import_react3.cloneElement)(computedProps.item.children, { value: computedProps.value });
+    return (0, import_react4.cloneElement)(computedProps.item.children, { value: computedProps.value });
   if (computedProps.item.render)
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {
       children: computedProps.item.render(computedProps.value, computedProps.values)
@@ -273,7 +314,8 @@ function DescriptionItemContent(props) {
     case "object":
       return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Description, {
         items: computedProps.item.object,
-        dataSource: computedProps.value
+        dataSource: computedProps.value,
+        column: 1
       });
     case "object[]":
       if (!((_a = computedProps.value) == null ? void 0 : _a.length))
@@ -282,7 +324,8 @@ function DescriptionItemContent(props) {
         direction: "vertical",
         children: computedProps.value.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Description, {
           items: computedProps.item.object,
-          dataSource: value
+          dataSource: value,
+          column: 1
         }, index))
       });
     default:
@@ -291,8 +334,7 @@ function DescriptionItemContent(props) {
 }
 function Description(props) {
   if (!props.faasData)
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions, {
-      ...props,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions, __spreadProps(__spreadValues({}, props), {
       title: (0, import_lodash4.isFunction)(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
       children: props.items.map((item) => {
         return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions.Item, {
@@ -305,14 +347,13 @@ function Description(props) {
           })
         }, item.id) : null;
       }).filter(Boolean)
-    });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FaasDataWrapper, {
+    }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FaasDataWrapper, __spreadValues({
     fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Skeleton, {
       active: true
     }),
     render: ({ data }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions, {
-        ...props,
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions, __spreadProps(__spreadValues({}, props), {
         title: (0, import_lodash4.isFunction)(props.renderTitle) ? props.renderTitle(data) : props.title,
         children: props.items.map((item) => {
           return !item.if || item.if(data) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Descriptions.Item, {
@@ -325,60 +366,50 @@ function Description(props) {
             })
           }, item.id) : null;
         }).filter(Boolean)
-      });
-    },
-    ...props.faasData
-  });
+      }));
+    }
+  }, props.faasData));
 }
 
 // src/Drawer.tsx
 var import_antd4 = require("antd");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function useDrawer(init) {
-  const [props, setProps] = (0, import_react5.useState)({
+  const [props, setProps] = (0, import_react6.useState)(__spreadValues({
     open: false,
-    onClose: () => setProps((prev) => ({
-      ...prev,
+    onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       open: false
-    })),
-    ...init
-  });
+    }))
+  }, init));
   return {
-    drawer: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Drawer, {
-      ...props
-    }),
+    drawer: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Drawer, __spreadValues({}, props)),
     drawerProps: props,
     setDrawerProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
+      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
     }
   };
 }
 
 // src/Form.tsx
-var import_react8 = require("@faasjs/react");
 var import_antd6 = require("antd");
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/FormItem.tsx
 var import_antd5 = require("antd");
 var import_icons2 = require("@ant-design/icons");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_lodash5 = require("lodash");
 
 // src/TimePicker.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var TimePicker = (0, import_react6.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePicker, {
-    ...props,
+var TimePicker = (0, import_react7.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePicker, __spreadProps(__spreadValues({}, props), {
     picker: "time",
     mode: void 0,
     ref
-  });
+  }));
 });
 TimePicker.displayName = "TimePicker";
 
@@ -432,53 +463,60 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = (0, import_react7.useState)();
-  const [extendTypes, setExtendTypes] = (0, import_react7.useState)();
+  const [computedProps, setComputedProps] = (0, import_react8.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react8.useState)();
   const config = useConfigContext();
-  (0, import_react7.useEffect)(() => {
-    const propsCopy = { ...props };
+  const [hidden, setHidden] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
+    const propsCopy = __spreadValues({}, props);
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
       delete propsCopy.extendTypes;
     }
+    if (propsCopy.if) {
+      const condition = propsCopy.if;
+      propsCopy.shouldUpdate = (_, cur) => {
+        const show = condition(cur);
+        setHidden(!show);
+        return show;
+      };
+      delete propsCopy.if;
+    }
     setComputedProps(processProps(propsCopy, config));
   }, [props]);
   if (!computedProps)
     return null;
+  if (hidden)
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+      noStyle: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Input, {
+        hidden: true
+      })
+    }));
   if (extendTypes && extendTypes[computedProps.type])
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-      ...computedProps,
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
       children: extendTypes[computedProps.type].children
-    });
+    }));
   if (computedProps.children)
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-      ...computedProps,
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
       children: computedProps.children
-    });
+    }));
   if (computedProps.render)
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-      ...computedProps,
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
       children: computedProps.render()
-    });
+    }));
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-        ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Input, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Input, __spreadValues({}, computedProps.input))
+      }));
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-          ...computedProps,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, {
-            mode: "multiple",
-            ...computedProps.input
-          })
-        });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, __spreadValues({
+            mode: "multiple"
+          }, computedProps.input))
+        }));
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.List, {
         name: computedProps.name,
         rules: computedProps.rules,
@@ -502,13 +540,10 @@ function FormItem(props) {
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Col, {
                         span: 23,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-                          ...field,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, field), {
                           noStyle: true,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Input, {
-                            ...computedProps.input
-                          })
-                        })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Input, __spreadValues({}, computedProps.input))
+                        }))
                       }),
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Col, {
                         span: 1,
@@ -542,24 +577,18 @@ function FormItem(props) {
         }
       });
     case "number":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-        ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.InputNumber, {
-          style: { width: "100%" },
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.InputNumber, __spreadValues({
+          style: { width: "100%" }
+        }, computedProps.input))
+      }));
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-          ...computedProps,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, {
-            mode: "multiple",
-            ...computedProps.input
-          })
-        });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Select, __spreadValues({
+            mode: "multiple"
+          }, computedProps.input))
+        }));
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.List, {
         name: computedProps.name,
         rules: computedProps.rules,
@@ -583,14 +612,12 @@ function FormItem(props) {
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Col, {
                         span: 23,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-                          ...field,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, field), {
                           noStyle: true,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.InputNumber, {
-                            style: { width: "100%" },
-                            ...computedProps.input
-                          })
-                        })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.InputNumber, __spreadValues({
+                            style: { width: "100%" }
+                          }, computedProps.input))
+                        }))
                       }),
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Col, {
                         span: 1,
@@ -624,26 +651,17 @@ function FormItem(props) {
         }
       });
     case "boolean":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Switch, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Switch, __spreadValues({}, computedProps.input))
+      }));
     case "date":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePicker, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePicker, __spreadValues({}, computedProps.input))
+      }));
     case "time":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TimePicker, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Form.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TimePicker, __spreadValues({}, computedProps.input))
+      }));
     case "object":
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
         children: [
@@ -654,9 +672,7 @@ function FormItem(props) {
               children: computedProps.label
             })
           }),
-          computedProps.object.map((o) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormItem, {
-            ...o
-          }, o.id))
+          computedProps.object.map((o) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormItem, __spreadValues({}, o), o.id))
         ]
       });
     case "object[]":
@@ -687,11 +703,10 @@ function FormItem(props) {
                 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Row, {
                   gutter: 24,
                   children: computedProps.object.map((o) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_antd5.Col, {
-                    span: o.col || 6,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormItem, {
-                      ...o,
+                    span: o.col || 24,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormItem, __spreadProps(__spreadValues({}, o), {
                       name: [field.name, o.id]
-                    })
+                    }))
                   }, o.id))
                 })
               ]
@@ -726,36 +741,33 @@ function FormItem(props) {
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const [computedProps, setComputedProps] = (0, import_react9.useState)();
+  const [loading, setLoading] = (0, import_react10.useState)(false);
+  const [computedProps, setComputedProps] = (0, import_react10.useState)();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = (0, import_react9.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react10.useState)();
   const [form] = import_antd6.Form.useForm(props.form);
-  (0, import_react9.useEffect)(() => {
+  const [initialValues, setInitialValues] = (0, import_react10.useState)(props.initialValues);
+  (0, import_react10.useEffect)(() => {
     var _a2, _b2;
-    const propsCopy = {
-      ...props,
-      items: (props.items || []).filter((it) => {
-        return !it.if || it.if(props.initialValues || {});
-      }),
+    const propsCopy = __spreadProps(__spreadValues({}, props), {
       form
-    };
-    if (propsCopy.initialValues)
+    });
+    if (propsCopy.initialValues) {
       for (const key in propsCopy.initialValues)
         propsCopy.initialValues[key] = transferValue(
           (_a2 = propsCopy.items.find((item) => item.id === key)) == null ? void 0 : _a2.type,
           propsCopy.initialValues[key]
         );
+      setInitialValues(propsCopy.initialValues);
+      delete propsCopy.initialValues;
+    }
     if (propsCopy.onFinish) {
       propsCopy.onFinish = async (values) => {
         var _a3;
         setLoading(true);
         try {
           if (propsCopy.submit && ((_a3 = propsCopy.submit.to) == null ? void 0 : _a3.action)) {
-            await props.onFinish(values, async (values2) => (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
-              ...values2,
-              ...propsCopy.submit.to.params
-            } : values2));
+            await props.onFinish(values, async (values2) => faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
           } else
             await props.onFinish(values);
         } catch (error) {
@@ -766,10 +778,7 @@ function Form(props) {
     } else if (propsCopy.submit && ((_b2 = propsCopy.submit.to) == null ? void 0 : _b2.action)) {
       propsCopy.onFinish = async (values) => {
         setLoading(true);
-        return (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
-          ...values,
-          ...propsCopy.submit.to.params
-        } : values).finally(() => setLoading(false));
+        return faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values), propsCopy.submit.to.params) : values).finally(() => setLoading(false));
       };
     }
     if (propsCopy.extendTypes) {
@@ -778,7 +787,7 @@ function Form(props) {
     }
     setComputedProps(propsCopy);
   }, [props]);
-  const onValuesChange = (0, import_react9.useCallback)((changedValues, allValues) => {
+  const onValuesChange = (0, import_react10.useCallback)((changedValues, allValues) => {
     if (props.onValuesChange) {
       props.onValuesChange(changedValues, allValues);
     }
@@ -789,39 +798,22 @@ function Form(props) {
       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]);
+  (0, import_react10.useEffect)(() => {
+    if (!initialValues)
+      return;
+    form.setFieldsValue(initialValues);
+    setInitialValues(null);
   }, [computedProps]);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_antd6.Form, {
-    ...computedProps,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_antd6.Form, __spreadProps(__spreadValues({}, computedProps), {
     onValuesChange,
     children: [
       computedProps.beforeItems,
-      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormItem, {
-        ...item,
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormItem, __spreadProps(__spreadValues({}, item), {
         extendTypes
-      }, item.id)),
+      }), item.id)),
       computedProps.children,
       computedProps.submit !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_antd6.Button, {
         htmlType: "submit",
@@ -831,7 +823,7 @@ function Form(props) {
       }),
       computedProps.footer
     ]
-  });
+  }));
 }
 Form.useForm = import_antd6.Form.useForm;
 
@@ -851,82 +843,61 @@ function Link({
   style = Object.assign({ cursor: "pointer" }, style);
   if (href.startsWith("http")) {
     if (button)
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd7.Button, {
-        ...button,
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd7.Button, __spreadProps(__spreadValues({}, button), {
         children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", {
           href,
           target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
-          style: {
-            ...Link2.style,
-            ...style || {}
-          },
+          style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
           children: text || children
         })
-      });
+      }));
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", {
       href,
       target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
-      style: {
-        ...Link2.style,
-        ...style || {}
-      },
+      style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
       children: text || children
     });
   }
   if (button)
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd7.Button, {
-      ...button,
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd7.Button, __spreadProps(__spreadValues({}, button), {
       children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_router_dom.Link, {
         to: href,
         target: target || (Link2 == null ? void 0 : Link2.target),
-        style: {
-          ...Link2.style,
-          ...style || {}
-        },
+        style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
         children: text || children
       })
-    });
+    }));
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_router_dom.Link, {
     to: href,
     target: target || (Link2 == null ? void 0 : Link2.target),
-    style: {
-      ...Link2.style,
-      ...style || {}
-    },
+    style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
     children: text || children
   });
 }
 
 // src/Modal.tsx
 var import_antd8 = require("antd");
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function useModal(init) {
-  const [props, setProps] = (0, import_react10.useState)({
+  const [props, setProps] = (0, import_react11.useState)(__spreadValues({
     open: false,
-    onCancel: () => setProps((prev) => ({
-      ...prev,
+    onCancel: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       open: false
-    })),
-    ...init
-  });
+    }))
+  }, init));
   return {
-    modal: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd8.Modal, {
-      ...props
-    }),
+    modal: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd8.Modal, __spreadValues({}, props)),
     modalProps: props,
     setModalProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
+      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
     }
   };
 }
 
 // src/Routers.tsx
 var import_antd9 = require("antd");
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function PageNotFound() {
@@ -939,9 +910,8 @@ function PageNotFound() {
 function Routes(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_router_dom2.Routes, {
     children: [
-      props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom2.Route, {
-        ...r,
-        element: r.element || /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react11.Suspense, {
+      props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom2.Route, __spreadProps(__spreadValues({}, r), {
+        element: r.element || /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.Suspense, {
           fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {
             style: { padding: "24px" },
             children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd9.Skeleton, {
@@ -950,7 +920,7 @@ function Routes(props) {
           }),
           children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(r.page, {})
         })
-      }, r.path)),
+      }), r.path)),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom2.Route, {
         path: "*",
         element: props.notFound || /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PageNotFound, {})
@@ -960,12 +930,11 @@ function Routes(props) {
 }
 
 // src/Table.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_antd10 = require("antd");
 var import_dayjs4 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
 var import_lodash6 = require("lodash");
-var import_react13 = require("@faasjs/react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function processValue(item, value) {
   var _a;
@@ -992,9 +961,9 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = (0, import_react12.useState)();
+  const [columns, setColumns] = (0, import_react13.useState)();
   const { common: common2 } = useConfigContext();
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1016,7 +985,7 @@ function Table(props) {
         delete item.children;
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children)
-          item.render = (value, values) => (0, import_react12.cloneElement)(
+          item.render = (value, values) => (0, import_react13.cloneElement)(
             props.extendTypes[item.type].children,
             {
               value,
@@ -1246,7 +1215,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [props.items]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1266,13 +1235,12 @@ function Table(props) {
   if (!columns)
     return null;
   if (!props.faasData)
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, {
-      ...props,
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, __spreadProps(__spreadValues({}, props), {
       rowKey: props.rowKey || "id",
       columns,
       dataSource: props.dataSource
-    });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.FaasDataWrapper, {
+    }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FaasDataWrapper, __spreadValues({
     fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Skeleton, {
       active: true
     }),
@@ -1282,59 +1250,50 @@ function Table(props) {
       reload
     }) => {
       if (!data)
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, {
-          ...props,
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, __spreadProps(__spreadValues({}, props), {
           rowKey: props.rowKey || "id",
           columns,
           dataSource: []
-        });
+        }));
       if (Array.isArray(data))
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, {
-          ...props,
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, __spreadProps(__spreadValues({}, props), {
           rowKey: props.rowKey || "id",
           columns,
           dataSource: data
-        });
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, {
-        ...props,
+        }));
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd10.Table, __spreadProps(__spreadValues({}, props), {
         rowKey: props.rowKey || "id",
         columns,
         dataSource: data.rows,
-        pagination: {
-          ...props.pagination,
-          ...data.pagination
-        },
+        pagination: __spreadValues(__spreadValues({}, props.pagination), data.pagination),
         onChange: (pagination, filters, sorter, extra) => {
           if (props.onChange) {
             const processed = props.onChange(pagination, filters, sorter, extra);
-            reload({
-              ...params,
+            reload(__spreadProps(__spreadValues({}, params), {
               pagination: processed.pagination,
               filters: processed.filters,
               sorter: processed.sorter
-            });
+            }));
             return;
           }
-          reload({
-            ...params,
+          reload(__spreadProps(__spreadValues({}, params), {
             pagination,
             filters,
             sorter
-          });
+          }));
         }
-      });
-    },
-    ...props.faasData
-  });
+      }));
+    }
+  }, props.faasData));
 }
 
 // src/Title.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_antd11 = require("antd");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const title = Array.isArray(props.title) ? props.title : [props.title];
     document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
   }, [props]);
@@ -1354,12 +1313,11 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.header)
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd11.PageHeader, {
-      title: Array.isArray(props.title) ? props.title[0] : props.title,
-      ...props.header
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd11.PageHeader, __spreadValues({
+      title: Array.isArray(props.title) ? props.title[0] : props.title
+    }, props.header));
   if (props.children)
-    return (0, import_react14.cloneElement)(props.children, { title: props.title });
+    return (0, import_react15.cloneElement)(props.children, { title: props.title });
   return null;
 }
 // Annotate the CommonJS export names for ESM import in node: