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

package/dist/index.mjs

@@ -0,0 +1,1582 @@
+import { FaasDataWrapper as FaasDataWrapper$1, ErrorBoundary as ErrorBoundary$1, faas } from '@faasjs/react';
+export { faas, useFaas } from '@faasjs/react';
+import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider, Typography, Spin, Descriptions, Input, Button, Row, Col, TimePicker, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Space, Alert } from 'antd';
+export { Drawer, Modal } from 'antd';
+import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
+import { createContext, useState, useMemo, useContext, useEffect, cloneElement, useCallback, isValidElement, Suspense } from 'react';
+export { lazy } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { BrowserRouter, useNavigate, Link as Link$1, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
+import { defaultsDeep, isNil, upperFirst, isFunction, uniqBy } from 'lodash-es';
+import dayjs2 from 'dayjs';
+import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
+
+// src/index.ts
+function useModal(init) {
+  const [props, setProps] = useState({
+    open: false,
+    onCancel: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    modal: /* @__PURE__ */ jsx(Modal, { ...props }),
+    modalProps: props,
+    setModalProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+function useDrawer(init) {
+  const [props, setProps] = useState({
+    open: false,
+    onClose: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    drawer: /* @__PURE__ */ jsx(Drawer, { ...props }),
+    drawerProps: props,
+    setDrawerProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+var AppContext = createContext({
+  message: {},
+  notification: {},
+  setModalProps: () => void 0,
+  setDrawerProps: () => void 0
+});
+function RoutesApp(props) {
+  const location = useLocation();
+  const { setDrawerProps, setModalProps } = useApp();
+  useEffect(() => {
+    console.debug("location", location);
+    setDrawerProps({ open: false });
+    setModalProps({ open: false });
+  }, [location]);
+  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+}
+function App(props) {
+  const [messageApi, messageContextHolder] = message.useMessage();
+  const [notificationApi, notificationContextHolder] = notification.useNotification();
+  const { modal, setModalProps } = useModal();
+  const { drawer, setDrawerProps } = useDrawer();
+  const memoizedContextValue = useMemo(
+    () => ({
+      message: messageApi,
+      notification: notificationApi,
+      setModalProps,
+      setDrawerProps
+    }),
+    [messageApi, notificationApi, setModalProps, setDrawerProps]
+  );
+  return /* @__PURE__ */ jsx(
+    StyleProvider,
+    {
+      ...Object.assign(props.styleProviderProps || {}, {
+        hashPriority: "high",
+        transformers: [legacyLogicalPropertiesTransformer]
+      }),
+      children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
+        messageContextHolder,
+        notificationContextHolder,
+        modal,
+        drawer,
+        /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
+      ] }) }) })
+    }
+  );
+}
+function useApp() {
+  return useContext(AppContext);
+}
+App.useApp = useApp;
+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 ConfigProvider2({
+  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(defaultsDeep(config, values));
+  }, []);
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: values, children });
+}
+function useConfigContext() {
+  return useContext(ConfigContext);
+}
+function Blank(options) {
+  const { Blank: Blank2 } = useConfigContext();
+  return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || Blank2.text }) : options.value;
+}
+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 (!dayjs2.isDayjs(value))
+      value = dayjs2(value);
+  }
+  return value;
+}
+function Loading(props) {
+  if (props.loading === false)
+    return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        ...props.style || {},
+        ...!props.size || props.size === "large" ? {
+          margin: "20vh auto",
+          textAlign: "center"
+        } : {}
+      },
+      children: /* @__PURE__ */ jsx(Spin, { size: props.size || "large" })
+    }
+  );
+}
+function FaasDataWrapper(props) {
+  return /* @__PURE__ */ jsx(
+    FaasDataWrapper$1,
+    {
+      fallback: props.loading || /* @__PURE__ */ jsx(Loading, { ...props.loadingProps }),
+      ...props
+    }
+  );
+}
+function DescriptionItemContent(props) {
+  var _a, _b;
+  const [computedProps, setComputedProps] = useState();
+  useEffect(() => {
+    var _a2, _b2;
+    const propsCopy = { ...props };
+    if (!propsCopy.item.title)
+      propsCopy.item.title = 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 = ((_b2 = props.item.options.find((option) => option.value === props.value)) == null ? void 0 : _b2.label) || props.value;
+    }
+    setComputedProps(propsCopy);
+  }, [props]);
+  if (!computedProps)
+    return null;
+  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type])
+    if (computedProps.extendTypes[computedProps.item.type].children)
+      return cloneElement(
+        computedProps.extendTypes[computedProps.item.type].children,
+        {
+          scene: "description",
+          value: computedProps.value,
+          values: computedProps.values
+        }
+      );
+    else if (computedProps.extendTypes[computedProps.item.type].render)
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.extendTypes[computedProps.item.type].render(
+        computedProps.value,
+        computedProps.values,
+        0,
+        "description"
+      ) });
+    else
+      throw Error(`${computedProps.item.type} requires children or render`);
+  if (computedProps.item.descriptionChildren === null)
+    return null;
+  if (computedProps.item.descriptionChildren)
+    return cloneElement(computedProps.item.descriptionChildren, {
+      scene: "description",
+      value: computedProps.value,
+      values: computedProps.values
+    });
+  if (computedProps.item.children === null)
+    return null;
+  if (computedProps.item.children)
+    return cloneElement(computedProps.item.children, {
+      scene: "description",
+      value: computedProps.value,
+      values: computedProps.values
+    });
+  if (computedProps.item.descriptionRender)
+    return /* @__PURE__ */ jsx(Fragment, { children: computedProps.item.descriptionRender(
+      computedProps.value,
+      computedProps.values,
+      0,
+      "description"
+    ) });
+  if (computedProps.item.render)
+    return /* @__PURE__ */ jsx(Fragment, { children: computedProps.item.render(
+      computedProps.value,
+      computedProps.values,
+      0,
+      "description"
+    ) });
+  if (computedProps.value === null || Array.isArray(computedProps.value) && !computedProps.value.length)
+    return /* @__PURE__ */ jsx(Blank, {});
+  switch (computedProps.item.type) {
+    case "string[]":
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.join(", ") });
+    case "number":
+      return computedProps.value || null;
+    case "number[]":
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.join(", ") });
+    case "boolean":
+      return computedProps.value ? /* @__PURE__ */ jsx(
+        CheckOutlined,
+        {
+          style: {
+            marginTop: "4px",
+            color: "#52c41a"
+          }
+        }
+      ) : /* @__PURE__ */ jsx(
+        CloseOutlined,
+        {
+          style: {
+            marginTop: "4px",
+            color: "#ff4d4f"
+          }
+        }
+      );
+    case "time":
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.format("YYYY-MM-DD HH:mm:ss") });
+    case "date":
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.format("YYYY-MM-DD") });
+    case "object":
+      if (!computedProps.value)
+        return /* @__PURE__ */ jsx(Blank, {});
+      return /* @__PURE__ */ jsx(
+        Description,
+        {
+          items: computedProps.item.object,
+          dataSource: computedProps.value,
+          column: 1
+        }
+      );
+    case "object[]":
+      if (!((_b = computedProps.value) == null ? void 0 : _b.length))
+        return /* @__PURE__ */ jsx(Blank, {});
+      return /* @__PURE__ */ jsx(Space, { direction: "vertical", children: computedProps.value.map(
+        (value, index) => /* @__PURE__ */ jsx(
+          Description,
+          {
+            items: computedProps.item.object,
+            dataSource: value,
+            column: 1
+          },
+          index
+        )
+      ) });
+    default:
+      return computedProps.value || null;
+  }
+}
+function Description(props) {
+  if (props.faasData && !props.dataSource)
+    return /* @__PURE__ */ jsx(
+      FaasDataWrapper,
+      {
+        render: ({ data }) => /* @__PURE__ */ jsx(Description, { ...props, dataSource: data }),
+        ...props.faasData
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    Descriptions,
+    {
+      ...props,
+      title: isFunction(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
+      items: props.items.filter((item) => item && (!item.if || item.if(props.dataSource))).map((item) => ({
+        ...item,
+        key: item.id,
+        label: item.title || upperFirst(item.id),
+        children: /* @__PURE__ */ jsx(
+          DescriptionItemContent,
+          {
+            item,
+            value: props.dataSource ? props.dataSource[item.id] : null,
+            values: props.dataSource,
+            extendTypes: props.extendTypes
+          }
+        )
+      }))
+    }
+  );
+}
+function ErrorChildren(props) {
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      type: "error",
+      message: props.errorMessage,
+      description: /* @__PURE__ */ jsx(
+        "pre",
+        {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          },
+          children: props.errorDescription
+        }
+      )
+    }
+  );
+}
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
+}
+function processProps(propsCopy, config) {
+  if (!propsCopy.title)
+    propsCopy.title = 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.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] = useState();
+  const [extendTypes, setExtendTypes] = useState();
+  const { common: common2 } = useConfigContext();
+  const [hidden, setHidden] = useState(props.hidden || false);
+  useEffect(() => {
+    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__ */ jsx(Form$1.Item, { ...computedProps, noStyle: true, rules: [], children: /* @__PURE__ */ jsx(Input, { hidden: true }) });
+  if (extendTypes == null ? void 0 : extendTypes[computedProps.type])
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: extendTypes[computedProps.type].children });
+  if (computedProps.formChildren === null)
+    return null;
+  if (computedProps.formChildren)
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: cloneElement(computedProps.formChildren, { scene: "form" }) });
+  if (computedProps.children === null)
+    return null;
+  if (computedProps.children)
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: cloneElement(computedProps.children, { scene: "form" }) });
+  if (computedProps.formRender)
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: computedProps.formRender(null, null, 0, "form") });
+  if (computedProps.render)
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: computedProps.render(null, null, 0, "form") });
+  switch (computedProps.type) {
+    case "string":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: computedProps.options.length > 10 ? /* @__PURE__ */ jsx(Select, { ...computedProps.input }) : /* @__PURE__ */ jsx(Radio.Group, { ...computedProps.input }) });
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Input, { ...computedProps.input }) });
+    case "string[]":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Select, { mode: "multiple", ...computedProps.input }) });
+      return /* @__PURE__ */ jsx(
+        Form$1.List,
+        {
+          name: computedProps.name,
+          rules: computedProps.rules,
+          children: (fields, { add, remove }, { errors }) => {
+            var _a2;
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ jsx(
+                "label",
+                {
+                  className: computedProps.rules.find((r) => r.required) && "ant-form-item-required",
+                  children: computedProps.label
+                }
+              ) }),
+              fields.map((field) => {
+                var _a3;
+                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(Row, { gutter: 24, style: { flexFlow: "row nowrap" }, children: [
+                  /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(Form$1.Item, { ...field, noStyle: true, children: /* @__PURE__ */ jsx(Input, { ...computedProps.input }) }) }),
+                  /* @__PURE__ */ jsx(Col, { span: 1, children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      danger: true,
+                      type: "link",
+                      style: { float: "right" },
+                      icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
+                      onClick: () => remove(field.name)
+                    }
+                  ) })
+                ] }) }, field.key);
+              }),
+              /* @__PURE__ */ jsxs(Form$1.Item, { children: [
+                !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ jsx(PlusOutlined, {})
+                  }
+                ),
+                computedProps.extra && /* @__PURE__ */ jsx("div", { className: "ant-form-item-extra", children: computedProps.extra }),
+                /* @__PURE__ */ jsx(Form$1.ErrorList, { errors })
+              ] })
+            ] });
+          }
+        }
+      );
+    case "number":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: computedProps.options.length > 10 ? /* @__PURE__ */ jsx(Select, { ...computedProps.input }) : /* @__PURE__ */ jsx(Radio.Group, { ...computedProps.input }) });
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(
+        InputNumber,
+        {
+          style: { width: "100%" },
+          ...computedProps.input
+        }
+      ) });
+    case "number[]":
+      if (computedProps.options)
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Select, { mode: "multiple", ...computedProps.input }) });
+      return /* @__PURE__ */ jsx(
+        Form$1.List,
+        {
+          name: computedProps.name,
+          rules: computedProps.rules,
+          children: (fields, { add, remove }, { errors }) => {
+            var _a2, _b;
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ 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__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(Row, { gutter: 24, style: { flexFlow: "row nowrap" }, children: [
+                  /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(Form$1.Item, { ...field, noStyle: true, children: /* @__PURE__ */ jsx(
+                    InputNumber,
+                    {
+                      style: { width: "100%" },
+                      ...computedProps.input
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Col, { span: 1, children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      danger: true,
+                      type: "link",
+                      style: { float: "right" },
+                      icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
+                      onClick: () => remove(field.name)
+                    }
+                  ) })
+                ] }) }, field.key);
+              }),
+              /* @__PURE__ */ jsxs(Form$1.Item, { children: [
+                !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "dashed",
+                    block: true,
+                    onClick: () => add(),
+                    icon: /* @__PURE__ */ jsx(PlusOutlined, {})
+                  }
+                ),
+                computedProps.extra && /* @__PURE__ */ jsx("div", { className: "ant-form-item-extra", children: computedProps.extra }),
+                /* @__PURE__ */ jsx(Form$1.ErrorList, { errors })
+              ] })
+            ] });
+          }
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Switch, { ...computedProps.input }) });
+    case "date":
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(DatePicker, { ...computedProps.input }) });
+    case "time":
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(TimePicker, { ...computedProps.input }) });
+    case "object":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        computedProps.label && /* @__PURE__ */ jsx("div", { className: "ant-form-item-label", children: /* @__PURE__ */ 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__ */ jsx(FormItem, { ...o }, o.id))
+      ] });
+    case "object[]":
+      return /* @__PURE__ */ jsx(
+        Form$1.List,
+        {
+          name: computedProps.name,
+          rules: computedProps.rules,
+          children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            fields.map((field) => /* @__PURE__ */ jsxs(Form$1.Item, { style: { marginBottom: 0 }, children: [
+              /* @__PURE__ */ jsx("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__ */ jsx(
+                  Button,
+                  {
+                    danger: true,
+                    type: "link",
+                    onClick: () => remove(field.name),
+                    children: common2.delete
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(Row, { gutter: 24, children: computedProps.object.map((o) => /* @__PURE__ */ jsx(Col, { span: o.col || 24, children: /* @__PURE__ */ jsx(FormItem, { ...o, name: [field.name, o.id] }) }, o.id)) })
+            ] }, field.key)),
+            /* @__PURE__ */ jsxs(Form$1.Item, { children: [
+              !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "dashed",
+                  block: true,
+                  onClick: () => add(),
+                  icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
+                  children: [
+                    common2.add,
+                    " ",
+                    computedProps.label
+                  ]
+                }
+              ),
+              computedProps.extra && /* @__PURE__ */ jsx("div", { className: "ant-form-item-extra", children: computedProps.extra }),
+              /* @__PURE__ */ jsx(Form$1.ErrorList, { errors })
+            ] })
+          ] })
+        }
+      );
+    default:
+      return null;
+  }
+}
+FormItem.useStatus = Form$1.Item.useStatus;
+function Form(props) {
+  var _a, _b;
+  const [loading, setLoading] = useState(false);
+  const [computedProps, setComputedProps] = useState();
+  const config = useConfigContext();
+  const [extendTypes, setExtendTypes] = useState();
+  const [form] = Form$1.useForm(props.form);
+  const [initialValues, setInitialValues] = useState(
+    props.initialValues
+  );
+  useEffect(() => {
+    var _a2, _b2, _c;
+    const propsCopy = {
+      ...props,
+      form
+    };
+    if (propsCopy.initialValues && ((_a2 = propsCopy.items) == null ? void 0 : _a2.length)) {
+      for (const key in propsCopy.initialValues) {
+        propsCopy.initialValues[key] = transferValue(
+          (_b2 = propsCopy.items.find((item2) => item2.id === key)) == null ? void 0 : _b2.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, _b3;
+        setLoading(true);
+        try {
+          if ((_b3 = (_a3 = propsCopy.submit) == null ? void 0 : _a3.to) == null ? void 0 : _b3.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 && ((_c = propsCopy.submit.to) == null ? void 0 : _c.action)) {
+      propsCopy.onFinish = async (values) => {
+        setLoading(true);
+        return faas(
+          propsCopy.submit.to.action,
+          propsCopy.submit.to.params ? {
+            ...values,
+            ...propsCopy.submit.to.params
+          } : values
+        ).then((result) => {
+          if (propsCopy.submit.to.then)
+            propsCopy.submit.to.then(result);
+          return result;
+        }).catch((error) => {
+          if (propsCopy.submit.to.catch)
+            propsCopy.submit.to.catch(error);
+          return Promise.reject(error);
+        }).finally(() => {
+          if (propsCopy.submit.to.finally)
+            propsCopy.submit.to.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]
+  );
+  useEffect(() => {
+    if (!initialValues)
+      return;
+    console.debug("Form:initialValues", initialValues);
+    form.setFieldsValue(initialValues);
+    setInitialValues(null);
+  }, [computedProps]);
+  if (!computedProps)
+    return null;
+  return /* @__PURE__ */ jsxs(Form$1, { ...computedProps, onValuesChange, children: [
+    computedProps.beforeItems,
+    (_a = computedProps.items) == null ? void 0 : _a.map(
+      (item) => isValidElement(item) ? item : /* @__PURE__ */ jsx(
+        FormItem,
+        {
+          ...item,
+          extendTypes
+        },
+        item.id
+      )
+    ),
+    computedProps.children,
+    computedProps.submit !== false && /* @__PURE__ */ jsx(Button, { htmlType: "submit", type: "primary", loading, children: ((_b = computedProps.submit) == null ? void 0 : _b.text) || config.Form.submit.text }),
+    computedProps.footer
+  ] });
+}
+Form.useForm = Form$1.useForm;
+Form.useFormInstance = Form$1.useFormInstance;
+Form.useWatch = Form$1.useWatch;
+Form.Item = FormItem;
+Form.List = Form$1.List;
+Form.ErrorList = Form$1.ErrorList;
+Form.Provider = Form$1.Provider;
+function Link(props) {
+  var _a, _b;
+  const { Link: Config } = useConfigContext();
+  const navigate = useNavigate();
+  let computedStyle = {
+    ...Config.style || {},
+    cursor: "pointer",
+    ...props.style
+  };
+  if (props.block)
+    computedStyle = Object.assign(
+      {
+        display: "block",
+        width: "100%"
+      },
+      computedStyle
+    );
+  if (props.href.startsWith("http")) {
+    if (props.button)
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.button,
+          target: props.target || (Config == null ? void 0 : Config.target) || "_blank",
+          style: computedStyle,
+          href: props.href,
+          onClick: props.onClick,
+          children: (_a = props.text) != null ? _a : props.children
+        }
+      );
+    if (props.children)
+      return (
+        // biome-ignore lint/a11y/useValidAnchor: <explanation>
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: props.href,
+            target: props.target || (Config == null ? void 0 : Config.target),
+            style: computedStyle,
+            onClick: props.onClick,
+            children: props.children
+          }
+        )
+      );
+    return /* @__PURE__ */ jsx(
+      Typography.Link,
+      {
+        href: props.href,
+        target: props.target || (Config == null ? void 0 : Config.target) || "_blank",
+        style: computedStyle,
+        copyable: props.copyable,
+        onClick: props.onClick,
+        children: props.text
+      }
+    );
+  }
+  if (props.button)
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ...props.button,
+        style: computedStyle,
+        onClick: (e) => props.onClick ? props.onClick(e) : (props.target || (Config == null ? void 0 : Config.target)) === "_blank" ? window.open(props.href) : navigate(props.href),
+        children: (_b = props.text) != null ? _b : props.children
+      }
+    );
+  if (props.children)
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        to: props.href,
+        target: props.target || (Config == null ? void 0 : Config.target),
+        style: computedStyle,
+        onClick: props.onClick,
+        children: props.children
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    Typography.Link,
+    {
+      href: props.href,
+      target: props.target || (Config == null ? void 0 : Config.target),
+      style: computedStyle,
+      copyable: props.copyable,
+      onClick: (e) => {
+        if (props.onClick) {
+          props.onClick(e);
+          return;
+        }
+        if ((props.target || (Config == null ? void 0 : Config.target)) !== "_blank") {
+          e.preventDefault();
+          navigate(props.href);
+        }
+      },
+      children: props.text
+    }
+  );
+}
+function PageNotFound() {
+  const config = useConfigContext();
+  return /* @__PURE__ */ jsx(Result, { status: "404", title: config.common.pageNotFound });
+}
+function Routes(props) {
+  return /* @__PURE__ */ jsxs(Routes$1, { children: [
+    props.routes.map((r) => /* @__PURE__ */ jsx(
+      Route,
+      {
+        ...r,
+        element: r.element || /* @__PURE__ */ jsx(
+          Suspense,
+          {
+            fallback: props.fallback || /* @__PURE__ */ jsx("div", { style: { padding: "24px" }, children: /* @__PURE__ */ jsx(Skeleton, { active: true }) }),
+            children: /* @__PURE__ */ jsx(r.page, {})
+          }
+        )
+      },
+      r.path
+    )),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsx(PageNotFound, {}) }, "*")
+  ] });
+}
+function processValue(item, value) {
+  var _a;
+  const transferred = transferValue(item.type, value);
+  if (transferred === null || Array.isArray(transferred) && transferred.length === 0)
+    return /* @__PURE__ */ 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] = useState();
+  const { common: common2 } = useConfigContext();
+  const generateFilterDropdown = (item) => {
+    if (typeof item.filterDropdown !== "undefined")
+      return;
+    if (item.options.length < 11) {
+      if (!item.filters)
+        item.filters = item.options.map((o) => ({
+          text: o.label,
+          value: o.value
+        }));
+      return;
+    }
+    item.filterDropdown = ({ setSelectedKeys, selectedKeys, confirm }) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: 8,
+          width: "200px"
+        },
+        onKeyDown: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            options: item.options,
+            allowClear: true,
+            showSearch: true,
+            style: { width: "100%" },
+            placeholder: `${common2.search} ${item.title}`,
+            value: selectedKeys,
+            onChange: (v) => {
+              setSelectedKeys((v == null ? void 0 : v.length) ? v : []);
+              confirm();
+            },
+            mode: "multiple",
+            filterOption: (input, option) => {
+              if (!input || !option || !option.label)
+                return true;
+              input = input.trim();
+              return option.value === input || option.label.toString().toLowerCase().includes(input.toLowerCase());
+            }
+          }
+        )
+      }
+    );
+    return item;
+  };
+  useEffect(() => {
+    var _a, _b;
+    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 = 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
+        })).concat({
+          text: /* @__PURE__ */ jsx(Blank, {}),
+          value: null
+        });
+        generateFilterDropdown(item);
+      }
+      if (item.tableChildren === null)
+        item.render = () => null;
+      else if (item.tableChildren)
+        item.render = (value, values) => cloneElement(item.tableChildren, {
+          scene: "table",
+          value,
+          values
+        });
+      else if (item.children === null)
+        item.render = () => null;
+      else if (item.children)
+        item.render = (value, values) => cloneElement(item.children, {
+          scene: "table",
+          value,
+          values
+        });
+      if ((_b = props.extendTypes) == null ? void 0 : _b[item.type]) {
+        if (props.extendTypes[item.type].children)
+          item.render = (value, values) => cloneElement(props.extendTypes[item.type].children, {
+            scene: "table",
+            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 || isNil(value))
+                return true;
+              if (isNil(row[item.id]))
+                return false;
+              return row[item.id].trim().toLowerCase().includes(value.trim().toLowerCase());
+            };
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters && item.optionsType !== "auto")
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ jsx(
+              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 (value === null && (!row[item.id] || !row[item.id].length))
+                return true;
+              if (!row[item.id] || !row[item.id].length || !value)
+                return false;
+              return row[item.id].some(
+                (v) => v.trim().toLowerCase().includes(value.trim().toLowerCase())
+              );
+            };
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters && item.optionsType !== "auto")
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ jsx(
+              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) => {
+              if (value === null)
+                return true;
+              if (isNil(row[item.id]))
+                return false;
+              return value == row[item.id];
+            };
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ jsx(
+              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) => {
+              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(Number(value));
+            };
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              confirm,
+              clearFilters
+            }) => /* @__PURE__ */ jsx(
+              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) => isNil(value) ? /* @__PURE__ */ jsx(Blank, {}) : value ? /* @__PURE__ */ jsx(
+              CheckOutlined,
+              {
+                style: {
+                  marginTop: "4px",
+                  color: "#52c41a"
+                }
+              }
+            ) : /* @__PURE__ */ jsx(
+              CloseOutlined,
+              {
+                style: {
+                  marginTop: "4px",
+                  color: "#ff4d4f"
+                }
+              }
+            );
+          if (item.filterDropdown !== false)
+            item.filterDropdown = ({
+              setSelectedKeys,
+              selectedKeys,
+              confirm
+            }) => /* @__PURE__ */ jsxs(
+              Radio.Group,
+              {
+                style: { padding: 8 },
+                buttonStyle: "solid",
+                value: JSON.stringify(selectedKeys[0]),
+                onChange: (e) => {
+                  const Values = {
+                    true: true,
+                    false: false,
+                    null: null
+                  };
+                  setSelectedKeys(
+                    e.target.value ? [Values[e.target.value]] : []
+                  );
+                  confirm();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Radio.Button, { children: common2.all }),
+                  /* @__PURE__ */ jsx(Radio.Button, { value: "true", children: /* @__PURE__ */ jsx(
+                    CheckOutlined,
+                    {
+                      style: {
+                        color: "#52c41a",
+                        verticalAlign: "middle"
+                      }
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Radio.Button, { value: "false", children: /* @__PURE__ */ jsx(
+                    CloseOutlined,
+                    {
+                      style: {
+                        verticalAlign: "middle",
+                        color: "#ff4d4f"
+                      }
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Radio.Button, { value: "null", children: common2.blank })
+                ]
+              }
+            );
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              switch (value) {
+                case true:
+                  return !isNil(row[item.id]) && row[item.id] !== false;
+                case false:
+                  return !isNil(row[item.id]) && !row[item.id];
+                default:
+                  return isNil(row[item.id]);
+              }
+            };
+          break;
+        case "date":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.sorter)
+            item.sorter = (a, b, order) => {
+              if (isNil(a[item.id]))
+                return order === "ascend" ? 1 : -1;
+              if (isNil(b[item.id]))
+                return order === "ascend" ? -1 : 1;
+              return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
+            };
+          if (!item.filterDropdown)
+            item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
+              DatePicker.RangePicker,
+              {
+                onChange: (dates) => {
+                  setSelectedKeys(
+                    (dates == null ? void 0 : dates[0]) && dates[1] ? [
+                      [
+                        dates[0].startOf("day").toISOString(),
+                        dates[1].endOf("day").toISOString()
+                      ]
+                    ] : []
+                  );
+                  confirm();
+                }
+              }
+            );
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              if (isNil(value[0]))
+                return true;
+              if (isNil(row[item.id]))
+                return false;
+              return dayjs2(row[item.id]) >= dayjs2(value[0]) && dayjs2(row[item.id]) <= dayjs2(value[1]);
+            };
+          break;
+        case "time":
+          if (!item.render)
+            item.render = (value) => processValue(item, value);
+          if (!item.sorter)
+            item.sorter = (a, b, order) => {
+              if (isNil(a[item.id]))
+                return order === "ascend" ? 1 : -1;
+              if (isNil(b[item.id]))
+                return order === "ascend" ? -1 : 1;
+              return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
+            };
+          if (!item.filterDropdown)
+            item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ jsx(
+              DatePicker.RangePicker,
+              {
+                onChange: (dates) => {
+                  setSelectedKeys(
+                    (dates == null ? void 0 : dates[0]) && dates[1] ? [
+                      [
+                        dates[0].startOf("day").toISOString(),
+                        dates[1].endOf("day").toISOString()
+                      ]
+                    ] : []
+                  );
+                  confirm();
+                }
+              }
+            );
+          if (!item.onFilter)
+            item.onFilter = (value, row) => {
+              if (isNil(value[0]))
+                return true;
+              if (isNil(row[item.id]))
+                return false;
+              return dayjs2(row[item.id]) >= dayjs2(value[0]) && dayjs2(row[item.id]) <= dayjs2(value[1]);
+            };
+          break;
+        case "object":
+          if (!item.render)
+            item.render = (value) => /* @__PURE__ */ jsx(
+              Description,
+              {
+                items: item.object,
+                dataSource: value || {},
+                column: 1
+              }
+            );
+          break;
+        case "object[]":
+          if (!item.render)
+            item.render = (value) => /* @__PURE__ */ jsx(Fragment, { children: value.map((v, i) => /* @__PURE__ */ 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) => {
+              if (value === null && isNil(row[item.id]))
+                return true;
+              return value === row[item.id];
+            };
+          break;
+      }
+    }
+    setColumns(props.items);
+  }, [JSON.stringify(props.items)]);
+  useEffect(() => {
+    if (!props.dataSource || !columns)
+      return;
+    for (const column of columns) {
+      if (column.optionsType === "auto" && !column.options && !column.filters) {
+        const options = uniqBy(props.dataSource, column.id).map((v) => ({
+          label: v[column.id],
+          value: v[column.id]
+        }));
+        if (options.length)
+          setColumns((prev) => {
+            const newColumns = [...prev];
+            const index = newColumns.findIndex((item) => item.id === column.id);
+            newColumns[index].options = options;
+            generateFilterDropdown(newColumns[index]);
+            return newColumns;
+          });
+      }
+    }
+  }, [props.dataSource, columns]);
+  if (!columns)
+    return null;
+  if (props.dataSource)
+    return /* @__PURE__ */ jsx(
+      Table$1,
+      {
+        ...props,
+        rowKey: props.rowKey || "id",
+        columns,
+        dataSource: props.dataSource
+      }
+    );
+  return /* @__PURE__ */ jsx(FaasDataWrapper, { ...props.faasData, children: /* @__PURE__ */ jsx(FaasDataTable, { props, columns }) });
+}
+function FaasDataTable({
+  props,
+  columns,
+  data,
+  params,
+  reload
+}) {
+  const [currentColumns, setCurrentColumns] = useState(columns);
+  useEffect(() => {
+    if (!data || Array.isArray(data))
+      return;
+    setCurrentColumns((prev) => {
+      var _a;
+      const newColumns = [...prev];
+      for (const column of newColumns) {
+        if ((_a = data.options) == null ? void 0 : _a[column.id]) {
+          column.options = transferOptions(data.options[column.id]);
+          column.filters = column.options.map((v) => ({
+            text: v.label,
+            value: v.value
+          })).concat({
+            text: /* @__PURE__ */ jsx(Blank, {}),
+            value: null
+          });
+          column.render = (value) => processValue(column, value);
+          if (column.filterDropdown)
+            delete column.filterDropdown;
+          continue;
+        }
+        if (column.optionsType === "auto" && !column.options && !column.filters) {
+          const filters = uniqBy(props.dataSource, column.id).map((v) => ({
+            text: v[column.id],
+            value: v[column.id]
+          }));
+          if (filters.length)
+            column.filters = filters.concat({
+              text: /* @__PURE__ */ jsx(Blank, {}),
+              value: null
+            });
+        }
+      }
+      return newColumns;
+    });
+  }, [columns, data]);
+  if (!data)
+    return /* @__PURE__ */ jsx(
+      Table$1,
+      {
+        ...props,
+        loading: props.loading,
+        rowKey: props.rowKey || "id",
+        columns: currentColumns,
+        dataSource: []
+      }
+    );
+  if (Array.isArray(data))
+    return /* @__PURE__ */ jsx(
+      Table$1,
+      {
+        ...props,
+        loading: props.loading,
+        rowKey: props.rowKey || "id",
+        columns: currentColumns,
+        dataSource: data
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    Table$1,
+    {
+      ...props,
+      loading: props.loading,
+      rowKey: props.rowKey || "id",
+      columns: currentColumns,
+      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,
+            extra: processed.extra
+          });
+          return;
+        }
+        reload({
+          ...params,
+          pagination,
+          filters,
+          sorter
+        });
+      }
+    }
+  );
+}
+function Tabs(props) {
+  return /* @__PURE__ */ jsx(
+    Tabs$1,
+    {
+      ...props,
+      items: props.items.filter(Boolean).map((i) => ({
+        ...i,
+        key: i.key || i.id,
+        label: i.label || i.title || i.id
+      }))
+    }
+  );
+}
+function Title(props) {
+  const { Title: Title2 } = useConfigContext();
+  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__ */ jsx("h1", { children: Array.isArray(props.title) ? props.title[0] : props.title });
+    return /* @__PURE__ */ 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__ */ jsx(Fragment, { children: Array.isArray(props.title) ? props.title[0] : props.title });
+  if (props.children)
+    return cloneElement(props.children, { title: props.title });
+  return null;
+}
+
+export { App, Blank, ConfigContext, ConfigProvider2 as ConfigProvider, Description, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };