@faasjs/ant-design 0.0.2-beta.394 → 0.0.2-beta.397

package/dist/index.js

@@ -1,26 +1,10 @@
+"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 });
@@ -33,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -69,6 +56,7 @@ var import_lodash = require("lodash");
 
 // src/Config.tsx
 var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 var isZH = /^zh/i.test(navigator.language);
 var common = isZH ? {
   lang: "zh",
@@ -104,20 +92,26 @@ function ConfigProvider({
   config,
   children
 }) {
-  return /* @__PURE__ */ import_react.default.createElement(ConfigContext.Provider, {
-    value: __spreadValues(__spreadValues({}, baseConfig), config)
-  }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigContext.Provider, {
+    value: {
+      ...baseConfig,
+      ...config
+    },
+    children
+  });
 }
 function useConfigContext() {
   return (0, import_react2.useContext)(ConfigContext);
 }
 
 // src/Blank.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function Blank(options) {
   const config = useConfigContext();
-  return !options || (0, import_lodash.isNil)(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, {
-    disabled: true
-  }, (options == null ? void 0 : options.text) || config.Blank.text) : options.value;
+  return !options || (0, import_lodash.isNil)(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Typography.Text, {
+    disabled: true,
+    children: (options == null ? void 0 : options.text) || config.Blank.text
+  }) : options.value;
 }
 
 // src/Calendar.tsx
@@ -150,11 +144,12 @@ var import_lodash3 = require("lodash");
 var import_react3 = require("react");
 var import_dayjs3 = __toESM(require("dayjs"));
 var import_react4 = require("@faasjs/react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = (0, import_react3.useState)();
   (0, import_react3.useEffect)(() => {
     var _a, _b;
-    const propsCopy = __spreadValues({}, props);
+    const propsCopy = { ...props };
     if (!propsCopy.item.title)
       propsCopy.item.title = (0, import_lodash3.upperFirst)(propsCopy.item.id);
     if (!propsCopy.item.type)
@@ -181,89 +176,119 @@ 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)(computedProps.extendTypes[computedProps.item.type].children, {
-        value: computedProps.value,
-        values: computedProps.values
-      });
+      return (0, import_react3.cloneElement)(
+        computedProps.extendTypes[computedProps.item.type].children,
+        {
+          value: computedProps.value,
+          values: computedProps.values
+        }
+      );
     else if (computedProps.extendTypes[computedProps.item.type].render)
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.extendTypes[computedProps.item.type].render(computedProps.value, computedProps.values));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: computedProps.extendTypes[computedProps.item.type].render(computedProps.value, computedProps.values)
+      });
     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 });
   if (computedProps.item.render)
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.item.render(computedProps.value, computedProps.values));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: computedProps.item.render(computedProps.value, computedProps.values)
+    });
   if (typeof computedProps.value === "undefined" || computedProps.value === null)
     return null;
   switch (computedProps.item.type) {
     case "string[]":
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.value.join(", "));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: computedProps.value.join(", ")
+      });
     case "number":
       return computedProps.value || null;
     case "number[]":
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.value.join(", "));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: computedProps.value.join(", ")
+      });
     case "boolean":
