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

package/dist/index.mjs

@@ -1,3 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
+
 // react-shim.js
 import React from "react";
 
@@ -72,10 +92,9 @@ function ConfigProvider({
   }, []);
   return /* @__PURE__ */ jsx(ConfigContext.Provider, {
     value: values,
-    children: /* @__PURE__ */ jsx(AntdConfigProvider, {
-      ...config.antd,
+    children: /* @__PURE__ */ jsx(AntdConfigProvider, __spreadProps(__spreadValues({}, config.antd), {
       children
-    })
+    }))
   });
 }
 function useConfigContext() {
@@ -141,17 +160,46 @@ import {
 import { isFunction, upperFirst as upperFirst2 } from "lodash";
 import {
   cloneElement,
+  useEffect as useEffect3,
+  useState as useState3
+} from "react";
+
+// ../react/src/index.tsx
+import {
+  useState as useState2,
   useEffect as useEffect2,
-  useState as useState2
+  createElement
 } from "react";
-import { FaasDataWrapper } from "@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] = useState2();
+  useEffect2(() => {
+    if (client)
+      return;
+    setClient(getClient());
+  }, []);
+  if (!client)
+    return props.fallback || null;
+  return createElement(client.FaasDataWrapper, props);
+}
+
+// src/Description.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 function DescriptionItemContent(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState2();
-  useEffect2(() => {
+  const [computedProps, setComputedProps] = useState3();
+  useEffect3(() => {
     var _a2, _b;
-    const propsCopy = { ...props };
+    const propsCopy = __spreadValues({}, props);
     if (!propsCopy.item.title)
       propsCopy.item.title = upperFirst2(propsCopy.item.id);
     if (!propsCopy.item.type)
@@ -234,7 +282,8 @@ function DescriptionItemContent(props) {
     case "object":
       return /* @__PURE__ */ jsx3(Description, {
         items: computedProps.item.object,
-        dataSource: computedProps.value
+        dataSource: computedProps.value,
+        column: 1
       });
     case "object[]":
       if (!((_a = computedProps.value) == null ? void 0 : _a.length))
@@ -243,7 +292,8 @@ function DescriptionItemContent(props) {
         direction: "vertical",
         children: computedProps.value.map((value, index) => /* @__PURE__ */ jsx3(Description, {
           items: computedProps.item.object,
-          dataSource: value
+          dataSource: value,
+          column: 1
         }, index))
       });
     default:
@@ -252,8 +302,7 @@ function DescriptionItemContent(props) {
 }
 function Description(props) {
   if (!props.faasData)
-    return /* @__PURE__ */ jsx3(Descriptions, {
-      ...props,
+    return /* @__PURE__ */ jsx3(Descriptions, __spreadProps(__spreadValues({}, props), {
       title: isFunction(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
       children: props.items.map((item) => {
         return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ jsx3(Descriptions.Item, {
@@ -266,14 +315,13 @@ function Description(props) {
           })
         }, item.id) : null;
       }).filter(Boolean)
-    });
-  return /* @__PURE__ */ jsx3(FaasDataWrapper, {
+    }));
+  return /* @__PURE__ */ jsx3(FaasDataWrapper, __spreadValues({
     fallback: props.faasData.fallback || /* @__PURE__ */ jsx3(Skeleton, {
       active: true
     }),
     render: ({ data }) => {
-      return /* @__PURE__ */ jsx3(Descriptions, {
-        ...props,
+      return /* @__PURE__ */ jsx3(Descriptions, __spreadProps(__spreadValues({}, props), {
         title: isFunction(props.renderTitle) ? props.renderTitle(data) : props.title,
         children: props.items.map((item) => {
           return !item.if || item.if(data) ? /* @__PURE__ */ jsx3(Descriptions.Item, {
@@ -286,48 +334,39 @@ function Description(props) {
             })
           }, item.id) : null;
         }).filter(Boolean)
-      });
-    },
-    ...props.faasData
-  });
+      }));
+    }
+  }, props.faasData));
 }
 
 // src/Drawer.tsx
 import { Drawer } from "antd";
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function useDrawer(init) {
-  const [props, setProps] = useState3({
+  const [props, setProps] = useState4(__spreadValues({
     open: false,
-    onClose: () => setProps((prev) => ({
-      ...prev,
+    onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       open: false
-    })),
-    ...init
-  });
+    }))
+  }, init));
   return {
-    drawer: /* @__PURE__ */ jsx4(Drawer, {
-      ...props
-    }),
+    drawer: /* @__PURE__ */ jsx4(Drawer, __spreadValues({}, props)),
     drawerProps: props,
     setDrawerProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
+      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
     }
   };
 }
 
 // src/Form.tsx
