@faasjs/ant-design 2.6.1 → 2.8.0

package/README.md

@@ -109,3 +109,4 @@ type FaasItemProps = {
 - [useDrawer](functions/useDrawer.md)
 - [useFaas](functions/useFaas.md)
 - [useModal](functions/useModal.md)
+- [withFaasData](functions/withFaasData.md)

package/dist/index.d.mts

@@ -9,13 +9,14 @@ 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 { Dispatch, SetStateAction, CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+import { Dispatch, SetStateAction, CSSProperties, ComponentProps, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
 export { lazy } from 'react';
 import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, 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 * as antd_es_form_FormItem from 'antd/es/form/FormItem';
 import { RuleObject } from 'rc-field-form/lib/interface';
+import { FaasAction } from '@faasjs/types';
 import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
 import * as antd_es_form_context from 'antd/es/form/context';
 import * as antd_es_form from 'antd/es/form';
@@ -145,16 +146,24 @@ declare function useConfigContext(): Partial<ConfigProviderProps>;
 
 interface AppProps {
     children: React.ReactNode;
-    /** https://ant.design/docs/react/compatible-style#styleprovider */
-    styleProviderProps?: StyleProviderProps;
-    /** https://ant.design/components/config-provider/#API */
+    /**
+     * `false` to disable StyleProvider.
+     *
+     * @see https://ant.design/docs/react/compatible-style#styleprovider
+     */
+    styleProviderProps?: StyleProviderProps | false;
+    /** @see https://ant.design/components/config-provider/#API */
     configProviderProps?: ConfigProviderProps$1;
-    /** https://reactrouter.com/en/router-components/browser-router */
-    browserRouterProps?: BrowserRouterProps;
-    /** https://faasjs.com/doc/ant-design/#errorboundary */
+    /**
+     * `false` to disable BrowserRouter.
+     *
+     * @see https://reactrouter.com/en/router-components/browser-router
+     */
+    browserRouterProps?: BrowserRouterProps | false;
+    /** @see https://faasjs.com/doc/ant-design/#errorboundary */
     errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
-    /** https://faasjs.com/doc/ant-design/#configprovider */
-    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'>;
+    /** @see https://faasjs.com/doc/ant-design/#configprovider */
+    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'> | false;
 }
 interface useAppProps {
     message: MessageInstance;
@@ -376,6 +385,15 @@ declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.E
 declare namespace FaasDataWrapper {
     var whyDidYouRender: boolean;
 }
+/**
+ * HOC to wrap a component with FaasDataWrapper and Loading
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = withFaasData(MyComponent, { action: 'test', params: { a: 1 } })
+ * ```
+ */
+declare function withFaasData<TComponent extends React.FC<any>, PathOrData extends FaasAction>(Component: TComponent, faasProps: FaasDataWrapperProps<PathOrData>): (props: ComponentProps<TComponent> & {}) => react_jsx_runtime.JSX.Element;
 
 interface ExtendDescriptionTypeProps<T = any> {
     children?: UnionFaasItemElement<T>;
@@ -571,7 +589,7 @@ interface FormProps<Values extends Record<string, any> = any, ExtendItemProps ex
     footer?: JSX.Element | JSX.Element[];
     extendTypes?: ExtendTypes;
     children?: ReactNode;
-    initialValues?: Values;
+    initialValues?: Partial<Values>;
 }
 /**
  * Form component with Ant Design & FaasJS
@@ -596,7 +614,7 @@ interface LinkProps {
     text?: string | number;
     children?: ReactNode;
     style?: CSSProperties;
-    button?: ButtonProps;
+    button?: ButtonProps | boolean;
     block?: boolean;
     /** only use for text without button */
     copyable?: boolean;
@@ -729,4 +747,4 @@ 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, 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 };
+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, withFaasData };

package/dist/index.d.ts

@@ -9,13 +9,14 @@ 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 { Dispatch, SetStateAction, CSSProperties, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+import { Dispatch, SetStateAction, CSSProperties, ComponentProps, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
 export { lazy } from 'react';
 import { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, 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 * as antd_es_form_FormItem from 'antd/es/form/FormItem';
 import { RuleObject } from 'rc-field-form/lib/interface';
+import { FaasAction } from '@faasjs/types';
 import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
 import * as antd_es_form_context from 'antd/es/form/context';
 import * as antd_es_form from 'antd/es/form';
@@ -145,16 +146,24 @@ declare function useConfigContext(): Partial<ConfigProviderProps>;
 
 interface AppProps {
     children: React.ReactNode;
-    /** https://ant.design/docs/react/compatible-style#styleprovider */
-    styleProviderProps?: StyleProviderProps;
-    /** https://ant.design/components/config-provider/#API */
+    /**
+     * `false` to disable StyleProvider.
+     *
+     * @see https://ant.design/docs/react/compatible-style#styleprovider
+     */
+    styleProviderProps?: StyleProviderProps | false;
+    /** @see https://ant.design/components/config-provider/#API */
     configProviderProps?: ConfigProviderProps$1;
-    /** https://reactrouter.com/en/router-components/browser-router */
-    browserRouterProps?: BrowserRouterProps;
-    /** https://faasjs.com/doc/ant-design/#errorboundary */
+    /**
+     * `false` to disable BrowserRouter.
+     *
+     * @see https://reactrouter.com/en/router-components/browser-router
+     */
+    browserRouterProps?: BrowserRouterProps | false;
+    /** @see https://faasjs.com/doc/ant-design/#errorboundary */
     errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
-    /** https://faasjs.com/doc/ant-design/#configprovider */
-    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'>;
+    /** @see https://faasjs.com/doc/ant-design/#configprovider */
+    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'> | false;
 }
 interface useAppProps {
     message: MessageInstance;
@@ -376,6 +385,15 @@ declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.E
 declare namespace FaasDataWrapper {
     var whyDidYouRender: boolean;
 }
+/**
+ * HOC to wrap a component with FaasDataWrapper and Loading
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = withFaasData(MyComponent, { action: 'test', params: { a: 1 } })
+ * ```
+ */
+declare function withFaasData<TComponent extends React.FC<any>, PathOrData extends FaasAction>(Component: TComponent, faasProps: FaasDataWrapperProps<PathOrData>): (props: ComponentProps<TComponent> & {}) => react_jsx_runtime.JSX.Element;
 
 interface ExtendDescriptionTypeProps<T = any> {
     children?: UnionFaasItemElement<T>;
@@ -571,7 +589,7 @@ interface FormProps<Values extends Record<string, any> = any, ExtendItemProps ex
     footer?: JSX.Element | JSX.Element[];
     extendTypes?: ExtendTypes;
     children?: ReactNode;
-    initialValues?: Values;
+    initialValues?: Partial<Values>;
 }
 /**
  * Form component with Ant Design & FaasJS
@@ -596,7 +614,7 @@ interface LinkProps {
     text?: string | number;
     children?: ReactNode;
     style?: CSSProperties;
-    button?: ButtonProps;
+    button?: ButtonProps | boolean;
     block?: boolean;
     /** only use for text without button */
     copyable?: boolean;
@@ -729,4 +747,4 @@ 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, 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 };
+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, withFaasData };

package/dist/index.js

@@ -159,7 +159,7 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
 }
-var AppContext = react.createSplitedContext({
+var AppContext = react.createSplittingContext({
   message: null,
   notification: null,
   modalProps: {},
@@ -190,26 +190,50 @@ function App(props) {
     }),
     [props.styleProviderProps]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(cssinjs.StyleProvider, { ...styleProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(
-    AppContext.Provider,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.OptionalWrapper,
     {
-      value: {
-        message: messageApi,
-        notification: notificationApi,
-        drawerProps,
-        setDrawerProps,
-        modalProps,
-        setModalProps
-      },
-      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 })
-      ] }) }) })
+      condition: props.styleProviderProps !== false,
+      Wrapper: cssinjs.StyleProvider,
+      wrapperProps: styleProviderProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        react.OptionalWrapper,
+        {
+          condition: !!props.configProviderProps,
+          Wrapper: antd.ConfigProvider,
+          wrapperProps: props.configProviderProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            AppContext.Provider,
+            {
+              value: {
+                message: messageApi,
+                notification: notificationApi,
+                drawerProps,
+                setDrawerProps,
+                modalProps,
+                setModalProps
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                react.OptionalWrapper,
+                {
+                  condition: props.browserRouterProps !== false,
+                  Wrapper: reactRouterDom.BrowserRouter,
+                  wrapperProps: props.browserRouterProps,
+                  children: [
+                    messageContextHolder,
+                    notificationContextHolder,
+                    modal,
+                    drawer,
+                    props.browserRouterProps !== false ? /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children }) : props.children
+                  ]
+                }
+              ) }) })
+            }
+          )
+        }
+      )
     }