-      return computedProps.value ? /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, {
+      return computedProps.value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckOutlined, {
         style: {
           marginTop: "4px",
           color: "#52c41a"
         }
-      }) : /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {
         style: {
           marginTop: "4px",
           color: "#ff4d4f"
         }
       });
     case "time":
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs3.default.unix(computedProps.value).format("YYYY-MM-DD HH:mm:ss") : (0, import_dayjs3.default)(computedProps.value).format("YYYY-MM-DD HH:mm:ss"));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs3.default.unix(computedProps.value).format("YYYY-MM-DD HH:mm:ss") : (0, import_dayjs3.default)(computedProps.value).format("YYYY-MM-DD HH:mm:ss")
+      });
     case "date":
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs3.default.unix(computedProps.value).format("YYYY-MM-DD") : (0, import_dayjs3.default)(computedProps.value).format("YYYY-MM-DD"));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: typeof computedProps.value === "number" && computedProps.value.toString().length === 10 ? import_dayjs3.default.unix(computedProps.value).format("YYYY-MM-DD") : (0, import_dayjs3.default)(computedProps.value).format("YYYY-MM-DD")
+      });
     default:
       return computedProps.value || null;
   }
 }
 function Description(props) {
   if (!props.faasData)
-    return /* @__PURE__ */ import_react.default.createElement(import_antd2.Descriptions, __spreadValues({}, props), props.items.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd2.Descriptions.Item, {
-      key: item.id,
-      label: item.title || (0, import_lodash3.upperFirst)(item.id)
-    }, /* @__PURE__ */ import_react.default.createElement(DescriptionItemContent, {
-      item,
-      value: props.dataSource[item.id],
-      values: props.dataSource,
-      extendTypes: props.extendTypes
-    }))));
-  return /* @__PURE__ */ import_react.default.createElement(import_react4.FaasDataWrapper, __spreadValues({
-    fallback: props.faasData.fallback || /* @__PURE__ */ import_react.default.createElement(import_antd2.Skeleton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd2.Descriptions, {
+      ...props,
+      children: props.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd2.Descriptions.Item, {
+        label: item.title || (0, import_lodash3.upperFirst)(item.id),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionItemContent, {
+          item,
+          value: props.dataSource[item.id],
+          values: props.dataSource,
+          extendTypes: props.extendTypes
+        })
+      }, item.id))
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.FaasDataWrapper, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd2.Skeleton, {
       active: true
     }),
-    render: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_antd2.Descriptions, __spreadValues({}, props), props.items.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd2.Descriptions.Item, {
-      key: item.id,
-      label: item.title || (0, import_lodash3.upperFirst)(item.id)
-    }, /* @__PURE__ */ import_react.default.createElement(DescriptionItemContent, {
-      item,
-      value: data[item.id],
-      values: data,
-      extendTypes: props.extendTypes
-    }))))
-  }, props.faasData));
+    render: ({ data }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd2.Descriptions, {
+      ...props,
+      children: props.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd2.Descriptions.Item, {
+        label: item.title || (0, import_lodash3.upperFirst)(item.id),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionItemContent, {
+          item,
+          value: data[item.id],
+          values: data,
+          extendTypes: props.extendTypes
+        })
+      }, item.id))
+    }),
+    ...props.faasData
+  });
 }
 
 // src/Drawer.tsx
 var import_antd3 = require("antd");
 var import_react5 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function useDrawer(init) {
-  const [props, setProps] = (0, import_react5.useState)(__spreadValues({
+  const [props, setProps] = (0, import_react5.useState)({
     visible: false,
-    onClose: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
+    onClose: () => setProps((prev) => ({
+      ...prev,
       visible: false
-    }))
-  }, init));
+    })),
+    ...init
+  });
   return {
-    drawer: /* @__PURE__ */ import_react.default.createElement(import_antd3.Drawer, __spreadValues({}, props)),
+    drawer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Drawer, {
+      ...props
+    }),
     drawerProps: props,
     setDrawerProps(changes) {
-      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
     }
   };
 }
@@ -281,16 +306,19 @@ var import_lodash4 = require("lodash");
 
 // src/TimePicker.tsx
 var import_react6 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 var TimePicker = (0, import_react6.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ import_react.default.createElement(DatePicker, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DatePicker, {
+    ...props,
     picker: "time",
     mode: void 0,
     ref
-  }));
+  });
 });
 TimePicker.displayName = "TimePicker";
 
 // src/FormItem.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = (0, import_lodash4.upperFirst)(propsCopy.id);
@@ -342,159 +370,289 @@ function FormItem(props) {
   const [computedProps, setComputedProps] = (0, import_react7.useState)();
   const config = useConfigContext();
   (0, import_react7.useEffect)(() => {
-    setComputedProps(processProps(__spreadValues({}, props), config));
+    setComputedProps(processProps({ ...props }, config));
   }, [props]);
   if (!computedProps)
     return null;
   if (computedProps.extendTypes && computedProps.extendTypes[computedProps.type])
-    return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.extendTypes[computedProps.type].children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+      ...computedProps,
+      children: computedProps.extendTypes[computedProps.type].children
+    });
   if (computedProps.children)
