@faasjs/ant-design 0.0.4-beta.15 → 0.0.4-beta.17

package/README.md

@@ -447,7 +447,7 @@ ___
 
 ### ConfigProvider
 
-▸ **ConfigProvider**(`«destructured»`): `Element`
+▸ **ConfigProvider**(`props`): `Element`
 
 Config for @faasjs/ant-design components.
 
@@ -465,9 +465,10 @@ Config for @faasjs/ant-design components.
 
 | Name | Type |
 | :------ | :------ |
-| `«destructured»` | `Object` |
-| › `children` | `ReactNode` |
-| › `config` | [`ConfigProviderProps`](interfaces/ConfigProviderProps.md) |
+| `props` | `Object` |
+| `props.children` | `ReactNode` |
+| `props.config` | [`ConfigProviderProps`](interfaces/ConfigProviderProps.md) |
+| `props.faasClientOptions?` | `FaasReactClientOptions` |
 
 #### Returns
 
@@ -715,6 +716,11 @@ ___
 
 Table component with Ant Design & FaasJS
 
+- Support all Ant Design Table props.
+- Support FaasJS injection.
+- Auto generate filter dropdown (disable with `filterDropdown: false`).
+- Auto generate sorter (disable with `sorter: false`).
+
 #### Type parameters
 
 | Name | Type |
@@ -862,6 +868,14 @@ ___
 
 ▸ **useApp**(): [`useAppProps`](interfaces/useAppProps.md)
 