-  ) }) });
+  );
 }
 var useApp = AppContext.use;
 App.useApp = useApp;
@@ -283,6 +307,9 @@ function FaasDataWrapper(props) {
   );
 }
 FaasDataWrapper.whyDidYouRender = true;
+function withFaasData(Component, faasProps) {
+  return (props) => /* @__PURE__ */ jsxRuntime.jsx(FaasDataWrapper, { ...faasProps, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }) });
+}
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = react$1.useState();
@@ -867,9 +894,10 @@ Form.List = antd.Form.List;
 Form.ErrorList = antd.Form.ErrorList;
 Form.Provider = antd.Form.Provider;
 function Link(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c;
   const { theme } = useConfigContext();
   const navigate = reactRouterDom.useNavigate();
+  const target = props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || (props.href.startsWith("http") ? "_blank" : void 0);
   let computedStyle = {
     ...theme.Link.style || {},
     cursor: "pointer",
@@ -883,85 +911,39 @@ function Link(props) {
       },
       computedStyle
     );
-  if (props.href.startsWith("http")) {
-    if (props.button)
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Button,
-        {
-          ...props.button,
-          target: props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || "_blank",
-          style: computedStyle,
-          href: props.href,
-          onClick: props.onClick,
-          children: (_b = props.text) != null ? _b : props.children
-        }
-      );
-    if (props.children)
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href: props.href,
-          target: props.target || ((_c = theme.Link) == null ? void 0 : _c.target),
-          style: computedStyle,
-          onClick: props.onClick,
-          children: props.children
-        }
-      );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      antd.Typography.Link,
-      {
-        href: props.href,
-        target: props.target || ((_d = theme.Link) == null ? void 0 : _d.target) || "_blank",
-        style: computedStyle,
-        copyable: props.copyable,
-        onClick: props.onClick,
-        children: props.text
-      }
-    );
-  }
   if (props.button)
     return /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