-    return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+      ...computedProps,
+      children: computedProps.children
+    });
   if (computedProps.render)
-    return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.render());
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+      ...computedProps,
+      children: computedProps.render()
+    });
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.options ? /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ import_react.default.createElement(import_antd4.Input, __spreadValues({}, computedProps.input)));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Input, {
+          ...computedProps.input
+        })
+      });
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({
-          mode: "multiple"
-        }, computedProps.input)));
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.List, {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.List, {
         name: computedProps.name,
-        rules: computedProps.rules
-      }, (fields, { add, remove }, { errors }) => {
-        var _a2;
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.label && /* @__PURE__ */ import_react.default.createElement("div", {
-          className: "ant-form-item-label"
-        }, /* @__PURE__ */ import_react.default.createElement("label", {
-          className: computedProps.rules.find((r) => r.required) && "ant-form-item-required"
-        }, computedProps.label)), fields.map((field) => {
-          var _a3;
-          return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, {
-            key: field.key
-          }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Row, {
-            gutter: 24,
-            style: { flexFlow: "row nowrap" }
-          }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
-            span: 23
-          }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadProps(__spreadValues({}, field), {
-            noStyle: true
-          }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Input, __spreadValues({}, computedProps.input)))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
-            span: 1
-          }, !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
-            danger: true,
-            type: "link",
-            style: { float: "right" },
-            icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.MinusCircleOutlined, null),
-            onClick: () => remove(field.name)
-          }))));
-        }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, null, !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
-          type: "dashed",
-          block: true,
-          onClick: () => add(),
-          icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.PlusOutlined, null)
-        }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.ErrorList, {
-          errors
-        })));
+        rules: computedProps.rules,
+        children: (fields, { add, remove }, { errors }) => {
+          var _a2;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            children: [
+              computedProps.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                className: "ant-form-item-label",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+                  className: computedProps.rules.find((r) => r.required) && "ant-form-item-required",
+                  children: computedProps.label
+                })
+              }),
+              fields.map((field) => {
+                var _a3;
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Row, {
+                    gutter: 24,
+                    style: { flexFlow: "row nowrap" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Col, {
+                        span: 23,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+                          ...field,
+                          noStyle: true,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Input, {
+                            ...computedProps.input
+                          })
+                        })
+                      }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Col, {
+                        span: 1,
+                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Button, {
+                          danger: true,
+                          type: "link",
+                          style: { float: "right" },
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.MinusCircleOutlined, {}),
+                          onClick: () => remove(field.name)
+                        })
+                      })
+                    ]
+                  })
+                }, field.key);
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Form.Item, {
+                children: [
+                  !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Button, {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.PlusOutlined, {})
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.ErrorList, {
+                    errors
+                  })
+                ]
+              })
+            ]
+          });
+        }
       });
     case "number":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), computedProps.options ? /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({}, computedProps.input)) : /* @__PURE__ */ import_react.default.createElement(import_antd4.InputNumber, __spreadValues({
-        style: { width: "100%" }
-      }, computedProps.input)));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.InputNumber, {
+          style: { width: "100%" },
+          ...computedProps.input
+        })
+      });
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd4.Select, __spreadValues({
-          mode: "multiple"
-        }, computedProps.input)));
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.List, {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.List, {
         name: computedProps.name,
-        rules: computedProps.rules
-      }, (fields, { add, remove }, { errors }) => {
-        var _a2, _b;
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.label && /* @__PURE__ */ import_react.default.createElement("div", {
-          className: "ant-form-item-label"
-        }, /* @__PURE__ */ import_react.default.createElement("label", {
-          className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find((r) => r.required)) && "ant-form-item-required"
-        }, computedProps.label)), fields.map((field) => {
-          var _a3;
-          return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, {
-            key: field.key
-          }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Row, {
-            gutter: 24,
-            style: { flexFlow: "row nowrap" }
-          }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
-            span: 23
-          }, /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadProps(__spreadValues({}, field), {
-            noStyle: true
-          }), /* @__PURE__ */ import_react.default.createElement(import_antd4.InputNumber, __spreadValues({
-            style: { width: "100%" }
-          }, computedProps.input)))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
-            span: 1
-          }, !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
-            danger: true,
-            type: "link",
-            style: { float: "right" },
-            icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.MinusCircleOutlined, null),
-            onClick: () => remove(field.name)
-          }))));
-        }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, null, !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
-          type: "dashed",
-          block: true,
-          onClick: () => add(),
-          icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.PlusOutlined, null)
-        }), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.ErrorList, {
-          errors
-        })));
+        rules: computedProps.rules,
+        children: (fields, { add, remove }, { errors }) => {
+          var _a2, _b;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            children: [
+              computedProps.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                className: "ant-form-item-label",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+                  className: ((_a2 = computedProps.rules) == null ? void 0 : _a2.find((r) => r.required)) && "ant-form-item-required",
+                  children: computedProps.label
+                })
+              }),
+              fields.map((field) => {
+                var _a3;
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Row, {
+                    gutter: 24,
+                    style: { flexFlow: "row nowrap" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Col, {
+                        span: 23,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+                          ...field,
+                          noStyle: true,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.InputNumber, {
+                            style: { width: "100%" },
+                            ...computedProps.input
+                          })
+                        })
+                      }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Col, {
+                        span: 1,
+                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Button, {
+                          danger: true,
+                          type: "link",
+                          style: { float: "right" },
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.MinusCircleOutlined, {}),
+                          onClick: () => remove(field.name)
+                        })
+                      })
+                    ]
+                  })
+                }, field.key);
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Form.Item, {
+                children: [
+                  !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Button, {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.PlusOutlined, {})
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.ErrorList, {
+                    errors
+                  })
+                ]
+              })
+            ]
+          });
+        }
       });
     case "boolean":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(import_antd4.Switch, __spreadValues({}, computedProps.input)));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Switch, {
+          ...computedProps.input
+        })
+      });
     case "date":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(DatePicker, __spreadValues({}, computedProps.input)));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DatePicker, {
+          ...computedProps.input
+        })
+      });
     case "time":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, __spreadValues({}, computedProps), /* @__PURE__ */ import_react.default.createElement(TimePicker, __spreadValues({}, computedProps.input)));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePicker, {
+          ...computedProps.input
+        })
+      });
     case "object":
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, computedProps.label && /* @__PURE__ */ import_react.default.createElement("div", {
-        className: "ant-form-item-label"
-      }, /* @__PURE__ */ import_react.default.createElement("label", {
-        className: ((_a = computedProps.rules) == null ? void 0 : _a.find((r) => r.required)) && "ant-form-item-required"
-      }, computedProps.label)), computedProps.object.map((o) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadValues({
-        key: o.id
-      }, o))));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          computedProps.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            className: "ant-form-item-label",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+              className: ((_a = computedProps.rules) == null ? void 0 : _a.find((r) => r.required)) && "ant-form-item-required",
+              children: computedProps.label
+            })
+          }),
+          computedProps.object.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItem, {
+            ...o
+          }, o.id))
+        ]
+      });
     case "object[]":
