@faasjs/ant-design 1.4.2 → 1.5.0

package/dist/index.d.mts

@@ -5,12 +5,14 @@ import { ConfigProviderProps as ConfigProviderProps$1 } from 'antd/es/config-pro
 import { StyleProviderProps } from '@ant-design/cssinjs/lib/StyleContext';
 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, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
-export { Drawer, Modal } from 'antd';
-import { BrowserRouterProps, RouteProps } from 'react-router-dom';
+import * as antd_es_modal_PurePanel from 'antd/es/modal/PurePanel';
+import * as antd_es_modal_useModal from 'antd/es/modal/useModal';
+import * as antd_es_modal_confirm from 'antd/es/modal/confirm';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
 export { lazy } from 'react';
+import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
+import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import { Dayjs } from 'dayjs';
 import { RuleObject } from 'rc-field-form/lib/interface';
 import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
@@ -21,10 +23,16 @@ import * as antd_es_form_hooks_useFormInstance from 'antd/es/form/hooks/useFormI
 import * as antd_es_form_Form from 'antd/es/form/Form';
 import { Tab } from 'rc-tabs/es/interface';
 
+declare const Modal: react.FC<ModalProps$1> & antd_es_modal_confirm.ModalStaticFunctions & {
+    useModal: typeof antd_es_modal_useModal.default;
+    destroyAll: () => void;
+    config: typeof antd_es_modal_confirm.modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: antd_es_modal_PurePanel.PurePanelProps) => react.JSX.Element;
+};
 interface ModalProps extends ModalProps$1 {
     children?: JSX.Element | JSX.Element[] | string;
 }
-type setModalProps = (changes: Partial<ModalProps>) => void;
+type setModalProps = (changes: Partial<ModalProps> | ((prev: Partial<ModalProps>) => Partial<ModalProps>)) => void;
 /**
  * Hook style modal
  *
@@ -42,13 +50,16 @@ type setModalProps = (changes: Partial<ModalProps>) => void;
 declare function useModal(init?: ModalProps): {
     modal: react_jsx_runtime.JSX.Element;
     modalProps: ModalProps;
-    setModalProps(changes: Partial<ModalProps>): void;
+    setModalProps: setModalProps;
 };
 
+declare const Drawer: react.FC<DrawerProps> & {
+    whyDidYouRender?: boolean;
+};
 interface DrawerProps extends DrawerProps$1 {
     children?: JSX.Element | JSX.Element[];
 }
-type setDrawerProps = (changes: Partial<DrawerProps>) => void;
+type setDrawerProps = (changes: Partial<DrawerProps> | ((prev: Partial<DrawerProps>) => Partial<DrawerProps>)) => void;
 /**
  * Hook style drawer
  *
@@ -68,13 +79,16 @@ type setDrawerProps = (changes: Partial<DrawerProps>) => void;
 declare function useDrawer(init?: DrawerProps): {
     drawer: react_jsx_runtime.JSX.Element;
     drawerProps: DrawerProps;
-    setDrawerProps(changes: Partial<DrawerProps>): void;
+    setDrawerProps(changes: Parameters<setDrawerProps>[0]): void;
 };
 
 /**
  * Styled error boundary.
  */
 declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
