@faasjs/ant-design 0.0.3-beta.9 → 0.0.3-beta.90

package/dist/index.mjs

@@ -1,20 +1,113 @@
-// react-shim.js
-import React from "react";
+import { FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
+export { faas, useFaas } from '@faasjs/react';
+import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider, Typography, Spin, Descriptions, Alert, Input, Button, Row, Col, TimePicker, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Space } from 'antd';
+export { Drawer, Modal } from 'antd';
+import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
+import { createContext, useState, useMemo, useContext, useEffect, Component, cloneElement, useCallback, isValidElement, Suspense } from 'react';
+export { lazy } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { BrowserRouter, 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/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";
+// 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",
@@ -54,7 +147,7 @@ var baseConfig = {
   Link: { style: {} }
 };
 var ConfigContext = createContext(baseConfig);
-function ConfigProvider({
+function ConfigProvider2({
   config,
   children
 }) {
@@ -68,33 +161,17 @@ function ConfigProvider({
         Form: { submit: { text: zh.submit } }
       }, baseConfig));
     } else
-      setValues(values);
+      setValues(defaultsDeep(config, values));
   }, []);
-  return /* @__PURE__ */ jsx(ConfigContext.Provider, {
-    value: values,
-    children: /* @__PURE__ */ jsx(AntdConfigProvider, {
-      ...config.antd,
-      children
-    })
-  });
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: values, 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;
+  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;
 }
-
-// src/data.ts
-import { upperFirst } from "lodash-es";
-import dayjs from "dayjs";
 function transferOptions(options) {
   if (!options)
     return [];
@@ -113,35 +190,39 @@ function transferValue(type, value) {
   if (["date", "time"].includes(type)) {
     if (typeof value === "number" && value.toString().length === 10)
       value = value * 1e3;
-    if (!dayjs.isDayjs(value))
-      value = dayjs(value);
+    if (!dayjs2.isDayjs(value))
+      value = dayjs2(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 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;
-  const [computedProps, setComputedProps] = useState2();
-  useEffect2(() => {
+  const [computedProps, setComputedProps] = useState();
+  useEffect(() => {
     var _a2, _b;
     const propsCopy = { ...props };
     if (!propsCopy.item.title)
-      propsCopy.item.title = upperFirst2(propsCopy.item.id);
+      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) {
@@ -170,183 +251,168 @@ function DescriptionItemContent(props) {
       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__ */ jsx3(Fragment, {
-        children: computedProps.extendTypes[computedProps.item.type].render(computedProps.value, computedProps.values)
-      });
+      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, { value: computedProps.value });
-  if (computedProps.item.render)
-    return /* @__PURE__ */ jsx3(Fragment, {
-      children: computedProps.item.render(computedProps.value, computedProps.values)
+    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__ */ jsx3(Blank, {});
+    return /* @__PURE__ */ jsx(Blank, {});
   switch (computedProps.item.type) {
     case "string[]":
-      return /* @__PURE__ */ jsx3(Fragment, {
-        children: computedProps.value.join(", ")
-      });
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.join(", ") });
     case "number":
       return computedProps.value || null;
     case "number[]":
-      return /* @__PURE__ */ jsx3(Fragment, {
-        children: computedProps.value.join(", ")
-      });
+      return /* @__PURE__ */ jsx(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"
-        }
-      });
+      return computedProps.value ? /* @__PURE__ */ jsx(CheckOutlined, { style: {
+        marginTop: "4px",
+        color: "#52c41a"
+      } }) : /* @__PURE__ */ jsx(CloseOutlined, { style: {
+        marginTop: "4px",
+        color: "#ff4d4f"
+      } });
     case "time":
-      return /* @__PURE__ */ jsx3(Fragment, {
-        children: computedProps.value.format("YYYY-MM-DD HH:mm:ss")
-      });
+      return /* @__PURE__ */ jsx(Fragment, { children: computedProps.value.format("YYYY-MM-DD HH:mm:ss") });
     case "date":
-      return /* @__PURE__ */ jsx3(Fragment, {
-        children: computedProps.value.format("YYYY-MM-DD")
-      });
+      return /* @__PURE__ */ jsx(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
-      });
+        return /* @__PURE__ */ jsx(Blank, {});
+      return /* @__PURE__ */ jsx(
+        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, {
+        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))
-      });
+        },
+        index
+      )) });
     default:
       return computedProps.value || null;
   }
 }
 function Description(props) {
-  if (!props.faasData)
-    return /* @__PURE__ */ jsx3(Descriptions, {
+  const [computedProps, setComputedProps] = useState();
+  useEffect(() => {
+    setComputedProps({
       ...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, {
+      title: isFunction(props.renderTitle) && props.dataSource ? 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[item.id],
+            value: props.dataSource ? props.dataSource[item.id] : null,
             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
-      }));
+  }, [props]);
+  if (!computedProps)
+    return null;
+  if (props.dataSource)
+    return /* @__PURE__ */ jsx(Descriptions, { ...computedProps });
+  return /* @__PURE__ */ jsx(
+    FaasDataWrapper,
+    {
+      render: ({ data }) => /* @__PURE__ */ jsx(
+        Description,
+        {
+          ...computedProps,
+          dataSource: data
+        }
+      ),
+      ...props.faasData
     }
-  };
+  );
 }
-
-// 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";
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: void 0,
+      info: { componentStack: "" }
+    };
+  }
+  componentDidCatch(error, info) {
+    this.setState({
+      error,
+      info
+    });
+  }
+  render() {
+    const {
+      message: message2,
+      description,
+      children
+    } = this.props;
+    const { error, info } = this.state;
+    const componentStack = info && info.componentStack ? info.componentStack : null;
+    const errorMessage = typeof message2 === "undefined" ? (error || "").toString() : message2;
+    const errorDescription = typeof description === "undefined" ? componentStack : description;
+    if (error) {
+      if (this.props.onError)
+        return this.props.onError(error, info);
+      return /* @__PURE__ */ jsx(
+        Alert,
+        {
+          type: "error",
+          message: errorMessage,
+          description: /* @__PURE__ */ jsx("pre", { style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          }, children: errorDescription })
+        }
+      );
+    }
+    return children;
+  }
+};
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
-    propsCopy.title = upperFirst3(propsCopy.id);
+    propsCopy.title = upperFirst(propsCopy.id);
   if (!propsCopy.label && propsCopy.label !== false)
     propsCopy.label = propsCopy.title;
   if (!propsCopy.name)
