@faasjs/ant-design 1.4.2 → 1.6.0

package/dist/index.js

@@ -15,44 +15,59 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var dayjs2__default = /*#__PURE__*/_interopDefault(dayjs2);
 
 // src/index.ts
+var Modal = antd.Modal;
+Modal.whyDidYouRender = true;
 function useModal(init) {
-  const [props, setProps] = react$1.useState({
-    open: false,
-    onCancel: () => setProps((prev) => ({
-      ...prev,
-      open: false
-    })),
-    ...init
-  });
+  const [props, setProps] = react$1.useState({ open: false, ...init });
+  const setModalProps2 = react$1.useCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
   return {
-    modal: /* @__PURE__ */ jsxRuntime.jsx(antd.Modal, { ...props }),
+    modal: /* @__PURE__ */ jsxRuntime.jsx(
+      Modal,
+      {
+        onCancel: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
     modalProps: props,
-    setModalProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
-    }
+    setModalProps: setModalProps2
   };
 }
+var Drawer = antd.Drawer;
+Drawer.whyDidYouRender = true;
 function useDrawer(init) {
   const [props, setProps] = react$1.useState({
     open: false,
-    onClose: () => setProps((prev) => ({
-      ...prev,
-      open: false
-    })),
     ...init
   });
+  const setDrawerProps2 = react$1.useCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
   return {
-    drawer: /* @__PURE__ */ jsxRuntime.jsx(antd.Drawer, { ...props }),
+    drawer: /* @__PURE__ */ jsxRuntime.jsx(
+      Drawer,
+      {
+        onClose: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
     drawerProps: props,
-    setDrawerProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
-    }
+    setDrawerProps: setDrawerProps2
   };
 }
 function ErrorChildren(props) {
@@ -77,6 +92,7 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
 }
+ErrorBoundary.whyDidYouRender = true;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -146,61 +162,78 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
 }
-var AppContext = react$1.createContext({
-  message: {},
-  notification: {},
-  setModalProps: () => void 0,
-  setDrawerProps: () => void 0
-});
+var MessageContext = react$1.createContext({});
+var NotificationContext = react$1.createContext(
+  {}
+);
+var ModalPropsContext = react$1.createContext({});
+var SetModalPropsContext = react$1.createContext(() => void 0);
+var DrawerPropsContext = react$1.createContext({});
+var SetDrawerPropsContext = react$1.createContext(() => void 0);
 function RoutesApp(props) {
   const location = reactRouterDom.useLocation();
-  const { setDrawerProps, setModalProps } = useApp();
+  const { drawerProps, setDrawerProps: setDrawerProps2, modalProps, setModalProps: setModalProps2 } = useApp();
   react$1.useEffect(() => {
     console.debug("location", location);
-    setDrawerProps({ open: false });
-    setModalProps({ open: false });
+    if (drawerProps.open)
+      setDrawerProps2({ open: false });
+    if (modalProps.open)
+      setModalProps2({ open: false });
   }, [location]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
 }
 function App(props) {
   const [messageApi, messageContextHolder] = antd.message.useMessage();
   const [notificationApi, notificationContextHolder] = antd.notification.useNotification();
-  const { modal, setModalProps } = useModal();
-  const { drawer, setDrawerProps } = useDrawer();
-  const memoizedContextValue = react$1.useMemo(
+  const { modal, modalProps, setModalProps: setModalProps2 } = useModal();
+  const { drawer, drawerProps, setDrawerProps: setDrawerProps2 } = useDrawer();
+  const styleProviderProps = react$1.useMemo(
     () => ({
-      message: messageApi,
-      notification: notificationApi,
-      setModalProps,
-      setDrawerProps
+      ...props.styleProviderProps,
+      hashPriority: "high",
+      transformers: [cssinjs.legacyLogicalPropertiesTransformer]
     }),
-    [messageApi, notificationApi, setModalProps, setDrawerProps]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cssinjs.StyleProvider,
-    {
-      ...Object.assign(props.styleProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [cssinjs.legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.BrowserRouter, { ...props.browserRouterProps, children: [
-        messageContextHolder,
-        notificationContextHolder,
-        modal,
-        drawer,
-        /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children })
-      ] }) }) }) }) })
-    }
+    [props.styleProviderProps]
   );