+Get app context.
+
+```ts
+import { useApp } from '@faasjs/ant-design'
+
+const { message, notification, setModalProps, setDrawerProps } = useApp()
+```
+
 #### Returns
 
 [`useAppProps`](interfaces/useAppProps.md)

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { ErrorBoundaryProps, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
+import { ErrorBoundaryProps, FaasReactClientOptions, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
 export { ErrorBoundaryProps, faas, useFaas } from '@faasjs/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ConfigProviderProps as ConfigProviderProps$1 } from 'antd/es/config-provider';
@@ -75,45 +75,6 @@ declare function useDrawer(init?: DrawerProps): {
 
 declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
 
-interface AppProps {
-    children: React.ReactNode;
-    styleProviderProps?: StyleProviderProps;
-    configProviderProps?: ConfigProviderProps$1;
-    browserRouterProps?: BrowserRouterProps;
-    errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
-}
-interface useAppProps {
-    message: MessageInstance;
-    notification: NotificationInstance;
-    setModalProps: (changes: Partial<ModalProps>) => void;
-    setDrawerProps: (changes: Partial<DrawerProps>) => void;
-}
-declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
-declare namespace App {
-    var useApp: typeof useApp;
-}
-declare function useApp(): useAppProps;
-
-interface BlankProps {
-    value?: any;
-    text?: string;
-}
-/**
- * Blank component.
- *
- * If value is undefined or null, return text, otherwise return value.
- *
- * @param options {object}
- * @param options.value {any}
- * @param options.text {string} Default is 'Empty'
- * @returns {JSX.Element}
- *
- * ```ts
- * <Blank value={undefined} text="Empty" />
- * ```
- */
-declare function Blank(options?: BlankProps): JSX.Element;
-
 interface ConfigProviderProps {
     lang?: string;
     common?: {
@@ -160,12 +121,62 @@ declare const ConfigContext: react.Context<ConfigProviderProps>;
  * </ConfigProvider>
  * ```
  */
-declare function ConfigProvider({ config, children, }: {
+declare function ConfigProvider(props: {
     config: ConfigProviderProps;
+    faasClientOptions?: FaasReactClientOptions;
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function useConfigContext(): ConfigProviderProps;
 
+interface AppProps {
+    children: React.ReactNode;
+    styleProviderProps?: StyleProviderProps;
+    configProviderProps?: ConfigProviderProps$1;
+    browserRouterProps?: BrowserRouterProps;
+    errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
+    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'>;
+}
+interface useAppProps {
+    message: MessageInstance;
+    notification: NotificationInstance;
+    setModalProps: (changes: Partial<ModalProps>) => void;
+    setDrawerProps: (changes: Partial<DrawerProps>) => void;
+}
+declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
+declare namespace App {
+    var useApp: typeof useApp;
+}
+/**
+ * Get app context.
+ *
+ * ```ts
+ * import { useApp } from '@faasjs/ant-design'
+ *
+ * const { message, notification, setModalProps, setDrawerProps } = useApp()
+ * ```
+ */
+declare function useApp(): useAppProps;
+
+interface BlankProps {
+    value?: any;
+    text?: string;
+}
+/**
+ * Blank component.
+ *
+ * If value is undefined or null, return text, otherwise return value.
+ *
+ * @param options {object}
+ * @param options.value {any}
+ * @param options.text {string} Default is 'Empty'
+ * @returns {JSX.Element}
+ *
+ * ```ts
+ * <Blank value={undefined} text="Empty" />
+ * ```
+ */
+declare function Blank(options?: BlankProps): JSX.Element;
+
 type ExtendFormTypeProps<T = any> = {
     children?: UnionFaasItemElement<T>;
 };
@@ -548,4 +559,4 @@ interface TitleProps {
  */
 declare function Title(props: TitleProps): JSX.Element;
 
-export { App, AppProps, BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, DescriptionItemContentProps, DescriptionItemProps, DescriptionProps, DrawerProps, ErrorBoundary, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, FormSubmitProps, Link, LinkProps, Loading, LoadingProps, ModalProps, PageNotFound, Routes, RoutesProps, TabProps, Table, TableItemProps, TableProps, Tabs, TabsProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, setDrawerProps, setModalProps, transferOptions, transferValue, useApp, 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, 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 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { ErrorBoundaryProps, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
+import { ErrorBoundaryProps, FaasReactClientOptions, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
 export { ErrorBoundaryProps, faas, useFaas } from '@faasjs/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ConfigProviderProps as ConfigProviderProps$1 } from 'antd/es/config-provider';
@@ -75,45 +75,6 @@ declare function useDrawer(init?: DrawerProps): {
 
 declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
 
-interface AppProps {
-    children: React.ReactNode;
-    styleProviderProps?: StyleProviderProps;
-    configProviderProps?: ConfigProviderProps$1;
-    browserRouterProps?: BrowserRouterProps;
-    errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
-}
-interface useAppProps {
-    message: MessageInstance;
-    notification: NotificationInstance;
-    setModalProps: (changes: Partial<ModalProps>) => void;
-    setDrawerProps: (changes: Partial<DrawerProps>) => void;
-}
-declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
-declare namespace App {
-    var useApp: typeof useApp;
-}
-declare function useApp(): useAppProps;
-
-interface BlankProps {
-    value?: any;
-    text?: string;
-}
-/**
- * Blank component.
- *
- * If value is undefined or null, return text, otherwise return value.
- *
- * @param options {object}
- * @param options.value {any}
- * @param options.text {string} Default is 'Empty'
- * @returns {JSX.Element}
- *
- * ```ts
- * <Blank value={undefined} text="Empty" />
- * ```
- */
-declare function Blank(options?: BlankProps): JSX.Element;
-
 interface ConfigProviderProps {
     lang?: string;
     common?: {
@@ -160,12 +121,62 @@ declare const ConfigContext: react.Context<ConfigProviderProps>;
  * </ConfigProvider>
  * ```
  */
-declare function ConfigProvider({ config, children, }: {
+declare function ConfigProvider(props: {
     config: ConfigProviderProps;
+    faasClientOptions?: FaasReactClientOptions;
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function useConfigContext(): ConfigProviderProps;
 
+interface AppProps {
+    children: React.ReactNode;
+    styleProviderProps?: StyleProviderProps;
+    configProviderProps?: ConfigProviderProps$1;
+    browserRouterProps?: BrowserRouterProps;
+    errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
+    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'>;
+}
+interface useAppProps {
+    message: MessageInstance;
+    notification: NotificationInstance;
+    setModalProps: (changes: Partial<ModalProps>) => void;
+    setDrawerProps: (changes: Partial<DrawerProps>) => void;
+}
+declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
+declare namespace App {
+    var useApp: typeof useApp;
+}
+/**
+ * Get app context.
+ *
+ * ```ts
+ * import { useApp } from '@faasjs/ant-design'
+ *
+ * const { message, notification, setModalProps, setDrawerProps } = useApp()
+ * ```
+ */
+declare function useApp(): useAppProps;
+
+interface BlankProps {
+    value?: any;
+    text?: string;
+}
+/**
+ * Blank component.
+ *
+ * If value is undefined or null, return text, otherwise return value.
+ *
+ * @param options {object}
+ * @param options.value {any}
+ * @param options.text {string} Default is 'Empty'
+ * @returns {JSX.Element}
+ *
+ * ```ts
+ * <Blank value={undefined} text="Empty" />
+ * ```
+ */
+declare function Blank(options?: BlankProps): JSX.Element;
+
 type ExtendFormTypeProps<T = any> = {
     children?: UnionFaasItemElement<T>;
 };
@@ -548,4 +559,4 @@ interface TitleProps {
  */
 declare function Title(props: TitleProps): JSX.Element;
 
-export { App, AppProps, BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, DescriptionItemContentProps, DescriptionItemProps, DescriptionProps, DrawerProps, ErrorBoundary, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, ExtendFormItemProps, ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, FaasItemProps, FaasItemType, FaasItemTypeValue, Form, FormItem, FormItemProps, FormProps, FormSubmitProps, Link, LinkProps, Loading, LoadingProps, ModalProps, PageNotFound, Routes, RoutesProps, TabProps, Table, TableItemProps, TableProps, Tabs, TabsProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, setDrawerProps, setModalProps, transferOptions, transferValue, useApp, 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, 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 };

package/dist/index.js

@@ -77,57 +77,6 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
 }
-var AppContext = react$1.createContext({
-  message: {},
-  notification: {},
-  setModalProps: () => void 0,
-  setDrawerProps: () => void 0
-});
-function RoutesApp(props) {
-  const location = reactRouterDom.useLocation();
-  const { setDrawerProps, setModalProps } = useApp();
-  react$1.useEffect(() => {
-    console.debug("location", location);
-    setDrawerProps({ open: false });
-    setModalProps({ 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(
-    () => ({
-      message: messageApi,
-      notification: notificationApi,
-      setModalProps,
-      setDrawerProps
-    }),
-    [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(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;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -167,16 +116,13 @@ var baseConfig = {
   Link: { style: {} }
 };
 var ConfigContext = react$1.createContext(baseConfig);
-function ConfigProvider2({
-  config,
-  children
-}) {
+function ConfigProvider(props) {
   const [values, setValues] = react$1.useState(baseConfig);
   react$1.useEffect(() => {
-    if (config.lang === "zh") {
+    if (props.config.lang === "zh") {
       setValues(
         lodashEs.defaultsDeep(
-          config,
+          props.config,
           {
             lang: "zh",
             common: zh,
@@ -187,13 +133,66 @@ function ConfigProvider2({
         )
       );
     } else
-      setValues(lodashEs.defaultsDeep(config, values));
+      setValues(lodashEs.defaultsDeep(props.config, values));
+    if (props.faasClientOptions)
+      react.FaasReactClient(props.faasClientOptions);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: values, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: values, children: props.children });
 }
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
 }
+var AppContext = react$1.createContext({
+  message: {},
+  notification: {},
+  setModalProps: () => void 0,
+  setDrawerProps: () => void 0
+});
+function RoutesApp(props) {
+  const location = reactRouterDom.useLocation();
+  const { setDrawerProps, setModalProps } = useApp();
+  react$1.useEffect(() => {
+    console.debug("location", location);
+    setDrawerProps({ open: false });
+    setModalProps({ 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(
+    () => ({
+      message: messageApi,
+      notification: notificationApi,
+      setModalProps,
+      setDrawerProps
+    }),
+    [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, { config: 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;
 function Blank(options) {
   const { Blank: Blank2 } = 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) || Blank2.text }) : options.value;
@@ -278,7 +277,7 @@ function DescriptionItemContent(props) {
   }, [props]);
   if (!computedProps)
     return null;
-  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type])
+  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type]) {
     if (computedProps.extendTypes[computedProps.item.type].children)
       return react$1.cloneElement(
         computedProps.extendTypes[computedProps.item.type].children,
@@ -288,15 +287,15 @@ function DescriptionItemContent(props) {
           values: computedProps.values
         }
       );
-    else if (computedProps.extendTypes[computedProps.item.type].render)
+    if (computedProps.extendTypes[computedProps.item.type].render)
       return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: computedProps.extendTypes[computedProps.item.type].render(
         computedProps.value,
         computedProps.values,
         0,
         "description"
       ) });
-    else
-      throw Error(`${computedProps.item.type} requires children or render`);
+    throw Error(`${computedProps.item.type} requires children or render`);
+  }
   if (computedProps.item.descriptionChildren === null)
     return null;
   if (computedProps.item.descriptionChildren)
@@ -1611,7 +1610,7 @@ Object.defineProperty(exports, 'lazy', {
 exports.App = App;
 exports.Blank = Blank;
 exports.ConfigContext = ConfigContext;
-exports.ConfigProvider = ConfigProvider2;
+exports.ConfigProvider = ConfigProvider;
 exports.Description = Description;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FaasDataWrapper = FaasDataWrapper;

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { ErrorBoundary as ErrorBoundary$1, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
+import { ErrorBoundary as ErrorBoundary$1, FaasReactClient, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
-import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider, Typography, Spin, Descriptions, Input, Button, Row, Col, TimePicker, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
+import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, TimePicker, 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, useMemo, useContext, useEffect, cloneElement, useCallback, isValidElement, Suspense } from 'react';
+import { createContext, useState, useEffect, useContext, useMemo, cloneElement, useCallback, 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';
@@ -74,57 +74,6 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
 }
-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__ */ 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(
-    () => ({
-      message: messageApi,
-      notification: notificationApi,
-      setModalProps,
-      setDrawerProps
-    }),
-    [messageApi, notificationApi, setModalProps, setDrawerProps]
-  );
-  return /* @__PURE__ */ jsx(
-    StyleProvider,
-    {
-      ...Object.assign(props.styleProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, 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);
-}
-App.useApp = useApp;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -164,16 +113,13 @@ var baseConfig = {
   Link: { style: {} }
 };
 var ConfigContext = createContext(baseConfig);
-function ConfigProvider2({
-  config,
-  children
-}) {
+function ConfigProvider(props) {
   const [values, setValues] = useState(baseConfig);
   useEffect(() => {
-    if (config.lang === "zh") {
+    if (props.config.lang === "zh") {
       setValues(
         defaultsDeep(
-          config,
+          props.config,
           {
             lang: "zh",
             common: zh,
@@ -184,13 +130,66 @@ function ConfigProvider2({
         )
       );
     } else
-      setValues(defaultsDeep(config, values));
+      setValues(defaultsDeep(props.config, values));
+    if (props.faasClientOptions)
+      FaasReactClient(props.faasClientOptions);
   }, []);
-  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: values, children });
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: values, children: props.children });
 }
 function useConfigContext() {
   return useContext(ConfigContext);
 }
+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__ */ 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(
+    () => ({
+      message: messageApi,
+      notification: notificationApi,
+      setModalProps,
+      setDrawerProps
+    }),
+    [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, { config: 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);
+}
+App.useApp = useApp;
 function Blank(options) {
   const { Blank: Blank2 } = 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) || Blank2.text }) : options.value;
@@ -275,7 +274,7 @@ function DescriptionItemContent(props) {
   }, [props]);
   if (!computedProps)
     return null;
-  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type])
+  if ((_a = computedProps.extendTypes) == null ? void 0 : _a[computedProps.item.type]) {
     if (computedProps.extendTypes[computedProps.item.type].children)
       return cloneElement(
         computedProps.extendTypes[computedProps.item.type].children,
@@ -285,15 +284,15 @@ function DescriptionItemContent(props) {
           values: computedProps.values
         }
       );
-    else if (computedProps.extendTypes[computedProps.item.type].render)
+    if (computedProps.extendTypes[computedProps.item.type].render)
       return /* @__PURE__ */ jsx(Fragment, { children: computedProps.extendTypes[computedProps.item.type].render(
         computedProps.value,
         computedProps.values,
         0,
         "description"
       ) });
-    else
-      throw Error(`${computedProps.item.type} requires children or render`);
+    throw Error(`${computedProps.item.type} requires children or render`);
+  }
   if (computedProps.item.descriptionChildren === null)
     return null;
   if (computedProps.item.descriptionChildren)
@@ -1585,4 +1584,4 @@ function Title(props) {
   return null;
 }
 
-export { App, Blank, ConfigContext, ConfigProvider2 as 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, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.4-beta.15",
+  "version": "0.0.4-beta.17",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -26,7 +26,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "0.0.4-beta.15",
+    "@faasjs/react": "0.0.4-beta.17",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -37,7 +37,7 @@
     "@testing-library/jest-dom": "*",
     "@testing-library/react": "*",
     "@testing-library/user-event": "*",
-    "@faasjs/react": "0.0.4-beta.15",
+    "@faasjs/react": "0.0.4-beta.17",
     "antd": "*",
     "react": "*",
     "react-dom": "*",