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

package/dist/index.mjs

@@ -1,23 +1,3 @@
-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";
 
@@ -92,9 +72,10 @@ function ConfigProvider({
   }, []);
   return /* @__PURE__ */ jsx(ConfigContext.Provider, {
     value: values,
-    children: /* @__PURE__ */ jsx(AntdConfigProvider, __spreadProps(__spreadValues({}, config.antd), {
+    children: /* @__PURE__ */ jsx(AntdConfigProvider, {
+      ...config.antd,
       children
-    }))
+    })
   });
 }
 function useConfigContext() {
@@ -160,46 +141,17 @@ 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,
-  createElement
+  useState as useState2
 } from "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 { FaasDataWrapper } from "@faasjs/react";
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 function DescriptionItemContent(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState3();
-  useEffect3(() => {
+  const [computedProps, setComputedProps] = useState2();
+  useEffect2(() => {
     var _a2, _b;
-    const propsCopy = __spreadValues({}, props);
+    const propsCopy = { ...props };
     if (!propsCopy.item.title)
       propsCopy.item.title = upperFirst2(propsCopy.item.id);
     if (!propsCopy.item.type)
@@ -302,7 +254,8 @@ function DescriptionItemContent(props) {
 }
 function Description(props) {
   if (!props.faasData)
-    return /* @__PURE__ */ jsx3(Descriptions, __spreadProps(__spreadValues({}, props), {
+    return /* @__PURE__ */ jsx3(Descriptions, {
+      ...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, {
@@ -315,13 +268,14 @@ function Description(props) {
           })
         }, item.id) : null;
       }).filter(Boolean)
-    }));
-  return /* @__PURE__ */ jsx3(FaasDataWrapper, __spreadValues({
+    });
+  return /* @__PURE__ */ jsx3(FaasDataWrapper, {
     fallback: props.faasData.fallback || /* @__PURE__ */ jsx3(Skeleton, {
       active: true
     }),
     render: ({ data }) => {
-      return /* @__PURE__ */ jsx3(Descriptions, __spreadProps(__spreadValues({}, props), {
+      return /* @__PURE__ */ jsx3(Descriptions, {
+        ...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, {
@@ -334,39 +288,48 @@ function Description(props) {
             })
           }, item.id) : null;
         }).filter(Boolean)
-      }));
-    }
-  }, props.faasData));
+      });
+    },
+    ...props.faasData
+  });
 }
 
 // src/Drawer.tsx
 import { Drawer } from "antd";
-import { useState as useState4 } from "react";
+import { useState as useState3 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function useDrawer(init) {
-  const [props, setProps] = useState4(__spreadValues({
+  const [props, setProps] = useState3({
     open: false,
-    onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
+    onClose: () => setProps((prev) => ({
+      ...prev,
       open: false
-    }))
-  }, init));
+    })),
+    ...init
+  });
   return {
-    drawer: /* @__PURE__ */ jsx4(Drawer, __spreadValues({}, props)),
+    drawer: /* @__PURE__ */ jsx4(Drawer, {
+      ...props
+    }),
     drawerProps: props,
     setDrawerProps(changes) {
-      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
     }
   };
 }
 
 // src/Form.tsx
+import { faas } from "@faasjs/react";
 import {
   Button as Button2,
   Form as AntdForm2
 } from "antd";
 import {
-  useEffect as useEffect5,
-  useState as useState6,
+  useEffect as useEffect4,
+  useState as useState5,
   useCallback
 } from "react";
 
@@ -383,8 +346,8 @@ import {
 } from "antd";
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
-  useEffect as useEffect4,
-  useState as useState5
+  useEffect as useEffect3,
+  useState as useState4
 } from "react";
 import { upperFirst as upperFirst3 } from "lodash";
 
@@ -392,11 +355,12 @@ 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, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ jsx5(DatePicker, {
+    ...props,
     picker: "time",
     mode: void 0,
     ref
-  }));
+  });
 });
 TimePicker.displayName = "TimePicker";
 
@@ -450,12 +414,12 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState5();
-  const [extendTypes, setExtendTypes] = useState5();
+  const [computedProps, setComputedProps] = useState4();
+  const [extendTypes, setExtendTypes] = useState4();
   const config = useConfigContext();
-  const [hidden, setHidden] = useState5(false);
-  useEffect4(() => {
-    const propsCopy = __spreadValues({}, props);
+  const [hidden, setHidden] = useState4(false);
+  useEffect3(() => {
+    const propsCopy = { ...props };
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
       delete propsCopy.extendTypes;
@@ -474,36 +438,48 @@ function FormItem(props) {
   if (!computedProps)
     return null;
   if (hidden)
-    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+    return /* @__PURE__ */ jsx6(AntdForm.Item, {
+      ...computedProps,
       noStyle: true,
+      rules: [],
       children: /* @__PURE__ */ jsx6(Input, {
         hidden: true
       })
-    }));
+    });
   if (extendTypes && extendTypes[computedProps.type])
-    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+    return /* @__PURE__ */ jsx6(AntdForm.Item, {
+      ...computedProps,
       children: extendTypes[computedProps.type].children
-    }));
+    });
   if (computedProps.children)
-    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+    return /* @__PURE__ */ jsx6(AntdForm.Item, {
+      ...computedProps,
       children: computedProps.children
-    }));
+    });
   if (computedProps.render)
-    return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
+    return /* @__PURE__ */ jsx6(AntdForm.Item, {
+      ...computedProps,
       children: computedProps.render()
-    }));
+    });
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
-        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ jsx6(Input, __spreadValues({}, computedProps.input))
-      }));
+      return /* @__PURE__ */ jsx6(AntdForm.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ jsx6(Input, {
+          ...computedProps.input
+        })
+      });
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
-          children: /* @__PURE__ */ jsx6(Select, __spreadValues({
-            mode: "multiple"
-          }, computedProps.input))
-        }));
+        return /* @__PURE__ */ jsx6(AntdForm.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ jsx6(Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
       return /* @__PURE__ */ jsx6(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
@@ -527,10 +503,13 @@ function FormItem(props) {
                     children: [
                       /* @__PURE__ */ jsx6(Col, {
                         span: 23,
-                        children: /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, field), {
+                        children: /* @__PURE__ */ jsx6(AntdForm.Item, {
+                          ...field,
                           noStyle: true,
-                          children: /* @__PURE__ */ jsx6(Input, __spreadValues({}, computedProps.input))
-                        }))
+                          children: /* @__PURE__ */ jsx6(Input, {
+                            ...computedProps.input
+                          })
+                        })
                       }),
                       /* @__PURE__ */ jsx6(Col, {
                         span: 1,
@@ -564,18 +543,24 @@ function FormItem(props) {
         }
       });
     case "number":
-      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))
-      }));
+      return /* @__PURE__ */ jsx6(AntdForm.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ jsx6(Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ jsx6(InputNumber, {
+          style: { width: "100%" },
+          ...computedProps.input
+        })
+      });
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
-          children: /* @__PURE__ */ jsx6(Select, __spreadValues({
-            mode: "multiple"
-          }, computedProps.input))
-        }));
+        return /* @__PURE__ */ jsx6(AntdForm.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ jsx6(Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
       return /* @__PURE__ */ jsx6(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
@@ -599,12 +584,14 @@ function FormItem(props) {
                     children: [
                       /* @__PURE__ */ jsx6(Col, {
                         span: 23,
-                        children: /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, field), {
+                        children: /* @__PURE__ */ jsx6(AntdForm.Item, {
+                          ...field,
                           noStyle: true,
-                          children: /* @__PURE__ */ jsx6(InputNumber, __spreadValues({
-                            style: { width: "100%" }
-                          }, computedProps.input))
-                        }))
+                          children: /* @__PURE__ */ jsx6(InputNumber, {
+                            style: { width: "100%" },
+                            ...computedProps.input
+                          })
+                        })
                       }),
                       /* @__PURE__ */ jsx6(Col, {
                         span: 1,
@@ -638,17 +625,26 @@ function FormItem(props) {
         }
       });
     case "boolean":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
-        children: /* @__PURE__ */ jsx6(Switch, __spreadValues({}, computedProps.input))
-      }));
+      return /* @__PURE__ */ jsx6(AntdForm.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ jsx6(Switch, {
+          ...computedProps.input
+        })
+      });
     case "date":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