-import { faas } from "@faasjs/react";
 import {
   Button as Button2,
   Form as AntdForm2
 } from "antd";
 import {
-  useEffect as useEffect4,
-  useState as useState5,
+  useEffect as useEffect5,
+  useState as useState6,
   useCallback
 } from "react";
 
@@ -344,8 +383,8 @@ import {
 } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
-  useEffect as useEffect3,
-  useState as useState4
+  useEffect as useEffect4,
+  useState as useState5
 } from "react";
 import { upperFirst as upperFirst3 } from "lodash";
 
@@ -353,12 +392,11 @@ import { upperFirst as upperFirst3 } from "lodash";
 import { forwardRef } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var TimePicker = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx5(DatePicker, {
-    ...props,
+  return /* @__PURE__ */ jsx5(DatePicker, __spreadProps(__spreadValues({}, props), {
     picker: "time",
     mode: void 0,
     ref
-  });
+  }));
 });
 TimePicker.displayName = "TimePicker";
 
@@ -412,53 +450,60 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState4();
-  const [extendTypes, setExtendTypes] = useState4();
+  const [computedProps, setComputedProps] = useState5();
+  const [extendTypes, setExtendTypes] = useState5();
   const config = useConfigContext();
-  useEffect3(() => {
-    const propsCopy = { ...props };
+  const [hidden, setHidden] = useState5(false);
+  useEffect4(() => {
+    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__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+      noStyle: true,
+      children: /* @__PURE__ */ jsx6(Input, {
+        hidden: true
+      })
+    }));
   if (extendTypes && extendTypes[computedProps.type])
-    return /* @__PURE__ */ jsx6(AntdForm.Item, {
-      ...computedProps,
+    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
       children: extendTypes[computedProps.type].children
-    });
+    }));
   if (computedProps.children)
-    return /* @__PURE__ */ jsx6(AntdForm.Item, {
-      ...computedProps,
+    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
       children: computedProps.children
-    });
+    }));
   if (computedProps.render)
-    return /* @__PURE__ */ jsx6(AntdForm.Item, {
-      ...computedProps,
+    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
       children: computedProps.render()
-    });
+    }));
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, {
-        ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ jsx6(Input, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ jsx6(Input, __spreadValues({}, computedProps.input))
+      }));
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx6(AntdForm.Item, {
-          ...computedProps,
-          children: /* @__PURE__ */ jsx6(Select, {
-            mode: "multiple",
-            ...computedProps.input
-          })
-        });
+        return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+          children: /* @__PURE__ */ jsx6(Select, __spreadValues({
+            mode: "multiple"
+          }, computedProps.input))
+        }));
       return /* @__PURE__ */ jsx6(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
@@ -482,13 +527,10 @@ function FormItem(props) {
                     children: [
                       /* @__PURE__ */ jsx6(Col, {
                         span: 23,
-                        children: /* @__PURE__ */ jsx6(AntdForm.Item, {
-                          ...field,
+                        children: /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, field), {
                           noStyle: true,
-                          children: /* @__PURE__ */ jsx6(Input, {
-                            ...computedProps.input
-                          })
-                        })
+                          children: /* @__PURE__ */ jsx6(Input, __spreadValues({}, computedProps.input))
+                        }))
                       }),
                       /* @__PURE__ */ jsx6(Col, {
                         span: 1,
@@ -522,24 +564,18 @@ function FormItem(props) {
         }
       });
     case "number":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, {
-        ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ jsx6(InputNumber, {
-          style: { width: "100%" },
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ jsx6(InputNumber, __spreadValues({
+          style: { width: "100%" }
+        }, computedProps.input))
+      }));
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx6(AntdForm.Item, {
-          ...computedProps,
-          children: /* @__PURE__ */ jsx6(Select, {
-            mode: "multiple",
-            ...computedProps.input
-          })
-        });
+        return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+          children: /* @__PURE__ */ jsx6(Select, __spreadValues({
+            mode: "multiple"
+          }, computedProps.input))
+        }));
       return /* @__PURE__ */ jsx6(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
@@ -563,14 +599,12 @@ function FormItem(props) {
                     children: [
                       /* @__PURE__ */ jsx6(Col, {
                         span: 23,
-                        children: /* @__PURE__ */ jsx6(AntdForm.Item, {
-                          ...field,
+                        children: /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, field), {
                           noStyle: true,
-                          children: /* @__PURE__ */ jsx6(InputNumber, {
-                            style: { width: "100%" },
-                            ...computedProps.input
-                          })
-                        })
+                          children: /* @__PURE__ */ jsx6(InputNumber, __spreadValues({
+                            style: { width: "100%" }
+                          }, computedProps.input))
+                        }))
                       }),
                       /* @__PURE__ */ jsx6(Col, {
                         span: 1,
@@ -604,26 +638,17 @@ function FormItem(props) {
         }
       });
     case "boolean":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ jsx6(Switch, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: /* @__PURE__ */ jsx6(Switch, __spreadValues({}, computedProps.input))
+      }));
     case "date":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ jsx6(DatePicker, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: /* @__PURE__ */ jsx6(DatePicker, __spreadValues({}, computedProps.input))
+      }));
     case "time":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ jsx6(TimePicker, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+        children: /* @__PURE__ */ jsx6(TimePicker, __spreadValues({}, computedProps.input))
+      }));
     case "object":
       return /* @__PURE__ */ jsxs(Fragment2, {
         children: [
@@ -634,9 +659,7 @@ function FormItem(props) {
               children: computedProps.label
             })
           }),
