@faasjs/ant-design 0.0.3-beta.52 → 0.0.3-beta.54

package/dist/index.mjs

@@ -1,19 +1,137 @@
 // react-shim.js
 import React from "react";
 
+// src/App.tsx
+import {
+  ConfigProvider,
+  message,
+  notification
+} from "antd";
+import { StyleProvider, legacyLogicalPropertiesTransformer } from "@ant-design/cssinjs";
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+
+// src/Modal.tsx
+import { Modal } from "antd";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+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
+      }));
+    }
+  };
+}
+
+// src/Drawer.tsx
+import { Drawer } from "antd";
+import { useState as useState2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function useDrawer(init) {
+  const [props, setProps] = useState2({
+    open: false,
+    onClose: () => setProps((prev) => ({
+      ...prev,
+      open: false
+    })),
+    ...init
+  });
+  return {
+    drawer: /* @__PURE__ */ jsx2(Drawer, {
+      ...props
+    }),
+    drawerProps: props,
+    setDrawerProps(changes) {
+      setProps((prev) => ({
+        ...prev,
+        ...changes
+      }));
+    }
+  };
+}
+
+// src/App.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var AppContext = createContext({
+  message: {},
+  notification: {},
+  setModalProps: () => void 0,
+  setDrawerProps: () => void 0
+});
+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__ */ jsx3(StyleProvider, {
+    ...props.styleProviderProps || {},
+    children: /* @__PURE__ */ jsx3(ConfigProvider, {
+      ...Object.assign(props.configProviderProps || {}, {
+        hashPriority: "high",
+        transformers: [legacyLogicalPropertiesTransformer]
+      }),
+      children: /* @__PURE__ */ jsxs(AppContext.Provider, {
+        value: memoizedContextValue,
+        children: [
+          messageContextHolder,
+          notificationContextHolder,
+          modal,
+          drawer,
+          props.children
+        ]
+      })
+    })
+  });
+}
+function useApp() {
+  return useContext(AppContext);
+}
+
 // src/Blank.tsx
 import { Typography } from "antd";
 import { isNil } from "lodash-es";
 
 // src/Config.tsx
 import {
-  createContext,
-  useContext,
+  createContext as createContext2,
+  useContext as useContext2,
   useEffect,
-  useState
+  useState as useState3
 } from "react";
 import { defaultsDeep } from "lodash-es";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -52,12 +170,12 @@ var baseConfig = {
   },
   Link: { style: {} }
 };