+  return /* @__PURE__ */ jsxRuntime.jsx(cssinjs.StyleProvider, { ...styleProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(MessageContext.Provider, { value: messageApi, children: /* @__PURE__ */ jsxRuntime.jsx(NotificationContext.Provider, { value: notificationApi, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPropsContext.Provider, { value: drawerProps, children: /* @__PURE__ */ jsxRuntime.jsx(SetDrawerPropsContext.Provider, { value: setDrawerProps2, children: /* @__PURE__ */ jsxRuntime.jsx(ModalPropsContext.Provider, { value: modalProps, children: /* @__PURE__ */ jsxRuntime.jsx(SetModalPropsContext.Provider, { value: setModalProps2, children: /* @__PURE__ */ jsxRuntime.jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.BrowserRouter, { ...props.browserRouterProps, children: [
+    messageContextHolder,
+    notificationContextHolder,
+    modal,
+    drawer,
+    /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children })
+  ] }) }) }) }) }) }) }) }) }) }) });
 }
 function useApp() {
-  return react$1.useContext(AppContext);
+  return react.useConstant(() => {
+    const obj = /* @__PURE__ */ Object.create(null);
+    Object.defineProperty(obj, "message", {
+      get: () => react$1.useContext(MessageContext)
+    });
+    Object.defineProperty(obj, "notification", {
+      get: () => react$1.useContext(NotificationContext)
+    });
+    Object.defineProperty(obj, "modalProps", {
+      get: () => react$1.useContext(ModalPropsContext)
+    });
+    Object.defineProperty(obj, "setModalProps", {
+      get: () => react$1.useContext(SetModalPropsContext)
+    });
+    Object.defineProperty(obj, "drawerProps", {
+      get: () => react$1.useContext(DrawerPropsContext)
+    });
+    Object.defineProperty(obj, "setDrawerProps", {
+      get: () => react$1.useContext(SetDrawerPropsContext)
+    });
+    return Object.freeze(obj);
+  });
 }
 App.useApp = useApp;
+App.whyDidYouRender = true;
 function Blank(options) {
   const { theme } = useConfigContext();
   return !options || lodashEs.isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || theme.Blank.text }) : options.value;
 }
+Blank.whyDidYouRender = true;
 function transferOptions(options) {
   if (!options)
     return [];
@@ -263,6 +296,7 @@ function Loading(props) {
     }
   );
 }
+Loading.whyDidYouRender = true;
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.FaasDataWrapper,
@@ -272,6 +306,7 @@ function FaasDataWrapper(props) {
     }
   );
 }
+FaasDataWrapper.whyDidYouRender = true;
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = react$1.useState();
@@ -410,6 +445,7 @@ function DescriptionItemContent(props) {
       return computedProps.value || null;
   }
 }
+DescriptionItemContent.whyDidYouRender = true;
 function Description(props) {
   if (props.faasData && !props.dataSource)
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -441,6 +477,7 @@ function Description(props) {
     }
   );
 }
+Description.whyDidYouRender = true;
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = lodashEs.upperFirst(propsCopy.id);
@@ -732,6 +769,7 @@ function FormItem(props) {
       return null;
   }
 }
+FormItem.whyDidYouRender = true;
 FormItem.useStatus = antd.Form.Item.useStatus;
 function Form(props) {
   var _a, _b;
@@ -861,6 +899,7 @@ function Form(props) {
     computedProps.footer
   ] });
 }
+Form.whyDidYouRender = true;
 Form.useForm = antd.Form.useForm;
 Form.useFormInstance = antd.Form.useFormInstance;
 Form.useWatch = antd.Form.useWatch;