@@ -392,11 +458,11 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState4();
-  const [extendTypes, setExtendTypes] = useState4();
+  const [computedProps, setComputedProps] = useState();
+  const [extendTypes, setExtendTypes] = useState();
   const { common: common2 } = useConfigContext();
-  const [hidden, setHidden] = useState4(props.hidden || false);
-  useEffect3(() => {
+  const [hidden, setHidden] = useState(props.hidden || false);
+  useEffect(() => {
     const propsCopy = { ...props };
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
@@ -420,311 +486,285 @@ function FormItem(props) {
   if (!computedProps)
     return null;
   if (hidden)
-    return /* @__PURE__ */ jsx5(AntdForm.Item, {
-      ...computedProps,
-      noStyle: true,
-      rules: [],
-      children: /* @__PURE__ */ jsx5(Input, {
-        hidden: true
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      Form$1.Item,
+      {
+        ...computedProps,
+        noStyle: true,
+        rules: [],
+        children: /* @__PURE__ */ jsx(Input, { hidden: true })
+      }
+    );
   if (extendTypes && extendTypes[computedProps.type])
-    return /* @__PURE__ */ jsx5(AntdForm.Item, {
-      ...computedProps,
-      children: extendTypes[computedProps.type].children
-    });
+    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__ */ jsx5(AntdForm.Item, {
-      ...computedProps,
-      children: 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__ */ jsx5(AntdForm.Item, {
-      ...computedProps,
-      children: computedProps.render()
-    });
+    return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: computedProps.render(null, null, 0, "form") });
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ jsx5(AntdForm.Item, {
-        ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx5(Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ jsx5(Input, {
-          ...computedProps.input
-        })
-      });
+      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__ */ jsx5(AntdForm.Item, {
-          ...computedProps,
-          children: /* @__PURE__ */ jsx5(Select, {
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(
+          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
-                })
-              }),
+          }
+        ) });
+      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__ */ jsx5(AntdForm.Item, {
-                  children: /* @__PURE__ */ jsxs(Row, {
+                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(
+                  Row,
+                  {
                     gutter: 24,
                     style: { flexFlow: "row nowrap" },
                     children: [
-                      /* @__PURE__ */ jsx5(Col, {
-                        span: 23,
-                        children: /* @__PURE__ */ jsx5(AntdForm.Item, {
+                      /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(
+                        Form$1.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, {
+                          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__ */ jsx5(MinusCircleOutlined, {}),
+                          icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
                           onClick: () => remove(field.name)
-                        })
-                      })
+                        }
+                      ) })
                     ]
-                  })
-                }, field.key);
+                  }
+                ) }, field.key);
               }),
