@faasjs/ant-design 0.0.2-development → 0.0.3-beta.2

package/dist/index.js

@@ -0,0 +1,1358 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Blank: () => Blank,
+  ConfigContext: () => ConfigContext,
+  ConfigProvider: () => ConfigProvider,
+  Description: () => Description,
+  Drawer: () => import_antd4.Drawer,
+  Form: () => Form,
+  FormItem: () => FormItem,
+  Link: () => Link,
+  Modal: () => import_antd8.Modal,
+  PageNotFound: () => PageNotFound,
+  Routes: () => Routes,
+  Table: () => Table,
+  Title: () => Title,
+  transferOptions: () => transferOptions,
+  transferValue: () => transferValue,
+  useConfigContext: () => useConfigContext,
+  useDrawer: () => useDrawer,
+  useModal: () => useModal
+});
+module.exports = __toCommonJS(src_exports);
+
+// react-shim.js
+var import_react = __toESM(require("react"));
+
+// src/Blank.tsx
+var import_antd2 = require("antd");
+var import_lodash_es2 = require("lodash-es");
+
+// src/Config.tsx
+var import_react2 = require("react");
+var import_antd = require("antd");
+var import_lodash_es = require("lodash-es");
+var import_jsx_runtime = require("react/jsx-runtime");
+var isZH = /^zh/i.test(navigator.language);
+var zh = {
+  lang: "zh",
+  blank: "\u7A7A",
+  all: "\u5168\u90E8",
+  submit: "\u63D0\u4EA4",
+  pageNotFound: "\u9875\u9762\u672A\u627E\u5230",
+  add: "\u6DFB\u52A0",
+  delete: "\u5220\u9664",
+  required: "\u5FC5\u586B",
+  search: "\u641C\u7D22",
+  reset: "\u91CD\u7F6E"
+};
+var en = {
+  lang: "en",
+  blank: "Empty",
+  all: "All",
+  submit: "Submit",
+  pageNotFound: "Page Not Found",
+  add: "Add",
+  delete: "Delete",
+  required: "is required",
+  search: "Search",
+  reset: "Reset"
+};
+var common = isZH ? zh : en;
+var baseConfig = {
+  antd: {},
+  lang: "en",
+  common,
+  Blank: { text: common.blank },
+  Form: { submit: { text: common.submit } },
+  Title: {
+    separator: " - ",
+    suffix: ""
+  },
+  Link: { style: {} }
+};
+var ConfigContext = (0, import_react2.createContext)(baseConfig);
+function ConfigProvider({
+  config,
+  children
+}) {
+  const [values, setValues] = (0, import_react2.useState)(baseConfig);
+  (0, import_react2.useEffect)(() => {
+    if (config.lang === "zh") {
+      setValues((0, import_lodash_es.defaultsDeep)(config, {
+        lang: "zh",
+        common: zh,
+        Blank: { text: zh.blank },
+        Form: { submit: { text: zh.submit } }
+      }, baseConfig));
+    } else
+      setValues(values);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConfigContext.Provider, {
+    value: values,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, {
+      ...config.antd,
+      children
+    })
+  });
+}
+function useConfigContext() {
+  return (0, import_react2.useContext)(ConfigContext);
+}
+
+// src/Blank.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Blank(options) {
+  const { Blank: Blank2 } = useConfigContext();
+  return !options || (0, import_lodash_es2.isNil)(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd2.Typography.Text, {
+    disabled: true,
+    children: (options == null ? void 0 : options.text) || Blank2.text
+  }) : options.value;
+}
+
+// src/data.ts
+var import_lodash_es3 = require("lodash-es");
+var import_dayjs = __toESM(require("dayjs"));
+function transferOptions(options) {
+  if (!options)
+    return [];
+  return options.map((item) => typeof item === "object" ? item : {
+    label: (0, import_lodash_es3.upperFirst)(item.toString()),
+    value: item
+  });
+}
+function transferValue(type, value) {
+  if (typeof value === "undefined" || value === null || value === "" || value === "null" || value === "undefined")
+    return null;
+  if (!type)
+    type = "string";
+  if (type.endsWith("[]") && typeof value === "string")
+    value = value.split(",").filter(Boolean);
+  if (["date", "time"].includes(type)) {
+    if (typeof value === "number" && value.toString().length === 10)
+      value = value * 1e3;
+    if (!import_dayjs.default.isDayjs(value))
+      value = (0, import_dayjs.default)(value);
+  }
+  return value;
+}
+
+// src/Description.tsx
+var import_icons = require("@ant-design/icons");
+var import_antd3 = require("antd");
+var import_lodash_es4 = require("lodash-es");
+var import_react3 = require("react");
+var import_react4 = require("@faasjs/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DescriptionItemContent(props) {
+  var _a;
+  const [computedProps, setComputedProps] = (0, import_react3.useState)();
+  (0, import_react3.useEffect)(() => {
+    var _a2, _b;
+    const propsCopy = { ...props };
+    if (!propsCopy.item.title)
+      propsCopy.item.title = (0, import_lodash_es4.upperFirst)(propsCopy.item.id);
+    if (!propsCopy.item.type)
+      propsCopy.item.type = "string";
+    if ((_a2 = propsCopy.item.options) == null ? void 0 : _a2.length) {
+      propsCopy.item.options = transferOptions(propsCopy.item.options);
+    }
+    propsCopy.value = transferValue(propsCopy.item.type, propsCopy.value);
+    if (propsCopy.item.options && propsCopy.value !== null) {
+      if (propsCopy.item.type.endsWith("[]"))
+        propsCopy.value = propsCopy.value.map((v) => {
+          var _a3;
+          return ((_a3 = propsCopy.item.options.find((option) => option.value === v)) == null ? void 0 : _a3.label) || v;
+        });
+      else if ([
+        "string",
+        "number",
+        "boolean"
+      ].includes(propsCopy.item.type))
+        propsCopy.value = ((_b = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b.label) || props.value;
+    }
+    setComputedProps(propsCopy);
+  }, [props]);
+  if (!computedProps)
+    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
+        }
+      );
+    else if (computedProps.extendTypes[computedProps.item.type].render)
+      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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: computedProps.item.render(computedProps.value, computedProps.values)
+    });
+  if (computedProps.value === null || Array.isArray(computedProps.value) && !computedProps.value.length)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {});
+  switch (computedProps.item.type) {
+    case "string[]":
+      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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: computedProps.value.join(", ")
+      });
+    case "boolean":
+      return computedProps.value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckOutlined, {
+        style: {
+          marginTop: "4px",
+          color: "#52c41a"
+        }
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {
+        style: {
+          marginTop: "4px",
+          color: "#ff4d4f"
+        }
+      });
+    case "time":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: computedProps.value.format("YYYY-MM-DD HH:mm:ss")
+      });
+    case "date":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: computedProps.value.format("YYYY-MM-DD")
+      });
+    case "object":
+      if (!computedProps.value)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+        items: computedProps.item.object,
+        dataSource: computedProps.value,
+        column: 1
+      });
+    case "object[]":
+      if (!((_a = computedProps.value) == null ? void 0 : _a.length))
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Space, {
+        direction: "vertical",
+        children: computedProps.value.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+          items: computedProps.item.object,
+          dataSource: value,
+          column: 1
+        }, index))
+      });
+    default:
+      return computedProps.value || null;
+  }
+}
+function Description(props) {
+  if (!props.faasData)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions, {
+      ...props,
+      title: (0, import_lodash_es4.isFunction)(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
+      children: props.items.map((item) => {
+        return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions.Item, {
+          label: item.title || (0, import_lodash_es4.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) : null;
+      }).filter(Boolean)
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.FaasDataWrapper, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Skeleton, {
+      active: true
+    }),
+    render: ({ data }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions, {
+        ...props,
+        title: (0, import_lodash_es4.isFunction)(props.renderTitle) ? props.renderTitle(data) : props.title,
+        children: props.items.map((item) => {
+          return !item.if || item.if(data) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.Descriptions.Item, {
+            label: item.title || (0, import_lodash_es4.upperFirst)(item.id),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionItemContent, {
+              item,
+              value: data[item.id],
+              values: data,
+              extendTypes: props.extendTypes
+            })
+          }, item.id) : null;
+        }).filter(Boolean)
+      });
+    },
+    ...props.faasData
+  });
+}
+
+// src/Drawer.tsx
+var import_antd4 = 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)({
+    open: false,
+    onClose: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    drawer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd4.Drawer, {
+      ...props
+    }),
+    drawerProps: props,
+    setDrawerProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+
+// src/Form.tsx
+var import_react7 = require("@faasjs/react");
+var import_antd6 = require("antd");
+var import_react8 = require("react");
+
+// src/FormItem.tsx
+var import_antd5 = require("antd");
+var import_icons2 = require("@ant-design/icons");
+var import_react6 = require("react");
+var import_lodash_es5 = require("lodash-es");
+var import_jsx_runtime = require("react/jsx-runtime");
+function processProps(propsCopy, config) {
+  if (!propsCopy.title)
+    propsCopy.title = (0, import_lodash_es5.upperFirst)(propsCopy.id);
+  if (!propsCopy.label && propsCopy.label !== false)
+    propsCopy.label = propsCopy.title;
+  if (!propsCopy.name)
+    propsCopy.name = propsCopy.id;
+  if (!propsCopy.type)
+    propsCopy.type = "string";
+  if (!propsCopy.rules)
+    propsCopy.rules = [];
+  if (propsCopy.required) {
+    if (propsCopy.type.endsWith("[]"))
+      propsCopy.rules.push({
+        required: true,
+        validator: async (_, values) => {
+          if (!values || values.length < 1)
+            return Promise.reject(Error(`${propsCopy.label || propsCopy.title} ${config.common.required}`));
+        }
+      });
+    else
+      propsCopy.rules.push({
+        required: true,
+        message: `${propsCopy.label || propsCopy.title} ${config.common.required}`
+      });
+  }
+  if (!propsCopy.input)
+    propsCopy.input = {};
+  if (propsCopy.options)
+    propsCopy.input.options = transferOptions(propsCopy.options);
+  switch (propsCopy.type) {
+    case "boolean":
+      propsCopy.valuePropName = "checked";
+      break;
+    case "object":
+      if (!Array.isArray(propsCopy.name))
+        propsCopy.name = [propsCopy.name];
+      for (const sub of propsCopy.object) {
+        if (!sub.name)
+          sub.name = propsCopy.name.concat(sub.id);
+        processProps(sub, config);
+      }
+      break;
+  }
+  return propsCopy;
+}
+function FormItem(props) {
+  var _a;
+  const [computedProps, setComputedProps] = (0, import_react6.useState)();
+  const [extendTypes, setExtendTypes] = (0, import_react6.useState)();
+  const config = useConfigContext();
+  const [hidden, setHidden] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
+    const propsCopy = { ...props };
+    if (propsCopy.extendTypes) {
+      setExtendTypes(propsCopy.extendTypes);
+      delete propsCopy.extendTypes;
+    }
+    if (propsCopy.if) {
+      const condition = propsCopy.if;
+      propsCopy.shouldUpdate = (_, cur) => {
+        const show = condition(cur);
+        setHidden(!show);
+        return show;
+      };
+      delete propsCopy.if;
+    }
+    setComputedProps(processProps(propsCopy, config));
+  }, [props]);
+  if (!computedProps)
+    return null;
+  if (hidden)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+      ...computedProps,
+      noStyle: true,
+      rules: [],
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Input, {
+        hidden: true
+      })
+    });
+  if (extendTypes && extendTypes[computedProps.type])
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+      ...computedProps,
+      children: extendTypes[computedProps.type].children
+    });
+  if (computedProps.children)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+      ...computedProps,
+      children: computedProps.children
+    });
+  if (computedProps.render)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+      ...computedProps,
+      children: computedProps.render()
+    });
+  switch (computedProps.type) {
+    case "string":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Input, {
+          ...computedProps.input
+        })
+      });
+    case "string[]":
+      if (computedProps.options)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.List, {
+        name: computedProps.name,
+        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_antd5.Form.Item, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd5.Row, {
+                    gutter: 24,
+                    style: { flexFlow: "row nowrap" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Col, {
+                        span: 23,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+                          ...field,
+                          noStyle: true,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Input, {
+                            ...computedProps.input
+                          })
+                        })
+                      }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.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_antd5.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_antd5.Form.Item, {
+                children: [
+                  !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Button, {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.PlusOutlined, {})
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.ErrorList, {
+                    errors
+                  })
+                ]
+              })
+            ]
+          });
+        }
+      });
+    case "number":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.InputNumber, {
+          style: { width: "100%" },
+          ...computedProps.input
+        })
+      });
+    case "number[]":
+      if (computedProps.options)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.List, {
+        name: computedProps.name,
+        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_antd5.Form.Item, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd5.Row, {
+                    gutter: 24,
+                    style: { flexFlow: "row nowrap" },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Col, {
+                        span: 23,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+                          ...field,
+                          noStyle: true,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.InputNumber, {
+                            style: { width: "100%" },
+                            ...computedProps.input
+                          })
+                        })
+                      }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.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_antd5.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_antd5.Form.Item, {
+                children: [
+                  !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Button, {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons2.PlusOutlined, {})
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.ErrorList, {
+                    errors
+                  })
+                ]
+              })
+            ]
+          });
+        }
+      });
+    case "boolean":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Switch, {
+          ...computedProps.input
+        })
+      });
+    case "date":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.DatePicker, {
+          ...computedProps.input
+        })
+      });
+    case "time":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.TimePicker, {
+          ...computedProps.input
+        })
+      });
+    case "object":
+      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__ */ (0, import_jsx_runtime.jsx)(import_antd5.Form.List, {
+        name: computedProps.name,
+        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_antd5.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_antd5.Button, {
+                        danger: true,
+                        type: "link",
+                        onClick: () => remove(field.name),
+                        children: config.common.delete
+                      })
+                    ]
+                  })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Row, {
+                  gutter: 24,
+                  children: computedProps.object.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd5.Col, {
+                    span: o.col || 24,
+                    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_antd5.Form.Item, {
+              children: [
+                !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd5.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_antd5.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_react8.useState)(false);
+  const [computedProps, setComputedProps] = (0, import_react8.useState)();
+  const config = useConfigContext();
+  const [extendTypes, setExtendTypes] = (0, import_react8.useState)();
+  const [form] = import_antd6.Form.useForm(props.form);
+  const [initialValues, setInitialValues] = (0, import_react8.useState)(props.initialValues);
+  (0, import_react8.useEffect)(() => {
+    var _a2, _b2;
+    const propsCopy = {
+      ...props,
+      form
+    };
+    if (propsCopy.initialValues) {
+      for (const key in propsCopy.initialValues)
+        propsCopy.initialValues[key] = transferValue(
+          (_a2 = propsCopy.items.find((item) => item.id === key)) == null ? void 0 : _a2.type,
+          propsCopy.initialValues[key]
+        );
+      setInitialValues(propsCopy.initialValues);
+      delete propsCopy.initialValues;
+    }
+    if (propsCopy.onFinish) {
+      propsCopy.onFinish = async (values) => {
+        var _a3;
+        setLoading(true);
+        try {
+          if (propsCopy.submit && ((_a3 = propsCopy.submit.to) == null ? void 0 : _a3.action)) {
+            await props.onFinish(values, async (values2) => (0, import_react7.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+              ...values2,
+              ...propsCopy.submit.to.params
+            } : values2));
+          } else
+            await props.onFinish(values);
+        } catch (error) {
+          console.error(error);
+        }
+        setLoading(false);
+      };
+    } else if (propsCopy.submit && ((_b2 = propsCopy.submit.to) == null ? void 0 : _b2.action)) {
+      propsCopy.onFinish = async (values) => {
+        setLoading(true);
+        return (0, import_react7.faas)(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+          ...values,
+          ...propsCopy.submit.to.params
+        } : values).finally(() => setLoading(false));
+      };
+    }
+    if (propsCopy.extendTypes) {
+      setExtendTypes(propsCopy.extendTypes);
+      delete propsCopy.extendTypes;
+    }
+    setComputedProps(propsCopy);
+  }, [props]);
+  const onValuesChange = (0, import_react8.useCallback)((changedValues, allValues) => {
+    if (props.onValuesChange) {
+      props.onValuesChange(changedValues, allValues);
+    }
+    if (!props.items)
+      return;
+    for (const key in changedValues) {
+      const item = computedProps.items.find((i) => i.id === key);
+      if (item == null ? void 0 : item.onValueChange)
+        item.onValueChange(changedValues[key], allValues, form);
+    }
+  }, [computedProps]);
+  (0, import_react8.useEffect)(() => {
+    if (!initialValues)
+      return;
+    form.setFieldsValue(initialValues);
+    setInitialValues(null);
+  }, [computedProps]);
+  if (!computedProps)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd6.Form, {
+    ...computedProps,
+    onValuesChange,
+    children: [
+      computedProps.beforeItems,
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItem, {
+        ...item,
+        extendTypes
+      }, item.id)),
+      computedProps.children,
+      computedProps.submit !== false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd6.Button, {
+        htmlType: "submit",
+        type: "primary",
+        loading,
+        children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text
+      }),
+      computedProps.footer
+    ]
+  });
+}
+Form.useForm = import_antd6.Form.useForm;
+
+// src/Link.tsx
+var import_react_router_dom = require("react-router-dom");
+var import_antd7 = require("antd");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Link({
+  href,
+  target,
+  text,
+  children,
+  style,
+  button
+}) {
+  const { Link: Link2 } = useConfigContext();
+  style = Object.assign({ cursor: "pointer" }, style);
+  if (href.startsWith("http")) {
+    if (button)
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd7.Button, {
+        ...button,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+          href,
+          target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+          style: {
+            ...Link2.style,
+            ...style || {}
+          },
+          children: text || children
+        })
+      });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+      href,
+      target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+      style: {
+        ...Link2.style,
+        ...style || {}
+      },
+      children: text || children
+    });
+  }
+  if (button)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd7.Button, {
+      ...button,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
+        to: href,
+        target: target || (Link2 == null ? void 0 : Link2.target),
+        style: {
+          ...Link2.style,
+          ...style || {}
+        },
+        children: text || children
+      })
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
+    to: href,
+    target: target || (Link2 == null ? void 0 : Link2.target),
+    style: {
+      ...Link2.style,
+      ...style || {}
+    },
+    children: text || children
+  });
+}
+
+// src/Modal.tsx
+var import_antd8 = require("antd");
+var import_react9 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function useModal(init) {
+  const [props, setProps] = (0, import_react9.useState)({
+    open: false,
+    onCancel: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    modal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd8.Modal, {
+      ...props
+    }),
+    modalProps: props,
+    setModalProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+
+// src/Routers.tsx
+var import_antd9 = require("antd");
+var import_react10 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PageNotFound() {
+  const config = useConfigContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Result, {
+    status: "404",
+    title: config.common.pageNotFound
+  });
+}
+function Routes(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_router_dom2.Routes, {
+    children: [
+      props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Route, {
+        ...r,
+        element: r.element || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react10.Suspense, {
+          fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            style: { padding: "24px" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd9.Skeleton, {
+              active: true
+            })
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r.page, {})
+        })
+      }, r.path)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Route, {
+        path: "*",
+        element: props.notFound || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageNotFound, {})
+      }, "*")
+    ]
+  });
+}
+
+// src/Table.tsx
+var import_react11 = require("react");
+var import_antd10 = require("antd");
+var import_dayjs2 = __toESM(require("dayjs"));
+var import_icons3 = require("@ant-design/icons");
+var import_lodash_es6 = require("lodash-es");
+var import_react12 = require("@faasjs/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function processValue(item, value) {
+  var _a;
+  const transferred = transferValue(item.type, value);
+  if (transferred === null || Array.isArray(transferred) && transferred.length === 0)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Blank, {});
+  if (item.options) {
+    if (item.type.endsWith("[]"))
+      return transferred.map((v) => {
+        var _a2;
+        return ((_a2 = item.options.find((option) => option.value === v)) == null ? void 0 : _a2.label) || v;
+      }).join(", ");
+    if ([
+      "string",
+      "number",
+      "boolean"
+    ].includes(item.type))
+      return ((_a = item.options.find((option) => option.value === transferred)) == null ? void 0 : _a.label) || transferred;
+  }
+  if (item.type.endsWith("[]"))
+    return transferred.join(", ");
+  if (["date", "time"].includes(item.type))
+    return transferred.format(item.type === "date" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm:ss");
+  return value;
+}
+function Table(props) {
+  const [columns, setColumns] = (0, import_react11.useState)();
+  const { common: common2 } = useConfigContext();
+  (0, import_react11.useEffect)(() => {
+    var _a;
+    for (const item of props.items) {
+      if (!item.key)
+        item.key = item.id;
+      if (!item.dataIndex)
+        item.dataIndex = item.id;
+      if (!item.title)
+        item.title = (0, import_lodash_es6.upperFirst)(item.id);
+      if (!item.type)
+        item.type = "string";
+      if ((_a = item.options) == null ? void 0 : _a.length) {
+        item.options = transferOptions(item.options);
+        item.filters = item.options.map((o) => ({
+          text: o.label,
+          value: o.value
+        }));
+      }
+      if (item.children)
+        delete item.children;
+      if (props.extendTypes && props.extendTypes[item.type]) {
+        if (props.extendTypes[item.type].children)
+          item.render = (value, values) => (0, import_react11.cloneElement)(
+            props.extendTypes[item.type].children,
+            {
+              value,
+              values
+            }
+          );
+        else if (props.extendTypes[item.type].render)
+          item.render = props.extendTypes[item.type].render;
+        else
+          throw Error(item.type + " requires children or render");
+        continue;
+      }
+      switch (item.type) {
+        case "string":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              if (!row[item.id])
+                return false;
+              return row[item.id].toLowerCase().includes(value.toLowerCase());
+            };
+          if (!item.filters && item.filterDropdown !== false && item.optionsType !== "auto")
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Input.Search, {
+              placeholder: `${common2.search} ${item.title}`,
+              allowClear: true,
+              onSearch: (v) => {
+                if (v) {
+                  setSelectedKeys([v]);
+                } else {
+                  setSelectedKeys([]);
+                  clearFilters();
+                }
+                confirm();
+              }
+            });
+          break;
+        case "string[]":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              if (!row[item.id] || !row[item.id].length)
+                return false;
+              return row[item.id].some((v) => v.toLowerCase().includes(value.toLowerCase()));
+            };
+          if (!item.filters && item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Input.Search, {
+              placeholder: `${common2.search} ${item.title}`,
+              allowClear: true,
+              onSearch: (v) => {
+                if (v) {
+                  setSelectedKeys([v]);
+                } else {
+                  setSelectedKeys([]);
+                  clearFilters();
+                }
+                confirm();
+              }
+            });
+          break;
+        case "number":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.sorter)
+            item.sorter = (a, b) => a[item.id] - b[item.id];
+          if (!item.onFilter)
+            item.onFilter = (value, row) => value === row[item.id];
+          if (!item.filters && item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Input.Search, {
+              placeholder: `${common2.search} ${item.title}`,
+              allowClear: true,
+              onSearch: (v) => {
+                if (v) {
+                  setSelectedKeys([Number(v)]);
+                } else {
+                  setSelectedKeys([]);
+                  clearFilters();
+                }
+                confirm();
+              }
+            });
+          break;
+        case "number[]":
+          if (!item.render)
+            item.render = (value) => processValue(item, value).join(", ");
+          if (!item.onFilter)
+            item.onFilter = (value, row) => row[item.id].includes(value);
+          if (!item.filters && item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Input.Search, {
+              placeholder: `${common2.search} ${item.title}`,
+              allowClear: true,
+              onSearch: (v) => {
+                if (v) {
+                  setSelectedKeys([Number(v)]);
+                } else {
+                  setSelectedKeys([]);
+                  clearFilters();
+                }
+                confirm();
+              }
+            });
+          break;
+        case "boolean":
+          if (!item.render)
+            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__ */ (0, import_jsx_runtime.jsx)(import_icons3.CloseOutlined, {
+              style: {
+                marginTop: "4px",
+                color: "#ff4d4f"
+              }
+            });
+          if (item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              selectedKeys,
+              confirm
+            }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd10.Radio.Group, {
+              style: { padding: 8 },
+              buttonStyle: "solid",
+              value: selectedKeys[0],
+              onChange: (e) => {
+                setSelectedKeys(e.target.value ? [e.target.value] : []);
+                confirm();
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Radio.Button, {
+                  children: common2.all
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.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_antd10.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_antd10.Radio.Button, {
+                  value: "empty",
+                  children: common2.blank
+                })
+              ]
+            });
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              switch (value) {
+                case "true":
+                  return !(0, import_lodash_es6.isNil)(row[item.id]) && !!row[item.id];
+                case "false":
+                  return !(0, import_lodash_es6.isNil)(row[item.id]) && !row[item.id];
+                case "empty":
+                  return (0, import_lodash_es6.isNil)(row[item.id]);
+                default:
+                  return true;
+              }
+            };
+          break;
+        case "date":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.onFilter)
+            item.onFilter = (value, row) => (0, import_dayjs2.default)(row[item.id]).isSame((0, import_dayjs2.default)(value));
+          if (!item.sorter)
+            item.sorter = (a, b) => (0, import_dayjs2.default)(a[item.id]).isBefore(b[item.id]) ? -1 : 1;
+          break;
+        case "time":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.onFilter)
+            item.onFilter = (value, row) => (0, import_dayjs2.default)(row[item.id]).isSame((0, import_dayjs2.default)(value));
+          if (!item.sorter)
+            item.sorter = (a, b) => (0, import_dayjs2.default)(a[item.id]).isBefore(b[item.id]) ? -1 : 1;
+          break;
+        case "object":
+          if (!item.render)
+            item.render = (value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+              items: item.object,
+              dataSource: value || {},
+              column: 1
+            });
+          break;
+        case "object[]":
+          if (!item.render)
+            item.render = (value) => value.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+              items: item.object,
+              dataSource: v || [],
+              column: 1
+            }, i));
+          break;
+        default:
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.onFilter)
+            item.onFilter = (value, row) => value === row[item.id];
+          break;
+      }
+    }
+    setColumns(props.items);
+  }, [props.items]);
+  (0, import_react11.useEffect)(() => {
+    if (!props.dataSource || !columns)
+      return;
+    for (const column of columns) {
+      if (column.optionsType === "auto" && !column.options && !column.filters) {
+        setColumns((prev) => {
+          const newColumns = [...prev];
+          const index = newColumns.findIndex((item) => item.id === column.id);
+          newColumns[index].filters = (0, import_lodash_es6.uniqBy)(props.dataSource, column.id).map((v) => ({
+            text: v[column.id],
+            value: v[column.id]
+          }));
+          return newColumns;
+        });
+      }
+    }
+  }, [props.dataSource, columns]);
+  if (!columns)
+    return null;
+  if (!props.faasData)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
+      ...props,
+      rowKey: props.rowKey || "id",
+      columns,
+      dataSource: props.dataSource
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react12.FaasDataWrapper, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Skeleton, {
+      active: true
+    }),
+    render: ({
+      data,
+      params,
+      reload
+    }) => {
+      if (!data)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
+          ...props,
+          rowKey: props.rowKey || "id",
+          columns,
+          dataSource: []
+        });
+      if (Array.isArray(data))
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
+          ...props,
+          rowKey: props.rowKey || "id",
+          columns,
+          dataSource: data
+        });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Table, {
+        ...props,
+        rowKey: props.rowKey || "id",
+        columns,
+        dataSource: data.rows,
+        pagination: {
+          ...props.pagination,
+          ...data.pagination
+        },
+        onChange: (pagination, filters, sorter, extra) => {
+          if (props.onChange) {
+            const processed = props.onChange(pagination, filters, sorter, extra);
+            reload({
+              ...params,
+              pagination: processed.pagination,
+              filters: processed.filters,
+              sorter: processed.sorter
+            });
+            return;
+          }
+          reload({
+            ...params,
+            pagination,
+            filters,
+            sorter
+          });
+        }
+      });
+    },
+    ...props.faasData
+  });
+}
+
+// src/Title.tsx
+var import_react13 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Title(props) {
+  const { Title: Title2 } = useConfigContext();
+  (0, import_react13.useEffect)(() => {
+    const title = Array.isArray(props.title) ? props.title : [props.title];
+    document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
+  }, [props]);
+  if (props.h1) {
+    if (typeof props.h1 === "boolean")
+      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,
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
+  }
+  if (props.plain)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
+  if (props.children)
+    return (0, import_react13.cloneElement)(props.children, { title: props.title });
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Blank,
+  ConfigContext,
+  ConfigProvider,
+  Description,
+  Drawer,
+  Form,
+  FormItem,
+  Link,
+  Modal,
+  PageNotFound,
+  Routes,
+  Table,
+  Title,
+  transferOptions,
+  transferValue,
+  useConfigContext,
+  useDrawer,
+  useModal
+});