-      return /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.List, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.List, {
         name: computedProps.name,
-        rules: computedProps.rules
-      }, (fields, { add, remove }, { errors }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, {
-        key: field.key,
-        style: { marginBottom: 0 }
-      }, /* @__PURE__ */ import_react.default.createElement("div", {
-        className: "ant-form-item-label"
-      }, /* @__PURE__ */ import_react.default.createElement("label", null, computedProps.label, " ", field.name + 1, !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
-        danger: true,
-        type: "link",
-        onClick: () => remove(field.name)
-      }, config.common.delete))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Row, {
-        gutter: 24
-      }, computedProps.object.map((o) => /* @__PURE__ */ import_react.default.createElement(import_antd4.Col, {
-        key: o.id,
-        span: o.col || 6
-      }, /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({}, o), {
-        name: [field.name, o.id]
-      }))))))), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.Item, null, !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ import_react.default.createElement(import_antd4.Button, {
-        type: "dashed",
-        block: true,
-        onClick: () => add(),
-        icon: /* @__PURE__ */ import_react.default.createElement(import_icons2.PlusOutlined, null)
-      }, config.common.add, " ", computedProps.label), /* @__PURE__ */ import_react.default.createElement(import_antd4.Form.ErrorList, {
-        errors
-      }))));
+        rules: computedProps.rules,
+        children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Form.Item, {
+              style: { marginBottom: 0 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                  className: "ant-form-item-label",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+                    children: [
+                      computedProps.label,
+                      " ",
+                      field.name + 1,
+                      !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Button, {
+                        danger: true,
+                        type: "link",
+                        onClick: () => remove(field.name),
+                        children: config.common.delete
+                      })
+                    ]
+                  })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Row, {
+                  gutter: 24,
+                  children: computedProps.object.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Col, {
+                    span: o.col || 6,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItem, {
+                      ...o,
+                      name: [field.name, o.id]
+                    })
+                  }, o.id))
+                })
+              ]
+            }, field.key)),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Form.Item, {
+              children: [
+                !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd4.Button, {
+                  type: "dashed",
+                  block: true,
+                  onClick: () => add(),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.PlusOutlined, {}),
+                  children: [
+                    config.common.add,
+                    " ",
+                    computedProps.label
+                  ]
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Form.ErrorList, {
+                  errors
+                })
+              ]
+            })
+          ]
+        })
+      });
     default:
       return null;
   }
 }
 
 // src/Form.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function Form(props) {
   var _a, _b;
   const [loading, setLoading] = (0, import_react9.useState)(false);
