@faasjs/ant-design 3.7.0-beta.3 → 3.7.0-beta.4

package/dist/index.d.mts

@@ -1,21 +1,21 @@
-import { ErrorBoundaryProps, FaasReactClientOptions, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
+import { FaasReactClientOptions, ErrorBoundaryProps, 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 { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, ConfigProviderProps as ConfigProviderProps$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 { StyleProviderProps } from '@ant-design/cssinjs';
+import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, DescriptionsProps, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
+import { BrowserRouterProps, RouteProps } from 'react-router-dom';
+import * as react from 'react';
+import { CSSProperties, Dispatch, SetStateAction, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+export { lazy } from 'react';
 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';
-export { lazy } from 'react';
-import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import { Dayjs } from 'dayjs';
+import { FaasAction } from '@faasjs/types';
 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';
@@ -24,35 +24,57 @@ 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;
+interface ConfigProviderProps {
+    faasClientOptions?: FaasReactClientOptions;
+    children: React.ReactNode;
+    theme?: {
+        lang?: string;
+        common?: {
+            blank?: string;
+            all?: string;
+            submit?: string;
+            pageNotFound?: string;
+            add?: string;
+            delete?: string;
+            required?: string;
+            search?: string;
+            reset?: string;
+        };
+        Blank?: {
+            text?: string;
+        };
+        Form?: {
+            submit?: {
+                text?: string;
+            };
+        };
+        Title?: {
+            /** ' - ' as default */
+            separator?: string;
+            suffix?: string;
+        };
+        Link?: {
+            /** '_blank' as default */
+            target?: string;
+            style?: CSSProperties;
+        };
+    };
 }
-type setModalProps = Dispatch<SetStateAction<ModalProps>>;
+declare const ConfigContext: react.Context<Partial<ConfigProviderProps>>;
 /**
- * Hook style modal
+ * Config for `@faasjs/ant-design` components.
  *
+ * @example
  * ```tsx
- * function Example() {
- *   const { modal, setModalProps } = useModal()
+ * import { ConfigProvider } from '@faasjs/ant-design'
  *
- *   return <>
- *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
- *     {modal}
- *   </>
- * }
+ * <ConfigProvider theme={{ common: { blank: 'Empty' } }}>
+ *   <Blank />
+ * </ConfigProvider>
  * ```
  */
-declare function useModal(init?: ModalProps): {
-    modal: react_jsx_runtime.JSX.Element;
-    modalProps: ModalProps;
-    setModalProps: setModalProps;
-};
+declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime.JSX.Element;
+declare function useConfigContext(): Partial<ConfigProviderProps>;
 
 declare const Drawer: React.FC<DrawerProps> & {
     whyDidYouRender?: boolean;
@@ -91,57 +113,35 @@ declare namespace ErrorBoundary {
     var whyDidYouRender: boolean;
 }
 
-interface ConfigProviderProps {
-    faasClientOptions?: FaasReactClientOptions;
-    children: React.ReactNode;
-    theme?: {
-        lang?: string;
-        common?: {
-            blank?: string;
-            all?: string;
-            submit?: string;
-            pageNotFound?: string;
-            add?: string;
-            delete?: string;
-            required?: string;
-            search?: string;
-            reset?: string;
-        };
-        Blank?: {
-            text?: string;
-        };
-        Form?: {
-            submit?: {
-                text?: string;
-            };
-        };
-        Title?: {
-            /** ' - ' as default */
-            separator?: string;
-            suffix?: string;
-        };
-        Link?: {
-            /** '_blank' as default */
-            target?: string;
-            style?: CSSProperties;
-        };
-    };
+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;
 }
-declare const ConfigContext: react.Context<Partial<ConfigProviderProps>>;
+type setModalProps = Dispatch<SetStateAction<ModalProps>>;
 /**
- * Config for `@faasjs/ant-design` components.
+ * Hook style modal
  *
- * @example
  * ```tsx
- * import { ConfigProvider } from '@faasjs/ant-design'
+ * function Example() {
+ *   const { modal, setModalProps } = useModal()
  *
- * <ConfigProvider theme={{ common: { blank: 'Empty' } }}>
- *   <Blank />
- * </ConfigProvider>
+ *   return <>
+ *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
+ *     {modal}
+ *   </>
+ * }
  * ```
  */
-declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime.JSX.Element;
-declare function useConfigContext(): Partial<ConfigProviderProps>;
+declare function useModal(init?: ModalProps): {
+    modal: react_jsx_runtime.JSX.Element;
+    modalProps: ModalProps;
+    setModalProps: setModalProps;
+};
 
 interface AppProps {
     children: React.ReactNode;
@@ -236,106 +236,6 @@ declare namespace Blank {
     var whyDidYouRender: boolean;
 }
 
-type ExtendFormTypeProps<T = any> = {
-    children?: UnionFaasItemElement<T>;
-};
-type ExtendTypes = {
-    [type: string]: ExtendFormTypeProps;
-};
-type InputTypeMap<T> = {
-    string: InputProps | SelectProps<T> | RadioProps;
-    'string[]': InputProps | SelectProps<T> | RadioProps;
-    number: InputNumberProps | SelectProps<T> | RadioProps;
-    'number[]': InputNumberProps | SelectProps<T> | RadioProps;
-    boolean: SwitchProps;
-    date: DatePickerProps;
-    time: DatePickerProps;
-    object: never;
-    'object[]': never;
-};
-interface FormItemProps<T = any> extends BaseItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
-    type?: FaasItemType;
-    input?: InputTypeMap<T>[FaasItemType];
-    maxCount?: number;
-    object?: FormItemProps[];
-    disabled?: boolean;
-    required?: boolean;
-    col?: number;
-    children?: UnionFaasItemElement<T>;
-    formChildren?: UnionFaasItemElement<T>;
-    render?: UnionFaasItemRender<T>;
-    formRender?: UnionFaasItemRender<T>;
-    rules?: RuleObject[];
-    label?: string | false;
-    extendTypes?: ExtendTypes;
-    /** trigger when current item's value changed */
-    onValueChange?: (value: T, values: any, form: FormInstance) => void;
-    /** trigger when any item's value changed */
-    if?: (values: Record<string, any>) => boolean;
-}
-/**
- * Extend custom form item types.
- *
- * @example
- * ```ts
- * import type { ExtendFormItemProps, FormProps } from '@faasjs/ant-design'
- *
- * // define custom type
- * interface ExtendTypes extends ExtendFormItemProps {
- *   type: 'password'
- * }
- *
- * // extend form
- * function ExtendForm(props: FormProps<any, ExtendTypes>) {
- *   return (
- *     <Form
- *       {...props}
- *       extendTypes={{ password: { children: <Input.Password /> } }}
- *     />
- *   )
- * }
- *
- * // use custom type
- * <ExtendForm
- *   items={[
- *     {
- *       id: 'test',
- *       type: 'password',
- *     },
- *   ]}
- * />
- * ```
- */
-interface ExtendFormItemProps extends Omit<FormItemProps, 'type'> {
-    type?: string;
-}
-/**
- * FormItem
- *
- * - Based on [Ant Design Form.Item](https://ant.design/components/form#formitem).
- * - Can be used without [Form](https://faasjs.com/doc/ant-design/#form).
- *
- * @example
- * ```tsx
- * // use inline type
- * <FormItem type='string' id='name' />
- *
- * // use custom type
- * <FormItem id='password'>
- *   <Input.Password />
- * </>
- * ```
- */
-declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace FormItem {
-    var whyDidYouRender: boolean;
-    var useStatus: () => {
-        status?: antd_es_form_FormItem.ValidateStatus;
-        errors: React.ReactNode[];
-        warnings: React.ReactNode[];
-    };
-}
-
 type LoadingProps = {
     style?: React.CSSProperties;
     size?: 'small' | 'default' | 'large';
@@ -451,6 +351,106 @@ declare namespace Description {
     var whyDidYouRender: boolean;
 }
 
+type ExtendFormTypeProps<T = any> = {
+    children?: UnionFaasItemElement<T>;
+};
+type ExtendTypes = {
+    [type: string]: ExtendFormTypeProps;
+};
+type InputTypeMap<T> = {
+    string: InputProps | SelectProps<T> | RadioProps;
+    'string[]': InputProps | SelectProps<T> | RadioProps;
+    number: InputNumberProps | SelectProps<T> | RadioProps;
+    'number[]': InputNumberProps | SelectProps<T> | RadioProps;
+    boolean: SwitchProps;
+    date: DatePickerProps;
+    time: DatePickerProps;
+    object: never;
+    'object[]': never;
+};
+interface FormItemProps<T = any> extends BaseItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
+    type?: FaasItemType;
+    input?: InputTypeMap<T>[FaasItemType];
+    maxCount?: number;
+    object?: FormItemProps[];
+    disabled?: boolean;
+    required?: boolean;
+    col?: number;
+    children?: UnionFaasItemElement<T>;
+    formChildren?: UnionFaasItemElement<T>;
+    render?: UnionFaasItemRender<T>;
+    formRender?: UnionFaasItemRender<T>;
+    rules?: RuleObject[];
+    label?: string | false;
+    extendTypes?: ExtendTypes;
+    /** trigger when current item's value changed */
+    onValueChange?: (value: T, values: any, form: FormInstance) => void;
+    /** trigger when any item's value changed */
+    if?: (values: Record<string, any>) => boolean;
+}
+/**
+ * Extend custom form item types.
+ *
+ * @example
+ * ```ts
+ * import type { ExtendFormItemProps, FormProps } from '@faasjs/ant-design'
+ *
+ * // define custom type
+ * interface ExtendTypes extends ExtendFormItemProps {
+ *   type: 'password'
+ * }
+ *
+ * // extend form
+ * function ExtendForm(props: FormProps<any, ExtendTypes>) {
+ *   return (
+ *     <Form
+ *       {...props}
+ *       extendTypes={{ password: { children: <Input.Password /> } }}
+ *     />
+ *   )
+ * }
+ *
+ * // use custom type
+ * <ExtendForm
+ *   items={[
+ *     {
+ *       id: 'test',
+ *       type: 'password',
+ *     },
+ *   ]}
+ * />
+ * ```
+ */
+interface ExtendFormItemProps extends Omit<FormItemProps, 'type'> {
+    type?: string;
+}
+/**
+ * FormItem
+ *
+ * - Based on [Ant Design Form.Item](https://ant.design/components/form#formitem).
+ * - Can be used without [Form](https://faasjs.com/doc/ant-design/#form).
+ *
+ * @example
+ * ```tsx
+ * // use inline type
+ * <FormItem type='string' id='name' />
+ *
+ * // use custom type
+ * <FormItem id='password'>
+ *   <Input.Password />
+ * </>
+ * ```
+ */
+declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace FormItem {
+    var whyDidYouRender: boolean;
+    var useStatus: () => {
+        status?: antd_es_form_FormItem.ValidateStatus;
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    };
+}
+
 interface TableItemProps<T = any> extends FaasItemProps, Omit<TableColumnProps<T>, 'title' | 'children' | 'render'> {
     optionsType?: 'auto';
     children?: UnionFaasItemElement<T>;

package/dist/index.d.ts

@@ -1,21 +1,21 @@
-import { ErrorBoundaryProps, FaasReactClientOptions, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1 } from '@faasjs/react';
+import { FaasReactClientOptions, ErrorBoundaryProps, 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 { ModalProps as ModalProps$1, DrawerProps as DrawerProps$1, ConfigProviderProps as ConfigProviderProps$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 { StyleProviderProps } from '@ant-design/cssinjs';
+import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, DescriptionsProps, FormItemProps as FormItemProps$1, FormInstance, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1 } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
+import { BrowserRouterProps, RouteProps } from 'react-router-dom';
+import * as react from 'react';
+import { CSSProperties, Dispatch, SetStateAction, ReactNode, ReactElement, LazyExoticComponent, ComponentType } from 'react';
+export { lazy } from 'react';
 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';
-export { lazy } from 'react';
-import { BrowserRouterProps, RouteProps } from 'react-router-dom';
 import { Dayjs } from 'dayjs';
+import { FaasAction } from '@faasjs/types';
 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';
@@ -24,35 +24,57 @@ 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;
+interface ConfigProviderProps {
+    faasClientOptions?: FaasReactClientOptions;
+    children: React.ReactNode;
+    theme?: {
+        lang?: string;
+        common?: {
+            blank?: string;
+            all?: string;
+            submit?: string;
+            pageNotFound?: string;
+            add?: string;
+            delete?: string;
+            required?: string;
+            search?: string;
+            reset?: string;
+        };
+        Blank?: {
+            text?: string;
+        };
+        Form?: {
+            submit?: {
+                text?: string;
+            };
+        };
+        Title?: {
+            /** ' - ' as default */
+            separator?: string;
+            suffix?: string;
+        };
+        Link?: {
+            /** '_blank' as default */
+            target?: string;
+            style?: CSSProperties;
+        };
+    };
 }
-type setModalProps = Dispatch<SetStateAction<ModalProps>>;
+declare const ConfigContext: react.Context<Partial<ConfigProviderProps>>;
 /**
- * Hook style modal
+ * Config for `@faasjs/ant-design` components.
  *
+ * @example
  * ```tsx
- * function Example() {
- *   const { modal, setModalProps } = useModal()
+ * import { ConfigProvider } from '@faasjs/ant-design'
  *
- *   return <>
- *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
- *     {modal}
- *   </>
- * }
+ * <ConfigProvider theme={{ common: { blank: 'Empty' } }}>
+ *   <Blank />
+ * </ConfigProvider>
  * ```
  */
-declare function useModal(init?: ModalProps): {
-    modal: react_jsx_runtime.JSX.Element;
-    modalProps: ModalProps;
-    setModalProps: setModalProps;
-};
+declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime.JSX.Element;
+declare function useConfigContext(): Partial<ConfigProviderProps>;
 
 declare const Drawer: React.FC<DrawerProps> & {
     whyDidYouRender?: boolean;
@@ -91,57 +113,35 @@ declare namespace ErrorBoundary {
     var whyDidYouRender: boolean;
 }
 
-interface ConfigProviderProps {
-    faasClientOptions?: FaasReactClientOptions;
-    children: React.ReactNode;
-    theme?: {
-        lang?: string;
-        common?: {
-            blank?: string;
-            all?: string;
-            submit?: string;
-            pageNotFound?: string;
-            add?: string;
-            delete?: string;
-            required?: string;
-            search?: string;
-            reset?: string;
-        };
-        Blank?: {
-            text?: string;
-        };
-        Form?: {
-            submit?: {
-                text?: string;
-            };
-        };
-        Title?: {
-            /** ' - ' as default */
-            separator?: string;
-            suffix?: string;
-        };
-        Link?: {
-            /** '_blank' as default */
-            target?: string;
-            style?: CSSProperties;
-        };
-    };
+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;
 }
-declare const ConfigContext: react.Context<Partial<ConfigProviderProps>>;
+type setModalProps = Dispatch<SetStateAction<ModalProps>>;
 /**
- * Config for `@faasjs/ant-design` components.
+ * Hook style modal
  *
- * @example
  * ```tsx
- * import { ConfigProvider } from '@faasjs/ant-design'
+ * function Example() {
+ *   const { modal, setModalProps } = useModal()
  *
- * <ConfigProvider theme={{ common: { blank: 'Empty' } }}>
- *   <Blank />
- * </ConfigProvider>
+ *   return <>
+ *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
+ *     {modal}
+ *   </>
+ * }
  * ```
  */
-declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime.JSX.Element;
-declare function useConfigContext(): Partial<ConfigProviderProps>;
+declare function useModal(init?: ModalProps): {
+    modal: react_jsx_runtime.JSX.Element;
+    modalProps: ModalProps;
+    setModalProps: setModalProps;
+};
 
 interface AppProps {
     children: React.ReactNode;
@@ -236,106 +236,6 @@ declare namespace Blank {
     var whyDidYouRender: boolean;
 }
 
-type ExtendFormTypeProps<T = any> = {
-    children?: UnionFaasItemElement<T>;
-};
-type ExtendTypes = {
-    [type: string]: ExtendFormTypeProps;
-};
-type InputTypeMap<T> = {
-    string: InputProps | SelectProps<T> | RadioProps;
-    'string[]': InputProps | SelectProps<T> | RadioProps;
-    number: InputNumberProps | SelectProps<T> | RadioProps;
-    'number[]': InputNumberProps | SelectProps<T> | RadioProps;
-    boolean: SwitchProps;
-    date: DatePickerProps;
-    time: DatePickerProps;
-    object: never;
-    'object[]': never;
-};
-interface FormItemProps<T = any> extends BaseItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
-    type?: FaasItemType;
-    input?: InputTypeMap<T>[FaasItemType];
-    maxCount?: number;
-    object?: FormItemProps[];
-    disabled?: boolean;
-    required?: boolean;
-    col?: number;
-    children?: UnionFaasItemElement<T>;
-    formChildren?: UnionFaasItemElement<T>;
-    render?: UnionFaasItemRender<T>;
-    formRender?: UnionFaasItemRender<T>;
-    rules?: RuleObject[];
-    label?: string | false;
-    extendTypes?: ExtendTypes;
-    /** trigger when current item's value changed */
-    onValueChange?: (value: T, values: any, form: FormInstance) => void;
-    /** trigger when any item's value changed */
-    if?: (values: Record<string, any>) => boolean;
-}
-/**
- * Extend custom form item types.
- *
- * @example
- * ```ts
- * import type { ExtendFormItemProps, FormProps } from '@faasjs/ant-design'
- *
- * // define custom type
- * interface ExtendTypes extends ExtendFormItemProps {
- *   type: 'password'
- * }
- *
- * // extend form
- * function ExtendForm(props: FormProps<any, ExtendTypes>) {
- *   return (
- *     <Form
- *       {...props}
- *       extendTypes={{ password: { children: <Input.Password /> } }}
- *     />
- *   )
- * }
- *
- * // use custom type
- * <ExtendForm
- *   items={[
- *     {
- *       id: 'test',
- *       type: 'password',
- *     },
- *   ]}
- * />
- * ```
- */
-interface ExtendFormItemProps extends Omit<FormItemProps, 'type'> {
-    type?: string;
-}
-/**
- * FormItem
- *
- * - Based on [Ant Design Form.Item](https://ant.design/components/form#formitem).
- * - Can be used without [Form](https://faasjs.com/doc/ant-design/#form).
- *
- * @example
- * ```tsx
- * // use inline type
- * <FormItem type='string' id='name' />
- *
- * // use custom type
- * <FormItem id='password'>
- *   <Input.Password />
- * </>
- * ```
- */
-declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace FormItem {
-    var whyDidYouRender: boolean;
-    var useStatus: () => {
-        status?: antd_es_form_FormItem.ValidateStatus;
-        errors: React.ReactNode[];
-        warnings: React.ReactNode[];
-    };
-}
-
 type LoadingProps = {
     style?: React.CSSProperties;
     size?: 'small' | 'default' | 'large';
@@ -451,6 +351,106 @@ declare namespace Description {
     var whyDidYouRender: boolean;
 }
 
+type ExtendFormTypeProps<T = any> = {
+    children?: UnionFaasItemElement<T>;
+};
+type ExtendTypes = {
+    [type: string]: ExtendFormTypeProps;
+};
+type InputTypeMap<T> = {
+    string: InputProps | SelectProps<T> | RadioProps;
+    'string[]': InputProps | SelectProps<T> | RadioProps;
+    number: InputNumberProps | SelectProps<T> | RadioProps;
+    'number[]': InputNumberProps | SelectProps<T> | RadioProps;
+    boolean: SwitchProps;
+    date: DatePickerProps;
+    time: DatePickerProps;
+    object: never;
+    'object[]': never;
+};
+interface FormItemProps<T = any> extends BaseItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
+    type?: FaasItemType;
+    input?: InputTypeMap<T>[FaasItemType];
+    maxCount?: number;
+    object?: FormItemProps[];
+    disabled?: boolean;
+    required?: boolean;
+    col?: number;
+    children?: UnionFaasItemElement<T>;
+    formChildren?: UnionFaasItemElement<T>;
+    render?: UnionFaasItemRender<T>;
+    formRender?: UnionFaasItemRender<T>;
+    rules?: RuleObject[];
+    label?: string | false;
+    extendTypes?: ExtendTypes;
+    /** trigger when current item's value changed */
+    onValueChange?: (value: T, values: any, form: FormInstance) => void;
+    /** trigger when any item's value changed */
+    if?: (values: Record<string, any>) => boolean;
+}
+/**
+ * Extend custom form item types.
+ *
+ * @example
+ * ```ts
+ * import type { ExtendFormItemProps, FormProps } from '@faasjs/ant-design'
+ *
+ * // define custom type
+ * interface ExtendTypes extends ExtendFormItemProps {
+ *   type: 'password'
+ * }
+ *
+ * // extend form
+ * function ExtendForm(props: FormProps<any, ExtendTypes>) {
+ *   return (
+ *     <Form
+ *       {...props}
+ *       extendTypes={{ password: { children: <Input.Password /> } }}
+ *     />
+ *   )
+ * }
+ *
+ * // use custom type
+ * <ExtendForm
+ *   items={[
+ *     {
+ *       id: 'test',
+ *       type: 'password',
+ *     },
+ *   ]}
+ * />
+ * ```
+ */
+interface ExtendFormItemProps extends Omit<FormItemProps, 'type'> {
+    type?: string;
+}
+/**
+ * FormItem
+ *
+ * - Based on [Ant Design Form.Item](https://ant.design/components/form#formitem).
+ * - Can be used without [Form](https://faasjs.com/doc/ant-design/#form).
+ *
+ * @example
+ * ```tsx
+ * // use inline type
+ * <FormItem type='string' id='name' />
+ *
+ * // use custom type
+ * <FormItem id='password'>
+ *   <Input.Password />
+ * </>
+ * ```
+ */
+declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace FormItem {
+    var whyDidYouRender: boolean;
+    var useStatus: () => {
+        status?: antd_es_form_FormItem.ValidateStatus;
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    };
+}
+
 interface TableItemProps<T = any> extends FaasItemProps, Omit<TableColumnProps<T>, 'title' | 'children' | 'render'> {
     optionsType?: 'auto';
     children?: UnionFaasItemElement<T>;

package/dist/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var react = require('@faasjs/react');
-var antd = require('antd');
 var cssinjs = require('@ant-design/cssinjs');
-var react$1 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
 var reactRouterDom = require('react-router-dom');
 var lodashEs = require('lodash-es');
+var react$1 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var dayjs2 = require('dayjs');
 var icons = require('@ant-design/icons');
 
@@ -15,84 +15,6 @@ 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, ...init });
-  const setModalProps = react.useEqualCallback(
-    (changes) => {
-      const changed = typeof changes === "function" ? changes(props) : changes;
-      setProps((prev) => ({ ...prev, ...changed }));
-    },
-    [setProps]
-  );
-  return {
-    modal: /* @__PURE__ */ jsxRuntime.jsx(
-      Modal,
-      {
-        onCancel: () => setProps((prev) => ({
-          ...prev,
-          open: false
-        })),
-        ...props
-      }
-    ),
-    modalProps: props,
-    setModalProps
-  };
-}
-var Drawer = antd.Drawer;
-Drawer.whyDidYouRender = true;
-function useDrawer(init) {
-  const [props, setProps] = react$1.useState({
-    open: false,
-    ...init
-  });
-  const setDrawerProps = react.useEqualCallback(
-    (changes) => {
-      const changed = typeof changes === "function" ? changes(props) : changes;
-      setProps((prev) => ({ ...prev, ...changed }));
-    },
-    [setProps]
-  );
-  return {
-    drawer: /* @__PURE__ */ jsxRuntime.jsx(
-      Drawer,
-      {
-        onClose: () => setProps((prev) => ({
-          ...prev,
-          open: false
-        })),
-        ...props
-      }
-    ),
-    drawerProps: props,
-    setDrawerProps
-  };
-}
-function ErrorChildren(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Alert,
-    {
-      type: "error",
-      message: props.errorMessage,
-      description: /* @__PURE__ */ jsxRuntime.jsx(
-        "pre",
-        {
-          style: {
-            fontSize: "0.9em",
-            overflowX: "auto"
-          },
-          children: props.errorDescription
-        }
-      )
-    }
-  );
-}
-function ErrorBoundary(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
-}
-ErrorBoundary.whyDidYouRender = true;
 var zh = {
   lang: "zh",
   blank: "\u7A7A",
@@ -157,6 +79,84 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
 }
+var Drawer = antd.Drawer;
+Drawer.whyDidYouRender = true;
+function useDrawer(init) {
+  const [props, setProps] = react$1.useState({
+    open: false,
+    ...init
+  });
+  const setDrawerProps = react.useEqualCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
+  return {
+    drawer: /* @__PURE__ */ jsxRuntime.jsx(
+      Drawer,
+      {
+        onClose: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
+    drawerProps: props,
+    setDrawerProps
+  };
+}
+function ErrorChildren(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Alert,
+    {
+      type: "error",
+      message: props.errorMessage,
+      description: /* @__PURE__ */ jsxRuntime.jsx(
+        "pre",
+        {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          },
+          children: props.errorDescription
+        }
+      )
+    }
+  );
+}
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
+}
+ErrorBoundary.whyDidYouRender = true;
+var Modal = antd.Modal;
+Modal.whyDidYouRender = true;
+function useModal(init) {
+  const [props, setProps] = react$1.useState({ open: false, ...init });
+  const setModalProps = react.useEqualCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
+  return {
+    modal: /* @__PURE__ */ jsxRuntime.jsx(
+      Modal,
+      {
+        onCancel: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
+    modalProps: props,
+    setModalProps
+  };
+}
 var AppContext = react.createSplittingContext({
   message: null,
   notification: null,

package/dist/index.mjs

@@ -1,94 +1,16 @@
-import { createSplittingContext, useEqualCallback, ErrorBoundary as ErrorBoundary$1, useEqualEffect, FaasReactClient, useEqualMemo, OptionalWrapper, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$1, faas } from '@faasjs/react';
+import { createSplittingContext, useEqualEffect, FaasReactClient, useEqualCallback, ErrorBoundary as ErrorBoundary$1, useEqualMemo, OptionalWrapper, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$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 { Form as Form$1, Drawer as Drawer$1, Modal as Modal$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 { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
+import { defaultsDeep, cloneDeep, isNil, uniqBy } from 'lodash-es';
 import { createContext, useState, useContext, useEffect, cloneElement, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
-import { defaultsDeep, cloneDeep, isNil, uniqBy } from 'lodash-es';
 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, ...init });
-  const setModalProps = useEqualCallback(
-    (changes) => {
-      const changed = typeof changes === "function" ? changes(props) : changes;
-      setProps((prev) => ({ ...prev, ...changed }));
-    },
-    [setProps]
-  );
-  return {
-    modal: /* @__PURE__ */ jsx(
-      Modal,
-      {
-        onCancel: () => setProps((prev) => ({
-          ...prev,
-          open: false
-        })),
-        ...props
-      }
-    ),
-    modalProps: props,
-    setModalProps
-  };
-}
-var Drawer = Drawer$1;
-Drawer.whyDidYouRender = true;
-function useDrawer(init) {
-  const [props, setProps] = useState({
-    open: false,
-    ...init
-  });
-  const setDrawerProps = useEqualCallback(
-    (changes) => {
-      const changed = typeof changes === "function" ? changes(props) : changes;
-      setProps((prev) => ({ ...prev, ...changed }));
-    },
-    [setProps]
-  );
-  return {
-    drawer: /* @__PURE__ */ jsx(
-      Drawer,
-      {
-        onClose: () => setProps((prev) => ({
-          ...prev,
-          open: false
-        })),
-        ...props
-      }
-    ),
-    drawerProps: props,
-    setDrawerProps
-  };
-}
-function ErrorChildren(props) {
-  return /* @__PURE__ */ jsx(
-    Alert,
-    {
-      type: "error",
-      message: props.errorMessage,
-      description: /* @__PURE__ */ jsx(
-        "pre",
-        {
-          style: {
-            fontSize: "0.9em",
-            overflowX: "auto"
-          },
-          children: props.errorDescription
-        }
-      )
-    }
-  );
-}
-function ErrorBoundary(props) {
-  return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
-}
-ErrorBoundary.whyDidYouRender = true;
 var zh = {
   lang: "zh",
   blank: "\u7A7A",
@@ -153,6 +75,84 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return useContext(ConfigContext);
 }
+var Drawer = Drawer$1;
+Drawer.whyDidYouRender = true;
+function useDrawer(init) {
+  const [props, setProps] = useState({
+    open: false,
+    ...init
+  });
+  const setDrawerProps = useEqualCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
+  return {
+    drawer: /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        onClose: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
+    drawerProps: props,
+    setDrawerProps
+  };
+}
+function ErrorChildren(props) {
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      type: "error",
+      message: props.errorMessage,
+      description: /* @__PURE__ */ jsx(
+        "pre",
+        {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          },
+          children: props.errorDescription
+        }
+      )
+    }
+  );
+}
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
+}
+ErrorBoundary.whyDidYouRender = true;
+var Modal = Modal$1;
+Modal.whyDidYouRender = true;
+function useModal(init) {
+  const [props, setProps] = useState({ open: false, ...init });
+  const setModalProps = useEqualCallback(
+    (changes) => {
+      const changed = typeof changes === "function" ? changes(props) : changes;
+      setProps((prev) => ({ ...prev, ...changed }));
+    },
+    [setProps]
+  );
+  return {
+    modal: /* @__PURE__ */ jsx(
+      Modal,
+      {
+        onCancel: () => setProps((prev) => ({
+          ...prev,
+          open: false
+        })),
+        ...props
+      }
+    ),
+    modalProps: props,
+    setModalProps
+  };
+}
 var AppContext = createSplittingContext({
   message: null,
   notification: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "3.7.0-beta.3",
+  "version": "3.7.0-beta.4",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -34,7 +34,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/react": "3.7.0-beta.3",
+    "@faasjs/react": "3.7.0-beta.4",
     "antd": "*",
     "@ant-design/icons": "*",
     "lodash-es": "*",
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@faasjs/react": "3.7.0-beta.3",
+    "@faasjs/react": "3.7.0-beta.4",
     "antd": "*",
     "@ant-design/icons": "*",
     "lodash-es": "*",