@flatbiz/antd 2.3.16 → 2.3.19

package/index.d.ts

@@ -2,12 +2,15 @@
 /// <reference types="scheduler" />
 
 import { API, ModelType } from '@dimjs/model';
-import { ButtonProps, DrawerProps, ModalProps, SelectProps, SpaceProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
+import { ButtonProps, DrawerProps, FormItemProps, InputNumberProps, InputProps, ModalProps, RadioGroupProps, SelectProps, SpaceProps, TableProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
+import { CheckboxGroupProps } from 'antd/lib/checkbox';
 import { PickerDateProps, RangePickerDateProps } from 'antd/lib/date-picker/generatePicker';
+import { FormListFieldData, FormListOperation, FormListProps } from 'antd/lib/form/FormList';
+import { TextAreaProps } from 'antd/lib/input';
+import { ColumnsType } from 'antd/lib/table';
 import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
-import React from 'react';
-import { CSSProperties, DependencyList, EffectCallback, FC, ReactElement, VFC } from 'react';
+import { CSSProperties, DependencyList, EffectCallback, FC, ReactElement, ReactNode, VFC } from 'react';
 
 export declare const styles: () => void;
 export interface ButtonOperateItem extends ButtonProps {
@@ -25,7 +28,7 @@ export interface ButtonOperateProps {
 	size?: SpaceProps["size"];
 }
 export declare const ButtonOperate: VFC<ButtonOperateProps>;
-export declare type DatePickerWraperProps = {
+export declare type DatePickerWrapperProps = {
 	value?: string;
 	onChange?: (value?: string) => void;
 } & Omit<PickerDateProps<moment.Moment>, "value" | "onChange">;
@@ -38,8 +41,8 @@ export declare type DatePickerWraperProps = {
  * 4. 其他格式化类型自定义format
  * ```
  */
-export declare const DatePickerWraper: VFC<DatePickerWraperProps>;
-export declare type DateRangePickerWraperProps = {
+export declare const DatePickerWrapper: VFC<DatePickerWrapperProps>;
+export declare type DateRangePickerWrapperProps = {
 	value?: [
 		string,
 		string
@@ -58,7 +61,7 @@ export declare type DateRangePickerWraperProps = {
  * 4. 其他格式化类型自定义format
  * ```
  */
-export declare const DateRangePickerWraper: VFC<DateRangePickerWraperProps>;
+export declare const DateRangePickerWrapper: VFC<DateRangePickerWrapperProps>;
 export interface DrawerStateType {
 	title: string;
 	/**
@@ -77,7 +80,7 @@ export interface DrawerActionsParamType {
 	closeDrawer: void;
 	setDrawerItemData: Record<string, any>;
 }
-export interface DrawerOperationProps {
+export interface DrawerOperationOldProps {
 	loading?: boolean;
 	okText?: string;
 	cancelText?: string;
@@ -93,8 +96,15 @@ export declare type DrawerFormProps = {
 	 * 整个drawer页面级的spinning <Page loading />
 	 */
 	pageLoading?: boolean;
-	operationProps?: DrawerOperationProps;
+	operationProps?: DrawerOperationOldProps;
 } & DrawerProps;
+/**
+ * 弹窗机制
+ * ```
+ * 1. 默认 destroyOnClose = true
+ * 2. 默认 forceRender = false
+ * ```
+ */
 export declare const DrawerWraper: FC<DrawerFormProps>;
 /**
  * drawer弹窗模型
@@ -107,18 +117,61 @@ export declare const DrawerWraper: FC<DrawerFormProps>;
  * ```
  */
 export declare const createDrawerWraperModel: (key: string) => API<ModelType<DrawerStateType, DrawerActionsParamType, any>>;
-export declare type FileImportProps = {
-	onImportFinish: (data: any) => void;
-} & Omit<UploadProps, "onChange" | "fileList" | "onPreview">;
+export interface DrawerStateType {
+	title: string;
+	/**
+	 * 显示drawer
+	 */
+	visible: boolean;
+	/**
+	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
+	 */
+	itemData?: Record<string, any>;
+	operateType: "create" | "update" | "view" | null;
+	pageLoading?: boolean;
+}
+export interface DrawerActionsParamType {
+	openDrawerForm: Pick<DrawerStateType, "title" | "itemData" | "operateType" | "pageLoading">;
+	closeDrawer: void;
+	setDrawerItemData: Record<string, any>;
+}
+export interface DrawerOperationProps {
+	loading?: boolean;
+	okText?: string;
+	cancelText?: string;
+	onOk?: () => void;
+	onCancel?: () => void;
+	hideOkBtn?: boolean;
+	okButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
+	cancelButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
+}
+export declare type DrawerWrapperProps = {
+	className?: string;
+	/**
+	 * 整个drawer页面级的spinning <Page loading />
+	 */
+	pageLoading?: boolean;
+	operationProps?: DrawerOperationProps;
+} & DrawerProps;
 /**
- * 文件导入
+ * 弹窗机制
  * ```
- * 默认值：
- * name: 'file',
- * accept: '.xlsx,.xls',
+ * 1. 默认 destroyOnClose = true
+ * 2. 默认 forceRender = false
  * ```
  */
-export declare const FileImport: FC<FileImportProps>;
+export declare const DrawerWrapper: FC<DrawerWrapperProps>;
+/**
+ * drawer弹窗模型
+ * @param key 唯一值必传
+ * @returns
+ *
+ * ```
+ * 使用方式
+ * const [drawerState, drawerActions] = createDrawerWrapperModel('key值').useStore();
+ * ```
+ */
+export declare const createDrawerWrapperModel: (key: string) => API<ModelType<DrawerStateType, DrawerActionsParamType, any>>;
 export declare type FileUploadItem = {
 	fileKey: string;
 	fileName: string;
@@ -129,6 +182,13 @@ export declare type FileUploadProps = {
 	value?: FileUploadItem[];
 	onPreview?: (item: FileUploadItem) => void;
 	onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;
+	/**
+	 * 属性映射
+	 */
+	fieldNames?: {
+		fileKey?: string;
+		fileName?: string;
+	};
 } & Omit<UploadProps, "onChange" | "fileList" | "onPreview">;
 /**
  * 文件上传，结合Form使用最佳
@@ -141,6 +201,7 @@ export declare type FileUploadProps = {
  *    fileKey: '预览文件对应的fileKey'
  *  }
  * }
+ * 可通过fieldNames配置接口返回值属性名称映射
  * ```
  * ```
  * 最佳使用方式：
@@ -153,6 +214,283 @@ export declare type FileUploadProps = {
  *
  */
 export declare const FileUpload: FC<FileUploadProps>;
+export declare type LabelValueItem<T extends string | number = string | number> = {
+	value: T;
+	label: string;
+};
+export declare type TPlainObject<T = any> = Record<string, T>;
+export declare type SelectorServiceConfig = {
+	params?: TPlainObject;
+	requiredParamsKeys?: string[];
+	onRequest?: (params?: any) => any;
+	/**
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: any) => TPlainObject[];
+};
+export declare type SelectorWrapperProps = Omit<SelectProps, "filterOption" | "onSearch" | "loading" | "notFoundContent" | "options" | "fieldNames"> & {
+	modelKey: string;
+	fieldNames?: {
+		label: string;
+		value: string;
+	};
+	/**
+	 * useEffect依赖性数组
+	 */
+	effectDependencyList?: DependencyList;
+	/**
+	 * 请求服务需求的数据，当设置`selectorList`后无效果
+	 */
+	serviceConfig?: SelectorServiceConfig;
+	/**
+	 * 同步设置选择器选项列表
+	 * ```
+	 * 1. 当设置selectorList后，serviceConfig、operateType=search、onSelectorListChange将失效
+	 * 2. 不支持异步数据，异步使用serviceConfig方式
+	 * 3. 如果配置fieldNames，会转换后使用
+	 * ```
+	 */
+	selectorList?: TPlainObject[];
+	/**
+	 * 通过服务获取数据后回调，当设置`selectorList`后无效果
+	 */
+	onSelectorListChange?: (dataList: LabelValueItem[]) => void;
+	/**
+	 * 添加全部选项
+	 * ```
+	 * 1. showAllOption = true，添加默认全部选项（value值为空字符串）
+	 * 2. 可自定义全部选项
+	 * ```
+	 */
+	showAllOption?: true | JSX.Element;
+	/**
+	 * 输入操作类型，默认值：filter
+	 * ```
+	 * 1. search：根据输入项去服务端查询
+	 * 2. filter：初始化已查询数据，根据输入内容筛选
+	 * 3. 在设置`selectorList`后，operateType=search将失效
+	 * ```
+	 */
+	operateType?: "search" | "filter";
+	searchFieldName?: string;
+};
+export declare type SelectorWrapperRefApi = {
+	onClearSelectorList: () => void;
+	getSelectorList: () => LabelValueItem<string | number>[];
+};
+/**
+ * 选择器包装组件
+ * @param props
+ * @returns
+ * ```
+ * 1. modelKey的配置是为了缓存数据；
+ *    1.1: 当有effectDependencyList依赖项时，依赖项的发生变化后，每次都会去调用接口获取数据
+ *    1.2: 当无effectDependencyList依赖项时，第一次调用接口成功后会有标记，下次访问存在标记，就不在调用接口，使用缓存数据；如果想强制刷新数据，可通过随便配置依赖项完成
+ * 2. selectorList属性
+ *    2.1 当设置selectorList属性后，serviceConfig、operateType=search、onSelectorListChange将失效
+ *    2.2 不支持异步数据，异步使用serviceConfig方式
+ * 3. operateType=search状态下，回填数据查询接口时，会在接口中默认添加id字段（id的值为回填的值）
+ * ```
+ */
+export declare const SelectorWrapper: import("react").ForwardRefExoticComponent<Omit<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType>, "loading" | "options" | "filterOption" | "notFoundContent" | "onSearch" | "fieldNames"> & {
+	modelKey: string;
+	fieldNames?: {
+		label: string;
+		value: string;
+	} | undefined;
+	/**
+	 * useEffect依赖性数组
+	 */
+	effectDependencyList?: DependencyList | undefined;
+	/**
+	 * 请求服务需求的数据，当设置`selectorList`后无效果
+	 */
+	serviceConfig?: SelectorServiceConfig | undefined;
+	/**
+	 * 同步设置选择器选项列表
+	 * ```
+	 * 1. 当设置selectorList后，serviceConfig、operateType=search、onSelectorListChange将失效
+	 * 2. 不支持异步数据，异步使用serviceConfig方式
+	 * 3. 如果配置fieldNames，会转换后使用
+	 * ```
+	 */
+	selectorList?: TPlainObject<any>[] | undefined;
+	/**
+	 * 通过服务获取数据后回调，当设置`selectorList`后无效果
+	 */
+	onSelectorListChange?: ((dataList: LabelValueItem[]) => void) | undefined;
+	/**
+	 * 添加全部选项
+	 * ```
+	 * 1. showAllOption = true，添加默认全部选项（value值为空字符串）
+	 * 2. 可自定义全部选项
+	 * ```
+	 */
+	showAllOption?: true | JSX.Element | undefined;
+	/**
+	 * 输入操作类型，默认值：filter
+	 * ```
+	 * 1. search：根据输入项去服务端查询
+	 * 2. filter：初始化已查询数据，根据输入内容筛选
+	 * 3. 在设置`selectorList`后，operateType=search将失效
+	 * ```
+	 */
+	operateType?: "search" | "filter" | undefined;
+	searchFieldName?: string | undefined;
+} & import("react").RefAttributes<SelectorWrapperRefApi>>;
+export declare type EditableInputConfig = {
+	type: "input";
+	editableComptProps?: InputProps;
+};
+export declare type EditableInputNumberConfig = {
+	type: "inputNumber";
+	editableComptProps?: InputNumberProps;
+};
+export declare type EditableSelectWrapperConfig = {
+	type: "selectorWrapper";
+	editableComptProps: SelectorWrapperProps;
+};
+export declare type EditableDatePickerWrapperConfig = {
+	type: "datePickerWrapper";
+	editableComptProps?: DatePickerWrapperProps;
+};
+export declare type EditableDateRangePickerWrapperConfig = {
+	type: "dateRangePickerWrapper";
+	editableComptProps?: DateRangePickerWrapperProps;
+};
+export declare type EditableCheckboxGroupConfig = {
+	type: "checkboxGroup";
+	editableComptProps: CheckboxGroupProps;
+};
+export declare type EditableRadioGroupConfig = {
+	type: "radioGroup";
+	editableComptProps: RadioGroupProps;
+};
+export declare type EditableTextareaConfig = {
+	type: "textArea";
+	editableComptProps: TextAreaProps;
+};
+export declare type EditableFileUploadConfig = {
+	type: "fileUpload";
+	editableComptProps: FileUploadProps;
+};
+/**
+ * 自定义编辑组件
+ * ```
+ * 1.需要处理Form.Item
+ * 2. 例如
+ *  editableConfig: {
+	  type: 'custom',
+	  editableComptProps: (props) => {
+		return (
+		  <Form.Item name={props.name}>
+			<Input />
+		  </Form.Item>
+		);
+	  },
+	},
+	```
+ */
+export declare type EditableCustomConfig = {
+	type: "custom";
+	editableComptProps: (props: {
+		name: Array<number | string>;
+		editable?: boolean;
+		completeName: Array<number | string>;
+	}) => ReactElement;
+};
+export declare type EditableTypeConfig = EditableCustomConfig | EditableInputConfig | EditableSelectWrapperConfig | EditableDatePickerWrapperConfig | EditableDateRangePickerWrapperConfig | EditableCheckboxGroupConfig | EditableTextareaConfig | EditableInputNumberConfig | EditableRadioGroupConfig | EditableFileUploadConfig;
+export declare type FieldSingleConfig = {
+	editable?: boolean | ((data: {
+		tableRowIndex: number;
+	}) => boolean);
+	editableConfig?: EditableTypeConfig;
+	/**
+	 * 当editableConfig type=custom时，此配置无效
+	 */
+	formItemProps?: Omit<FormItemProps, "name">;
+	/**
+	 * 1. 当editableConfig type=custom时，此配置无效
+	 * 2. 只在editable=false的情况下有效
+	 */
+	render?: (params?: any) => ReactNode;
+};
+export declare type FormListItemMethodOperateProps = {
+	tableRowIndex: number;
+	add: FormListOperation["add"];
+	remove: () => void;
+	formListItemIndex: number;
+	value: any;
+};
+export declare type FormListMethodOperateProps = {
+	tableRowIndex: number;
+	add: FormListOperation["add"];
+	value: any;
+};
+export declare type FormListConfig = {
+	editableConfigList: Array<FieldSingleConfig & {
+		fieldName: string;
+	}>;
+	onFormListBeforeRender?: (data: FormListMethodOperateProps) => ReactElement | null;
+	onFormListAfterRender?: (data: FormListMethodOperateProps) => ReactElement | null;
+	onFormListItemBeforeRender?: (data: FormListItemMethodOperateProps) => void;
+	onFormListItemAfterRender?: (data: FormListItemMethodOperateProps) => void;
+	deleteOperateRender?: (data: {
+		remove: () => void;
+		formListItemIndex: number;
+	}) => ReactElement;
+};
+export declare type EditableTableDataSourceItem = FormListFieldData & {
+	operation: FormListOperation;
+};
+export declare type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
+	dataIndex: string;
+	fieldConfig?: FieldSingleConfig | FormListConfig;
+	/**
+	 * 配置操作功能处理后，fieldConfig配置将失效
+	 * ```
+	 * 1. tableRowIndex：当前row的索引值
+	 * 1. name：当前row的form.item的name值
+	 * ```
+	 */
+	operateRender?: (item: {
+		tableRowIndex: number;
+		name: Array<string | number>;
+		operation: FormListOperation;
+	}) => ReactElement;
+};
+export declare type EditableTableProps = {
+	name: string;
+	/**
+	 * ```
+	 * antd table属性
+	 * 1. 新增cellVerticalAlign，单元格竖直方向对齐方式，设置table components属性后失效
+	 * ```
+	 */
+	tableProps: Omit<TableProps<any>, "dataSource" | "columns" | "rowKey"> & {
+		cellVerticalAlign?: "baseline" | "middle" | "top" | "bottom";
+	};
+	columns: EditableTableColumn[];
+	onTableBeforeRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	/**
+	 * 设置后，将覆盖底部`新增`按钮
+	 */
+	onTableAfterRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	rules?: FormListProps["rules"];
+};
+export declare const EditableTable: (props: EditableTableProps) => JSX.Element;
+export declare type FileImportProps = {
+	onImportFinish: (data?: any[]) => void;
+} & Pick<UploadProps, "accept" | "action" | "beforeUpload" | "disabled" | "maxCount" | "method" | "name">;
+/**
+ * 文件导入
+ * ```
+ * 默认值：
+ * name: 'file',
+ * accept: '.xlsx,.xls',
+ * ```
+ */
+export declare const FileImport: FC<FileImportProps>;
 export declare type FlexLayoutProps = {
 	className?: string;
 	fullIndex?: number | number[];
@@ -218,6 +556,13 @@ export declare type ModalFormProps = {
 	operationProps?: ModalOperationProps;
 	footer?: null | React.ReactNode;
 } & Omit<ModalProps, "footer" | "onOk" | "okText" | "cancelText" | "okButtonProps" | "cancelButtonProps" | "okType" | "confirmLoading">;
+/**
+ * 弹窗机制
+ * ```
+ * 1. 默认 destroyOnClose = true
+ * 2. 默认 forceRender = false
+ * ```
+ */
 export declare const ModalWraper: FC<ModalFormProps>;
 /**
  * modal弹窗模型
@@ -230,6 +575,59 @@ export declare const ModalWraper: FC<ModalFormProps>;
  * ```
  */
 export declare const createModalWraperModel: (key: string) => API<ModelType<ModalStateType, ModalActionsParamType, any>>;
+export interface ModalStateType {
+	title?: string;
+	/**
+	 * 显示modal
+	 */
+	visible: boolean;
+	/**
+	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
+	 */
+	itemData?: Record<string, unknown> | null;
+	operateType: "create" | "update" | "view";
+	pageLoading?: boolean;
+}
+export interface ModalActionsParamType {
+	openModalForm: Pick<ModalStateType, "title" | "itemData" | "operateType" | "pageLoading">;
+	closeModal: void;
+	setModalItemData: Record<string, unknown>;
+}
+export interface ModalOperationOldProps {
+	loading?: boolean;
+	okText?: string;
+	cancelText?: string;
+	onOk?: () => void;
+	onCancel?: () => void;
+	hideOkBtn?: boolean;
+	okButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
+	cancelButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
+}
+export declare type ModalWrapperProps = {
+	className?: string;
+	pageLoading?: boolean;
+	operationProps?: ModalOperationOldProps;
+	footer?: null | React.ReactNode;
+} & Omit<ModalProps, "footer" | "onOk" | "okText" | "cancelText" | "okButtonProps" | "cancelButtonProps" | "okType" | "confirmLoading">;
+/**
+ * 弹窗机制
+ * ```
+ * 1. 默认 destroyOnClose = true
+ * 2. 默认 forceRender = false
+ * ```
+ */
+export declare const ModalWrapper: FC<ModalWrapperProps>;
+/**
+ * modal弹窗模型
+ * @param key 唯一值必传
+ * @returns
+ *
+ * ```
+ * 使用方式
+ * const [modalState, modalActions] = createModalWrapperModel('key值').useStore();
+ * ```
+ */
+export declare const createModalWrapperModel: (key: string) => API<ModelType<ModalStateType, ModalActionsParamType, any>>;
 export declare type PageFixedFooterProps = {
 	className?: string;
 	style?: CSSProperties;
@@ -271,93 +669,11 @@ export declare const preDefinedClassName: {
 		label_width_auto: string;
 	};
 };
-export declare type TPlainObject<T = any> = Record<string, T>;
-export declare type LabelValueItem<T extends string | number = string> = {
-	value: T;
-	label: string;
-};
-export declare type SelectorServiceConfig = {
-	params?: TPlainObject;
-	requiredParamsKeys?: string[];
-	fieldNames?: {
-		label: string;
-		value: string;
-	};
-	onRequest?: (params?: any) => any;
-	/**
-	 * 响应数据适配器
-	 */
-	onRequestResultAdapter?: (respData: any) => TPlainObject[];
-};
-export declare type SelectorWrapperProps = SelectProps & {
-	effectDependencyList?: DependencyList[];
-	/**
-	 * 请求服务需求的数据，当设置`selectorList`后无效果
-	 */
-	serviceConfig?: SelectorServiceConfig;
-	/**
-	 * 当设置selectorList后，serviceConfig、operateType=search、onSelectorListChange将失效
-	 */
-	selectorList?: LabelValueItem<string | number>[];
-	/**
-	 * 通过服务获取数据后回调，当设置`selectorList`后无效果
-	 */
-	onSelectorListChange?: (selectorList: LabelValueItem<string | number>[]) => void;
-	showAllOption?: true | JSX.Element;
-	/**
-	 * 输入操作类型，默认值：filter
-	 * ```
-	 * 1. search：根据输入项去服务端查询
-	 * 2. filter：初始化已查询数据，根据输入内容筛选
-	 * 3. 在设置`selectorList`后，operateType=search将失效
-	 * ```
-	 */
-	operateType?: "search" | "filter";
-	searchFieldName?: string;
-};
-export declare type SelectorWrapperRefApi = {
-	onClearSelectorList: () => void;
-	getSelectorList: () => LabelValueItem<string | number>[];
-};
-/**
- * 选择器包装组件
- * @param props
- * @returns
- * ```
- * 1. 当设置selectorList属性后，serviceConfig、operateType=search、onSelectorListChange将失效
- * 2. operateType=search状态下，回填数据查询接口时，会在接口中默认添加id字段（id的值为回填的值）
- * ```
- */
-export declare const SelectorWrapper: import("react").ForwardRefExoticComponent<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> & {
-	effectDependencyList?: DependencyList[] | undefined;
-	/**
-	 * 请求服务需求的数据，当设置`selectorList`后无效果
-	 */
-	serviceConfig?: SelectorServiceConfig | undefined;
-	/**
-	 * 当设置selectorList后，serviceConfig、operateType=search、onSelectorListChange将失效
-	 */
-	selectorList?: LabelValueItem<string | number>[] | undefined;
-	/**
-	 * 通过服务获取数据后回调，当设置`selectorList`后无效果
-	 */
-	onSelectorListChange?: ((selectorList: LabelValueItem<string | number>[]) => void) | undefined;
-	showAllOption?: true | JSX.Element | undefined;
-	/**
-	 * 输入操作类型，默认值：filter
-	 * ```
-	 * 1. search：根据输入项去服务端查询
-	 * 2. filter：初始化已查询数据，根据输入内容筛选
-	 * 3. 在设置`selectorList`后，operateType=search将失效
-	 * ```
-	 */
-	operateType?: "search" | "filter" | undefined;
-	searchFieldName?: string | undefined;
-} & import("react").RefAttributes<SelectorWrapperRefApi>>;
 export declare type SimpleLayoutProps = {
 	className?: string;
 	style?: CSSProperties;
 	title?: string | ReactElement;
+	desc?: string | ReactElement;
 	formLabelAlign?: "left" | "right";
 	layoutType?: "layer" | "tight";
 };
@@ -408,14 +724,18 @@ export declare type TreeSelectorServiceConfig = {
 	 */
 	onRequestResultAdapter?: (respData: any) => TPlainObject[];
 };
-export declare type TreeSelectorWrapperProps = TreeSelectProps & {
-	effectDependencyList?: DependencyList[];
+export declare type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand"> & {
+	modelKey: string;
+	effectDependencyList?: DependencyList;
 	/**
 	 * 请求服务需求的数据，当设置`treeSelectorList`后无效果
 	 */
 	serviceConfig?: TreeSelectorServiceConfig;
 	/**
 	 * 当设置treeSelectorList后，serviceConfig、onTreeSelectorListChange将失效
+	 * ```
+	 * 1. 不支持异步数据，异步使用serviceConfig方式
+	 * ```
 	 */
 	treeSelectorList?: TreeSelectProps["treeData"];
 	/**
@@ -435,14 +755,18 @@ export declare type TreeSelectorWrapperRefApi = {
  * 1. 当设置treeSelectorList属性后，serviceConfig、onTreeSelectorListChange将失效
  * ```
  */
-export declare const TreeSelectorWrapper: import("react").ForwardRefExoticComponent<TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> & {
-	effectDependencyList?: DependencyList[] | undefined;
+export declare const TreeSelectorWrapper: import("react").ForwardRefExoticComponent<Omit<TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType>, "loading" | "treeData" | "treeExpandedKeys" | "onTreeExpand"> & {
+	modelKey: string;
+	effectDependencyList?: DependencyList | undefined;
 	/**
 	 * 请求服务需求的数据，当设置`treeSelectorList`后无效果
 	 */
 	serviceConfig?: TreeSelectorServiceConfig | undefined;
 	/**
 	 * 当设置treeSelectorList后，serviceConfig、onTreeSelectorListChange将失效
+	 * ```
+	 * 1. 不支持异步数据，异步使用serviceConfig方式
+	 * ```
 	 */
 	treeSelectorList?: TreeSelectProps["treeData"];
 	/**
@@ -460,13 +784,17 @@ export declare type TreeServiceConfig = {
 	onRequestResultAdapter?: (respData: any) => TPlainObject[];
 };
 export declare type TreeWrapperProps = Omit<TreeProps, "expandedKeys" | "treeData" | "onExpand" | "selectedKeys" | "checkedKeys" | "onCheck" | "onSelect" | "defaultCheckedKeys" | "defaultSelectedKeys" | "fieldNames"> & {
-	effectDependencyList?: DependencyList[];
+	modelKey: string;
+	effectDependencyList?: DependencyList;
 	/**
 	 * 请求服务需求的数据，当设置`selectorTreeList`后无效果
 	 */
 	serviceConfig?: TreeServiceConfig;
 	/**
 	 * 当设置selectorTreeList后，serviceConfig将失效
+	 * ```
+	 * 1. 不支持异步数据，异步使用serviceConfig方式
+	 * ```
 	 */
 	selectorTreeList?: TreeProps["treeData"];
 	value?: string | number | Array<string | number>;
@@ -494,13 +822,17 @@ export declare type TreeWrapperRefApi = {
  * ```
  */
 export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit<TreeProps<import("antd").TreeDataNode>, "onSelect" | "checkedKeys" | "selectedKeys" | "fieldNames" | "defaultSelectedKeys" | "onExpand" | "expandedKeys" | "treeData" | "defaultCheckedKeys" | "onCheck"> & {
-	effectDependencyList?: DependencyList[] | undefined;
+	modelKey: string;
+	effectDependencyList?: DependencyList | undefined;
 	/**
 	 * 请求服务需求的数据，当设置`selectorTreeList`后无效果
 	 */
 	serviceConfig?: TreeServiceConfig | undefined;
 	/**
 	 * 当设置selectorTreeList后，serviceConfig将失效
+	 * ```
+	 * 1. 不支持异步数据，异步使用serviceConfig方式
+	 * ```
 	 */
 	selectorTreeList?: TreeProps["treeData"];
 	value?: string | number | (string | number)[] | undefined;
@@ -515,5 +847,51 @@ export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit
 	 */
 	filterLabel?: string | undefined;
 } & import("react").RefAttributes<TreeWrapperRefApi>>;
+export declare type UploadWrapperFileItem = {
+	uid: string;
+	name: string;
+	url: string;
+};
+export declare type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
+	value?: T[];
+	onChange?: (value?: T[]) => void;
+	onUploadError?: (message?: string) => void;
+	onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;
+	/**
+	 * 属性映射
+	 */
+	fieldNames?: {
+		uid: string;
+		name: string;
+		url: string;
+	};
+	/**
+	 * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换
+	 */
+	onRequestResultAdapter?: (respData: any) => TPlainObject;
+} & Omit<UploadProps, "onChange" | "fileList">;
+/**
+ * 文件上传
+ * ```
+ * 1. 可通过配置children替换默认上传触发布局
+ * 2. 接口返回结构：
+ * formData上传接口返回值
+ * {
+ *  code: '0000',
+ *  data: {
+ *    uid: '唯一值，可使用fileKey值'
+ *    name: '文件名称'
+ *    url: '预览地址'
+ *  }
+ * }
+ * 可通过fieldNames配置接口返回值属性名称映射
+ * 3. 最佳使用方式，与Form结合使用
+ * <Form.Item name="attachmentList" label="附件">
+ *   <UploadWrapper action={uploadUrl} onPreview={onPreviewFile} />
+ * </Form.Item>
+ * ```
+ *
+ */
+export declare const UploadWrapper: FC<UploadWrapperProps>;
 
 export {};