-              /* @__PURE__ */ jsxs(AntdForm.Item, {
-                children: [
-                  !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx5(Button, {
+              /* @__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__ */ jsx5(PlusOutlined, {})
-                  }),
-                  /* @__PURE__ */ jsx5(AntdForm.ErrorList, {
-                    errors
-                  })
-                ]
-              })
-            ]
-          });
+                    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":
-      return /* @__PURE__ */ jsx5(AntdForm.Item, {
-        ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx5(Select, {
-          ...computedProps.input
-        }) : /* @__PURE__ */ jsx5(InputNumber, {
+      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__ */ jsx5(AntdForm.Item, {
-          ...computedProps,
-          children: /* @__PURE__ */ jsx5(Select, {
+        return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(
+          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
-                })
-              }),
+          }
+        ) });
+      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__ */ jsx5(AntdForm.Item, {
-                  children: /* @__PURE__ */ jsxs(Row, {
+                return /* @__PURE__ */ jsx(Form$1.Item, { children: /* @__PURE__ */ jsxs(
+                  Row,
+                  {
                     gutter: 24,
                     style: { flexFlow: "row nowrap" },
                     children: [
-                      /* @__PURE__ */ jsx5(Col, {
-                        span: 23,
-                        children: /* @__PURE__ */ jsx5(AntdForm.Item, {
+                      /* @__PURE__ */ jsx(Col, { span: 23, children: /* @__PURE__ */ jsx(
+                        Form$1.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, {
+                          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__ */ jsx5(MinusCircleOutlined, {}),
+                          icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}),
                           onClick: () => remove(field.name)
-                        })
-                      })
+                        }
+                      ) })
                     ]
-                  })
-                }, field.key);
+                  }
+                ) }, field.key);
               }),
-              /* @__PURE__ */ jsxs(AntdForm.Item, {
-                children: [
-                  !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx5(Button, {
+              /* @__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__ */ jsx5(PlusOutlined, {})
-                  }),
-                  /* @__PURE__ */ jsx5(AntdForm.ErrorList, {
-                    errors
-                  })
-                ]
-              })
-            ]
-          });
+                    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__ */ jsx5(AntdForm.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ jsx5(Switch, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(Switch, { ...computedProps.input }) });
     case "date":
-      return /* @__PURE__ */ jsx5(AntdForm.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ jsx5(DatePicker, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(DatePicker, { ...computedProps.input }) });
     case "time":
-      return /* @__PURE__ */ jsx5(AntdForm.Item, {
-        ...computedProps,
-        children: /* @__PURE__ */ jsx5(TimePicker, {
-          ...computedProps.input
-        })
-      });
+      return /* @__PURE__ */ jsx(Form$1.Item, { ...computedProps, children: /* @__PURE__ */ jsx(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, {
+      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))
-        ]
-      });
+          },
+          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, {
+      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__ */ 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, {
+                      }
+                    )
+                  ] }) }),
+                  /* @__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__ */ jsx5(PlusOutlined, {}),
+                  icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
                   children: [
                     common2.add,
                     " ",
                     computedProps.label
                   ]