-        children: /* @__PURE__ */ jsx6(DatePicker, __spreadValues({}, computedProps.input))
-      }));
+      return /* @__PURE__ */ jsx6(AntdForm.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ jsx6(DatePicker, {
+          ...computedProps.input
+        })
+      });
     case "time":
-      return /* @__PURE__ */ jsx6(AntdForm.Item, __spreadProps(__spreadValues({}, computedProps), {
-        children: /* @__PURE__ */ jsx6(TimePicker, __spreadValues({}, computedProps.input))
-      }));
+      return /* @__PURE__ */ jsx6(AntdForm.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ jsx6(TimePicker, {
+          ...computedProps.input
+        })
+      });
     case "object":
       return /* @__PURE__ */ jsxs(Fragment2, {
         children: [
@@ -659,7 +655,9 @@ function FormItem(props) {
               children: computedProps.label
             })
           }),
-          computedProps.object.map((o) => /* @__PURE__ */ jsx6(FormItem, __spreadValues({}, o), o.id))
+          computedProps.object.map((o) => /* @__PURE__ */ jsx6(FormItem, {
+            ...o
+          }, o.id))
         ]
       });
     case "object[]":
@@ -691,9 +689,10 @@ function FormItem(props) {
                   gutter: 24,
                   children: computedProps.object.map((o) => /* @__PURE__ */ jsx6(Col, {
                     span: o.col || 24,
-                    children: /* @__PURE__ */ jsx6(FormItem, __spreadProps(__spreadValues({}, o), {
+                    children: /* @__PURE__ */ jsx6(FormItem, {
+                      ...o,
                       name: [field.name, o.id]
-                    }))
+                    })
                   }, o.id))
                 })
               ]
@@ -728,17 +727,18 @@ function FormItem(props) {
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = useState6(false);
-  const [computedProps, setComputedProps] = useState6();
+  const [loading, setLoading] = useState5(false);
+  const [computedProps, setComputedProps] = useState5();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = useState6();
+  const [extendTypes, setExtendTypes] = useState5();
   const [form] = AntdForm2.useForm(props.form);
-  const [initialValues, setInitialValues] = useState6(props.initialValues);
-  useEffect5(() => {
+  const [initialValues, setInitialValues] = useState5(props.initialValues);
+  useEffect4(() => {
     var _a2, _b2;
-    const propsCopy = __spreadProps(__spreadValues({}, props), {
+    const propsCopy = {
+      ...props,
       form
-    });
+    };
     if (propsCopy.initialValues) {
       for (const key in propsCopy.initialValues)
         propsCopy.initialValues[key] = transferValue(
@@ -754,7 +754,10 @@ function Form(props) {
         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 ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
+            await props.onFinish(values, async (values2) => faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+              ...values2,
+              ...propsCopy.submit.to.params
+            } : values2));
           } else
             await props.onFinish(values);
         } catch (error) {
@@ -765,7 +768,10 @@ 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 ? __spreadValues(__spreadValues({}, values), propsCopy.submit.to.params) : values).finally(() => setLoading(false));
+        return faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+          ...values,
+          ...propsCopy.submit.to.params
+        } : values).finally(() => setLoading(false));
       };
     }
     if (propsCopy.extendTypes) {
@@ -786,7 +792,7 @@ function Form(props) {
         item.onValueChange(changedValues[key], allValues, form);
     }
   }, [computedProps]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (!initialValues)
       return;
     form.setFieldsValue(initialValues);