@@ -502,14 +660,17 @@ function Form(props) {
   const config = useConfigContext();
   (0, import_react9.useEffect)(() => {
     var _a2;
-    const propsCopy = __spreadValues({}, props);
+    const propsCopy = { ...props };
     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 ? __spreadValues(__spreadValues({}, values2), propsCopy.submit.to.params) : values2));
+            await props.onFinish(values, async (values2) => (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+              ...values2,
+              ...propsCopy.submit.to.params
+            } : values2));
           } else
             await props.onFinish(values);
         } catch (error) {
@@ -519,22 +680,34 @@ function Form(props) {
       };
     } else if (propsCopy.submit && ((_a2 = propsCopy.submit.to) == null ? void 0 : _a2.action)) {
       propsCopy.onFinish = async (values) => {
-        return await (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? __spreadValues(__spreadValues({}, values), propsCopy.submit.to.params) : values);
+        return await (0, import_react8.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+          ...values,
+          ...propsCopy.submit.to.params
+        } : values);
       };
     }
     setComputedProps(propsCopy);
   }, []);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Form, __spreadValues({}, computedProps), computedProps.beforeItems, (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadProps(__spreadValues({
-    key: item.id
-  }, item), {
-    extendTypes: computedProps.extendTypes
-  }))), computedProps.children, computedProps.submit !== false && /* @__PURE__ */ import_react.default.createElement(import_antd5.Button, {
-    htmlType: "submit",
-    type: "primary",
-    loading
-  }, ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text), computedProps.footer);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd5.Form, {
+    ...computedProps,
+    children: [
+      computedProps.beforeItems,
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItem, {
+        ...item,
+        extendTypes: computedProps.extendTypes
+      }, item.id)),
+      computedProps.children,
+      computedProps.submit !== false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Button, {
+        htmlType: "submit",
+        type: "primary",
+        loading,
+        children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text
+      }),
+      computedProps.footer
+    ]
+  });
 }
 Form.useForm = import_antd5.Form.useForm;
 Form.Item = FormItem;