-                }),
-                /* @__PURE__ */ jsx5(AntdForm.ErrorList, {
-                  errors
-                })
-              ]
-            })
-          ]
-        })
-      });
+                }
+              ),
+              computedProps.extra && /* @__PURE__ */ jsx("div", { className: "ant-form-item-extra", children: computedProps.extra }),
+              /* @__PURE__ */ jsx(Form$1.ErrorList, { errors })
+            ] })
+          ] })
+        }
+      );
     default:
       return null;
   }
 }
-
-// src/Form.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+FormItem.useStatus = Form$1.Item.useStatus;
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = useState5(false);
-  const [computedProps, setComputedProps] = useState5();
+  const [loading, setLoading] = useState(false);
+  const [computedProps, setComputedProps] = useState();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = useState5();
-  const [form] = AntdForm2.useForm(props.form);
-  const [initialValues, setInitialValues] = useState5(props.initialValues);
-  useEffect4(() => {
-    var _a2, _b2;
+  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) {
+    if (propsCopy.initialValues && ((_a2 = propsCopy.items) == null ? void 0 : _a2.length)) {
       for (const key in propsCopy.initialValues) {
         propsCopy.initialValues[key] = transferValue(
-          (_a2 = propsCopy.items.find((item2) => item2.id === key)) == null ? void 0 : _a2.type,
+          (_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);
@@ -755,13 +795,25 @@ function Form(props) {
         }
         setLoading(false);
       };
-    } else if (propsCopy.submit && ((_b2 = propsCopy.submit.to) == null ? void 0 : _b2.action)) {
+    } 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).finally(() => setLoading(false));
+        } : 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) {
@@ -783,7 +835,7 @@ function Form(props) {
         item.onValueChange(changedValues[key], allValues, form);
     }
   }, [computedProps]);
-  useEffect4(() => {
+  useEffect(() => {
     if (!initialValues)
       return;
     console.debug("Form:initialValues", initialValues);
@@ -792,184 +844,139 @@ function Form(props) {
   }, [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
-    ]
-  });
+  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 = 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
-}) {
+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, _c, _d;
   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
-    });
+  let style = {
+    ...Link2.style || {},
+    cursor: "pointer",
+    ...props.style
+  };
+  if (props.block)
+    style = Object.assign({
+      display: "block",
+      width: "100%"
+    }, style);
+  if (props.href.startsWith("http")) {
+    if (props.button)
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...props.button,
+          target: props.target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+          style,
+          href: props.href,
+          children: (_a = props.text) != null ? _a : props.children
+        }
+      );
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: props.href,
+        target: props.target || (Link2 == null ? void 0 : Link2.target) || "_blank",
+        style,
+        children: (_b = props.text) != null ? _b : props.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
-      }));
+  if (props.button)
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        to: props.href,
+        target: props.target || (Link2 == null ? void 0 : Link2.target),
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...props.button,
+            style,
+            children: (_c = props.text) != null ? _c : props.children
+          }
+        )
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    Link$1,
+    {
+      to: props.href,
+      target: props.target || (Link2 == null ? void 0 : Link2.target),
+      style,
+      children: (_d = props.text) != null ? _d : props.children
     }
-  };
+  );
 }