+declare namespace ErrorBoundary {
+    var whyDidYouRender: boolean;
+}
 
 interface ConfigProviderProps {
     faasClientOptions?: FaasReactClientOptions;
@@ -177,6 +191,7 @@ interface useAppProps {
 declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
 declare namespace App {
     var useApp: typeof useApp;
+    var whyDidYouRender: boolean;
 }
 /**
  * Get app context.
@@ -206,6 +221,9 @@ interface BlankProps {
  * ```
  */
 declare function Blank(options?: BlankProps): JSX.Element;
+declare namespace Blank {
+    var whyDidYouRender: boolean;
+}
 
 type ExtendFormTypeProps<T = any> = {
     children?: UnionFaasItemElement<T>;
@@ -252,6 +270,7 @@ interface FormItemProps<T = any> extends FaasItemProps, Omit<FormItemProps$1<T>,
  */
 declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace FormItem {
+    var whyDidYouRender: boolean;
     var useStatus: () => {
         status?: "" | "success" | "error" | "warning" | "validating";
         errors: react.ReactNode[];
@@ -278,6 +297,9 @@ type LoadingProps = {
  * ```
  */
 declare function Loading(props: LoadingProps): react_jsx_runtime.JSX.Element;
+declare namespace Loading {
+    var whyDidYouRender: boolean;
+}
 
 type FaasDataInjection<T = any> = Partial<FaasDataInjection$1<T>>;
 interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
@@ -301,6 +323,9 @@ interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
  * ```
  */
 declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.Element;
+declare namespace FaasDataWrapper {
+    var whyDidYouRender: boolean;
+}
 
 interface ExtendDescriptionTypeProps<T = any> {
     children?: UnionFaasItemElement<T>;
@@ -355,6 +380,9 @@ interface DescriptionItemContentProps<T = any> {
  * ```
  */
 declare function Description<T = any>(props: DescriptionProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Description {
+    var whyDidYouRender: boolean;
+}
 
 interface TableItemProps<T = any> extends FaasItemProps, Omit<TableColumnProps<T>, 'title' | 'children' | 'render'> {
     optionsType?: 'auto';
@@ -391,6 +419,9 @@ type TableProps<T = any, ExtendTypes = any> = {
  * - Auto generate sorter (disable with `sorter: false`).
  */
 declare function Table<T extends Record<string, any>, ExtendTypes = any>(props: TableProps<T, ExtendTypes>): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var whyDidYouRender: boolean;
+}
 
 type FaasItemType = 'string' | 'string[]' | 'number' | 'number[]' | 'boolean' | 'date' | 'time' | 'object' | 'object[]';
 /** FaasItemType's value type */
@@ -499,6 +530,7 @@ interface FormProps<Values extends Record<string, any> = any, ExtendItemProps =
  */
 declare function Form<Values = any>(props: FormProps<Values>): react_jsx_runtime.JSX.Element;
 declare namespace Form {
+    var whyDidYouRender: boolean;
     var useForm: typeof antd_es_form_Form.useForm;
     var useFormInstance: typeof antd_es_form_hooks_useFormInstance.default;
     var useWatch: typeof rc_field_form_es_useWatch.default;
@@ -533,6 +565,9 @@ interface LinkProps {
  * ```
  */
 declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
+declare namespace Link {
+    var whyDidYouRender: boolean;
+}
 
 declare function PageNotFound(): react_jsx_runtime.JSX.Element;
 interface RoutesProps {
@@ -563,6 +598,9 @@ interface RoutesProps {
  * ```
  */
 declare function Routes(props: RoutesProps): react_jsx_runtime.JSX.Element;
+declare namespace Routes {
+    var whyDidYouRender: boolean;
+}
 
 interface TabProps extends Partial<Tab> {
     id: string;
@@ -599,6 +637,9 @@ interface TabsProps extends Omit<TabsProps$1, 'items'> {
  * ```
  */
 declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+declare namespace Tabs {
+    var whyDidYouRender: boolean;
+}
 
 interface TitleProps {
     title: string | string[];
@@ -634,5 +675,8 @@ interface TitleProps {
  * ```
  */
 declare function Title(props: TitleProps): JSX.Element;
+declare namespace Title {
+    var whyDidYouRender: boolean;
+}
 
-export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal };
+export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal };

package/dist/index.d.ts

@@ -5,12 +5,14 @@ import { ConfigProviderProps as ConfigProviderProps$1 } from 'antd/es/config-pro
 import { StyleProviderProps } from '@ant-design/cssinjs/lib/StyleContext';
 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, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
-export { Drawer, Modal } from 'antd';
-import { BrowserRouterProps, RouteProps } from 'react-router-dom';
+import * as antd_es_modal_PurePanel from 'antd/es/modal/PurePanel';
+import * as antd_es_modal_useModal from 'antd/es/modal/useModal';
+import * as antd_es_modal_confirm from 'antd/es/modal/confirm';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
 export { lazy } from 'react';
+import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, InputProps, InputNumberProps, SwitchProps, SelectProps, DatePickerProps, FormInstance, DescriptionsProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
+import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import { Dayjs } from 'dayjs';
 import { RuleObject } from 'rc-field-form/lib/interface';
 import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
@@ -21,10 +23,16 @@ import * as antd_es_form_hooks_useFormInstance from 'antd/es/form/hooks/useFormI
 import * as antd_es_form_Form from 'antd/es/form/Form';
 import { Tab } from 'rc-tabs/es/interface';
 
+declare const Modal: react.FC<ModalProps$1> & antd_es_modal_confirm.ModalStaticFunctions & {
+    useModal: typeof antd_es_modal_useModal.default;
+    destroyAll: () => void;
+    config: typeof antd_es_modal_confirm.modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: antd_es_modal_PurePanel.PurePanelProps) => react.JSX.Element;
+};
 interface ModalProps extends ModalProps$1 {
     children?: JSX.Element | JSX.Element[] | string;
 }
-type setModalProps = (changes: Partial<ModalProps>) => void;
+type setModalProps = (changes: Partial<ModalProps> | ((prev: Partial<ModalProps>) => Partial<ModalProps>)) => void;
 /**
  * Hook style modal
  *
@@ -42,13 +50,16 @@ type setModalProps = (changes: Partial<ModalProps>) => void;
 declare function useModal(init?: ModalProps): {
     modal: react_jsx_runtime.JSX.Element;
     modalProps: ModalProps;
-    setModalProps(changes: Partial<ModalProps>): void;
+    setModalProps: setModalProps;
 };
 
+declare const Drawer: react.FC<DrawerProps> & {
+    whyDidYouRender?: boolean;
+};
 interface DrawerProps extends DrawerProps$1 {
     children?: JSX.Element | JSX.Element[];
 }
-type setDrawerProps = (changes: Partial<DrawerProps>) => void;
+type setDrawerProps = (changes: Partial<DrawerProps> | ((prev: Partial<DrawerProps>) => Partial<DrawerProps>)) => void;
 /**
  * Hook style drawer
  *
@@ -68,13 +79,16 @@ type setDrawerProps = (changes: Partial<DrawerProps>) => void;
 declare function useDrawer(init?: DrawerProps): {
     drawer: react_jsx_runtime.JSX.Element;
     drawerProps: DrawerProps;
-    setDrawerProps(changes: Partial<DrawerProps>): void;
+    setDrawerProps(changes: Parameters<setDrawerProps>[0]): void;
 };
 
 /**
  * Styled error boundary.
  */
 declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
+declare namespace ErrorBoundary {
+    var whyDidYouRender: boolean;
+}
 
 interface ConfigProviderProps {
     faasClientOptions?: FaasReactClientOptions;
@@ -177,6 +191,7 @@ interface useAppProps {
 declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
 declare namespace App {
     var useApp: typeof useApp;
+    var whyDidYouRender: boolean;
 }
 /**
  * Get app context.
@@ -206,6 +221,9 @@ interface BlankProps {
  * ```
  */
 declare function Blank(options?: BlankProps): JSX.Element;
+declare namespace Blank {
+    var whyDidYouRender: boolean;
+}
 
 type ExtendFormTypeProps<T = any> = {
     children?: UnionFaasItemElement<T>;
@@ -252,6 +270,7 @@ interface FormItemProps<T = any> extends FaasItemProps, Omit<FormItemProps$1<T>,
  */
 declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace FormItem {
+    var whyDidYouRender: boolean;
     var useStatus: () => {
         status?: "" | "success" | "error" | "warning" | "validating";
         errors: react.ReactNode[];
@@ -278,6 +297,9 @@ type LoadingProps = {
  * ```
  */
 declare function Loading(props: LoadingProps): react_jsx_runtime.JSX.Element;
+declare namespace Loading {
+    var whyDidYouRender: boolean;
+}
 
 type FaasDataInjection<T = any> = Partial<FaasDataInjection$1<T>>;
 interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
@@ -301,6 +323,9 @@ interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
  * ```
  */
 declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.Element;
+declare namespace FaasDataWrapper {
+    var whyDidYouRender: boolean;
+}
 
 interface ExtendDescriptionTypeProps<T = any> {
     children?: UnionFaasItemElement<T>;
@@ -355,6 +380,9 @@ interface DescriptionItemContentProps<T = any> {
  * ```
  */
 declare function Description<T = any>(props: DescriptionProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Description {
+    var whyDidYouRender: boolean;
+}
 
 interface TableItemProps<T = any> extends FaasItemProps, Omit<TableColumnProps<T>, 'title' | 'children' | 'render'> {
     optionsType?: 'auto';
@@ -391,6 +419,9 @@ type TableProps<T = any, ExtendTypes = any> = {
  * - Auto generate sorter (disable with `sorter: false`).
  */
 declare function Table<T extends Record<string, any>, ExtendTypes = any>(props: TableProps<T, ExtendTypes>): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var whyDidYouRender: boolean;
+}
 
 type FaasItemType = 'string' | 'string[]' | 'number' | 'number[]' | 'boolean' | 'date' | 'time' | 'object' | 'object[]';
 /** FaasItemType's value type */
@@ -499,6 +530,7 @@ interface FormProps<Values extends Record<string, any> = any, ExtendItemProps =
  */
 declare function Form<Values = any>(props: FormProps<Values>): react_jsx_runtime.JSX.Element;
 declare namespace Form {
+    var whyDidYouRender: boolean;
     var useForm: typeof antd_es_form_Form.useForm;
     var useFormInstance: typeof antd_es_form_hooks_useFormInstance.default;
     var useWatch: typeof rc_field_form_es_useWatch.default;
@@ -533,6 +565,9 @@ interface LinkProps {
  * ```
  */
 declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
+declare namespace Link {
+    var whyDidYouRender: boolean;
+}
 
 declare function PageNotFound(): react_jsx_runtime.JSX.Element;
 interface RoutesProps {
@@ -563,6 +598,9 @@ interface RoutesProps {
  * ```
  */
 declare function Routes(props: RoutesProps): react_jsx_runtime.JSX.Element;
+declare namespace Routes {
+    var whyDidYouRender: boolean;
+}
 
 interface TabProps extends Partial<Tab> {
     id: string;
@@ -599,6 +637,9 @@ interface TabsProps extends Omit<TabsProps$1, 'items'> {
  * ```
  */
 declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+declare namespace Tabs {
+    var whyDidYouRender: boolean;
+}
 
 interface TitleProps {
     title: string | string[];
@@ -634,5 +675,8 @@ interface TitleProps {
  * ```
  */
 declare function Title(props: TitleProps): JSX.Element;
+declare namespace Title {
+    var whyDidYouRender: boolean;
+}
 
-export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal };
+export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal };

package/dist/index.js

@@ -15,26 +15,37 @@ 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) => ({
+  const [props, setProps] = react$1.useState({ open: false, ...init });
+  const onCancel = react$1.useCallback(() => {
+    setProps((prev) => ({
       ...prev,
       open: false
-    })),
-    ...init
-  });
-  return {
-    modal: /* @__PURE__ */ jsxRuntime.jsx(antd.Modal, { ...props }),
-    modalProps: props,
-    setModalProps(changes) {
+    }));
+  }, []);
+  const modal = react$1.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(Modal, { onCancel, ...props }), [props]);
+  const setModalProps = react$1.useCallback((changes) => {
+    if (typeof changes === "function") {
       setProps((prev) => ({
         ...prev,
-        ...changes
+        ...changes(props)
       }));
+      return;
     }
+    setProps((prev) => ({
+      ...prev,
+      ...changes
+    }));
+  }, []);
+  return {
+    modal,
+    modalProps: props,
+    setModalProps
   };
 }
+var Drawer = antd.Drawer;
 function useDrawer(init) {
   const [props, setProps] = react$1.useState({
     open: false,
@@ -45,9 +56,16 @@ function useDrawer(init) {
     ...init
   });
   return {
-    drawer: /* @__PURE__ */ jsxRuntime.jsx(antd.Drawer, { ...props }),
+    drawer: /* @__PURE__ */ jsxRuntime.jsx(Drawer, { ...props }),
     drawerProps: props,
     setDrawerProps(changes) {
+      if (typeof changes === "function") {
+        setProps((prev) => ({
+          ...prev,
+          ...changes(props)
+        }));
+        return;
+      }
       setProps((prev) => ({
         ...prev,
         ...changes
@@ -55,6 +73,7 @@ function useDrawer(init) {
     }
   };
 }
+Drawer.whyDidYouRender = true;
 function ErrorChildren(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Alert,
@@ -77,6 +96,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",
@@ -165,7 +185,7 @@ function RoutesApp(props) {
 function App(props) {
   const [messageApi, messageContextHolder] = antd.message.useMessage();
   const [notificationApi, notificationContextHolder] = antd.notification.useNotification();
-  const { modal, setModalProps } = useModal();
+  const { modal, modalProps, setModalProps } = useModal();
   const { drawer, setDrawerProps } = useDrawer();
   const memoizedContextValue = react$1.useMemo(
     () => ({
@@ -176,31 +196,32 @@ function App(props) {
     }),
     [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 })
-      ] }) }) }) }) })
-    }
+  const styleProviderProps = react$1.useMemo(
+    () => ({
+      ...props.styleProviderProps,
+      hashPriority: "high",
+      transformers: [cssinjs.legacyLogicalPropertiesTransformer]
+    }),
+    [props.styleProviderProps]
   );
+  return /* @__PURE__ */ jsxRuntime.jsx(cssinjs.StyleProvider, { ...styleProviderProps, 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 })
+  ] }) }) }) }) }) });
 }
 function useApp() {
   return react$1.useContext(AppContext);
 }
 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 +284,7 @@ function Loading(props) {
     }
   );
 }
+Loading.whyDidYouRender = true;
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.FaasDataWrapper,
@@ -272,6 +294,7 @@ function FaasDataWrapper(props) {
     }
   );
 }
+FaasDataWrapper.whyDidYouRender = true;
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = react$1.useState();
@@ -410,6 +433,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 +465,7 @@ function Description(props) {
     }
   );
 }
+Description.whyDidYouRender = true;
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = lodashEs.upperFirst(propsCopy.id);
@@ -732,6 +757,7 @@ function FormItem(props) {
       return null;
   }
 }
+FormItem.whyDidYouRender = true;
 FormItem.useStatus = antd.Form.Item.useStatus;
 function Form(props) {
   var _a, _b;
@@ -861,6 +887,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 +997,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 +1021,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 +1620,7 @@ function FaasDataTable({
     }
   );
 }
+Table.whyDidYouRender = true;
 function Tabs(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Tabs,
@@ -1604,6 +1634,7 @@ function Tabs(props) {
     }
   );
 }
+Tabs.whyDidYouRender = true;
 function Title(props) {
   const { theme } = useConfigContext();
   react$1.useEffect(() => {
@@ -1621,6 +1652,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 +1662,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 +1671,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;