@@ -542,18 +715,26 @@ Form.Item = FormItem;
 // src/Modal.tsx
 var import_antd6 = require("antd");
 var import_react10 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function useModal(init) {
-  const [props, setProps] = (0, import_react10.useState)(__spreadValues({
+  const [props, setProps] = (0, import_react10.useState)({
     visible: false,
-    onCancel: () => setProps((prev) => __spreadProps(__spreadValues({}, prev), {
+    onCancel: () => setProps((prev) => ({
+      ...prev,
       visible: false
-    }))
-  }, init));
+    })),
+    ...init
+  });
   return {
-    modal: /* @__PURE__ */ import_react.default.createElement(import_antd6.Modal, __spreadValues({}, props)),
+    modal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd6.Modal, {
+      ...props
+    }),
     modalProps: props,
     setModalProps(changes) {
-      setProps((prev) => __spreadValues(__spreadValues({}, prev), changes));
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
     }
   };
 }
@@ -562,29 +743,35 @@ function useModal(init) {
 var import_antd7 = require("antd");
 var import_react11 = require("react");
 var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime = require("react/jsx-runtime");
 function NotFound() {
   const config = useConfigContext();
-  return /* @__PURE__ */ import_react.default.createElement(import_antd7.Result, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd7.Result, {
     status: "404",
     title: config.common.pageNotFound
   });
 }
 function Routes(props) {
-  return /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Routes, null, props.routes.map((r) => /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Route, __spreadProps(__spreadValues({
-    key: r.path
-  }, r), {
-    element: r.element || /* @__PURE__ */ import_react.default.createElement(import_react11.Suspense, {
-      fallback: props.fallback || /* @__PURE__ */ import_react.default.createElement("div", {
-        style: { padding: "24px" }
-      }, /* @__PURE__ */ import_react.default.createElement(import_antd7.Skeleton, {
-        active: true
-      }))
-    }, /* @__PURE__ */ import_react.default.createElement(r.page, null))
-  }))), /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Route, {
-    key: "*",
-    path: "*",
-    element: props.notFound || /* @__PURE__ */ import_react.default.createElement(NotFound, null)
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_router_dom.Routes, {
+    children: [
+      props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, {
+        ...r,
+        element: r.element || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react11.Suspense, {
+          fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            style: { padding: "24px" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd7.Skeleton, {
+              active: true
+            })
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r.page, {})
+        })
+      }, r.path)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, {
+        path: "*",
+        element: props.notFound || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotFound, {})
+      }, "*")
+    ]
+  });
 }
 
 // src/Table.tsx
@@ -594,6 +781,7 @@ var import_dayjs4 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
 var import_lodash5 = require("lodash");
 var import_react13 = require("@faasjs/react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function processValue(item, value) {
   var _a;
   if (typeof value !== "undefined" && value !== null) {
@@ -650,10 +838,13 @@ 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)(props.extendTypes[item.type].children, {
-            value,
-            values
-          });
+          item.render = (value, values) => (0, import_react12.cloneElement)(
+            props.extendTypes[item.type].children,
+            {
+              value,
+              values
+            }
+          );
         } else if (props.extendTypes[item.type].render)
           item.render = props.extendTypes[item.type].render;
         else