-          computedProps.object.map((o) => /* @__PURE__ */ jsx6(FormItem, {
-            ...o
-          }, o.id))
+          computedProps.object.map((o) => /* @__PURE__ */ jsx6(FormItem, __spreadValues({}, o), o.id))
         ]
       });
     case "object[]":
@@ -667,11 +690,10 @@ function FormItem(props) {
                 /* @__PURE__ */ jsx6(Row, {
                   gutter: 24,
                   children: computedProps.object.map((o) => /* @__PURE__ */ jsx6(Col, {
-                    span: o.col || 6,
-                    children: /* @__PURE__ */ jsx6(FormItem, {
-                      ...o,
+                    span: o.col || 24,
+                    children: /* @__PURE__ */ jsx6(FormItem, __spreadProps(__spreadValues({}, o), {
                       name: [field.name, o.id]
-                    })
+                    }))
                   }, o.id))
                 })
               ]
@@ -706,36 +728,33 @@ function FormItem(props) {
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = useState5(false);
-  const [computedProps, setComputedProps] = useState5();
+  const [loading, setLoading] = useState6(false);
+  const [computedProps, setComputedProps] = useState6();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = useState5();
+  const [extendTypes, setExtendTypes] = useState6();
   const [form] = AntdForm2.useForm(props.form);
-  useEffect4(() => {
+  const [initialValues, setInitialValues] = useState6(props.initialValues);
+  useEffect5(() => {
     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) => 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) {
@@ -746,10 +765,7 @@ function Form(props) {
     } else if (propsCopy.submit && ((_b2 = propsCopy.submit.to) == null ? void 0 : _b2.action)) {
       propsCopy.onFinish = async (values) => {
         setLoading(true);
-        return 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) {
@@ -769,39 +785,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]);
+  useEffect5(() => {
+    if (!initialValues)
+      return;
+    form.setFieldsValue(initialValues);
+    setInitialValues(null);
   }, [computedProps]);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ jsxs2(AntdForm2, {
-    ...computedProps,
+  return /* @__PURE__ */ jsxs2(AntdForm2, __spreadProps(__spreadValues({}, computedProps), {
     onValuesChange,
     children: [
       computedProps.beforeItems,
-      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx7(FormItem, {
-        ...item,
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx7(FormItem, __spreadProps(__spreadValues({}, item), {
         extendTypes
-      }, item.id)),
+      }), item.id)),
       computedProps.children,
       computedProps.submit !== false && /* @__PURE__ */ jsx7(Button2, {
         htmlType: "submit",
@@ -811,7 +810,7 @@ function Form(props) {
       }),
       computedProps.footer
     ]
-  });
+  }));
 }
 Form.useForm = AntdForm2.useForm;
 
@@ -831,75 +830,54 @@ function Link({
   style = Object.assign({ cursor: "pointer" }, style);
   if (href.startsWith("http")) {
     if (button)
-      return /* @__PURE__ */ jsx8(Button3, {
-        ...button,
+      return /* @__PURE__ */ jsx8(Button3, __spreadProps(__spreadValues({}, button), {
         children: /* @__PURE__ */ jsx8("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__ */ jsx8("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__ */ jsx8(Button3, {
-      ...button,
+    return /* @__PURE__ */ jsx8(Button3, __spreadProps(__spreadValues({}, button), {
       children: /* @__PURE__ */ jsx8(RouterLink, {
         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__ */ jsx8(RouterLink, {
     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
 import { Modal } from "antd";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
 function useModal(init) {
-  const [props, setProps] = useState6({
+  const [props, setProps] = useState7(__spreadValues({
     open: false,
-    onCancel: () => setProps((prev) => ({
-      ...prev,
+    onCancel: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
       open: false
-    })),
-    ...init
-  });
+    }))
+  }, init));
   return {
-    modal: /* @__PURE__ */ jsx9(Modal, {
-      ...props
-    }),
+    modal: /* @__PURE__ */ jsx9(Modal, __spreadValues({}, props)),
     modalProps: props,
     setModalProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
+      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
     }
   };
 }
@@ -924,8 +902,7 @@ function PageNotFound() {
 function Routes(props) {
   return /* @__PURE__ */ jsxs3(OriginRoutes, {
     children: [
-      props.routes.map((r) => /* @__PURE__ */ jsx10(Route, {
-        ...r,
+      props.routes.map((r) => /* @__PURE__ */ jsx10(Route, __spreadProps(__spreadValues({}, r), {
         element: r.element || /* @__PURE__ */ jsx10(Suspense, {
           fallback: props.fallback || /* @__PURE__ */ jsx10("div", {
             style: { padding: "24px" },
@@ -935,7 +912,7 @@ function Routes(props) {
           }),
           children: /* @__PURE__ */ jsx10(r.page, {})
         })
-      }, r.path)),
+      }), r.path)),
       /* @__PURE__ */ jsx10(Route, {
         path: "*",
         element: props.notFound || /* @__PURE__ */ jsx10(PageNotFound, {})
@@ -946,8 +923,8 @@ function Routes(props) {
 
 // src/Table.tsx
 import {
-  useState as useState7,
-  useEffect as useEffect5,
+  useState as useState8,
+  useEffect as useEffect6,
   cloneElement as cloneElement2
 } from "react";
 import {
@@ -963,7 +940,6 @@ import {
   uniqBy,
   upperFirst as upperFirst4
 } from "lodash";
-import { FaasDataWrapper as FaasDataWrapper2 } from "@faasjs/react";
 import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 function processValue(item, value) {
   var _a;
@@ -990,9 +966,9 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = useState7();
+  const [columns, setColumns] = useState8();
   const { common: common2 } = useConfigContext();
-  useEffect5(() => {
+  useEffect6(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1244,7 +1220,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [props.items]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1264,13 +1240,12 @@ function Table(props) {
   if (!columns)
     return null;
   if (!props.faasData)
-    return /* @__PURE__ */ jsx11(AntdTable, {
-      ...props,
+    return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
       rowKey: props.rowKey || "id",
       columns,
       dataSource: props.dataSource
-    });
-  return /* @__PURE__ */ jsx11(FaasDataWrapper2, {
+    }));
+  return /* @__PURE__ */ jsx11(FaasDataWrapper, __spreadValues({
     fallback: props.faasData.fallback || /* @__PURE__ */ jsx11(Skeleton3, {
       active: true
     }),
@@ -1280,59 +1255,50 @@ function Table(props) {
       reload
     }) => {
       if (!data)
-        return /* @__PURE__ */ jsx11(AntdTable, {
-          ...props,
+        return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
           rowKey: props.rowKey || "id",
           columns,
           dataSource: []
-        });
+        }));
       if (Array.isArray(data))
-        return /* @__PURE__ */ jsx11(AntdTable, {
-          ...props,
+        return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
           rowKey: props.rowKey || "id",
           columns,
           dataSource: data
-        });
-      return /* @__PURE__ */ jsx11(AntdTable, {
-        ...props,
+        }));
+      return /* @__PURE__ */ jsx11(AntdTable, __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
-import { useEffect as useEffect6, cloneElement as cloneElement3 } from "react";
+import { useEffect as useEffect7, cloneElement as cloneElement3 } from "react";
 import { PageHeader } from "antd";
 import { Fragment as Fragment3, jsx as jsx12 } from "react/jsx-runtime";
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  useEffect6(() => {
+  useEffect7(() => {
     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]);
@@ -1352,10 +1318,9 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.header)
-    return /* @__PURE__ */ jsx12(PageHeader, {
-      title: Array.isArray(props.title) ? props.title[0] : props.title,
-      ...props.header
-    });
+    return /* @__PURE__ */ jsx12(PageHeader, __spreadValues({
+      title: Array.isArray(props.title) ? props.title[0] : props.title
+    }, props.header));
   if (props.children)
     return cloneElement3(props.children, { title: props.title });
   return null;