@@ -970,6 +1009,7 @@ function Link(props) {
     }
   );
 }
+Link.whyDidYouRender = true;
 function PageNotFound() {
   const { theme } = useConfigContext();
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "404", title: theme.common.pageNotFound });
@@ -993,6 +1033,7 @@ function Routes(props) {
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsxRuntime.jsx(PageNotFound, {}) }, "*")
   ] });
 }
+Routes.whyDidYouRender = true;
 function processValue(item, value) {
   var _a;
   const transferred = transferValue(item.type, value);
@@ -1591,6 +1632,7 @@ function FaasDataTable({
     }
   );
 }
+Table.whyDidYouRender = true;
 function Tabs(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Tabs,
@@ -1604,6 +1646,7 @@ function Tabs(props) {
     }
   );
 }
+Tabs.whyDidYouRender = true;
 function Title(props) {
   const { theme } = useConfigContext();
   react$1.useEffect(() => {
@@ -1621,6 +1664,7 @@ function Title(props) {
     return react$1.cloneElement(props.children, { title: props.title });
   return null;
 }
+Title.whyDidYouRender = true;
 
 Object.defineProperty(exports, "faas", {
   enumerable: true,
@@ -1630,14 +1674,6 @@ Object.defineProperty(exports, "useFaas", {
   enumerable: true,
   get: function () { return react.useFaas; }
 });
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () { return antd.Drawer; }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function () { return antd.Modal; }
-});
 Object.defineProperty(exports, "lazy", {
   enumerable: true,
   get: function () { return react$1.lazy; }
@@ -1647,12 +1683,14 @@ exports.Blank = Blank;
 exports.ConfigContext = ConfigContext;
 exports.ConfigProvider = ConfigProvider;
 exports.Description = Description;
+exports.Drawer = Drawer;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FaasDataWrapper = FaasDataWrapper;
 exports.Form = Form;
 exports.FormItem = FormItem;
 exports.Link = Link;
 exports.Loading = Loading;
+exports.Modal = Modal;
 exports.PageNotFound = PageNotFound;
 exports.Routes = Routes;
 exports.Table = Table;

package/dist/index.mjs

@@ -1,9 +1,8 @@
-import { ErrorBoundary as ErrorBoundary$1, FaasReactClient, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
+import { ErrorBoundary as ErrorBoundary$1, FaasReactClient, useConstant, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
-import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
-export { Drawer, Modal } from 'antd';
-import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
-import { createContext, useState, useEffect, useContext, useMemo, cloneElement, useCallback, isValidElement, Suspense } from 'react';
+import { Form as Form$1, Modal as Modal$1, Drawer as Drawer$1, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
+import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
+import { createContext, useState, useCallback, useEffect, useContext, useMemo, cloneElement, isValidElement, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BrowserRouter, useNavigate, Link as Link$1, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
@@ -12,44 +11,59 @@ import dayjs2 from 'dayjs';
 import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
 
 // src/index.ts
+var Modal = Modal$1;
+Modal.whyDidYouRender = true;
 function useModal(init) {
-  const [props, setProps] = useState({
-    open: false,
-    onCancel: () => setProps((prev) => ({
-      ...prev,
-      open: false
-    })),
-    ...init
-  });
+  const [props, setProps] = useState({ open: false, ...init });
+  const setModalProps2 = useCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
   return {
-    modal: /* @__PURE__ */ jsx(Modal, { ...props }),
+    modal: /* @__PURE__ */ jsx(
+      Modal,
+      {
+        onCancel: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
     modalProps: props,
-    setModalProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
-    }
+    setModalProps: setModalProps2
   };
 }
+var Drawer = Drawer$1;
+Drawer.whyDidYouRender = true;
 function useDrawer(init) {
   const [props, setProps] = useState({
     open: false,
-    onClose: () => setProps((prev) => ({
-      ...prev,
-      open: false
-    })),
     ...init
   });
+  const setDrawerProps2 = useCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
   return {
-    drawer: /* @__PURE__ */ jsx(Drawer, { ...props }),
+    drawer: /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        onClose: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
     drawerProps: props,
-    setDrawerProps(changes) {
-      setProps((prev) => ({
-        ...prev,
-        ...changes
-      }));
-    }
+    setDrawerProps: setDrawerProps2
   };
 }
 function ErrorChildren(props) {
@@ -74,6 +88,7 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
 }
+ErrorBoundary.whyDidYouRender = true;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -143,61 +158,78 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return useContext(ConfigContext);
 }
-var AppContext = createContext({
-  message: {},
-  notification: {},
-  setModalProps: () => void 0,
-  setDrawerProps: () => void 0
-});
+var MessageContext = createContext({});
+var NotificationContext = createContext(
+  {}
+);
+var ModalPropsContext = createContext({});
+var SetModalPropsContext = createContext(() => void 0);
+var DrawerPropsContext = createContext({});
+var SetDrawerPropsContext = createContext(() => void 0);
 function RoutesApp(props) {
   const location = useLocation();
-  const { setDrawerProps, setModalProps } = useApp();
+  const { drawerProps, setDrawerProps: setDrawerProps2, modalProps, setModalProps: setModalProps2 } = useApp();
   useEffect(() => {
     console.debug("location", location);
-    setDrawerProps({ open: false });
-    setModalProps({ open: false });
+    if (drawerProps.open)
+      setDrawerProps2({ open: false });
+    if (modalProps.open)
+      setModalProps2({ 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(
+  const { modal, modalProps, setModalProps: setModalProps2 } = useModal();
+  const { drawer, drawerProps, setDrawerProps: setDrawerProps2 } = useDrawer();
+  const styleProviderProps = useMemo(
     () => ({
-      message: messageApi,
-      notification: notificationApi,
-      setModalProps,
-      setDrawerProps
+      ...props.styleProviderProps,
+      hashPriority: "high",
+      transformers: [legacyLogicalPropertiesTransformer]
     }),
-    [messageApi, notificationApi, setModalProps, setDrawerProps]
-  );
-  return /* @__PURE__ */ jsx(
-    StyleProvider,
-    {
-      ...Object.assign(props.styleProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsx(ConfigProvider$1, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
-        messageContextHolder,
-        notificationContextHolder,
-        modal,
-        drawer,
-        /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
-      ] }) }) }) }) })
-    }
+    [props.styleProviderProps]
   );
+  return /* @__PURE__ */ jsx(StyleProvider, { ...styleProviderProps, children: /* @__PURE__ */ jsx(ConfigProvider$1, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(MessageContext.Provider, { value: messageApi, children: /* @__PURE__ */ jsx(NotificationContext.Provider, { value: notificationApi, children: /* @__PURE__ */ jsx(DrawerPropsContext.Provider, { value: drawerProps, children: /* @__PURE__ */ jsx(SetDrawerPropsContext.Provider, { value: setDrawerProps2, children: /* @__PURE__ */ jsx(ModalPropsContext.Provider, { value: modalProps, children: /* @__PURE__ */ jsx(SetModalPropsContext.Provider, { value: setModalProps2, children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
+    messageContextHolder,
+    notificationContextHolder,
+    modal,
+    drawer,
+    /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
+  ] }) }) }) }) }) }) }) }) }) }) });
 }
 function useApp() {
-  return useContext(AppContext);
+  return useConstant(() => {
+    const obj = /* @__PURE__ */ Object.create(null);
+    Object.defineProperty(obj, "message", {
+      get: () => useContext(MessageContext)
+    });
+    Object.defineProperty(obj, "notification", {
+      get: () => useContext(NotificationContext)
+    });
+    Object.defineProperty(obj, "modalProps", {
+      get: () => useContext(ModalPropsContext)
+    });
+    Object.defineProperty(obj, "setModalProps", {
+      get: () => useContext(SetModalPropsContext)
+    });
+    Object.defineProperty(obj, "drawerProps", {
+      get: () => useContext(DrawerPropsContext)
+    });
+    Object.defineProperty(obj, "setDrawerProps", {
+      get: () => useContext(SetDrawerPropsContext)
+    });
+    return Object.freeze(obj);
+  });
 }
 App.useApp = useApp;