-        ...props.button,
+        ...props.button || {},
         style: computedStyle,
         onClick: (e) => {
-          var _a2;
-          return props.onClick ? props.onClick(e) : (props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) === "_blank" ? window.open(props.href) : navigate(props.href);
+          props.onClick ? props.onClick(e) : target === "_blank" ? window.open(props.href) : navigate(props.href);
+          e.preventDefault();
         },
-        children: (_e = props.text) != null ? _e : props.children
-      }
-    );
-  if (props.children)
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactRouterDom.Link,
-      {
-        to: props.href,
-        target: props.target || ((_f = theme.Link) == null ? void 0 : _f.target),
-        style: computedStyle,
-        onClick: props.onClick,
-        children: props.children
+        children: (_b = props.children) != null ? _b : props.text
       }
     );
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Typography.Link,
     {
       href: props.href,
-      target: props.target || ((_g = theme.Link) == null ? void 0 : _g.target),
+      target,
       style: computedStyle,
       copyable: props.copyable,
       onClick: (e) => {
-        var _a2;
+        e.preventDefault();
         if (props.onClick) {
           props.onClick(e);
           return;
         }
-        if ((props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) !== "_blank") {
-          e.preventDefault();
-          navigate(props.href);
+        if (target === "_blank") {
+          window.open(props.href);
+          return;
         }
+        navigate(props.href);
       },
-      children: props.text
+      children: (_c = props.children) != null ? _c : props.text
     }
   );
 }
@@ -1625,3 +1607,4 @@ exports.useApp = useApp;
 exports.useConfigContext = useConfigContext;
 exports.useDrawer = useDrawer;
 exports.useModal = useModal;
+exports.withFaasData = withFaasData;

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { createSplitedContext, ErrorBoundary as ErrorBoundary$1, FaasReactClient, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
+import { createSplittingContext, ErrorBoundary as ErrorBoundary$1, FaasReactClient, OptionalWrapper, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/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, 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';
+import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
 import { defaultsDeep, isNil, upperFirst, isFunction, cloneDeep, uniqBy } from 'lodash-es';
 import dayjs2 from 'dayjs';
 import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
@@ -155,7 +155,7 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return useContext(ConfigContext);
 }
-var AppContext = createSplitedContext({
+var AppContext = createSplittingContext({
   message: null,
   notification: null,
   modalProps: {},
@@ -186,26 +186,50 @@ function App(props) {
     }),
     [props.styleProviderProps]
   );
-  return /* @__PURE__ */ jsx(StyleProvider, { ...styleProviderProps, children: /* @__PURE__ */ jsx(ConfigProvider$1, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(
-    AppContext.Provider,
+  return /* @__PURE__ */ jsx(
+    OptionalWrapper,
     {
-      value: {
-        message: messageApi,
-        notification: notificationApi,
-        drawerProps,
-        setDrawerProps,
-        modalProps,
-        setModalProps
-      },
-      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 })
-      ] }) }) })
+      condition: props.styleProviderProps !== false,
+      Wrapper: StyleProvider,
+      wrapperProps: styleProviderProps,
+      children: /* @__PURE__ */ jsx(
+        OptionalWrapper,
+        {
+          condition: !!props.configProviderProps,
+          Wrapper: ConfigProvider$1,
+          wrapperProps: props.configProviderProps,
+          children: /* @__PURE__ */ jsx(
+            AppContext.Provider,
+            {
+              value: {
+                message: messageApi,
+                notification: notificationApi,
+                drawerProps,
+                setDrawerProps,
+                modalProps,
+                setModalProps
+              },
+              children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(
+                OptionalWrapper,
+                {
+                  condition: props.browserRouterProps !== false,
+                  Wrapper: BrowserRouter,
+                  wrapperProps: props.browserRouterProps,
+                  children: [
+                    messageContextHolder,
+                    notificationContextHolder,
+                    modal,
+                    drawer,
+                    props.browserRouterProps !== false ? /* @__PURE__ */ jsx(RoutesApp, { children: props.children }) : props.children
+                  ]
+                }
+              ) }) })
+            }
+          )
+        }
+      )
     }