-var ConfigContext = createContext(baseConfig);
-function ConfigProvider({
+var ConfigContext = createContext2(baseConfig);
+function ConfigProvider2({
   config,
   children
 }) {
-  const [values, setValues] = useState(baseConfig);
+  const [values, setValues] = useState3(baseConfig);
   useEffect(() => {
     if (config.lang === "zh") {
       setValues(defaultsDeep(config, {
@@ -69,20 +187,20 @@ function ConfigProvider({
     } else
       setValues(defaultsDeep(config, values));
   }, []);
-  return /* @__PURE__ */ jsx(ConfigContext.Provider, {
+  return /* @__PURE__ */ jsx4(ConfigContext.Provider, {
     value: values,
     children
   });
 }
 function useConfigContext() {
-  return useContext(ConfigContext);
+  return useContext2(ConfigContext);
 }
 
 // src/Blank.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx5 } 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, {
+  return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx5(Typography.Text, {
     disabled: true,
     children: (options == null ? void 0 : options.text) || Blank2.text
   }) : options.value;
@@ -125,7 +243,7 @@ import { isFunction, upperFirst as upperFirst2 } from "lodash-es";
 import {
   cloneElement,
   useEffect as useEffect2,
-  useState as useState2
+  useState as useState4
 } from "react";
 
 // src/FaasDataWrapper.tsx
@@ -133,13 +251,13 @@ import { FaasDataWrapper as Origin } from "@faasjs/react";
 
 // src/Loading.tsx
 import { Spin } from "antd";
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
 function Loading(props) {
   if (props.loading === false)
-    return /* @__PURE__ */ jsx3(Fragment, {
+    return /* @__PURE__ */ jsx6(Fragment, {
       children: props.children
     });
-  return /* @__PURE__ */ jsx3("div", {
+  return /* @__PURE__ */ jsx6("div", {
     style: {
       ...props.style || {},
       ...!props.size || props.size === "large" ? {
@@ -147,17 +265,17 @@ function Loading(props) {
         textAlign: "center"
       } : {}
     },
-    children: /* @__PURE__ */ jsx3(Spin, {
+    children: /* @__PURE__ */ jsx6(Spin, {
       size: props.size || "large"
     })
   });
 }
 
 // src/FaasDataWrapper.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function FaasDataWrapper(props) {
-  return /* @__PURE__ */ jsx4(Origin, {
-    fallback: props.loading || /* @__PURE__ */ jsx4(Loading, {
+  return /* @__PURE__ */ jsx7(Origin, {
+    fallback: props.loading || /* @__PURE__ */ jsx7(Loading, {
       ...props.loadingProps
     }),
     ...props
@@ -165,10 +283,10 @@ function FaasDataWrapper(props) {
 }
 
 // src/Description.tsx
-import { Fragment as Fragment2, jsx as jsx5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8 } from "react/jsx-runtime";
 function DescriptionItemContent(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState2();
+  const [computedProps, setComputedProps] = useState4();
   useEffect2(() => {
     var _a2, _b;
     const propsCopy = { ...props };
@@ -208,7 +326,7 @@ function DescriptionItemContent(props) {
         }
       );
     else if (computedProps.extendTypes[computedProps.item.type].render)
-      return /* @__PURE__ */ jsx5(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment2, {
         children: computedProps.extendTypes[computedProps.item.type].render(computedProps.value, computedProps.values, 0, "description")
       });
     else
@@ -234,52 +352,52 @@ function DescriptionItemContent(props) {
   if (computedProps.item.render)
     return computedProps.item.render(computedProps.value, computedProps.values, 0, "description");
   if (computedProps.value === null || Array.isArray(computedProps.value) && !computedProps.value.length)
-    return /* @__PURE__ */ jsx5(Blank, {});
+    return /* @__PURE__ */ jsx8(Blank, {});
   switch (computedProps.item.type) {
     case "string[]":
-      return /* @__PURE__ */ jsx5(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment2, {
         children: computedProps.value.join(", ")
       });
     case "number":
       return computedProps.value || null;
     case "number[]":
-      return /* @__PURE__ */ jsx5(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment2, {
         children: computedProps.value.join(", ")
       });
     case "boolean":
-      return computedProps.value ? /* @__PURE__ */ jsx5(CheckOutlined, {
+      return computedProps.value ? /* @__PURE__ */ jsx8(CheckOutlined, {
         style: {
           marginTop: "4px",
           color: "#52c41a"
         }
-      }) : /* @__PURE__ */ jsx5(CloseOutlined, {
+      }) : /* @__PURE__ */ jsx8(CloseOutlined, {
         style: {
           marginTop: "4px",
           color: "#ff4d4f"
         }
       });
     case "time":
-      return /* @__PURE__ */ jsx5(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment2, {
         children: computedProps.value.format("YYYY-MM-DD HH:mm:ss")
       });
     case "date":
-      return /* @__PURE__ */ jsx5(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment2, {
         children: computedProps.value.format("YYYY-MM-DD")
       });
     case "object":
       if (!computedProps.value)
-        return /* @__PURE__ */ jsx5(Blank, {});
-      return /* @__PURE__ */ jsx5(Description, {
+        return /* @__PURE__ */ jsx8(Blank, {});
+      return /* @__PURE__ */ jsx8(Description, {
         items: computedProps.item.object,
         dataSource: computedProps.value,
         column: 1
       });
     case "object[]":
       if (!((_a = computedProps.value) == null ? void 0 : _a.length))
-        return /* @__PURE__ */ jsx5(Blank, {});
-      return /* @__PURE__ */ jsx5(Space, {
+        return /* @__PURE__ */ jsx8(Blank, {});
+      return /* @__PURE__ */ jsx8(Space, {
         direction: "vertical",
-        children: computedProps.value.map((value, index) => /* @__PURE__ */ jsx5(Description, {
+        children: computedProps.value.map((value, index) => /* @__PURE__ */ jsx8(Description, {
           items: computedProps.item.object,
           dataSource: value,
           column: 1
@@ -291,13 +409,13 @@ function DescriptionItemContent(props) {
 }
 function Description(props) {
   if (props.dataSource)
-    return /* @__PURE__ */ jsx5(Descriptions, {
+    return /* @__PURE__ */ jsx8(Descriptions, {
       ...props,
       title: isFunction(props.renderTitle) ? props.renderTitle(props.dataSource) : props.title,
       children: props.items.map((item) => {
-        return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ jsx5(Descriptions.Item, {
+        return !item.if || item.if(props.dataSource) ? /* @__PURE__ */ jsx8(Descriptions.Item, {
           label: item.title || upperFirst2(item.id),
-          children: /* @__PURE__ */ jsx5(DescriptionItemContent, {
+          children: /* @__PURE__ */ jsx8(DescriptionItemContent, {
             item,
             value: props.dataSource[item.id],
             values: props.dataSource,
@@ -306,15 +424,15 @@ function Description(props) {
         }, item.id) : null;
       }).filter(Boolean)
     });
-  return /* @__PURE__ */ jsx5(FaasDataWrapper, {
+  return /* @__PURE__ */ jsx8(FaasDataWrapper, {
     render: ({ data }) => {
-      return /* @__PURE__ */ jsx5(Descriptions, {
+      return /* @__PURE__ */ jsx8(Descriptions, {
         ...props,
         title: isFunction(props.renderTitle) ? props.renderTitle(data) : props.title,
         children: props.items.map((item) => {
-          return !item.if || item.if(data) ? /* @__PURE__ */ jsx5(Descriptions.Item, {
+          return !item.if || item.if(data) ? /* @__PURE__ */ jsx8(Descriptions.Item, {
             label: item.title || upperFirst2(item.id),
-            children: /* @__PURE__ */ jsx5(DescriptionItemContent, {
+            children: /* @__PURE__ */ jsx8(DescriptionItemContent, {
               item,
               value: data[item.id],
               values: data,
@@ -328,37 +446,10 @@ function Description(props) {
   });
 }
 
-// src/Drawer.tsx
-import { Drawer } from "antd";
-import { useState as useState3 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function useDrawer(init) {
-  const [props, setProps] = useState3({
-    open: false,
-    onClose: () => setProps((prev) => ({
-      ...prev,
-      open: false
-    })),
-    ...init
-  });
-  return {
-    drawer: /* @__PURE__ */ jsx6(Drawer, {
-      ...props
-    }),
-    drawerProps: props,
-    setDrawerProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
-    }
-  };
-}
-
 // src/ErrorBoundary.tsx
 import { Component } from "react";
 import { Alert } from "antd";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -375,21 +466,21 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     const {
-      message,
+      message: message2,
       description,
       children
     } = this.props;
     const { error, info } = this.state;
     const componentStack = info && info.componentStack ? info.componentStack : null;
-    const errorMessage = typeof message === "undefined" ? (error || "").toString() : message;
+    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__ */ jsx7(Alert, {
+      return /* @__PURE__ */ jsx9(Alert, {
         type: "error",
         message: errorMessage,
-        description: /* @__PURE__ */ jsx7("pre", {
+        description: /* @__PURE__ */ jsx9("pre", {
           style: {
             fontSize: "0.9em",
             overflowX: "auto"
@@ -410,7 +501,7 @@ import {
 } from "antd";
 import {
   useEffect as useEffect4,
-  useState as useState5,
+  useState as useState6,
   useCallback,
   isValidElement
 } from "react";
@@ -432,10 +523,10 @@ import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
   cloneElement as cloneElement2,
   useEffect as useEffect3,
-  useState as useState4
+  useState as useState5
 } from "react";
 import { upperFirst as upperFirst3 } from "lodash-es";
-import { Fragment as Fragment3, jsx as jsx8, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = upperFirst3(propsCopy.id);
@@ -484,10 +575,10 @@ function processProps(propsCopy, config) {
 }
 function FormItem(props) {
   var _a;
-  const [computedProps, setComputedProps] = useState4();
-  const [extendTypes, setExtendTypes] = useState4();
+  const [computedProps, setComputedProps] = useState5();
+  const [extendTypes, setExtendTypes] = useState5();
   const { common: common2 } = useConfigContext();
-  const [hidden, setHidden] = useState4(props.hidden || false);
+  const [hidden, setHidden] = useState5(props.hidden || false);
   useEffect3(() => {
     const propsCopy = { ...props };
     if (propsCopy.extendTypes) {
@@ -512,100 +603,100 @@ function FormItem(props) {
   if (!computedProps)
     return null;
   if (hidden)
-    return /* @__PURE__ */ jsx8(AntdForm.Item, {
+    return /* @__PURE__ */ jsx10(AntdForm.Item, {
       ...computedProps,
       noStyle: true,
       rules: [],
-      children: /* @__PURE__ */ jsx8(Input, {
+      children: /* @__PURE__ */ jsx10(Input, {
         hidden: true
       })
     });
   if (extendTypes && extendTypes[computedProps.type])
-    return /* @__PURE__ */ jsx8(AntdForm.Item, {
+    return /* @__PURE__ */ jsx10(AntdForm.Item, {
       ...computedProps,
       children: extendTypes[computedProps.type].children
     });
   if (computedProps.formChildren === null)
     return null;
   if (computedProps.formChildren)
-    return /* @__PURE__ */ jsx8(AntdForm.Item, {
+    return /* @__PURE__ */ jsx10(AntdForm.Item, {
       ...computedProps,
       children: cloneElement2(computedProps.formChildren, { scene: "form" })
     });
   if (computedProps.children === null)
     return null;
   if (computedProps.children)
-    return /* @__PURE__ */ jsx8(AntdForm.Item, {
+    return /* @__PURE__ */ jsx10(AntdForm.Item, {
       ...computedProps,
       children: cloneElement2(computedProps.children, { scene: "form" })
     });
   if (computedProps.formRender)
-    return /* @__PURE__ */ jsx8(AntdForm.Item, {
+    return /* @__PURE__ */ jsx10(AntdForm.Item, {
       ...computedProps,
       children: computedProps.formRender(null, null, 0, "form")
     });
   if (computedProps.render)
-    return /* @__PURE__ */ jsx8(AntdForm.Item, {
+    return /* @__PURE__ */ jsx10(AntdForm.Item, {
       ...computedProps,
       children: computedProps.render(null, null, 0, "form")
     });
   switch (computedProps.type) {
     case "string":
-      return /* @__PURE__ */ jsx8(AntdForm.Item, {
+      return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx8(Select, {
+        children: computedProps.options ? /* @__PURE__ */ jsx10(Select, {
           ...computedProps.input
-        }) : /* @__PURE__ */ jsx8(Input, {
+        }) : /* @__PURE__ */ jsx10(Input, {
           ...computedProps.input
         })
       });
     case "string[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx8(AntdForm.Item, {
+        return /* @__PURE__ */ jsx10(AntdForm.Item, {
           ...computedProps,
-          children: /* @__PURE__ */ jsx8(Select, {
+          children: /* @__PURE__ */ jsx10(Select, {
             mode: "multiple",
             ...computedProps.input
           })
         });
-      return /* @__PURE__ */ jsx8(AntdForm.List, {
+      return /* @__PURE__ */ jsx10(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
         children: (fields, { add, remove }, { errors }) => {
           var _a2;
-          return /* @__PURE__ */ jsxs(Fragment3, {
+          return /* @__PURE__ */ jsxs2(Fragment3, {
             children: [
-              computedProps.label && /* @__PURE__ */ jsx8("div", {
+              computedProps.label && /* @__PURE__ */ jsx10("div", {
                 className: "ant-form-item-label",
-                children: /* @__PURE__ */ jsx8("label", {
+                children: /* @__PURE__ */ jsx10("label", {
                   className: computedProps.rules.find((r) => r.required) && "ant-form-item-required",
                   children: computedProps.label
                 })
               }),
               fields.map((field) => {
                 var _a3;
-                return /* @__PURE__ */ jsx8(AntdForm.Item, {
-                  children: /* @__PURE__ */ jsxs(Row, {
+                return /* @__PURE__ */ jsx10(AntdForm.Item, {
+                  children: /* @__PURE__ */ jsxs2(Row, {
                     gutter: 24,
                     style: { flexFlow: "row nowrap" },
                     children: [
-                      /* @__PURE__ */ jsx8(Col, {
+                      /* @__PURE__ */ jsx10(Col, {
                         span: 23,
-                        children: /* @__PURE__ */ jsx8(AntdForm.Item, {
+                        children: /* @__PURE__ */ jsx10(AntdForm.Item, {
                           ...field,
                           noStyle: true,
-                          children: /* @__PURE__ */ jsx8(Input, {
+                          children: /* @__PURE__ */ jsx10(Input, {
                             ...computedProps.input
                           })
                         })
                       }),
-                      /* @__PURE__ */ jsx8(Col, {
+                      /* @__PURE__ */ jsx10(Col, {
                         span: 1,
-                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx8(Button, {
+                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx10(Button, {
                           danger: true,
                           type: "link",
                           style: { float: "right" },
-                          icon: /* @__PURE__ */ jsx8(MinusCircleOutlined, {}),
+                          icon: /* @__PURE__ */ jsx10(MinusCircleOutlined, {}),
                           onClick: () => remove(field.name)
                         })
                       })
@@ -613,19 +704,19 @@ function FormItem(props) {
                   })
                 }, field.key);
               }),
-              /* @__PURE__ */ jsxs(AntdForm.Item, {
+              /* @__PURE__ */ jsxs2(AntdForm.Item, {
                 children: [
-                  !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx8(Button, {
+                  !((_a2 = computedProps.input) == null ? void 0 : _a2.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx10(Button, {
                     type: "dashed",
                     block: true,
                     onClick: () => add(),
-                    icon: /* @__PURE__ */ jsx8(PlusOutlined, {})
+                    icon: /* @__PURE__ */ jsx10(PlusOutlined, {})
                   }),
-                  computedProps.extra && /* @__PURE__ */ jsx8("div", {
+                  computedProps.extra && /* @__PURE__ */ jsx10("div", {
                     className: "ant-form-item-extra",
                     children: computedProps.extra
                   }),
-                  /* @__PURE__ */ jsx8(AntdForm.ErrorList, {
+                  /* @__PURE__ */ jsx10(AntdForm.ErrorList, {
                     errors
                   })
                 ]
@@ -635,63 +726,63 @@ function FormItem(props) {
         }
       });
     case "number":
-      return /* @__PURE__ */ jsx8(AntdForm.Item, {
+      return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: computedProps.options ? /* @__PURE__ */ jsx8(Select, {
+        children: computedProps.options ? /* @__PURE__ */ jsx10(Select, {
           ...computedProps.input
-        }) : /* @__PURE__ */ jsx8(InputNumber, {
+        }) : /* @__PURE__ */ jsx10(InputNumber, {
           style: { width: "100%" },
           ...computedProps.input
         })
       });
     case "number[]":
       if (computedProps.options)
-        return /* @__PURE__ */ jsx8(AntdForm.Item, {
+        return /* @__PURE__ */ jsx10(AntdForm.Item, {
           ...computedProps,
-          children: /* @__PURE__ */ jsx8(Select, {
+          children: /* @__PURE__ */ jsx10(Select, {
             mode: "multiple",
             ...computedProps.input
           })
         });
-      return /* @__PURE__ */ jsx8(AntdForm.List, {
+      return /* @__PURE__ */ jsx10(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
         children: (fields, { add, remove }, { errors }) => {
           var _a2, _b;
-          return /* @__PURE__ */ jsxs(Fragment3, {
+          return /* @__PURE__ */ jsxs2(Fragment3, {
             children: [
-              computedProps.label && /* @__PURE__ */ jsx8("div", {
+              computedProps.label && /* @__PURE__ */ jsx10("div", {
                 className: "ant-form-item-label",
-                children: /* @__PURE__ */ jsx8("label", {
+                children: /* @__PURE__ */ jsx10("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__ */ jsx8(AntdForm.Item, {
-                  children: /* @__PURE__ */ jsxs(Row, {
+                return /* @__PURE__ */ jsx10(AntdForm.Item, {
+                  children: /* @__PURE__ */ jsxs2(Row, {
                     gutter: 24,
                     style: { flexFlow: "row nowrap" },
                     children: [
-                      /* @__PURE__ */ jsx8(Col, {
+                      /* @__PURE__ */ jsx10(Col, {
                         span: 23,
-                        children: /* @__PURE__ */ jsx8(AntdForm.Item, {
+                        children: /* @__PURE__ */ jsx10(AntdForm.Item, {
                           ...field,
                           noStyle: true,
-                          children: /* @__PURE__ */ jsx8(InputNumber, {
+                          children: /* @__PURE__ */ jsx10(InputNumber, {
                             style: { width: "100%" },
                             ...computedProps.input
                           })
                         })
                       }),
-                      /* @__PURE__ */ jsx8(Col, {
+                      /* @__PURE__ */ jsx10(Col, {
                         span: 1,
-                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx8(Button, {
+                        children: !((_a3 = computedProps.input) == null ? void 0 : _a3.disabled) && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx10(Button, {
                           danger: true,
                           type: "link",
                           style: { float: "right" },
-                          icon: /* @__PURE__ */ jsx8(MinusCircleOutlined, {}),
+                          icon: /* @__PURE__ */ jsx10(MinusCircleOutlined, {}),
                           onClick: () => remove(field.name)
                         })
                       })
@@ -699,19 +790,19 @@ function FormItem(props) {
                   })
                 }, field.key);
               }),
-              /* @__PURE__ */ jsxs(AntdForm.Item, {
+              /* @__PURE__ */ jsxs2(AntdForm.Item, {
                 children: [
-                  !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx8(Button, {
+                  !((_b = computedProps.input) == null ? void 0 : _b.disabled) && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsx10(Button, {
                     type: "dashed",
                     block: true,
                     onClick: () => add(),
-                    icon: /* @__PURE__ */ jsx8(PlusOutlined, {})
+                    icon: /* @__PURE__ */ jsx10(PlusOutlined, {})
                   }),
-                  computedProps.extra && /* @__PURE__ */ jsx8("div", {
+                  computedProps.extra && /* @__PURE__ */ jsx10("div", {
                     className: "ant-form-item-extra",
                     children: computedProps.extra
                   }),
-                  /* @__PURE__ */ jsx8(AntdForm.ErrorList, {
+                  /* @__PURE__ */ jsx10(AntdForm.ErrorList, {
                     errors
                   })
                 ]
@@ -721,58 +812,58 @@ function FormItem(props) {
         }
       });
     case "boolean":
-      return /* @__PURE__ */ jsx8(AntdForm.Item, {
+      return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: /* @__PURE__ */ jsx8(Switch, {
+        children: /* @__PURE__ */ jsx10(Switch, {
           ...computedProps.input
         })
       });
     case "date":
-      return /* @__PURE__ */ jsx8(AntdForm.Item, {
+      return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: /* @__PURE__ */ jsx8(DatePicker, {
+        children: /* @__PURE__ */ jsx10(DatePicker, {
           ...computedProps.input
         })
       });
     case "time":
-      return /* @__PURE__ */ jsx8(AntdForm.Item, {
+      return /* @__PURE__ */ jsx10(AntdForm.Item, {
         ...computedProps,
-        children: /* @__PURE__ */ jsx8(TimePicker, {
+        children: /* @__PURE__ */ jsx10(TimePicker, {
           ...computedProps.input
         })
       });
     case "object":
-      return /* @__PURE__ */ jsxs(Fragment3, {
+      return /* @__PURE__ */ jsxs2(Fragment3, {
         children: [
-          computedProps.label && /* @__PURE__ */ jsx8("div", {
+          computedProps.label && /* @__PURE__ */ jsx10("div", {
             className: "ant-form-item-label",
-            children: /* @__PURE__ */ jsx8("label", {
+            children: /* @__PURE__ */ jsx10("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__ */ jsx8(FormItem, {
+          computedProps.object.map((o) => /* @__PURE__ */ jsx10(FormItem, {
             ...o
           }, o.id))
         ]
       });
     case "object[]":
-      return /* @__PURE__ */ jsx8(AntdForm.List, {
+      return /* @__PURE__ */ jsx10(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
-        children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs(Fragment3, {
+        children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs2(Fragment3, {
           children: [
-            fields.map((field) => /* @__PURE__ */ jsxs(AntdForm.Item, {
+            fields.map((field) => /* @__PURE__ */ jsxs2(AntdForm.Item, {
               style: { marginBottom: 0 },
               children: [
-                /* @__PURE__ */ jsx8("div", {
+                /* @__PURE__ */ jsx10("div", {
                   className: "ant-form-item-label",
-                  children: /* @__PURE__ */ jsxs("label", {
+                  children: /* @__PURE__ */ jsxs2("label", {
                     children: [
                       computedProps.label,
                       " ",
                       field.name + 1,
-                      !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx8(Button, {
+                      !computedProps.disabled && (!computedProps.rules.find((r) => r.required) || field.key > 0) && /* @__PURE__ */ jsx10(Button, {
                         danger: true,
                         type: "link",
                         onClick: () => remove(field.name),
@@ -781,11 +872,11 @@ function FormItem(props) {
                     ]
                   })
                 }),
-                /* @__PURE__ */ jsx8(Row, {
+                /* @__PURE__ */ jsx10(Row, {
                   gutter: 24,
-                  children: computedProps.object.map((o) => /* @__PURE__ */ jsx8(Col, {
+                  children: computedProps.object.map((o) => /* @__PURE__ */ jsx10(Col, {
                     span: o.col || 24,
-                    children: /* @__PURE__ */ jsx8(FormItem, {
+                    children: /* @__PURE__ */ jsx10(FormItem, {
                       ...o,
                       name: [field.name, o.id]
                     })
@@ -793,24 +884,24 @@ function FormItem(props) {
                 })
               ]
             }, field.key)),
-            /* @__PURE__ */ jsxs(AntdForm.Item, {
+            /* @__PURE__ */ jsxs2(AntdForm.Item, {
               children: [
-                !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsxs(Button, {
+                !computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ jsxs2(Button, {
                   type: "dashed",
                   block: true,
                   onClick: () => add(),
-                  icon: /* @__PURE__ */ jsx8(PlusOutlined, {}),
+                  icon: /* @__PURE__ */ jsx10(PlusOutlined, {}),
                   children: [
                     common2.add,
                     " ",
                     computedProps.label
                   ]
                 }),
-                computedProps.extra && /* @__PURE__ */ jsx8("div", {
+                computedProps.extra && /* @__PURE__ */ jsx10("div", {
                   className: "ant-form-item-extra",
                   children: computedProps.extra
                 }),
-                /* @__PURE__ */ jsx8(AntdForm.ErrorList, {
+                /* @__PURE__ */ jsx10(AntdForm.ErrorList, {
                   errors
                 })
               ]
@@ -825,15 +916,15 @@ function FormItem(props) {
 FormItem.useStatus = AntdForm.Item.useStatus;
 
 // src/Form.tsx
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 function Form(props) {
   var _a, _b;
-  const [loading, setLoading] = useState5(false);
-  const [computedProps, setComputedProps] = useState5();
+  const [loading, setLoading] = useState6(false);
+  const [computedProps, setComputedProps] = useState6();
   const config = useConfigContext();
-  const [extendTypes, setExtendTypes] = useState5();
+  const [extendTypes, setExtendTypes] = useState6();
   const [form] = AntdForm2.useForm(props.form);
-  const [initialValues, setInitialValues] = useState5(props.initialValues);
+  const [initialValues, setInitialValues] = useState6(props.initialValues);
   useEffect4(() => {
     var _a2, _b2, _c;
     const propsCopy = {
@@ -923,17 +1014,17 @@ function Form(props) {
   }, [computedProps]);
   if (!computedProps)
     return null;
-  return /* @__PURE__ */ jsxs2(AntdForm2, {
+  return /* @__PURE__ */ jsxs3(AntdForm2, {
     ...computedProps,
     onValuesChange,
     children: [
       computedProps.beforeItems,
-      (_a = computedProps.items) == null ? void 0 : _a.map((item) => isValidElement(item) ? item : /* @__PURE__ */ jsx9(FormItem, {
+      (_a = computedProps.items) == null ? void 0 : _a.map((item) => isValidElement(item) ? item : /* @__PURE__ */ jsx11(FormItem, {
         ...item,
         extendTypes
       }, item.id)),
       computedProps.children,
-      computedProps.submit !== false && /* @__PURE__ */ jsx9(Button2, {
+      computedProps.submit !== false && /* @__PURE__ */ jsx11(Button2, {
         htmlType: "submit",
         type: "primary",
         loading,
@@ -954,7 +1045,7 @@ Form.Provider = AntdForm2.Provider;
 // src/Link.tsx
 import { Link as RouterLink } from "react-router-dom";
 import { Button as Button3 } from "antd";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Link(props) {
   var _a, _b, _c, _d;
   const { Link: Link2 } = useConfigContext();
@@ -970,14 +1061,14 @@ function Link(props) {
     }, style);
   if (props.href.startsWith("http")) {
     if (props.button)
-      return /* @__PURE__ */ jsx10(Button3, {
+      return /* @__PURE__ */ jsx12(Button3, {
         ...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__ */ jsx10("a", {
+    return /* @__PURE__ */ jsx12("a", {
       href: props.href,
       target: props.target || (Link2 == null ? void 0 : Link2.target) || "_blank",
       style,
@@ -985,16 +1076,16 @@ function Link(props) {
     });
   }
   if (props.button)
-    return /* @__PURE__ */ jsx10(RouterLink, {
+    return /* @__PURE__ */ jsx12(RouterLink, {
       to: props.href,
       target: props.target || (Link2 == null ? void 0 : Link2.target),
-      children: /* @__PURE__ */ jsx10(Button3, {
+      children: /* @__PURE__ */ jsx12(Button3, {
         ...props.button,
         style,
         children: (_c = props.text) != null ? _c : props.children
       })
     });
-  return /* @__PURE__ */ jsx10(RouterLink, {
+  return /* @__PURE__ */ jsx12(RouterLink, {
     to: props.href,
     target: props.target || (Link2 == null ? void 0 : Link2.target),
     style,
@@ -1002,33 +1093,6 @@ function Link(props) {
   });
 }
 
-// src/Modal.tsx
-import { Modal } from "antd";
-import { useState as useState6 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function useModal(init) {
-  const [props, setProps] = useState6({
-    open: false,
-    onCancel: () => setProps((prev) => ({
-      ...prev,
-      open: false
-    })),
-    ...init
-  });
-  return {
-    modal: /* @__PURE__ */ jsx11(Modal, {
-      ...props
-    }),
-    modalProps: props,
-    setModalProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
-    }
-  };
-}
-
 // src/Routers.tsx
 import { Result, Skeleton } from "antd";
 import {
@@ -1038,32 +1102,32 @@ import {
   Routes as OriginRoutes,
   Route
 } from "react-router-dom";
-import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 function PageNotFound() {
   const config = useConfigContext();
-  return /* @__PURE__ */ jsx12(Result, {
+  return /* @__PURE__ */ jsx13(Result, {
     status: "404",
     title: config.common.pageNotFound
   });
 }
 function Routes(props) {
-  return /* @__PURE__ */ jsxs3(OriginRoutes, {
+  return /* @__PURE__ */ jsxs4(OriginRoutes, {
     children: [
-      props.routes.map((r) => /* @__PURE__ */ jsx12(Route, {
+      props.routes.map((r) => /* @__PURE__ */ jsx13(Route, {
         ...r,
-        element: r.element || /* @__PURE__ */ jsx12(Suspense, {
-          fallback: props.fallback || /* @__PURE__ */ jsx12("div", {
+        element: r.element || /* @__PURE__ */ jsx13(Suspense, {
+          fallback: props.fallback || /* @__PURE__ */ jsx13("div", {
             style: { padding: "24px" },
-            children: /* @__PURE__ */ jsx12(Skeleton, {
+            children: /* @__PURE__ */ jsx13(Skeleton, {
               active: true
             })
           }),
-          children: /* @__PURE__ */ jsx12(r.page, {})
+          children: /* @__PURE__ */ jsx13(r.page, {})
         })
       }, r.path)),
-      /* @__PURE__ */ jsx12(Route, {
+      /* @__PURE__ */ jsx13(Route, {
         path: "*",
-        element: props.notFound || /* @__PURE__ */ jsx12(PageNotFound, {})
+        element: props.notFound || /* @__PURE__ */ jsx13(PageNotFound, {})
       }, "*")
     ]
   });
@@ -1087,12 +1151,12 @@ import {
   uniqBy,
   upperFirst as upperFirst4
 } from "lodash-es";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs5 } 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__ */ jsx13(Blank, {});
+    return /* @__PURE__ */ jsx14(Blank, {});
   if (item.options) {
     if (item.type.endsWith("[]"))
       return transferred.map((v) => {
@@ -1132,7 +1196,7 @@ function Table(props) {
           text: o.label,
           value: o.value
         })).concat({
-          text: /* @__PURE__ */ jsx13(Blank, {}),
+          text: /* @__PURE__ */ jsx14(Blank, {}),
           value: null
         });
       }
@@ -1191,7 +1255,7 @@ function Table(props) {
               setSelectedKeys,
               confirm,
               clearFilters
-            }) => /* @__PURE__ */ jsx13(Input2.Search, {
+            }) => /* @__PURE__ */ jsx14(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
               allowClear: true,
               onSearch: (v) => {
@@ -1221,7 +1285,7 @@ function Table(props) {
               setSelectedKeys,
               confirm,
               clearFilters
-            }) => /* @__PURE__ */ jsx13(Input2.Search, {
+            }) => /* @__PURE__ */ jsx14(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
               allowClear: true,
               onSearch: (v) => {
@@ -1251,7 +1315,7 @@ function Table(props) {
               setSelectedKeys,
               confirm,
               clearFilters
-            }) => /* @__PURE__ */ jsx13(Input2.Search, {
+            }) => /* @__PURE__ */ jsx14(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
               allowClear: true,
               onSearch: (v) => {
@@ -1281,7 +1345,7 @@ function Table(props) {
               setSelectedKeys,
               confirm,
               clearFilters
-            }) => /* @__PURE__ */ jsx13(Input2.Search, {
+            }) => /* @__PURE__ */ jsx14(Input2.Search, {
               placeholder: `${common2.search} ${item.title}`,
               allowClear: true,
               onSearch: (v) => {
@@ -1297,12 +1361,12 @@ function Table(props) {
           break;
         case "boolean":
           if (!item.render)
-            item.render = (value) => isNil2(value) ? /* @__PURE__ */ jsx13(Blank, {}) : value ? /* @__PURE__ */ jsx13(CheckOutlined2, {
+            item.render = (value) => isNil2(value) ? /* @__PURE__ */ jsx14(Blank, {}) : value ? /* @__PURE__ */ jsx14(CheckOutlined2, {
               style: {
                 marginTop: "4px",
                 color: "#52c41a"
               }
-            }) : /* @__PURE__ */ jsx13(CloseOutlined2, {
+            }) : /* @__PURE__ */ jsx14(CloseOutlined2, {
               style: {
                 marginTop: "4px",
                 color: "#ff4d4f"
@@ -1313,7 +1377,7 @@ function Table(props) {
               setSelectedKeys,
               selectedKeys,
               confirm
-            }) => /* @__PURE__ */ jsxs4(Radio.Group, {
+            }) => /* @__PURE__ */ jsxs5(Radio.Group, {
               style: { padding: 8 },
               buttonStyle: "solid",
               value: selectedKeys[0],
@@ -1327,28 +1391,28 @@ function Table(props) {
                 confirm();
               },
               children: [
-                /* @__PURE__ */ jsx13(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio.Button, {
                   children: common2.all
                 }),
-                /* @__PURE__ */ jsx13(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio.Button, {
                   value: "true",
-                  children: /* @__PURE__ */ jsx13(CheckOutlined2, {
+                  children: /* @__PURE__ */ jsx14(CheckOutlined2, {
                     style: {
                       color: "#52c41a",
                       verticalAlign: "middle"
                     }
                   })
                 }),
-                /* @__PURE__ */ jsx13(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio.Button, {
                   value: "false",
-                  children: /* @__PURE__ */ jsx13(CloseOutlined2, {
+                  children: /* @__PURE__ */ jsx14(CloseOutlined2, {
                     style: {
                       verticalAlign: "middle",
                       color: "#ff4d4f"
                     }
                   })
                 }),
-                /* @__PURE__ */ jsx13(Radio.Button, {
+                /* @__PURE__ */ jsx14(Radio.Button, {
                   value: "null",
                   children: common2.blank
                 })
@@ -1396,7 +1460,7 @@ function Table(props) {
           break;
         case "object":
           if (!item.render)
-            item.render = (value) => /* @__PURE__ */ jsx13(Description, {
+            item.render = (value) => /* @__PURE__ */ jsx14(Description, {
               items: item.object,
               dataSource: value || {},
               column: 1
@@ -1404,8 +1468,8 @@ function Table(props) {
           break;
         case "object[]":
           if (!item.render)
-            item.render = (value) => /* @__PURE__ */ jsx13(Fragment4, {
-              children: value.map((v, i) => /* @__PURE__ */ jsx13(Description, {
+            item.render = (value) => /* @__PURE__ */ jsx14(Fragment4, {
+              children: value.map((v, i) => /* @__PURE__ */ jsx14(Description, {
                 items: item.object,
                 dataSource: v || [],
                 column: 1
@@ -1440,7 +1504,7 @@ function Table(props) {
             const newColumns = [...prev];
             const index = newColumns.findIndex((item) => item.id === column.id);
             newColumns[index].filters = filters.concat({
-              text: /* @__PURE__ */ jsx13(Blank, {}),
+              text: /* @__PURE__ */ jsx14(Blank, {}),
               value: null
             });
             return newColumns;
@@ -1451,15 +1515,15 @@ function Table(props) {
   if (!columns)
     return null;
   if (props.dataSource)
-    return /* @__PURE__ */ jsx13(AntdTable, {
+    return /* @__PURE__ */ jsx14(AntdTable, {
       ...props,
       rowKey: props.rowKey || "id",
       columns,
       dataSource: props.dataSource
     });
-  return /* @__PURE__ */ jsx13(FaasDataWrapper, {
+  return /* @__PURE__ */ jsx14(FaasDataWrapper, {
     ...props.faasData,
-    children: /* @__PURE__ */ jsx13(FaasDataTable, {
+    children: /* @__PURE__ */ jsx14(FaasDataTable, {
       props,
       columns
     })
@@ -1485,7 +1549,7 @@ function FaasDataTable({
             text: v.label,
             value: v.value
           })).concat({
-            text: /* @__PURE__ */ jsx13(Blank, {}),
+            text: /* @__PURE__ */ jsx14(Blank, {}),
             value: null
           });
           column.render = (value) => processValue(column, value);
@@ -1500,7 +1564,7 @@ function FaasDataTable({
           }));
           if (filters.length)
             column.filters = filters.concat({
-              text: /* @__PURE__ */ jsx13(Blank, {}),
+              text: /* @__PURE__ */ jsx14(Blank, {}),
               value: null
             });
         }
@@ -1509,20 +1573,20 @@ function FaasDataTable({
     });
   }, [columns, data]);
   if (!data)
-    return /* @__PURE__ */ jsx13(AntdTable, {
+    return /* @__PURE__ */ jsx14(AntdTable, {
       ...props,
       rowKey: props.rowKey || "id",
       columns: currentColumns,
       dataSource: []
     });
   if (Array.isArray(data))
-    return /* @__PURE__ */ jsx13(AntdTable, {
+    return /* @__PURE__ */ jsx14(AntdTable, {
       ...props,
       rowKey: props.rowKey || "id",
       columns: currentColumns,
       dataSource: data
     });
-  return /* @__PURE__ */ jsx13(AntdTable, {
+  return /* @__PURE__ */ jsx14(AntdTable, {
     ...props,
     rowKey: props.rowKey || "id",
     columns: currentColumns,
@@ -1554,7 +1618,7 @@ function FaasDataTable({
 
 // src/Title.tsx
 import { useEffect as useEffect6, cloneElement as cloneElement4 } from "react";
-import { Fragment as Fragment5, jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx15 } from "react/jsx-runtime";
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
   useEffect6(() => {
@@ -1563,17 +1627,17 @@ function Title(props) {
   }, [props]);
   if (props.h1) {
     if (typeof props.h1 === "boolean")
-      return /* @__PURE__ */ jsx14("h1", {
+      return /* @__PURE__ */ jsx15("h1", {
         children: Array.isArray(props.title) ? props.title[0] : props.title
       });
-    return /* @__PURE__ */ jsx14("h1", {
+    return /* @__PURE__ */ jsx15("h1", {
       className: props.h1.className,
       style: props.h1.style,
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   }
   if (props.plain)
-    return /* @__PURE__ */ jsx14(Fragment5, {
+    return /* @__PURE__ */ jsx15(Fragment5, {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.children)
@@ -1581,9 +1645,10 @@ function Title(props) {
   return null;
 }
 export {
+  App,
   Blank,
   ConfigContext,
-  ConfigProvider,
+  ConfigProvider2 as ConfigProvider,
   Description,
   Drawer,
   ErrorBoundary,
@@ -1599,6 +1664,7 @@ export {
   Title,
   transferOptions,
   transferValue,
+  useApp,
   useConfigContext,
   useDrawer,
   useModal