+App.whyDidYouRender = true;
 function Blank(options) {
   const { theme } = useConfigContext();
   return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || theme.Blank.text }) : options.value;
 }
+Blank.whyDidYouRender = true;
 function transferOptions(options) {
   if (!options)
     return [];
@@ -260,6 +292,7 @@ function Loading(props) {
     }
   );
 }
+Loading.whyDidYouRender = true;
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsx(
     FaasDataWrapper$1,
@@ -269,6 +302,7 @@ function FaasDataWrapper(props) {
     }
   );
 }
+FaasDataWrapper.whyDidYouRender = true;
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = useState();
@@ -407,6 +441,7 @@ function DescriptionItemContent(props) {
       return computedProps.value || null;
   }
 }
+DescriptionItemContent.whyDidYouRender = true;
 function Description(props) {
   if (props.faasData && !props.dataSource)
     return /* @__PURE__ */ jsx(
@@ -438,6 +473,7 @@ function Description(props) {
     }
   );
 }
+Description.whyDidYouRender = true;
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = upperFirst(propsCopy.id);
@@ -729,6 +765,7 @@ function FormItem(props) {
       return null;
   }
 }
+FormItem.whyDidYouRender = true;
 FormItem.useStatus = Form$1.Item.useStatus;
 function Form(props) {
   var _a, _b;
@@ -858,6 +895,7 @@ function Form(props) {
     computedProps.footer
   ] });
 }