-
-// 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
-  });
+  return /* @__PURE__ */ jsx(
+    Result,
+    {
+      status: "404",
+      title: config.common.pageNotFound
+    }
+  );
 }
 function Routes(props) {
-  return /* @__PURE__ */ jsxs3(OriginRoutes, {
-    children: [
-      props.routes.map((r) => /* @__PURE__ */ jsx9(Route, {
+  return /* @__PURE__ */ jsxs(Routes$1, { children: [
+    props.routes.map((r) => /* @__PURE__ */ jsx(
+      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, {
+        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__ */ jsx9(PageNotFound, {})
-      }, "*")
-    ]
-  });
+        element: props.notFound || /* @__PURE__ */ jsx(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, {});
+    return /* @__PURE__ */ jsx(Blank, {});
   if (item.options) {
     if (item.type.endsWith("[]"))
       return transferred.map((v) => {
@@ -990,9 +997,58 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = useState7();
-  const { common: common2, antd } = useConfigContext();
-  useEffect5(() => {
+  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;
     for (const item of props.items) {
       if (!item.key)
@@ -1000,7 +1056,7 @@ function Table(props) {
       if (!item.dataIndex)
         item.dataIndex = item.id;
       if (!item.title)
-        item.title = upperFirst4(item.id);
+        item.title = upperFirst(item.id);
       if (!item.type)
         item.type = "string";
       if ((_a = item.options) == null ? void 0 : _a.length) {
@@ -1008,15 +1064,40 @@ function Table(props) {
         item.filters = item.options.map((o) => ({
           text: o.label,
           value: o.value
-        }));
+        })).concat({
+          text: /* @__PURE__ */ jsx(Blank, {}),
+          value: null
+        });
+        generateFilterDropdown(item);
       }
-      if (item.children)
-        delete item.children;
+      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 (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children)
-          item.render = (value, values) => cloneElement2(
+          item.render = (value, values) => cloneElement(
             props.extendTypes[item.type].children,
             {
+              scene: "table",
               value,
               values
             }
@@ -1033,30 +1114,35 @@ function Table(props) {
             item.render = (value) => processValue(item, value);
           if (!item.onFilter)
             item.onFilter = (value, row) => {
-              if (value === null && isNil2(row[item.id]))
+              if (!value || isNil(value))
                 return true;
-              if (!row[item.id])
+              if (isNil(row[item.id]))
                 return false;
-              return row[item.id].toLowerCase().includes(value.toLowerCase());
+              return row[item.id].trim().toLowerCase().includes(value.trim().toLowerCase());
             };
-          if (!item.filters && item.filterDropdown !== false && item.optionsType !== "auto")
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters && 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();
+            }) => /* @__PURE__ */ jsx(
+              Input.Search,
+              {
+                placeholder: `${common2.search} ${item.title}`,
+                allowClear: true,
+                onSearch: (v) => {
+                  if (v) {
+                    setSelectedKeys([v]);
+                  } else {
+                    setSelectedKeys([]);
+                    clearFilters();
+                  }
+                  confirm();
                 }
-                confirm();
               }
-            });
+            );
           break;
         case "string[]":
           if (!item.render)
@@ -1065,28 +1151,33 @@ function Table(props) {
             item.onFilter = (value, row) => {
               if (value === null && (!row[item.id] || !row[item.id].length))
                 return true;
-              if (!row[item.id] || !row[item.id].length)
+              if (!row[item.id] || !row[item.id].length || !value)
                 return false;
-              return row[item.id].some((v) => v.toLowerCase().includes(value.toLowerCase()));
+              return row[item.id].some((v) => v.trim().toLowerCase().includes(value.trim().toLowerCase()));
             };
-          if (!item.filters && item.filterDropdown !== false)
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters && 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();
+            }) => /* @__PURE__ */ jsx(
+              Input.Search,
+              {
+                placeholder: `${common2.search} ${item.title}`,
+                allowClear: true,
+                onSearch: (v) => {
+                  if (v) {
+                    setSelectedKeys([v]);
+                  } else {
+                    setSelectedKeys([]);
+                    clearFilters();
+                  }
+                  confirm();
                 }
-                confirm();
               }
-            });
+            );
           break;
         case "number":
           if (!item.render)
@@ -1095,28 +1186,35 @@ function Table(props) {
             item.sorter = (a, b) => a[item.id] - b[item.id];
           if (!item.onFilter)
             item.onFilter = (value, row) => {
-              if (value === null && isNil2(row[item.id]))
+              if (value === null)
                 return true;
-              return value === row[item.id];
+              if (isNil(row[item.id]))
+                return false;
+              return value == row[item.id];
             };
-          if (!item.filters && item.filterDropdown !== false)
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters)
             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();
+            }) => /* @__PURE__ */ jsx(
+              Input.Search,
+              {
+                placeholder: `${common2.search} ${item.title}`,
+                allowClear: true,
+                onSearch: (v) => {
+                  if (v) {
+                    setSelectedKeys([Number(v)]);
+                  } else {
+                    setSelectedKeys([]);
+                    clearFilters();
+                  }
+                  confirm();
                 }
-                confirm();
               }
-            });
+            );
           break;
         case "number[]":
           if (!item.render)
@@ -1127,133 +1225,182 @@ function Table(props) {
                 return true;
               if (!row[item.id] || !row[item.id].length)
                 return false;
-              return row[item.id].includes(value);
+              return row[item.id].includes(Number(value));
             };
-          if (!item.filters && item.filterDropdown !== false)
+          if (item.filterDropdown === false || item.filterDropdown)
+            break;
+          if (!item.filters)
             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();
+            }) => /* @__PURE__ */ jsx(
+              Input.Search,
+              {
+                placeholder: `${common2.search} ${item.title}`,
+                allowClear: true,
+                onSearch: (v) => {
+                  if (v) {
+                    setSelectedKeys([Number(v)]);
+                  } else {
+                    setSelectedKeys([]);
+                    clearFilters();
+                  }
+                  confirm();
                 }
-                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"
-              }
-            });
+            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__ */ 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
-                })
-              ]
-            });
+            }) => /* @__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 !isNil2(row[item.id]) && !!row[item.id];
-                case "false":
-                  return !isNil2(row[item.id]) && !row[item.id];
-                case "empty":
-                  return isNil2(row[item.id]);
+                case true:
+                  return !isNil(row[item.id]) && row[item.id] !== false;
+                case false:
+                  return !isNil(row[item.id]) && !row[item.id];
                 default:
-                  return true;
+                  return isNil(row[item.id]);
               }
             };
           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;
+            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 && 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.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;
+            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 && 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__ */ jsx10(Description, {
-              items: item.object,
-              dataSource: value || {},
-              column: 1
-            });
+            item.render = (value) => /* @__PURE__ */ jsx(
+              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));
+            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 && isNil2(row[item.id]))
+              if (value === null && isNil(row[item.id]))
                 return true;
               return value === row[item.id];
             };