@@ -679,12 +870,12 @@ function Table(props) {
             item.onFilter = (value, row) => row[item.id].includes(value);
           break;
         case "boolean":
-          item.render = (value) => typeof value === "undefined" ? /* @__PURE__ */ import_react.default.createElement(Blank, null) : value ? /* @__PURE__ */ import_react.default.createElement(import_icons3.CheckOutlined, {
+          item.render = (value) => typeof value === "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {}) : value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CheckOutlined, {
             style: {
               marginTop: "4px",
               color: "#52c41a"
             }
-          }) : /* @__PURE__ */ import_react.default.createElement(import_icons3.CloseOutlined, {
+          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CloseOutlined, {
             style: {
               marginTop: "4px",
               color: "#ff4d4f"
@@ -695,31 +886,42 @@ function Table(props) {
               setSelectedKeys,
               selectedKeys,
               confirm
-            }) => /* @__PURE__ */ import_react.default.createElement(import_antd8.Radio.Group, {
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd8.Radio.Group, {
               style: { padding: 8 },
               buttonStyle: "solid",
               value: selectedKeys[0],
               onChange: (e) => {
                 setSelectedKeys(e.target.value ? [e.target.value] : []);
                 confirm();
-              }
-            }, /* @__PURE__ */ import_react.default.createElement(import_antd8.Radio.Button, null, config.common.all), /* @__PURE__ */ import_react.default.createElement(import_antd8.Radio.Button, {
-              value: "true"
-            }, /* @__PURE__ */ import_react.default.createElement(import_icons3.CheckOutlined, {
-              style: {
-                color: "#52c41a",
-                verticalAlign: "middle"
-              }
-            })), /* @__PURE__ */ import_react.default.createElement(import_antd8.Radio.Button, {
-              value: "false"
-            }, /* @__PURE__ */ import_react.default.createElement(import_icons3.CloseOutlined, {
-              style: {
-                verticalAlign: "middle",
-                color: "#ff4d4f"
-              }
-            })), /* @__PURE__ */ import_react.default.createElement(import_antd8.Radio.Button, {
-              value: "empty"
-            }, config.common.blank));
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Radio.Button, {
+                  children: config.common.all
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Radio.Button, {
+                  value: "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CheckOutlined, {
+                    style: {
+                      color: "#52c41a",
+                      verticalAlign: "middle"
+                    }
+                  })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Radio.Button, {
+                  value: "false",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.CloseOutlined, {
+                    style: {
+                      verticalAlign: "middle",
+                      color: "#ff4d4f"
+                    }
+                  })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Radio.Button, {
+                  value: "empty",
+                  children: config.common.blank
+                })
+              ]
+            });
           if (!item.onFilter)
             item.onFilter = (value, row) => {
               switch (value) {
@@ -756,13 +958,14 @@ function Table(props) {
   if (!columns)
     return null;
   if (!props.faasData)
-    return /* @__PURE__ */ import_react.default.createElement(import_antd8.Table, __spreadProps(__spreadValues({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Table, {
+      ...props,
       rowKey: props.rowKey || "id",
       columns,
       dataSource: props.dataSource
-    }));
-  return /* @__PURE__ */ import_react.default.createElement(import_react13.FaasDataWrapper, __spreadValues({
-    fallback: props.faasData.fallback || /* @__PURE__ */ import_react.default.createElement(import_antd8.Skeleton, {
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.FaasDataWrapper, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Skeleton, {
       active: true
     }),
     render: ({
@@ -771,45 +974,55 @@ function Table(props) {
       reload
     }) => {
       if (!data)
-        return /* @__PURE__ */ import_react.default.createElement(import_antd8.Table, __spreadProps(__spreadValues({}, props), {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Table, {
+          ...props,
           rowKey: props.rowKey || "id",
           columns,
           dataSource: []
-        }));
+        });
       if (Array.isArray(data))
-        return /* @__PURE__ */ import_react.default.createElement(import_antd8.Table, __spreadProps(__spreadValues({}, props), {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Table, {
+          ...props,
           rowKey: props.rowKey || "id",
           columns,
           dataSource: data
-        }));
-      return /* @__PURE__ */ import_react.default.createElement(import_antd8.Table, __spreadProps(__spreadValues({}, props), {
+        });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Table, {
+        ...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
 var import_react14 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function Title(props) {
   const config = useConfigContext();
   (0, import_react14.useEffect)(() => {
@@ -818,11 +1031,14 @@ function Title(props) {
   }, []);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
-      return /* @__PURE__ */ import_react.default.createElement("h1", null, Array.isArray(props.title) ? props.title[0] : props.title);
-    return /* @__PURE__ */ import_react.default.createElement("h1", {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+        children: Array.isArray(props.title) ? props.title[0] : props.title
+      });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
       className: props.h1.className,
-      style: props.h1.style
-    }, Array.isArray(props.title) ? props.title[0] : props.title);
+      style: props.h1.style,
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
   }
   if (props.children)
     return (0, import_react14.cloneElement)(props.children, { title: props.title });