@@ -794,13 +800,15 @@ function Form(props) {
   }, [computedProps]);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ jsxs2(AntdForm2, __spreadProps(__spreadValues({}, computedProps), {
+  return /* @__PURE__ */ jsxs2(AntdForm2, {
+    ...computedProps,
     onValuesChange,
     children: [
       computedProps.beforeItems,
-      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx7(FormItem, __spreadProps(__spreadValues({}, item), {
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx7(FormItem, {
+        ...item,
         extendTypes
-      }), item.id)),
+      }, item.id)),
       computedProps.children,
       computedProps.submit !== false && /* @__PURE__ */ jsx7(Button2, {
         htmlType: "submit",
@@ -810,7 +818,7 @@ function Form(props) {
       }),
       computedProps.footer
     ]
-  }));
+  });
 }
 Form.useForm = AntdForm2.useForm;
 
@@ -830,54 +838,75 @@ function Link({
   style = Object.assign({ cursor: "pointer" }, style);
   if (href.startsWith("http")) {
     if (button)
-      return /* @__PURE__ */ jsx8(Button3, __spreadProps(__spreadValues({}, button), {
+      return /* @__PURE__ */ jsx8(Button3, {
+        ...button,
         children: /* @__PURE__ */ jsx8("a", {
           href,
           target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
-          style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
+          style: {
+            ...Link2.style,
+            ...style || {}
+          },
           children: text || children
         })
-      }));
+      });
     return /* @__PURE__ */ jsx8("a", {
       href,
       target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
-      style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
+      style: {
+        ...Link2.style,
+        ...style || {}
+      },
       children: text || children
     });
   }
   if (button)
-    return /* @__PURE__ */ jsx8(Button3, __spreadProps(__spreadValues({}, button), {
+    return /* @__PURE__ */ jsx8(Button3, {
+      ...button,
       children: /* @__PURE__ */ jsx8(RouterLink, {
         to: href,
         target: target || (Link2 == null ? void 0 : Link2.target),
-        style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
+        style: {
+          ...Link2.style,
+          ...style || {}
+        },
         children: text || children
       })
-    }));
+    });
   return /* @__PURE__ */ jsx8(RouterLink, {
     to: href,
     target: target || (Link2 == null ? void 0 : Link2.target),
-    style: __spreadValues(__spreadValues({}, Link2.style), style || {}),
+    style: {
+      ...Link2.style,
+      ...style || {}
+    },
     children: text || children
   });
 }
 
 // src/Modal.tsx
 import { Modal } from "antd";
-import { useState as useState7 } from "react";
+import { useState as useState6 } from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
 function useModal(init) {
-  const [props, setProps] = useState7(__spreadValues({
+  const [props, setProps] = useState6({
     open: false,
-    onCancel: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
+    onCancel: () => setProps((prev) => ({
+      ...prev,
       open: false
-    }))
-  }, init));
+    })),
+    ...init
+  });
   return {
-    modal: /* @__PURE__ */ jsx9(Modal, __spreadValues({}, props)),
+    modal: /* @__PURE__ */ jsx9(Modal, {
+      ...props
+    }),
     modalProps: props,
     setModalProps(changes) {
-      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
     }
   };
 }
