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

package/dist/index.mjs

@@ -0,0 +1,1409 @@
+// react-shim.js
+import React from "react";
+
+// src/Blank.tsx
+import { Typography } from "antd";
+import { isNil } from "lodash-es";
+
+// src/Config.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { ConfigProvider as AntdConfigProvider } from "antd";
+import { defaultsDeep } from "lodash-es";
+import { jsx } from "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 = createContext(baseConfig);
+function ConfigProvider({
+  config,
+  children
+}) {
+  const [values, setValues] = useState(baseConfig);
+  useEffect(() => {
+    if (config.lang === "zh") {
+      setValues(defaultsDeep(config, {
+        lang: "zh",
+        common: zh,
+        Blank: { text: zh.blank },
+        Form: { submit: { text: zh.submit } }
+      }, baseConfig));
+    } else
+      setValues(values);
+  }, []);
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, {
+    value: values,
+    children: /* @__PURE__ */ jsx(AntdConfigProvider, {
+      ...config.antd,
+      children
+    })
+  });
+}
+function useConfigContext() {
+  return useContext(ConfigContext);
+}
+
+// src/Blank.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Blank(options) {
+  const { Blank: Blank2 } = useConfigContext();
+  return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx2(Typography.Text, {
+    disabled: true,
+    children: (options == null ? void 0 : options.text) || Blank2.text
+  }) : options.value;
+}
+
+// src/data.ts
+import { upperFirst } from "lodash-es";
+import dayjs from "dayjs";
+function transferOptions(options) {
+  if (!options)
+    return [];
+  return options.map((item) => typeof item === "object" ? item : {
+    label: 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 (!dayjs.isDayjs(value))
+      value = dayjs(value);
+  }
+  return value;
+}
+
+// src/Description.tsx
+import { CheckOutlined, CloseOutlined } from "@ant-design/icons";
+import {
+  Descriptions,
+  Skeleton,
+  Space
+} from "antd";
+import { isFunction, upperFirst as upperFirst2 } from "lodash-es";
+import {
+  cloneElement,
+  useEffect as useEffect2,
+  useState as useState2
+} from "react";
+import { FaasDataWrapper } from "@faasjs/react";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+function DescriptionItemContent(props) {
+  var _a;
+  const [computedProps, setComputedProps] = useState2();
+  useEffect2(() => {
+    var _a2, _b;
+    const propsCopy = { ...props };
+    if (!propsCopy.item.title)
+      propsCopy.item.title = upperFirst2(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 cloneElement(
+        computedProps.extendTypes[computedProps.item.type].children,
+        {
+          value: computedProps.value,
+          values: computedProps.values
+        }
+      );
+    else if (computedProps.extendTypes[computedProps.item.type].render)
+      return /* @__PURE__ */ jsx3(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 cloneElement(computedProps.item.children, { value: computedProps.value });
+  if (computedProps.item.render)
+    return /* @__PURE__ */ jsx3(Fragment, {
+      children: computedProps.item.render(computedProps.value, computedProps.values)
+    });
+  if (computedProps.value === null || Array.isArray(computedProps.value) && !computedProps.value.length)
+    return /* @__PURE__ */ jsx3(Blank, {});
+  switch (computedProps.item.type) {
+    case "string[]":
+      return /* @__PURE__ */ jsx3(Fragment, {
+        children: computedProps.value.join(", ")
+      });
+    case "number":
+      return computedProps.value || null;
+    case "number[]":
+      return /* @__PURE__ */ jsx3(Fragment, {
+        children: computedProps.value.join(", ")
+      });
+    case "boolean":
+      return computedProps.value ? /* @__PURE__ */ jsx3(CheckOutlined, {
+        style: {
+          marginTop: "4px",
+          color: "#52c41a"
+        }
+      }) : /* @__PURE__ */ jsx3(CloseOutlined, {
+        style: {
+          marginTop: "4px",
+          color: "#ff4d4f"
+        }
+      });
+    case "time":
+      return /* @__PURE__ */ jsx3(Fragment, {
+        children: computedProps.value.format("YYYY-MM-DD HH:mm:ss")
+      });
+    case "date":
+      return /* @__PURE__ */ jsx3(Fragment, {
+        children: computedProps.value.format("YYYY-MM-DD")
+      });
+    case "object":
+      if (!computedProps.value)
+        return /* @__PURE__ */ jsx3(Blank, {});
+      return /* @__PURE__ */ jsx3(Description, {
+        items: computedProps.item.object,
+        dataSource: computedProps.value,
+        column: 1
+      });
+    case "object[]":
+      if (!((_a = computedProps.value) == null ? void 0 : _a.length))
+        return /* @__PURE__ */ jsx3(Blank, {});
+      return /* @__PURE__ */ jsx3(Space, {
+        direction: "vertical",
+        children: computedProps.value.map((value, index) => /* @__PURE__ */ jsx3(Description, {
+          items: computedProps.item.object,
+          dataSource: value,
+          column: 1
+        }, index))
+      });
+    default:
+      return computedProps.value || null;
+  }
+}
+function Description(props) {
+  if (!props.faasData)
+    return /* @__PURE__ */ jsx3(Descriptions, {
+      ...props,
+      title: isFunction(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
+      children: props.items.map((item) => {
+        return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ jsx3(Descriptions.Item, {
+          label: item.title || upperFirst2(item.id),
+          children: /* @__PURE__ */ jsx3(DescriptionItemContent, {
+            item,
+            value: props.dataSource[item.id],
+            values: props.dataSource,
+            extendTypes: props.extendTypes
+          })
+        }, item.id) : null;
+      }).filter(Boolean)
+    });
+  return /* @__PURE__ */ jsx3(FaasDataWrapper, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ jsx3(Skeleton, {
+      active: true
+    }),
+    render: ({ data }) => {
+      return /* @__PURE__ */ jsx3(Descriptions, {
+        ...props,
+        title: isFunction(props.renderTitle) ? props.renderTitle(data) : props.title,
+        children: props.items.map((item) => {
+          return !item.if || item.if(data) ? /* @__PURE__ */ jsx3(Descriptions.Item, {
+            label: item.title || upperFirst2(item.id),
+            children: /* @__PURE__ */ jsx3(DescriptionItemContent, {
+              item,
+              value: data[item.id],
+              values: data,
+              extendTypes: props.extendTypes
+            })
+          }, item.id) : null;
+        }).filter(Boolean)
+      });
+    },
+    ...props.faasData
+  });
+}
+
+// src/Drawer.tsx
+import { Drawer } from "antd";
+import { useState as useState3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function useDrawer(init) {
+  const [props, setProps] = useState3({
+    open: false,
+    onClose: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    drawer: /* @__PURE__ */ jsx4(Drawer, {
+      ...props
+    }),
+    drawerProps: props,
+    setDrawerProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+
+// src/Form.tsx
+import { faas } from "@faasjs/react";
+import {
+  Button as Button2,
+  Form as AntdForm2
+} from "antd";
+import {
+  useEffect as useEffect4,
+  useState as useState5,
+  useCallback,
+  isValidElement
+} from "react";
+
+// src/FormItem.tsx
+import {
+  Button,
+  Row,
+  Col,
+  Form as AntdForm,
+  Input,
+  InputNumber,
+  Switch,
+  Select,
+  DatePicker,
+  TimePicker
+} from "antd";
+import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
+import {
+  useEffect as useEffect3,
+  useState as useState4
+} from "react";
+import { upperFirst as upperFirst3 } from "lodash-es";
+import { Fragment as Fragment2, jsx as jsx5, jsxs } from "react/jsx-runtime";
+function processProps(propsCopy, config) {
+  if (!propsCopy.title)
+    propsCopy.title = upperFirst3(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.required}`));
+        }
+      });
+    else
+      propsCopy.rules.push({
+        required: true,
+        message: `${propsCopy.label || propsCopy.title} ${config.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] = useState4();
+  const [extendTypes, setExtendTypes] = useState4();
+  const { common: common2 } = useConfigContext();
+  const [hidden, setHidden] = useState4(props.hidden || false);
+  useEffect3(() => {
+    const propsCopy = { ...props };
+    if (propsCopy.extendTypes) {
+      setExtendTypes(propsCopy.extendTypes);
+      delete propsCopy.extendTypes;
+    }
+    if (propsCopy.if) {
+      const condition = propsCopy.if;
+      const originShouldUpdate = propsCopy.shouldUpdate;
+      propsCopy.shouldUpdate = (prev, cur) => {
+        const show = condition(cur);
+        const shouldUpdate = hidden !== show;
+        setHidden(!show);
+        const origin = originShouldUpdate ? typeof originShouldUpdate === "boolean" ? originShouldUpdate : originShouldUpdate(prev, cur, {}) : true;
+        return shouldUpdate || origin;
+      };
+      delete propsCopy.if;
+      delete propsCopy.hidden;
+    }
+    setComputedProps(processProps(propsCopy, common2));
+  }, [props]);
+  if (!computedProps)
+    return null;
+  if (hidden)
+    return /* @__PURE__ */ jsx5(AntdForm.Item, {
+      ...computedProps,
+      noStyle: true,
+      rules: [],
+      children: /* @__PURE__ */ jsx5(Input, {
+        hidden: true
+      })
+    });
+  if (extendTypes && extendTypes[computedProps.type])
+    return /* @__PURE__ */ jsx5(AntdForm.Item, {
+      ...computedProps,
+      children: extendTypes[computedProps.type].children
+    });
+  if (computedProps.children)
+    return /* @__PURE__ */ jsx5(AntdForm.Item, {
+      ...computedProps,
+      children: computedProps.children
+    });
+  if (computedProps.render)
+    return /* @__PURE__ */ jsx5(AntdForm.Item, {
+      ...computedProps,
+      children: computedProps.render()
+    });
+  switch (computedProps.type) {
+    case "string":
+      return /* @__PURE__ */ jsx5(AntdForm.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ jsx5(Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ jsx5(Input, {
+          ...computedProps.input
+        })
+      });
+    case "string[]":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx5(AntdForm.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ jsx5(Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
+      return /* @__PURE__ */ jsx5(AntdForm.List, {
+        name: computedProps.name,
+        rules: computedProps.rules,
+        children: (fields, { add, remove }, { errors }) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs(Fragment2, {
+            children: [
+              computedProps.label && /* @__PURE__ */ jsx5("div", {
+                className: "ant-form-item-label",
+                children: /* @__PURE__ */ jsx5("label", {
+                  className: computedProps.rules.find((r) => r.required) && "ant-form-item-required",
+                  children: computedProps.label
+                })
+              }),
+              fields.map((field) => {
+                var _a3;
+                return /* @__PURE__ */ jsx5(AntdForm.Item, {
+                  children: /* @__PURE__ */ jsxs(Row, {
+                    gutter: 24,
+                    style: { flexFlow: "row nowrap" },
+                    children: [
+                      /* @__PURE__ */ jsx5(Col, {
+                        span: 23,
+                        children: /* @__PURE__ */ jsx5(AntdForm.Item, {
+                          ...field,
+                          noStyle: true,
+                          children: /* @__PURE__ */ jsx5(Input, {
+                            ...computedProps.input
+                          })
+                        })
+                      }),
+                      /* @__PURE__ */ jsx5(Col, {
+                        span: 1,
+                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx5(Button, {
+                          danger: true,
+                          type: "link",
+                          style: { float: "right" },
+                          icon: /* @__PURE__ */ jsx5(MinusCircleOutlined, {}),
+                          onClick: () => remove(field.name)
+                        })
+                      })
+                    ]
+                  })
+                }, field.key);
+              }),
+              /* @__PURE__ */ jsxs(AntdForm.Item, {
+                children: [
+                  !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx5(Button, {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ jsx5(PlusOutlined, {})
+                  }),
+                  /* @__PURE__ */ jsx5(AntdForm.ErrorList, {
+                    errors
+                  })
+                ]
+              })
+            ]
+          });
+        }
+      });
+    case "number":
+      return /* @__PURE__ */ jsx5(AntdForm.Item, {
+        ...computedProps,
+        children: computedProps.options ? /* @__PURE__ */ jsx5(Select, {
+          ...computedProps.input
+        }) : /* @__PURE__ */ jsx5(InputNumber, {
+          style: { width: "100%" },
+          ...computedProps.input
+        })
+      });
+    case "number[]":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx5(AntdForm.Item, {
+          ...computedProps,
+          children: /* @__PURE__ */ jsx5(Select, {
+            mode: "multiple",
+            ...computedProps.input
+          })
+        });
+      return /* @__PURE__ */ jsx5(AntdForm.List, {
+        name: computedProps.name,
+        rules: computedProps.rules,
+        children: (fields, { add, remove }, { errors }) => {
+          var _a2, _b;
+          return /* @__PURE__ */ jsxs(Fragment2, {
+            children: [
+              computedProps.label && /* @__PURE__ */ jsx5("div", {
+                className: "ant-form-item-label",
+                children: /* @__PURE__ */ jsx5("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__ */ jsx5(AntdForm.Item, {
+                  children: /* @__PURE__ */ jsxs(Row, {
+                    gutter: 24,
+                    style: { flexFlow: "row nowrap" },
+                    children: [
+                      /* @__PURE__ */ jsx5(Col, {
+                        span: 23,
+                        children: /* @__PURE__ */ jsx5(AntdForm.Item, {
+                          ...field,
+                          noStyle: true,
+                          children: /* @__PURE__ */ jsx5(InputNumber, {
+                            style: { width: "100%" },
+                            ...computedProps.input
+                          })
+                        })
+                      }),
+                      /* @__PURE__ */ jsx5(Col, {
+                        span: 1,
+                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx5(Button, {
+                          danger: true,
+                          type: "link",
+                          style: { float: "right" },
+                          icon: /* @__PURE__ */ jsx5(MinusCircleOutlined, {}),
+                          onClick: () => remove(field.name)
+                        })
+                      })
+                    ]
+                  })
+                }, field.key);
+              }),
+              /* @__PURE__ */ jsxs(AntdForm.Item, {
+                children: [
+                  !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx5(Button, {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ jsx5(PlusOutlined, {})
+                  }),
+                  /* @__PURE__ */ jsx5(AntdForm.ErrorList, {
+                    errors
+                  })
+                ]
+              })
+            ]
+          });
+        }
+      });
+    case "boolean":
+      return /* @__PURE__ */ jsx5(AntdForm.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ jsx5(Switch, {
+          ...computedProps.input
+        })
+      });
+    case "date":
+      return /* @__PURE__ */ jsx5(AntdForm.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ jsx5(DatePicker, {
+          ...computedProps.input
+        })
+      });
+    case "time":
+      return /* @__PURE__ */ jsx5(AntdForm.Item, {
+        ...computedProps,
+        children: /* @__PURE__ */ jsx5(TimePicker, {
+          ...computedProps.input
+        })
+      });
+    case "object":
+      return /* @__PURE__ */ jsxs(Fragment2, {
+        children: [
+          computedProps.label && /* @__PURE__ */ jsx5("div", {
+            className: "ant-form-item-label",
+            children: /* @__PURE__ */ jsx5("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__ */ jsx5(FormItem, {
+            ...o
+          }, o.id))
+        ]
+      });
+    case "object[]":
+      return /* @__PURE__ */ jsx5(AntdForm.List, {
+        name: computedProps.name,
+        rules: computedProps.rules,
+        children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs(Fragment2, {
+          children: [
+            fields.map((field) => /* @__PURE__ */ jsxs(AntdForm.Item, {
+              style: { marginBottom: 0 },
+              children: [
+                /* @__PURE__ */ jsx5("div", {
+                  className: "ant-form-item-label",
+                  children: /* @__PURE__ */ jsxs("label", {
+                    children: [
+                      computedProps.label,
+                      " ",
+                      field.name + 1,
+                      !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx5(Button, {
+                        danger: true,
+                        type: "link",
+                        onClick: () => remove(field.name),
+                        children: common2.delete
+                      })
+                    ]
+                  })
+                }),
+                /* @__PURE__ */ jsx5(Row, {
+                  gutter: 24,
+                  children: computedProps.object.map((o) => /* @__PURE__ */ jsx5(Col, {
+                    span: o.col || 24,
+                    children: /* @__PURE__ */ jsx5(FormItem, {
+                      ...o,
+                      name: [field.name, o.id]
+                    })
+                  }, o.id))
+                })
+              ]
+            }, field.key)),
+            /* @__PURE__ */ jsxs(AntdForm.Item, {
+              children: [
+                !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsxs(Button, {
+                  type: "dashed",
+                  block: true,
+                  onClick: () => add(),
+                  icon: /* @__PURE__ */ jsx5(PlusOutlined, {}),
+                  children: [
+                    common2.add,
+                    " ",
+                    computedProps.label
+                  ]
+                }),
+                /* @__PURE__ */ jsx5(AntdForm.ErrorList, {
+                  errors
+                })
+              ]
+            })
+          ]
+        })
+      });
+    default:
+      return null;
+  }
+}
+
+// src/Form.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function Form(props) {
+  var _a, _b;
+  const [loading, setLoading] = useState5(false);
+  const [computedProps, setComputedProps] = useState5();
+  const config = useConfigContext();
+  const [extendTypes, setExtendTypes] = useState5();
+  const [form] = AntdForm2.useForm(props.form);
+  const [initialValues, setInitialValues] = useState5(props.initialValues);
+  useEffect4(() => {
+    var _a2, _b2;
+    const propsCopy = {
+      ...props,
+      form
+    };
+    if (propsCopy.initialValues) {
+      for (const key in propsCopy.initialValues) {
+        propsCopy.initialValues[key] = transferValue(
+          (_a2 = propsCopy.items.find((item2) => item2.id === key)) == null ? void 0 : _a2.type,
+          propsCopy.initialValues[key]
+        );
+        const item = propsCopy.items.find((item2) => item2.id === key);
+        if (item == null ? void 0 : item.if)
+          item.hidden = !item.if(propsCopy.initialValues);
+      }
+      for (const item of propsCopy.items) {
+        if (item.if)
+          item.hidden = !item.if(propsCopy.initialValues);
+      }
+      setInitialValues(propsCopy.initialValues);
+      delete propsCopy.initialValues;
+    }
+    if (propsCopy.onFinish) {
+      propsCopy.onFinish = async (values) => {
+        var _a3;
+        setLoading(true);
+        try {
+          if (propsCopy.submit && ((_a3 = propsCopy.submit.to) == null ? void 0 : _a3.action)) {
+            await props.onFinish(values, async (values2) => faas(propsCopy.submit.to.action, propsCopy.submit.to.params ? {
+              ...values2,
+              ...propsCopy.submit.to.params
+            } : values2));
+          } 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 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 = useCallback((changedValues, allValues) => {
+    console.debug("Form:onValuesChange", 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]);
+  useEffect4(() => {
+    if (!initialValues)
+      return;
+    console.debug("Form:initialValues", initialValues);
+    form.setFieldsValue(initialValues);
+    setInitialValues(null);
+  }, [computedProps]);
+  if (!computedProps)
+    return null;
+  return /* @__PURE__ */ jsxs2(AntdForm2, {
+    ...computedProps,
+    onValuesChange,
+    children: [
+      computedProps.beforeItems,
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => isValidElement(item) ? item : /* @__PURE__ */ jsx6(FormItem, {
+        ...item,
+        extendTypes
+      }, item.id)),
+      computedProps.children,
+      computedProps.submit !== false && /* @__PURE__ */ jsx6(Button2, {
+        htmlType: "submit",
+        type: "primary",
+        loading,
+        children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text
+      }),
+      computedProps.footer
+    ]
+  });
+}
+Form.useForm = AntdForm2.useForm;
+
+// src/Link.tsx
+import { Link as RouterLink } from "react-router-dom";
+import { Button as Button3 } from "antd";
+import { jsx as jsx7 } from "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__ */ jsx7(Button3, {
+        ...button,
+        children: /* @__PURE__ */ jsx7("a", {
+          href,
+          target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+          style: {
+            ...Link2.style,
+            ...style || {}
+          },
+          children: text || children
+        })
+      });
+    return /* @__PURE__ */ jsx7("a", {
+      href,
+      target: target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+      style: {
+        ...Link2.style,
+        ...style || {}
+      },
+      children: text || children
+    });
+  }
+  if (button)
+    return /* @__PURE__ */ jsx7(Button3, {
+      ...button,
+      children: /* @__PURE__ */ jsx7(RouterLink, {
+        to: href,
+        target: target || (Link2 == null ? void 0 : Link2.target),
+        style: {
+          ...Link2.style,
+          ...style || {}
+        },
+        children: text || children
+      })
+    });
+  return /* @__PURE__ */ jsx7(RouterLink, {
+    to: href,
+    target: target || (Link2 == null ? void 0 : Link2.target),
+    style: {
+      ...Link2.style,
+      ...style || {}
+    },
+    children: text || children
+  });
+}
+
+// src/Modal.tsx
+import { Modal } from "antd";
+import { useState as useState6 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function useModal(init) {
+  const [props, setProps] = useState6({
+    open: false,
+    onCancel: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    modal: /* @__PURE__ */ jsx8(Modal, {
+      ...props
+    }),
+    modalProps: props,
+    setModalProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+
+// src/Routers.tsx
+import { Result, Skeleton as Skeleton2 } from "antd";
+import {
+  Suspense
+} from "react";
+import {
+  Routes as OriginRoutes,
+  Route
+} from "react-router-dom";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+function PageNotFound() {
+  const config = useConfigContext();
+  return /* @__PURE__ */ jsx9(Result, {
+    status: "404",
+    title: config.common.pageNotFound
+  });
+}
+function Routes(props) {
+  return /* @__PURE__ */ jsxs3(OriginRoutes, {
+    children: [
+      props.routes.map((r) => /* @__PURE__ */ jsx9(Route, {
+        ...r,
+        element: r.element || /* @__PURE__ */ jsx9(Suspense, {
+          fallback: props.fallback || /* @__PURE__ */ jsx9("div", {
+            style: { padding: "24px" },
+            children: /* @__PURE__ */ jsx9(Skeleton2, {
+              active: true
+            })
+          }),
+          children: /* @__PURE__ */ jsx9(r.page, {})
+        })
+      }, r.path)),
+      /* @__PURE__ */ jsx9(Route, {
+        path: "*",
+        element: props.notFound || /* @__PURE__ */ jsx9(PageNotFound, {})
+      }, "*")
+    ]
+  });
+}
+
+// src/Table.tsx
+import {
+  useState as useState7,
+  useEffect as useEffect5,
+  cloneElement as cloneElement2
+} from "react";
+import {
+  Table as AntdTable,
+  Radio,
+  Skeleton as Skeleton3,
+  Input as Input2,
+  ConfigProvider as ConfigProvider2
+} from "antd";
+import dayjs2 from "dayjs";
+import { CheckOutlined as CheckOutlined2, CloseOutlined as CloseOutlined2 } from "@ant-design/icons";
+import {
+  isNil as isNil2,
+  uniqBy,
+  upperFirst as upperFirst4
+} from "lodash-es";
+import { FaasDataWrapper as FaasDataWrapper2 } from "@faasjs/react";
+import { jsx as jsx10, jsxs as jsxs4 } from "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__ */ jsx10(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] = useState7();
+  const { common: common2, antd } = useConfigContext();
+  useEffect5(() => {
+    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 = upperFirst4(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) => cloneElement2(
+            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 (value === null && isNil2(row[item.id]))
+                return true;
+              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__ */ jsx10(Input2.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 (value === null && (!row[item.id] || !row[item.id].length))
+                return true;
+              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__ */ jsx10(Input2.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) => {
+              if (value === null && isNil2(row[item.id]))
+                return true;
+              return value === row[item.id];
+            };
+          if (!item.filters && item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ jsx10(Input2.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) => {
+              if (value === null && (!row[item.id] || !row[item.id].length))
+                return true;
+              if (!row[item.id] || !row[item.id].length)
+                return false;
+              return row[item.id].includes(value);
+            };
+          if (!item.filters && item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ jsx10(Input2.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__ */ jsx10(Blank, {}) : value ? /* @__PURE__ */ jsx10(CheckOutlined2, {
+              style: {
+                marginTop: "4px",
+                color: "#52c41a"
+              }
+            }) : /* @__PURE__ */ jsx10(CloseOutlined2, {
+              style: {
+                marginTop: "4px",
+                color: "#ff4d4f"
+              }
+            });
+          if (item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              selectedKeys,
+              confirm
+            }) => /* @__PURE__ */ jsxs4(Radio.Group, {
+              style: { padding: 8 },
+              buttonStyle: "solid",
+              value: selectedKeys[0],
+              onChange: (e) => {
+                setSelectedKeys(e.target.value ? [e.target.value] : []);
+                confirm();
+              },
+              children: [
+                /* @__PURE__ */ jsx10(Radio.Button, {
+                  children: common2.all
+                }),
+                /* @__PURE__ */ jsx10(Radio.Button, {
+                  value: "true",
+                  children: /* @__PURE__ */ jsx10(CheckOutlined2, {
+                    style: {
+                      color: "#52c41a",
+                      verticalAlign: "middle"
+                    }
+                  })
+                }),
+                /* @__PURE__ */ jsx10(Radio.Button, {
+                  value: "false",
+                  children: /* @__PURE__ */ jsx10(CloseOutlined2, {
+                    style: {
+                      verticalAlign: "middle",
+                      color: "#ff4d4f"
+                    }
+                  })
+                }),
+                /* @__PURE__ */ jsx10(Radio.Button, {
+                  value: "empty",
+                  children: common2.blank
+                })
+              ]
+            });
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              switch (value) {
+                case "true":
+                  return !isNil2(row[item.id]) && !!row[item.id];
+                case "false":
+                  return !isNil2(row[item.id]) && !row[item.id];
+                case "empty":
+                  return isNil2(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) => dayjs2(row[item.id]).isSame(dayjs2(value));
+          if (!item.sorter)
+            item.sorter = (a, b) => dayjs2(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) => dayjs2(row[item.id]).isSame(dayjs2(value));
+          if (!item.sorter)
+            item.sorter = (a, b) => dayjs2(a[item.id]).isBefore(b[item.id]) ? -1 : 1;
+          break;
+        case "object":
+          if (!item.render)
+            item.render = (value) => /* @__PURE__ */ jsx10(Description, {
+              items: item.object,
+              dataSource: value || {},
+              column: 1
+            });
+          break;
+        case "object[]":
+          if (!item.render)
+            item.render = (value) => value.map((v, i) => /* @__PURE__ */ jsx10(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) => {
+              if (value === null && isNil2(row[item.id]))
+                return true;
+              return value === row[item.id];
+            };
+          break;
+      }
+    }
+    setColumns(props.items);
+  }, [props.items]);
+  useEffect5(() => {
+    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 = uniqBy(props.dataSource, column.id).map((v) => ({
+            text: v[column.id],
+            value: v[column.id]
+          })).concat({
+            text: /* @__PURE__ */ jsx10(Blank, {}),
+            value: null
+          });
+          return newColumns;
+        });
+      }
+    }
+  }, [props.dataSource, columns]);
+  if (!columns)
+    return null;
+  if (!props.faasData)
+    return /* @__PURE__ */ jsx10(ConfigProvider2, {
+      ...antd,
+      children: /* @__PURE__ */ jsx10(AntdTable, {
+        ...props,
+        rowKey: props.rowKey || "id",
+        columns,
+        dataSource: props.dataSource
+      })
+    });
+  return /* @__PURE__ */ jsx10(FaasDataWrapper2, {
+    fallback: props.faasData.fallback || /* @__PURE__ */ jsx10(Skeleton3, {
+      active: true
+    }),
+    render: ({
+      data,
+      params,
+      reload
+    }) => {
+      if (!data)
+        return /* @__PURE__ */ jsx10(ConfigProvider2, {
+          ...antd,
+          children: /* @__PURE__ */ jsx10(AntdTable, {
+            ...props,
+            rowKey: props.rowKey || "id",
+            columns,
+            dataSource: []
+          })
+        });
+      if (Array.isArray(data))
+        return /* @__PURE__ */ jsx10(ConfigProvider2, {
+          ...antd,
+          children: /* @__PURE__ */ jsx10(AntdTable, {
+            ...props,
+            rowKey: props.rowKey || "id",
+            columns,
+            dataSource: data
+          })
+        });
+      return /* @__PURE__ */ jsx10(ConfigProvider2, {
+        ...antd,
+        children: /* @__PURE__ */ jsx10(AntdTable, {
+          ...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
+import { useEffect as useEffect6, cloneElement as cloneElement3 } from "react";
+import { Fragment as Fragment3, jsx as jsx11 } from "react/jsx-runtime";
+function Title(props) {
+  const { Title: Title2 } = useConfigContext();
+  useEffect6(() => {
+    const title = Array.isArray(props.title) ? props.title : [props.title];
+    document.title = title.concat(props.suffix || Title2.suffix).filter((t) => !!t).join(props.separator || Title2.separator);
+  }, [props]);
+  if (props.h1) {
+    if (typeof props.h1 === "boolean")
+      return /* @__PURE__ */ jsx11("h1", {
+        children: Array.isArray(props.title) ? props.title[0] : props.title
+      });
+    return /* @__PURE__ */ jsx11("h1", {
+      className: props.h1.className,
+      style: props.h1.style,
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
+  }
+  if (props.plain)
+    return /* @__PURE__ */ jsx11(Fragment3, {
+      children: Array.isArray(props.title) ? props.title[0] : props.title
+    });
+  if (props.children)
+    return cloneElement3(props.children, { title: props.title });
+  return null;
+}
+export {
+  Blank,
+  ConfigContext,
+  ConfigProvider,
+  Description,
+  Drawer,
+  Form,
+  FormItem,
+  Link,
+  Modal,
+  PageNotFound,
+  Routes,
+  Table,
+  Title,
+  transferOptions,
+  transferValue,
+  useConfigContext,
+  useDrawer,
+  useModal
+};