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

package/dist/index.d.ts

@@ -4,8 +4,10 @@ import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
 import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, TimePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps } from 'antd';
 export { Drawer, Modal } from 'antd';
+import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, Component, LazyExoticComponent, ComponentType } from 'react';
+export { lazy } from 'react';
 import { Dayjs } from 'dayjs';
 import { RuleObject } from 'rc-field-form/lib/interface';
 import { FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
@@ -16,7 +18,6 @@ import * as antd_es_form from 'antd/es/form';
 import * as rc_field_form_es_useWatch from 'rc-field-form/es/useWatch';
 import * as antd_es_form_hooks_useFormInstance from 'antd/es/form/hooks/useFormInstance';
 import * as antd_es_form_Form from 'antd/es/form/Form';
-import { RouteProps } from 'react-router-dom';
 
 interface ModalProps extends ModalProps$1 {
     children?: JSX.Element | JSX.Element[] | string;
@@ -74,6 +75,7 @@ interface AppProps {
     children: React.ReactNode;
     styleProviderProps?: StyleProviderProps;
     configProviderProps?: ConfigProviderProps$1;
+    browserRouterProps?: BrowserRouterProps;
 }
 interface useAppProps {
     message: MessageInstance;
@@ -82,6 +84,9 @@ interface useAppProps {
     setDrawerProps: (changes: Partial<DrawerProps>) => void;
 }
 declare function App(props: AppProps): JSX.Element;
+declare namespace App {
+    var useApp: typeof useApp;
+}
 declare function useApp(): useAppProps;
 
 interface BlankProps {
@@ -478,7 +483,7 @@ interface RoutesProps {
  * Routes with lazy loading and 404 page.
  *
  * ```tsx
- * import { lazy } from 'react'
+ * import { Routes, lazy } from '@faasjs/ant-design'
  * import { BrowserRouter } from 'react-router-dom'
  *
  * export function App () {

package/dist/index.js

@@ -43,6 +43,7 @@ __export(src_exports, {
   Routes: () => Routes,
   Table: () => Table,
   Title: () => Title,
+  lazy: () => import_react13.lazy,
   transferOptions: () => transferOptions,
   transferValue: () => transferValue,
   useApp: () => useApp,
@@ -115,6 +116,7 @@ function useDrawer(init) {
 }
 
 // src/App.tsx
+var import_react_router_dom = require("react-router-dom");
 var import_jsx_runtime = require("react/jsx-runtime");
 var AppContext = (0, import_react4.createContext)({
   message: {},
@@ -122,6 +124,18 @@ var AppContext = (0, import_react4.createContext)({
   setModalProps: () => void 0,
   setDrawerProps: () => void 0
 });
+function RoutesApp(props) {
+  const location = (0, import_react_router_dom.useLocation)();
+  const { setDrawerProps, setModalProps } = useApp();
+  (0, import_react4.useEffect)(() => {
+    console.debug("location", location);
+    setDrawerProps({ open: false });
+    setModalProps({ open: false });
+  }, [location]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: props.children
+  });
+}
 function App(props) {
   const [messageApi, messageContextHolder] = import_antd3.message.useMessage();
   const [notificationApi, notificationContextHolder] = import_antd3.notification.useNotification();
@@ -142,21 +156,26 @@ function App(props) {
     ]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cssinjs.StyleProvider, {
-    ...props.styleProviderProps || {},
+    ...Object.assign(props.styleProviderProps || {}, {
+      hashPriority: "high",
+      transformers: [import_cssinjs.legacyLogicalPropertiesTransformer]
+    }),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd3.ConfigProvider, {
-      ...Object.assign(props.configProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [import_cssinjs.legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AppContext.Provider, {
+      ...props.configProviderProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppContext.Provider, {
         value: memoizedContextValue,
-        children: [
-          messageContextHolder,
-          notificationContextHolder,
-          modal,
-          drawer,
-          props.children
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_router_dom.BrowserRouter, {
+          ...props.browserRouterProps,
+          children: [
+            messageContextHolder,
+            notificationContextHolder,
+            modal,
+            drawer,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RoutesApp, {
+              children: props.children
+            })
+          ]
+        })
       })
     })
   });
@@ -164,6 +183,7 @@ function App(props) {
 function useApp() {
   return (0, import_react4.useContext)(AppContext);
 }
+App.useApp = useApp;
 
 // src/Blank.tsx
 var import_antd4 = require("antd");
@@ -1054,7 +1074,7 @@ Form.ErrorList = import_antd9.Form.ErrorList;
 Form.Provider = import_antd9.Form.Provider;
 
 // src/Link.tsx
-var import_react_router_dom = require("react-router-dom");
+var import_react_router_dom2 = require("react-router-dom");
 var import_antd10 = require("antd");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Link(props) {
@@ -1087,7 +1107,7 @@ function Link(props) {
     });
   }
   if (props.button)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Link, {
       to: props.href,
       target: props.target || (Link2 == null ? void 0 : Link2.target),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd10.Button, {
@@ -1096,7 +1116,7 @@ function Link(props) {
         children: (_c = props.text) != null ? _c : props.children
       })
     });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Link, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Link, {
     to: props.href,
     target: props.target || (Link2 == null ? void 0 : Link2.target),
     style,
@@ -1107,7 +1127,8 @@ function Link(props) {
 // src/Routers.tsx
 var import_antd11 = require("antd");
 var import_react12 = require("react");
-var import_react_router_dom2 = require("react-router-dom");
+var import_react_router_dom3 = require("react-router-dom");
+var import_react13 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function PageNotFound() {
   const config = useConfigContext();
@@ -1117,9 +1138,9 @@ function PageNotFound() {
   });
 }
 function Routes(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_router_dom2.Routes, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_router_dom3.Routes, {
     children: [
-      props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Route, {
+      props.routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom3.Route, {
         ...r,
         element: r.element || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react12.Suspense, {
           fallback: props.fallback || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -1131,7 +1152,7 @@ function Routes(props) {
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r.page, {})
         })
       }, r.path)),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom2.Route, {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom3.Route, {
         path: "*",
         element: props.notFound || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageNotFound, {})
       }, "*")
@@ -1140,7 +1161,7 @@ function Routes(props) {
 }
 
 // src/Table.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_antd12 = require("antd");
 var import_dayjs2 = __toESM(require("dayjs"));
 var import_icons3 = require("@ant-design/icons");
@@ -1171,9 +1192,9 @@ function processValue(item, value) {
   return value;
 }
 function Table(props) {
-  const [columns, setColumns] = (0, import_react13.useState)();
+  const [columns, setColumns] = (0, import_react14.useState)();
   const { common: common2 } = useConfigContext();
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1197,7 +1218,7 @@ function Table(props) {
       if (item.tableChildren === null)
         item.render = () => null;
       else if (item.tableChildren)
-        item.render = (value, values) => (0, import_react13.cloneElement)(
+        item.render = (value, values) => (0, import_react14.cloneElement)(
           item.tableChildren,
           {
             scene: "table",
@@ -1208,7 +1229,7 @@ function Table(props) {
       else if (item.children === null)
         item.render = () => null;
       else if (item.children)
-        item.render = (value, values) => (0, import_react13.cloneElement)(
+        item.render = (value, values) => (0, import_react14.cloneElement)(
           item.children,
           {
             scene: "table",
@@ -1218,7 +1239,7 @@ function Table(props) {
         );
       if (props.extendTypes && props.extendTypes[item.type]) {
         if (props.extendTypes[item.type].children)
-          item.render = (value, values) => (0, import_react13.cloneElement)(
+          item.render = (value, values) => (0, import_react14.cloneElement)(
             props.extendTypes[item.type].children,
             {
               scene: "table",
@@ -1484,7 +1505,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [props.items]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1530,8 +1551,8 @@ function FaasDataTable({
   params,
   reload
 }) {
-  const [currentColumns, setCurrentColumns] = (0, import_react13.useState)(columns);
-  (0, import_react13.useEffect)(() => {
+  const [currentColumns, setCurrentColumns] = (0, import_react14.useState)(columns);
+  (0, import_react14.useEffect)(() => {
     if (!data || Array.isArray(data))
       return;
     setCurrentColumns((prev) => {
@@ -1611,11 +1632,11 @@ function FaasDataTable({
 }
 
 // src/Title.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.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]);
@@ -1635,7 +1656,7 @@ function Title(props) {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.children)
-    return (0, import_react14.cloneElement)(props.children, { title: props.title });
+    return (0, import_react15.cloneElement)(props.children, { title: props.title });
   return null;
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -1657,6 +1678,7 @@ function Title(props) {
   Routes,
   Table,
   Title,
+  lazy,
   transferOptions,
   transferValue,
   useApp,

package/dist/index.mjs

@@ -11,6 +11,7 @@ import { StyleProvider, legacyLogicalPropertiesTransformer } from "@ant-design/c
 import {
   createContext,
   useContext,
+  useEffect,
   useMemo
 } from "react";
 
@@ -69,13 +70,26 @@ function useDrawer(init) {
 }
 
 // src/App.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { BrowserRouter, useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 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__ */ jsx3(Fragment, {
+    children: props.children
+  });
+}
 function App(props) {
   const [messageApi, messageContextHolder] = message.useMessage();
   const [notificationApi, notificationContextHolder] = notification.useNotification();
@@ -96,21 +110,26 @@ function App(props) {
     ]
   );
   return /* @__PURE__ */ jsx3(StyleProvider, {
-    ...props.styleProviderProps || {},
+    ...Object.assign(props.styleProviderProps || {}, {
+      hashPriority: "high",
+      transformers: [legacyLogicalPropertiesTransformer]
+    }),
     children: /* @__PURE__ */ jsx3(ConfigProvider, {
-      ...Object.assign(props.configProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsxs(AppContext.Provider, {
+      ...props.configProviderProps,
+      children: /* @__PURE__ */ jsx3(AppContext.Provider, {
         value: memoizedContextValue,
-        children: [
-          messageContextHolder,
-          notificationContextHolder,
-          modal,
-          drawer,
-          props.children
-        ]
+        children: /* @__PURE__ */ jsxs(BrowserRouter, {
+          ...props.browserRouterProps,
+          children: [
+            messageContextHolder,
+            notificationContextHolder,
+            modal,
+            drawer,
+            /* @__PURE__ */ jsx3(RoutesApp, {
+              children: props.children
+            })
+          ]
+        })
       })
     })
   });
@@ -118,6 +137,7 @@ function App(props) {
 function useApp() {
   return useContext(AppContext);
 }
+App.useApp = useApp;
 
 // src/Blank.tsx
 import { Typography } from "antd";
@@ -127,7 +147,7 @@ import { isNil } from "lodash-es";
 import {
   createContext as createContext2,
   useContext as useContext2,
-  useEffect,
+  useEffect as useEffect2,
   useState as useState3
 } from "react";
 import { defaultsDeep } from "lodash-es";
@@ -176,7 +196,7 @@ function ConfigProvider2({
   children
 }) {
   const [values, setValues] = useState3(baseConfig);
-  useEffect(() => {
+  useEffect2(() => {
     if (config.lang === "zh") {
       setValues(defaultsDeep(config, {
         lang: "zh",
@@ -242,7 +262,7 @@ import {
 import { isFunction, upperFirst as upperFirst2 } from "lodash-es";
 import {
   cloneElement,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useState as useState4
 } from "react";
 
@@ -251,10 +271,10 @@ import { FaasDataWrapper as Origin } from "@faasjs/react";
 
 // src/Loading.tsx
 import { Spin } from "antd";
-import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
 function Loading(props) {
   if (props.loading === false)
-    return /* @__PURE__ */ jsx6(Fragment, {
+    return /* @__PURE__ */ jsx6(Fragment2, {
       children: props.children
     });
   return /* @__PURE__ */ jsx6("div", {
@@ -283,11 +303,11 @@ function FaasDataWrapper(props) {
 }
 
 // src/Description.tsx
-import { Fragment as Fragment2, jsx as jsx8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8 } from "react/jsx-runtime";
 function DescriptionItemContent(props) {
   var _a;
   const [computedProps, setComputedProps] = useState4();
-  useEffect2(() => {
+  useEffect3(() => {
     var _a2, _b;
     const propsCopy = { ...props };
     if (!propsCopy.item.title)
@@ -326,7 +346,7 @@ function DescriptionItemContent(props) {
         }
       );
     else if (computedProps.extendTypes[computedProps.item.type].render)
-      return /* @__PURE__ */ jsx8(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment3, {
         children: computedProps.extendTypes[computedProps.item.type].render(computedProps.value, computedProps.values, 0, "description")
       });
     else
@@ -355,13 +375,13 @@ function DescriptionItemContent(props) {
     return /* @__PURE__ */ jsx8(Blank, {});
   switch (computedProps.item.type) {
     case "string[]":
-      return /* @__PURE__ */ jsx8(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment3, {
         children: computedProps.value.join(", ")
       });
     case "number":
       return computedProps.value || null;
     case "number[]":
-      return /* @__PURE__ */ jsx8(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment3, {
         children: computedProps.value.join(", ")
       });
     case "boolean":
@@ -377,11 +397,11 @@ function DescriptionItemContent(props) {
         }
       });
     case "time":
-      return /* @__PURE__ */ jsx8(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment3, {
         children: computedProps.value.format("YYYY-MM-DD HH:mm:ss")
       });
     case "date":
-      return /* @__PURE__ */ jsx8(Fragment2, {
+      return /* @__PURE__ */ jsx8(Fragment3, {
         children: computedProps.value.format("YYYY-MM-DD")
       });
     case "object":
@@ -500,7 +520,7 @@ import {
   Form as AntdForm2
 } from "antd";
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useState as useState6,
   useCallback,
   isValidElement
@@ -522,11 +542,11 @@ import {
 import { MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
   cloneElement as cloneElement2,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useState as useState5
 } from "react";
 import { upperFirst as upperFirst3 } from "lodash-es";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = upperFirst3(propsCopy.id);
@@ -579,7 +599,7 @@ function FormItem(props) {
   const [extendTypes, setExtendTypes] = useState5();
   const { common: common2 } = useConfigContext();
   const [hidden, setHidden] = useState5(props.hidden || false);
-  useEffect3(() => {
+  useEffect4(() => {
     const propsCopy = { ...props };
     if (propsCopy.extendTypes) {
       setExtendTypes(propsCopy.extendTypes);
@@ -664,7 +684,7 @@ function FormItem(props) {
         rules: computedProps.rules,
         children: (fields, { add, remove }, { errors }) => {
           var _a2;
-          return /* @__PURE__ */ jsxs2(Fragment3, {
+          return /* @__PURE__ */ jsxs2(Fragment4, {
             children: [
               computedProps.label && /* @__PURE__ */ jsx10("div", {
                 className: "ant-form-item-label",
@@ -749,7 +769,7 @@ function FormItem(props) {
         rules: computedProps.rules,
         children: (fields, { add, remove }, { errors }) => {
           var _a2, _b;
-          return /* @__PURE__ */ jsxs2(Fragment3, {
+          return /* @__PURE__ */ jsxs2(Fragment4, {
             children: [
               computedProps.label && /* @__PURE__ */ jsx10("div", {
                 className: "ant-form-item-label",
@@ -833,7 +853,7 @@ function FormItem(props) {
         })
       });
     case "object":
-      return /* @__PURE__ */ jsxs2(Fragment3, {
+      return /* @__PURE__ */ jsxs2(Fragment4, {
         children: [
           computedProps.label && /* @__PURE__ */ jsx10("div", {
             className: "ant-form-item-label",
@@ -851,7 +871,7 @@ function FormItem(props) {
       return /* @__PURE__ */ jsx10(AntdForm.List, {
         name: computedProps.name,
         rules: computedProps.rules,
-        children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs2(Fragment3, {
+        children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ jsxs2(Fragment4, {
           children: [
             fields.map((field) => /* @__PURE__ */ jsxs2(AntdForm.Item, {
               style: { marginBottom: 0 },
@@ -925,7 +945,7 @@ function Form(props) {
   const [extendTypes, setExtendTypes] = useState6();
   const [form] = AntdForm2.useForm(props.form);
   const [initialValues, setInitialValues] = useState6(props.initialValues);
-  useEffect4(() => {
+  useEffect5(() => {
     var _a2, _b2, _c;
     const propsCopy = {
       ...props,
@@ -1005,7 +1025,7 @@ function Form(props) {
         item.onValueChange(changedValues[key], allValues, form);
     }
   }, [computedProps]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!initialValues)
       return;
     console.debug("Form:initialValues", initialValues);
@@ -1102,6 +1122,7 @@ import {
   Routes as OriginRoutes,
   Route
 } from "react-router-dom";
+import { lazy } from "react";
 import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 function PageNotFound() {
   const config = useConfigContext();
@@ -1136,7 +1157,7 @@ function Routes(props) {
 // src/Table.tsx
 import {
   useState as useState7,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   cloneElement as cloneElement3
 } from "react";
 import {
@@ -1151,7 +1172,7 @@ import {
   uniqBy,
   upperFirst as upperFirst4
 } from "lodash-es";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function processValue(item, value) {
   var _a;
   const transferred = transferValue(item.type, value);
@@ -1179,7 +1200,7 @@ function processValue(item, value) {
 function Table(props) {
   const [columns, setColumns] = useState7();
   const { common: common2 } = useConfigContext();
-  useEffect5(() => {
+  useEffect6(() => {
     var _a;
     for (const item of props.items) {
       if (!item.key)
@@ -1468,7 +1489,7 @@ function Table(props) {
           break;
         case "object[]":
           if (!item.render)
-            item.render = (value) => /* @__PURE__ */ jsx14(Fragment4, {
+            item.render = (value) => /* @__PURE__ */ jsx14(Fragment5, {
               children: value.map((v, i) => /* @__PURE__ */ jsx14(Description, {
                 items: item.object,
                 dataSource: v || [],
@@ -1490,7 +1511,7 @@ function Table(props) {
     }
     setColumns(props.items);
   }, [props.items]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!props.dataSource || !columns)
       return;
     for (const column of columns) {
@@ -1537,7 +1558,7 @@ function FaasDataTable({
   reload
 }) {
   const [currentColumns, setCurrentColumns] = useState7(columns);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!data || Array.isArray(data))
       return;
     setCurrentColumns((prev) => {
@@ -1617,11 +1638,11 @@ function FaasDataTable({
 }
 
 // src/Title.tsx
-import { useEffect as useEffect6, cloneElement as cloneElement4 } from "react";
-import { Fragment as Fragment5, jsx as jsx15 } from "react/jsx-runtime";
+import { useEffect as useEffect7, cloneElement as cloneElement4 } from "react";
+import { Fragment as Fragment6, jsx as jsx15 } from "react/jsx-runtime";
 function Title(props) {
   const { Title: Title2 } = useConfigContext();
-  useEffect6(() => {
+  useEffect7(() => {
     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]);
@@ -1637,7 +1658,7 @@ function Title(props) {
     });
   }
   if (props.plain)
-    return /* @__PURE__ */ jsx15(Fragment5, {
+    return /* @__PURE__ */ jsx15(Fragment6, {
       children: Array.isArray(props.title) ? props.title[0] : props.title
     });
   if (props.children)
@@ -1662,6 +1683,7 @@ export {
   Routes,
   Table,
   Title,
+  lazy,
   transferOptions,
   transferValue,
   useApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.3-beta.54",
+  "version": "0.0.3-beta.56",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",