@@ -902,7 +931,8 @@ function PageNotFound() {
 function Routes(props) {
   return /* @__PURE__ */ jsxs3(OriginRoutes, {
     children: [
-      props.routes.map((r) => /* @__PURE__ */ jsx10(Route, __spreadProps(__spreadValues({}, r), {
+      props.routes.map((r) => /* @__PURE__ */ jsx10(Route, {
+        ...r,
         element: r.element || /* @__PURE__ */ jsx10(Suspense, {
           fallback: props.fallback || /* @__PURE__ */ jsx10("div", {
             style: { padding: "24px" },
@@ -912,7 +942,7 @@ function Routes(props) {
           }),
           children: /* @__PURE__ */ jsx10(r.page, {})
         })
-      }), r.path)),
+      }, r.path)),
       /* @__PURE__ */ jsx10(Route, {
         path: "*",
         element: props.notFound || /* @__PURE__ */ jsx10(PageNotFound, {})
@@ -923,8 +953,8 @@ function Routes(props) {
 
 // src/Table.tsx
 import {
-  useState as useState8,
-  useEffect as useEffect6,
+  useState as useState7,
+  useEffect as useEffect5,
   cloneElement as cloneElement2
 } from "react";
 import {
@@ -940,6 +970,7 @@ 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;
@@ -966,9 +997,9 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = useState8();
+  const [columns, setColumns] = useState7();
   const { common: common2 } = useConfigContext();
-  useEffect6(() => {
+  useEffect5(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1220,7 +1251,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [props.items]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1240,12 +1271,13 @@ function Table(props) {
   if (!columns)
     return null;
   if (!props.faasData)
-    return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
+    return /* @__PURE__ */ jsx11(AntdTable, {
+      ...props,
       rowKey: props.rowKey || "id",
       columns,
       dataSource: props.dataSource
-    }));
-  return /* @__PURE__ */ jsx11(FaasDataWrapper, __spreadValues({
+    });
+  return /* @__PURE__ */ jsx11(FaasDataWrapper2, {
     fallback: props.faasData.fallback || /* @__PURE__ */ jsx11(Skeleton3, {
       active: true
     }),
@@ -1255,50 +1287,59 @@ function Table(props) {
       reload
     }) => {
       if (!data)
-        return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
+        return /* @__PURE__ */ jsx11(AntdTable, {
+          ...props,
           rowKey: props.rowKey || "id",
           columns,
           dataSource: []
-        }));
+        });
       if (Array.isArray(data))
-        return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
+        return /* @__PURE__ */ jsx11(AntdTable, {
+          ...props,
           rowKey: props.rowKey || "id",
           columns,
           dataSource: data
-        }));
-      return /* @__PURE__ */ jsx11(AntdTable, __spreadProps(__spreadValues({}, props), {
+        });
+      return /* @__PURE__ */ jsx11(AntdTable, {
+        ...props,
         rowKey: props.rowKey || "id",
         columns,
         dataSource: data.rows,
-        pagination: __spreadValues(__spreadValues({}, props.pagination), data.pagination),
+        pagination: {
+          ...props.pagination,
+          ...data.pagination
+        },
         onChange: (pagination, filters, sorter, extra) => {
           if (props.onChange) {
             const processed = props.onChange(pagination, filters, sorter, extra);
-            reload(__spreadProps(__spreadValues({}, params), {
+            reload({
+              ...params,
               pagination: processed.pagination,
               filters: processed.filters,
               sorter: processed.sorter
-            }));
+            });
             return;
           }
-          reload(__spreadProps(__spreadValues({}, params), {
+          reload({
+            ...params,
             pagination,
             filters,
             sorter
-          }));
+          });
         }
-      }));
-    }
-  }, props.faasData));
+      });
+    },
+    ...props.faasData
+  });
 }
 
 // src/Title.tsx
-import { useEffect as useEffect7, cloneElement as cloneElement3 } from "react";
+import { useEffect as useEffect6, 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();
-  useEffect7(() => {
+  useEffect6(() => {
     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]);
@@ -1318,9 +1359,10 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.header)
-    return /* @__PURE__ */ jsx12(PageHeader, __spreadValues({
-      title: Array.isArray(props.title) ? props.title[0] : props.title
-    }, props.header));
+    return /* @__PURE__ */ jsx12(PageHeader, {
+      title: Array.isArray(props.title) ? props.title[0] : props.title,
+      ...props.header
+    });
   if (props.children)
     return cloneElement3(props.children, { title: props.title });
   return null;