-  ) }) });
+  );
 }
 var useApp = AppContext.use;
 App.useApp = useApp;
@@ -279,6 +303,9 @@ function FaasDataWrapper(props) {
   );
 }
 FaasDataWrapper.whyDidYouRender = true;
+function withFaasData(Component, faasProps) {
+  return (props) => /* @__PURE__ */ jsx(FaasDataWrapper, { ...faasProps, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+}
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = useState();
@@ -863,9 +890,10 @@ Form.List = Form$1.List;
 Form.ErrorList = Form$1.ErrorList;
 Form.Provider = Form$1.Provider;
 function Link(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c;
   const { theme } = useConfigContext();
   const navigate = useNavigate();
+  const target = props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || (props.href.startsWith("http") ? "_blank" : void 0);
   let computedStyle = {
     ...theme.Link.style || {},
     cursor: "pointer",
@@ -879,85 +907,39 @@ function Link(props) {
       },
       computedStyle
     );
-  if (props.href.startsWith("http")) {
-    if (props.button)
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          ...props.button,
-          target: props.target || ((_a = theme.Link) == null ? void 0 : _a.target) || "_blank",
-          style: computedStyle,
-          href: props.href,
-          onClick: props.onClick,
-          children: (_b = props.text) != null ? _b : props.children
-        }
-      );
-    if (props.children)
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: props.href,
-          target: props.target || ((_c = theme.Link) == null ? void 0 : _c.target),
-          style: computedStyle,
-          onClick: props.onClick,
-          children: props.children
-        }
-      );
-    return /* @__PURE__ */ jsx(
-      Typography.Link,
-      {
-        href: props.href,
-        target: props.target || ((_d = theme.Link) == null ? void 0 : _d.target) || "_blank",
-        style: computedStyle,
-        copyable: props.copyable,
-        onClick: props.onClick,
-        children: props.text
-      }
-    );
-  }
   if (props.button)
     return /* @__PURE__ */ jsx(
       Button,
       {
-        ...props.button,
+        ...props.button || {},
         style: computedStyle,
         onClick: (e) => {
-          var _a2;
-          return props.onClick ? props.onClick(e) : (props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) === "_blank" ? window.open(props.href) : navigate(props.href);
+          props.onClick ? props.onClick(e) : target === "_blank" ? window.open(props.href) : navigate(props.href);
+          e.preventDefault();
         },
-        children: (_e = props.text) != null ? _e : props.children
-      }
-    );
-  if (props.children)
-    return /* @__PURE__ */ jsx(
-      Link$1,
-      {
-        to: props.href,
-        target: props.target || ((_f = theme.Link) == null ? void 0 : _f.target),
-        style: computedStyle,
-        onClick: props.onClick,
-        children: props.children
+        children: (_b = props.children) != null ? _b : props.text
       }
     );
   return /* @__PURE__ */ jsx(
     Typography.Link,
     {
       href: props.href,
-      target: props.target || ((_g = theme.Link) == null ? void 0 : _g.target),
+      target,
       style: computedStyle,
       copyable: props.copyable,
       onClick: (e) => {
-        var _a2;
+        e.preventDefault();
         if (props.onClick) {
           props.onClick(e);
           return;
         }
-        if ((props.target || ((_a2 = theme.Link) == null ? void 0 : _a2.target)) !== "_blank") {
-          e.preventDefault();
-          navigate(props.href);
+        if (target === "_blank") {
+          window.open(props.href);
+          return;
         }
+        navigate(props.href);
       },
-      children: props.text
+      children: (_c = props.children) != null ? _c : props.text
     }
   );
 }
@@ -1585,4 +1567,4 @@ function Title(props) {
 }
 Title.whyDidYouRender = true;
 
-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 };
+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, withFaasData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "2.6.1",
+  "version": "2.8.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -38,7 +38,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "2.6.1",
+    "@faasjs/react": "2.8.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -46,11 +46,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@testing-library/jest-dom": "*",
-    "@testing-library/react": "*",
-    "@testing-library/user-event": "*",
-    "@welldone-software/why-did-you-render": "*",
-    "@faasjs/react": "2.6.1",
+    "@faasjs/react": "2.8.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",