@@ -1261,149 +1408,188 @@ function Table(props) {
       }
     }
     setColumns(props.items);
-  }, [props.items]);
-  useEffect5(() => {
+  }, [JSON.stringify(props.items)]);
+  useEffect(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
       if (column.optionsType === "auto" && !column.options && !column.filters) {
-        setColumns((prev) => {
-          const newColumns = [...prev];
-          const index = newColumns.findIndex((item) => item.id === column.id);
-          newColumns[index].filters = uniqBy(props.dataSource, column.id).map((v) => ({
-            text: v[column.id],
-            value: v[column.id]
-          })).concat({
-            text: /* @__PURE__ */ jsx10(Blank, {}),
-            value: null
+        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;
           });
-          return newColumns;
-        });
       }
     }
   }, [props.dataSource, columns]);
   if (!columns)
     return null;
-  if (!props.faasData)
-    return /* @__PURE__ */ jsx10(ConfigProvider2, {
-      ...antd,
-      children: /* @__PURE__ */ jsx10(AntdTable, {
+  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) => {
+      const newColumns = [...prev];
+      for (const column of newColumns) {
+        if (data["options"] && data.options[column.id]) {
+          column.options = data["options"][column.id];
+          column.filters = data["options"][column.id].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;
     });
-  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
-          })
+  }, [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
         });
-      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
-  });
+      }
+    }
+  );
+}
+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
+      }))
+    }
+  );
 }
-
-// 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(() => {
+  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__ */ jsx11("h1", {
+      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
-      });
-    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
-    });
+    return /* @__PURE__ */ jsx(Fragment, { children: Array.isArray(props.title) ? props.title[0] : props.title });
   if (props.children)
-    return cloneElement3(props.children, { title: props.title });
+    return cloneElement(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
-};
+
+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 };