+Form.whyDidYouRender = true;
 Form.useForm = Form$1.useForm;
 Form.useFormInstance = Form$1.useFormInstance;
 Form.useWatch = Form$1.useWatch;
@@ -967,6 +1005,7 @@ function Link(props) {
     }
   );
 }
+Link.whyDidYouRender = true;
 function PageNotFound() {
   const { theme } = useConfigContext();
   return /* @__PURE__ */ jsx(Result, { status: "404", title: theme.common.pageNotFound });
@@ -990,6 +1029,7 @@ function Routes(props) {
     /* @__PURE__ */ jsx(Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsx(PageNotFound, {}) }, "*")
   ] });
 }
+Routes.whyDidYouRender = true;
 function processValue(item, value) {
   var _a;
   const transferred = transferValue(item.type, value);
@@ -1588,6 +1628,7 @@ function FaasDataTable({
     }
   );
 }
+Table.whyDidYouRender = true;
 function Tabs(props) {
   return /* @__PURE__ */ jsx(
     Tabs$1,
@@ -1601,6 +1642,7 @@ function Tabs(props) {
     }
   );
 }
+Tabs.whyDidYouRender = true;
 function Title(props) {
   const { theme } = useConfigContext();
   useEffect(() => {
@@ -1618,5 +1660,6 @@ function Title(props) {
     return cloneElement(props.children, { title: props.title });
   return null;
 }
+Title.whyDidYouRender = true;
 
-export { App, Blank, ConfigContext, ConfigProvider, Description, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };
+export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "1.4.2",
+  "version": "1.6.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -26,7 +26,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "1.4.2",
+    "@faasjs/react": "1.6.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -37,7 +37,8 @@
     "@testing-library/jest-dom": "*",
     "@testing-library/react": "*",
     "@testing-library/user-event": "*",
-    "@faasjs/react": "1.4.2",
+    "@welldone-software/why-did-you-render": "*",
+    "@faasjs/react": "1.6.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",