@flatbiz/antd 4.2.102 → 4.2.104

package/index.d.ts

@@ -17,6 +17,7 @@ import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
 import * as React from 'react';
 import { CSSProperties, DependencyList, FC, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes } from 'react';
+import { IAceEditorProps } from 'react-ace';
 import { SplitProps } from 'react-split';
 import { Editor as TinyMCEEditor } from 'tinymce';
 
@@ -97,6 +98,12 @@ export type ConfigProviderWrapperProps = Omit<ConfigProviderProps, "locale"> & {
 	/** 自定义国际化数据 */
 	customLocaleMessage?: Partial<TFbaLocale>;
 };
+/**
+ *  antd ConfigProvider 扩展类
+ * ```
+ * 1. 新增监听辅助行为，移除复制文本中前后空格能力
+ * ```
+ */
 export declare const ConfigProviderWrapper: (props: ConfigProviderWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "open" | "open" | "okButtonProps" | "cancelButtonProps"> & {
 	onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
@@ -823,172 +830,6 @@ export type DragCollapseFormListProps = {
  * ```
  */
 export declare const DragCollapseFormList: (props: DragCollapseFormListProps) => import("react/jsx-runtime").JSX.Element;
-export type DragFormListContentProps = {
-	/** Form.List item fieldData */
-	formListFieldData: FormListFieldData;
-	/**
-	 * 当前阶段 完整 formItem name
-	 * ```
-	 * 1. 获取当前输入项Item数据
-	 *    form.getFieldValue(props.formStageCompleteName);
-	 * 2. 获取当前输入项Item指定字段数据
-	 *    form.getFieldValue([...props.formStageCompleteName, 'key']);
-	 * ```
-	 */
-	formStageCompleteName: (string | number)[];
-	/**
-	 * formList上一级 formItem完整name
-	 */
-	prevCompleteName: (string | number)[];
-	/** Form.List 操作项 */
-	operation: FormListOperation;
-	/** 索引 */
-	index: number;
-	/** 获取当前FormList 内部 Form.Item name */
-	getInsideFormItemName: (key: string) => Array<string | number>;
-	/** 获取当前 FormList Item 数据 */
-	getInsideFormItemData: () => TPlainObject;
-	/** 唯一值字段Key */
-	uidKey: string;
-};
-export type DragFormListProps = {
-	className?: string;
-	style?: CSSProperties;
-	itemStyle?: CSSProperties;
-	/** formList item 数据中的唯一值，默认值：uid */
-	uidFieldName?: string;
-	/** formList name */
-	name: string | number | (string | number)[];
-	/**
-	 * formList上一级 formItem完整name
-	 * ```
-	 * 1. 如果没有传 []
-	 * 2. FormList内部通过 Form.useWatch 取值需要完整 name
-	 * ```
-	 */
-	prevCompleteName: (string | number)[];
-	/** 拖拽回调 */
-	onDropChange?: (items: TPlainObject[]) => void;
-	/** 设置拖拽图标 */
-	dragIcon?: ReactElement;
-	/** 禁用拖拽，拖拽图标隐藏 */
-	dragDisabled?: boolean;
-	/** 设置item禁止拖拽   */
-	getItemDragDisabled?: (uid: string | number, index: number) => boolean;
-	/** 新增行默认值，自定义onTableAfterRender后失效 */
-	getAddRowDefaultValues?: () => TPlainObject;
-	/** 隐藏新增行按钮 */
-	hiddenAddRowButton?: boolean;
-	/** 自定义新增行按钮，getAddRowDefaultValues配置失效 */
-	onCustomAddRowButton?: (operation: FormListOperation) => ReactElement;
-	/** formListItem 内容 */
-	children: (data: DragFormListContentProps) => ReactElement;
-	/** 隐藏数据为空渲染 */
-	hiddenEmptyRender?: boolean;
-	/** formList内部渲染包装，多用于FormListWrapper嵌套布局 */
-	formListChildrenWrapper?: (props: {
-		children: ReactElement;
-	}) => ReactElement;
-	rules?: FormListProps["rules"];
-};
-/**
- * 可拖拽FormList
- * ```
- * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置
- * 2. Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
- * ```
- */
-export declare const DragFormList: (props: DragFormListProps) => import("react/jsx-runtime").JSX.Element;
-export type DragTableProps = Omit<TableProps<TPlainObject>, "dataSource"> & {
-	dragIcon?: boolean | ReactElement;
-	/** 表格数据唯一值字段Key */
-	uidFieldKey: string;
-	dataSource?: TPlainObject[];
-	/**
-	 * 拖拽结束事件
-	 * ```
-	 * dataSource: 拖拽完成后的数据源
-	 * dragData
-	 * 1. activeId 拖拽ID
-	 * 2. activeIndex 拖拽起始表格数组索引值
-	 * 3. overIndex 拖拽结束表格数组索引值
-	 * ```
-	 */
-	onDragChange?: (dataSource: TPlainObject[], dragData: {
-		activeId: string | number;
-		activeIndex: number;
-		overIndex: number;
-	}) => void;
-};
-/**
- * 可拖拽表格
- * ```
- * 1. 必须设置唯一值字段 uidFieldKey
- * 2. 如果拖拽显示异常，请检查 uidFieldKey 是否正确
- * ```
- */
-export declare const DragTable: (props: DragTableProps) => import("react/jsx-runtime").JSX.Element;
-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 type DrawerWrapperStaticMethods = {
-	Content: typeof DrawerWrapperContent;
-	Footer: typeof DrawerWrapperFooter;
-};
-export type DrawerWrapperProps = {
-	className?: string;
-	/**
-	 * 整个drawer页面级的spinning <Page loading />
-	 */
-	pageLoading?: boolean;
-} & Omit<DrawerProps, "footer">;
-declare const DrawerWrapperContent: (props: {
-	operationProps?: DrawerOperationProps;
-	children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const DrawerWrapperFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
-/**
- * 弹窗机制
- * @deprecated 已过时 4.3.0版本移除；请使用 const { appDialogModal } = FbaApp.useDialogModal();
- * ```
- * 1. 默认 destroyOnClose = true
- * 2. 默认 forceRender = false
- * 3. 如果设置 forceRender = true，会导致弹框中的接口提前调用
- *
- * 注意
- * 1. <Drawer /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。
- * 2. <Drawer /> 和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Drawer 关闭时销毁表单字段数据，需要设置 <Form preserve={false} />。
- *
- * ```
- */
-export declare const DrawerWrapper: FC<DrawerWrapperProps> & DrawerWrapperStaticMethods;
-export type TDynamicNodeProps = {
-	className?: string;
-	getContainer?: HTMLElement | (() => HTMLElement) | string;
-	content?: ReactElement;
-	fixed?: boolean;
-	style?: CSSProperties;
-};
-/**
- * 动态添加 element 元素
- * ```
- * 1. 默认添加到 body 下
- * 2. 可通过 getContainer 参数设置添加位置
- * ```
- */
-export declare const dynamicNode: {
-	append: (props?: TDynamicNodeProps) => {
-		elementId: string;
-	};
-	remove: (elementId?: string) => void;
-};
 export type TipsWrapperProps = {
 	gap?: number;
 	className?: string;
@@ -1026,683 +867,649 @@ export type TipsWrapperProps = {
  * ```
  */
 export declare const TipsWrapper: (props: TipsWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
+export type SelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
+export type SelectorServiceConfig = {
+	params?: TPlainObject;
+	/** 与 params 配合使用 */
+	requiredParamsKeys?: string[];
+	onRequest?: (params?: TAny) => Promise<TAny>;
 	/**
-	 * @description 请使用 tipsWrapperProps 属性配置
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
+};
+export type SelectorWrapperProps = Omit<SelectProps, "onSearch" | "notFoundContent" | "options" | "fieldNames" | "onChange" | "value" | "loading" | "mode"> & {
+	/** 不支持 tags 模式，tags模式请使用 SelectorWrapperSimple 组件 */
+	mode?: "multiple";
+	/** key值，相同的key 同页面可共用缓存数据 */
+	modelKey: string;
+	/**
+	 * 参数Key映射
 	 * ```
-	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
-	 * 1. title为string类型有效
-	 * 2. hoverArea 默认值：icon
+	 * 1. 默认值：value=value、label=label、disabled=disabled
+	 * 2. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'
+	 * 3. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效
+	 * 4. 如果没有配置list，可说明接口返回为数组
 	 * ```
 	 */
-	tooltip?: string | {
-		content: string;
-		icon?: ReactElement;
-		hoverArea?: "icon" | "all";
+	fieldNames?: {
+		list?: string;
+		label?: string;
+		value?: string;
+		disabled?: string;
 	};
-	dataIndex?: keyof T | (string & {});
 	/**
-	 * 会在 title 之后展示一个 icon
+	 * 请求服务需求的数据
+	 */
+	serviceConfig?: SelectorServiceConfig;
+	/**
+	 * 同步设置选择器选项列表
 	 * ```
-	 * 1. title为string类型有效
-	 * 2. 可为icon添加提示效果
-	 * 3. 可为icon添加点击事件
+	 * 1. 如果配置fieldNames，会转换后使用
+	 * 2. 值为undefined、null不会更新，需要清空可传递空数组
 	 * ```
 	 */
-	tipsWrapperProps?: string | TipsWrapperProps;
-};
-export type EasyTableRefApi = {
-	/** 外部发起请求服务 */
-	onRequest: (params?: TPlainObject) => void;
-	/** 获取请求参数 */
-	getRequestParams: () => TPlainObject;
-	/** 清楚查询条件 */
-	clearQueryCondition: (values?: TPlainObject) => Promise<void>;
-	form: FormInstance;
-	/** 重置请求 */
-	onResetRequest: (params?: TPlainObject) => void;
-	/** 接口数据源 */
-	getDataSource: () => TAny;
-	/** 过滤表格数据源，不会触发 onDataSourceChange 函数 */
-	onFilterDataSource: (dataSource: TPlainObject[]) => void;
-	/** 清空表格数据 */
-	onClearDataSource: () => void;
-	/** 修改表格数据源，会触发onDataSourceChange函数  */
-	onUpdateDataSource: (dataList: TPlainObject[]) => void;
-};
-export type EasyTableServiceConfig = {
-	/** 接口配置 */
-	onRequest: (params?: TPlainObject) => Promise<TPlainObject | TPlainObject[]>;
-	/** 请求参数处理 */
-	requestParamsAdapter?: (params: TPlainObject) => TPlainObject;
+	selectorList?: TPlainObject[];
 	/**
-	 * 接口相应数据处理
-	 * @param params
+	 * select 数据源发生变更时触发，第一次不调用
+	 */
+	onSelectorListChange?: (dataList: TPlainObject[]) => void;
+	/** select 数据源发生变更时触发，每次都会调用 */
+	onSelectorListAllChange?: (dataList: TPlainObject[]) => void;
+	/**
+	 * 通过服务获取数据异常回调
+	 */
+	onSelectorRequestError?: (error: Error) => void;
+	/**
+	 * 添加全部选项
 	 * ```
-	 * 返回数据为对象，包含两个字段
-	 * 1. 表格列表数据 - Array
-	 * 2. 表格条数总数 - Number
-	 * 其中 字段key 命名会通过 fieldNames 进行转义
-	 * 例如：
-	 * fieldNames={{
-	 *    list: 'aList',
-	 *    total: 'aTotal',
-	 *  }}
-	 *  serviceConfig={{
-	 *    url: '/v1/board/list',
-	 *    requestResultAdapter: (respData) => {
-	 *      return {
-	 *        aList: respData.data.rows,
-	 *        aTotal: respData.page.total,
-	 *      };
-	 *    },
-	 *  }}
-	 * ```
-	 */
-	requestResultAdapter?: (params: TAny) => TPlainObject;
-	/**
-	 * 动态列自定义渲染
-	 * ```
-	 * 1. respData: 接口返回数据
-	 * 2. columns: Table columns配置项
-	 * ```
-	 *
-	 */
-	dynamicColumsAdapter?: (respData?: TAny, columns?: TEasyTableTableColumn<TPlainObject>[]) => TEasyTableTableColumn<TPlainObject>[] | undefined;
-};
-export type EasyTableProps = {
-	className?: string;
-	style?: CSSProperties;
-	children: ReactElement | ReactElement[] | ((dataSource?: TAny) => ReactElement);
-	/**
-	 * EasyTable唯一值，可用于缓存查询条件
-	 * @deprecated 已过时，如果需要缓存数据请设置 cacheSwitch 参数
-	 */
-	modelKey?: string;
-	/**
-	 * 缓存查询条件开关，默认false
-	 * ```
-	 * 是否缓存表格查询条件，在路由跳转回来时，不会丢失
+	 * 1. 默认值label="全部"，value=""
+	 * 2. 可配置label、value
 	 * ```
 	 */
-	cacheSwitch?: boolean;
-	/** 接口数据配置 */
-	serviceConfig: EasyTableServiceConfig;
-	/**
-	 * 1. 查询条件Form initialValues
-	 * 2. 接口其他参数，例如常量类型
-	 */
-	initialValues?: TPlainObject;
-	/**
-	 * 分页初始化参数，默认值： pageSize = 10
-	 * @deprecated 已过时 4.3.0版本移除，使用 pageSize 赋值
-	 */
-	initialPaginationParams?: {
-		pageSize?: number;
+	showAllOption?: true | {
+		label: string;
+		value: string | number;
 	};
-	/** 分页单页条数，默认值：10 */
-	pageSize?: number;
+	onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;
+	onChange?: (value?: SelectorWrapperValue, selectedList?: TPlainObject[] | TPlainObject) => void;
+	showIcon?: boolean;
+	/** select option添加图标；与showIcon组合使用 */
+	icon?: (data: TPlainObject, index: number) => ReactElement;
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 	/**
-	 * 字段映射，默认值：{ list:'list', total:'total', pageNo:'pageNo', pageSize:'pageSize'  }
-	 * ```
-	 * 1. list、total用于解析接口响应数据，可以配置多级，例如：{ list: 'data.rows', total: 'page.total' }
-	 * 2. pageNo、pageSize用于接口分页入参Key定义，只能一级，例如：pageNo: 'page'
+	 * value格式
+	 *```
+	 * 1. string 、number
+	 * 2. Array<string | number>
+	 * 3. lableInValue = true，根据fieldNames配置格式
+	 * 4. lableInValue = true，Array<fieldNames配置>
 	 * ```
 	 */
-	fieldNames?: {
-		list?: string;
-		total?: string;
-		pageNo?: string;
-		pageSize?: string;
-	};
-	/** 初始化是否请求，默认值：true */
-	initRequest?: boolean;
-	onDataSourceChange?: (dataSource: TAny) => void;
-	/** 如果自定义查询按钮，可设置 Form onFinish */
-	onFormFinish?: (values?: TPlainObject) => void;
-	/** 在父节点高度下，上下铺满；默认值：true */
-	isFull?: boolean;
-	/** 查询条件固定，不随滚动条滚动  */
-	filterFixed?: boolean;
-	/** 分页区域固定，不随滚动条滚动 */
-	paginationFixed?: boolean;
-	/**
-	 * 1. 配合paginationFixed=true一起使用有效果
-	 * 2. 当使用Table内的pagination时，在EasyTable.Table中配置分页属性
-	 */
-	pagination?: PaginationProps;
-	/**
-	 * 查询条件展开、收起，被收起key数组；数组内容为EasyTable.Filter 子节点key值
-	 */
-	foldKeys?: string[];
-	/**
-	 * 自定义处理服务异常
-	 * @param error
-	 * @returns
-	 */
-	onRequestErrorHandle?: (error: any) => void;
+	value?: SelectorWrapperValue;
 	/**
-	 * 是否inline模式
+	 * 使用缓存，默认值：true
 	 * ```
-	 * 1. 缩短 EasyTable.Filter 与 EasyTable.Table 之间的距离
-	 * 2. 取消内边距
+	 * 1. true: 在 modelKey下使用请求参数缓存数据，如果相同modelKey、相同请求参数直接使用缓存数据
+	 * 2. false: 每次都调用接口，不参与缓存数据、不使用缓存数据
+	 * 3. useCache=false 在 serviceConfig.requiredParamsKeys.length > 0 有效
 	 * ```
 	 */
-	isInline?: boolean;
-	/** Form 实例 */
-	form?: FormInstance;
+	useCache?: boolean;
 };
-export type FormOperateColProps = {
-	className?: string;
-	leftList?: Array<ReactElement | null>;
-	rightList?: Array<ReactElement | null>;
-	justify?: RowProps["justify"];
-	/** 强制单独一行 */
-	forceAloneRow?: boolean;
-	hidden?: boolean;
-	leftSpaceProps?: SpaceProps;
-	rightSpaceProps?: SpaceProps;
+/**
+ * 选择器包装组件
+ * ```
+ * 1. 不支持搜索 + 调用服务模式
+ * ```
+ */
+export declare const SelectorWrapper: (props: SelectorWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export type SwitchWrapperValue = string | number | boolean;
+export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange"> & {
+	value?: SwitchWrapperValue;
+	checkedValue: SwitchWrapperValue;
+	unCheckedValue: SwitchWrapperValue;
+	onChange?: (value: SwitchWrapperValue) => void;
+	tooltipProps?: Omit<TooltipProps, "title">;
+	tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);
+	serviceConfig?: {
+		onRequest: (value: SwitchWrapperValue) => TAny;
+		message?: {
+			success?: string;
+			defaultError?: string;
+		};
+	};
 };
-export type FormRowProps = RowProps & {
-	children?: ReactNode | ReactNode[];
-	/**
-	 * default = { xs: 24, sm: 12, md: 8, lg: 8, xl: 8, xxl: 6 };
-	 * small = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };
-	 */
-	gridSize?: "default" | "small";
+/**
+ * 解决Switch只能接收boolean的限制，与Form.Item结合使用最佳
+ * ```
+ * 1. value 为状态值，不局限于boolean，可以为 [string | number | boolean]
+ * 2. checkedValue 选中值
+ * 3. unCheckedValue 未选中值
+ * 4. 与 Form.Item 结合使用，不再需要配置 valuePropName
+ *     <Form.Item name="fieldName">
+ *       <SwitchWrapper checkedValue={2} unCheckedValue={1} />
+ *     </Form.Item>
+ * 5. 可设置tooltip效果数据显示
+ * 6. 可设置 serviceConfig 配置服务调用交互
+ * ```
+ */
+export declare const SwitchWrapper: (props: SwitchWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export type UploadWrapperFileItem = {
+	uid: string;
+	name: string;
+	url?: string;
 };
-export type EasyTableFilterProps = {
-	children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);
-	/** isPure = true时无效 */
-	filterOperate?: (form: FormInstance) => FormOperateColProps;
-	/** 是否为纯净模式（查询条件布局是否自定义）， */
-	isPure?: boolean;
-	/** 查询按钮配置 */
-	queryButtonProps?: Omit<ButtonWrapperProps, "onClick"> & {
-		text?: string;
-	};
-	/** 重置按钮配置 */
-	resetButtonProps?: Omit<ButtonWrapperProps, "onClick"> & {
-		text?: string;
-	};
+export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
+	value?: T[] | T;
+	onChange?: (value?: T[]) => void;
+	onUploadError?: (message?: string) => void;
+	onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;
 	/**
-	 * 网格布局设置
-	 * default = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };
-	 * small = { xs: 24, sm: 8, md: 8, lg: 6, xl: 6, xxl: 6 };
+	 * 属性取值映射
 	 */
-	formGridSize?: FormRowProps["gridSize"];
-	formClassName?: string;
-	formStyle?: CSSProperties;
-	/** filter Form 外层 SimpleLayout style */
-	filterWrapperStyle?: CSSProperties;
-	/** filter Form 外层 SimpleLayout className  */
-	filterWrapperClassName?: string;
+	fieldNames?: {
+		uid: string;
+		name?: string;
+		url?: string;
+	};
 	/**
-	 * 自定义 filterOperate.rightList 后 默认【查询、重置】按钮处理逻辑
-	 * 1. cover：覆盖内部查询重置按钮（默认值）
-	 * 2. beforeAppend：添加到【查询重置】按钮前面
-	 * 3. afterAppend：添加到【查询重置】按钮后面
-	 *
-	 * 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+	 * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换
 	 */
-	rightOperateAreaAppendType?: "cover" | "beforeAppend" | "afterAppend";
-	/** 默认重启按钮触发请求，默认值：true */
-	defaultResetButtonTriggerRequest?: boolean;
-};
-export type EasyTableTableProps<T> = Omit<TableProps<TAny>, "dataSource" | "loading" | "rowKey" | "columns"> & {
-	children?: ReactElement | ReactElement[];
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject;
+	/** 操作触发显示文本 */
+	triggerText?: string;
+	/** 超过maxCount 隐藏上传入口  */
+	limitHidden?: boolean;
 	/**
-	 * 表格行 key 的取值，
+	 * 自动提交，默认：true
 	 * ```
-	 * 如果 rowKey 为string类型
-	 * 1. 组件会判断表格列表数据第一条是否存在当前rowKey对象的数据，如果没有组件内部会动态添加唯一值
-	 * 2. 基于上一条的逻辑，如果表格数据没有唯一值，可指定 rowKey 值为table数据中不存在的字段名，例如：rowKey="_uid"
-	 * 3. 如果触发上述逻辑，表格数据中会多出rowKey对应的键值对数据
+	 * 1. 自定义beforeUpload配置后 autoSubmit 失效
 	 * ```
 	 */
-	rowKey: TableProps<TAny>["rowKey"];
-	/** table Form 外层 SimpleLayout className  */
-	tableWrapperStyle?: CSSProperties;
-	/** table Form 外层 SimpleLayout className  */
-	tableWrapperClassName?: string;
-	columns: TEasyTableTableColumn<T>[];
-};
+	autoSubmit?: boolean;
+} & Omit<UploadProps, "onChange" | "fileList">;
 /**
- * 对 查询条件+表格数据 进行深度封装，内置数据交互处理
+ * 文件上传
  * ```
- * 1. 废弃modelKey参数
- * 2. 如果需要在路由跳转回退中缓存查询条件，设置cacheSwitch=true
- * 3. 需要获取查询条件、主动发起请求等可通过ref、useEasyTable操作
- * 4. 可通过属性 initRequest 设置初始化是否请求数据
- * 5. 可通过属性 fieldNames 来设置自定义变量，默认值为：list、total、pageNo、pageSize
- * 6. isFull=true，设置【在父节点高度下，上下铺满】（默认值：true）
- * 7. filterFixed=true，设置查询条件固定，不随滚动条滚动
- * 8. paginationFixed=true，可设置分页条件在底部固定，不随滚动条滚动
- * 9. foldKeys=string[]，查询条件展开、收起，被收起数组内容为EasyTable.Filter 子节点key值
- * 10. windows环境下，会在EasyTable.Table外部包装一下 TableScrollbar，提示高windows下table左右滚动体验
+ * 1. 可通过配置children替换默认上传触发布局
+ * 2. 接口返回结构：
+ *    formData上传接口返回值
+ *    {
+ *     code: '0000',
+ *     data: {
+ *       uid: '唯一值，可使用fileKey值'
+ *       name: '文件名称'
+ *       url: '预览地址'
+ *     }
+ *    }
+ * 3. 如果接口返回的不是上面的字段名称，可通过fieldNames配置接口返回字段名称映射
  *
- * Demo https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table
+ * 4. 最佳使用方式，与Form结合使用
+ * <Form.Item name="attachmentList" label="附件">
+ *   <UploadWrapper action={uploadUrl} />
+ * </Form.Item>
  * ```
+ *
  */
-export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTableProps & import("react").RefAttributes<EasyTableRefApi>> & {
-	/**
-	 * 过滤条件
-	 * @param props
-	 * @returns
-	 *
-	 *```
-	 *1. 用法1
-	 *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
-	 *  <EasyTable.Filter>
-	 *   <Form.Item name="field1" label="条件1">xxx</Form.Item>
-	 *  </EasyTable.Filter>
-	 *
-	 *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item
-	 *  <EasyTable.Filter>
-	 *    <FormCol span={12}><Form.Item name="field1" label="条件1">xxx</Form.Item></FormCol>
-	 *  </EasyTable.Filter>
-	 *
-	 *  -- children 可为 function
-	 *  <EasyTable.Filter>
-	 *   {(form) => {
-	 *     return <Form.Item name="field1" label="条件1">xxx</Form.Item>
-	 *   }}
-	 * </EasyTable.Filter>
-	 *2. 用户2（自定义布局）
-	 *   EasyTable.Filter设置 isPure = true，FormItem无布局规则
-	 *3. EasyTable.Filter中内置了 Form 标签，当children为函数时，可获取form实例
-	 *4. 默认布局下，可通过设置 filterOperate 设置操作按钮
-	 *5. Filter 子节点包含 hidden = true 会被忽略
-	 *6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
-	 *```
-	 */
-	Filter: (props: EasyTableFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadWrapper: (props: UploadWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export type EditableTableName = string | number | Array<string | number>;
+export type EditableTableRecordType = FormListFieldData & {
+	operation: FormListOperation;
+};
+export type EditableInputConfig = {
+	type: "input";
+	editableComptProps?: InputProps;
+};
+export type EditableInputNumberConfig = {
+	type: "inputNumber";
+	editableComptProps?: InputNumberProps;
+};
+export type EditableSelectWrapperConfig = {
+	type: "selectorWrapper";
+	editableComptProps: SelectorWrapperProps;
+};
+export type EditableDatePickerWrapperConfig = {
+	type: "datePickerWrapper";
+	editableComptProps?: DatePickerWrapperProps;
+};
+export type EditableDateRangePickerWrapperConfig = {
+	type: "dateRangePickerWrapper";
+	editableComptProps?: DateRangePickerWrapperProps;
+};
+export type EditableCheckboxGroupConfig = {
+	type: "checkboxGroup";
+	editableComptProps: CheckboxGroupProps;
+};
+export type EditableRadioGroupConfig = {
+	type: "radioGroup";
+	editableComptProps: RadioGroupProps;
+};
+export type EditableTextareaConfig = {
+	type: "textArea";
+	editableComptProps: TextAreaProps;
+};
+export type EditableFileUploadConfig = {
+	type: "uploadWrapper";
+	editableComptProps: UploadWrapperProps;
+};
+export type EditableSwitchWrapperConfig = {
+	type: "switchWrapper";
+	editableComptProps: SwitchWrapperProps;
+};
+/**
+ * 自定义编辑组件
+ * ```
+ * 1.需要处理Form.Item
+ * 2. 例如
+ *  editableConfig: {
+	  type: 'custom',
+	  editableComptProps: (props) => {
+		return (
+		  <Form.Item name={props.name}>
+			<Input />
+		  </Form.Item>
+		);
+	  },
+	},
+	```
+ */
+export type EditableCustomConfig = {
+	type: "custom";
+	editableComptProps: (props: {
+		name: Array<number | string>;
+		editable?: boolean;
+		completeName: Array<number | string>;
+		tableRowIndex: number;
+	}) => ReactElement;
+};
+export type EditableTypeConfig = EditableCustomConfig | EditableInputConfig | EditableSelectWrapperConfig | EditableDatePickerWrapperConfig | EditableDateRangePickerWrapperConfig | EditableCheckboxGroupConfig | EditableTextareaConfig | EditableInputNumberConfig | EditableRadioGroupConfig | EditableFileUploadConfig | EditableSwitchWrapperConfig;
+export type FieldSingleConfig = {
+	editable?: boolean | ((data: {
+		tableRowIndex: number;
+	}) => boolean);
+	editableConfig?: EditableTypeConfig;
 	/**
-	 * 表格渲染
-	 * @param props
-	 * ```
-	 * 1. 继承了 TableProps 可设置antd table功能
-	 * 2. 分页功能已内置处理，不调用 onChange
-	 * ```
+	 * 当editableConfig type=custom时，此配置无效
 	 */
-	Table: <T extends import("@flatbiz/utils").TPlainObject>(props: EasyTableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+	formItemProps?: Omit<FormItemProps, "name">;
 	/**
-	 * @deprecated 已过时 4.3.0版本移除，请使用 useEasyTable
+	 * 自定义非编辑渲染
+	 * 1. 当editableConfig type=custom时，此配置无效
+	 * 2. 只在editable=false的情况下有效
+	 * 3. 同级配置 editableConfigList后，同级render配置失效
+	 * 4. checkboxGroup、radioGroup、selectorWrapper第二次参数为options数组
 	 */
-	useEasyTablRef: () => {
-		current: EasyTableRefApi;
-	};
-	/**  在 EasyTable子组件内才可使用 */
-	useEasyTable: () => EasyTableRefApi;
+	render?: (params?: TAny, other?: TAny) => ReactNode;
+};
+export type FormListItemMethodOperateProps = {
+	tableRowIndex: number;
+	add: FormListOperation["add"];
+	remove: () => void;
+	formListItemIndex: number;
+	value: TAny;
+};
+export type FormListMethodOperateProps = {
+	tableRowIndex: number;
+	add: FormListOperation["add"];
+	value: TAny;
+};
+export type FormListConfig = {
+	editableConfigList: Array<FieldSingleConfig & {
+		fieldName: string;
+	}>;
+	onFormListBeforeRender?: (data: FormListMethodOperateProps) => ReactElement | null;
+	onFormListAfterRender?: (data: FormListMethodOperateProps) => ReactElement | null;
+	onFormListItemBeforeRender?: (data: FormListItemMethodOperateProps) => ReactElement | null;
+	onFormListItemAfterRender?: (data: FormListItemMethodOperateProps) => ReactElement | null;
+	deleteOperateRender?: (data: {
+		remove: () => void;
+		formListItemIndex: number;
+	}) => ReactElement;
+};
+export type fieldConfigFunctionParams = {
+	tableRowIndex: number;
+	name: EditableTableName;
+	tableRowName: EditableTableName;
+	getTableRowData: () => TPlainObject;
 };
-export interface EditableFieldProps {
-	className?: string;
-	style?: CSSProperties;
-	editRender: ReactElement | ((data: {
-		value?: TAny;
-		onChange?: (data?: TAny) => void;
-	}) => ReactElement);
-	viewRender?: (value?: TAny) => ReactNode;
-	value?: TAny;
-	onChange?: (data?: TAny) => void;
-	placeholderValue?: string;
-	/** edit 区域是否铺满，showEditableIcon=false 无效  */
-	isEditFull?: boolean;
-	/** 是否可编辑 */
-	editable?: boolean;
-	/** 是否显示编辑、确认、取消操作icon，默认值：true */
-	showEditableIcon?: boolean;
-	/** 点击编辑按钮，操作前，返回reject不会开启编辑效果 */
-	onClickEditIconPre?: (value?: TAny) => Promise<void>;
-	onEditCallback?: (value?: TAny) => void;
-	/** 点击确定按钮，操作前，返回reject不会执行确定功能 */
-	onClickConfirmIconPre?: (value?: TAny, preValue?: TAny) => Promise<void>;
-	onConfirmCallback?: (value?: TAny, preValue?: TAny) => void;
-	/** 组件操作Icon配置 */
-	iconConfig?: {
-		editIcon?: (options: {
-			onClick: () => void;
-		}) => ReactElement;
-		confirmIcon?: (options: {
-			onClick: () => void;
-		}) => ReactElement;
-		cancelIcon?: (options: {
-			onClick: () => void;
-		}) => ReactElement;
-	};
-}
-/**
- * 可编辑字段组件
- * @param props
- * @returns
- * ```
- * 字段渲染有两种状态
- * 1. 只读：如果value类型为复杂格式，必须要通过【viewRender】来进行处理操作，转成简单数据类型
- * 2. 编辑：参数value的格式要求必须满足编辑组件入参value要求
- * 3. 可自定义编辑Icon、确定Icon、取消Icon
- * 4. 可拦截编辑操作、确定操作
- * ```
- */
-export declare const EditableField: (props: EditableFieldProps) => any;
-export interface EditableFieldProviderProps {
-	children: ReactElement;
-	editable?: boolean;
-	showEditableIcon?: boolean;
-}
 /**
- * EditableFieldProvider 控制内部使有的 EditableField 状态
- * @param props
- * @returns
+ * antd 默认render功能此处不能使用
  */
-export declare const EditableFieldProvider: (props: EditableFieldProviderProps) => import("react/jsx-runtime").JSX.Element;
-export type SelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
-export type SelectorServiceConfig = {
-	params?: TPlainObject;
-	/** 与 params 配合使用 */
-	requiredParamsKeys?: string[];
-	onRequest?: (params?: TAny) => Promise<TAny>;
+export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
 	/**
-	 * 响应数据适配器
+	 * @description 请使用 tipsWrapperProps 属性配置
+	 * ```
+	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
+	 * 1. title为string类型、ReactElement有效
+	 * 2. hoverArea 默认值：icon
+	 * ```
 	 */
-	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
-};
-export type SelectorWrapperProps = Omit<SelectProps, "onSearch" | "notFoundContent" | "options" | "fieldNames" | "onChange" | "value" | "loading" | "mode"> & {
-	/** 不支持 tags 模式，tags模式请使用 SelectorWrapperSimple 组件 */
-	mode?: "multiple";
-	/** key值，相同的key 同页面可共用缓存数据 */
-	modelKey: string;
+	tooltip?: string | {
+		content: string;
+		icon?: ReactElement;
+		hoverArea?: "icon" | "all";
+	};
 	/**
-	 * 参数Key映射
+	 * 会在 title 之后展示一个 icon
 	 * ```
-	 * 1. 默认值：value=value、label=label、disabled=disabled
-	 * 2. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'
-	 * 3. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效
-	 * 4. 如果没有配置list，可说明接口返回为数组
+	 * 1. title为string类型有效
+	 * 2. 可为icon添加提示效果
+	 * 3. 可为icon添加点击事件
 	 * ```
 	 */
-	fieldNames?: {
-		list?: string;
-		label?: string;
-		value?: string;
-		disabled?: string;
+	tipsWrapperProps?: string | TipsWrapperProps;
+	dataIndex?: string;
+	fieldConfig?: FieldSingleConfig | FormListConfig | ((data: fieldConfigFunctionParams) => FieldSingleConfig | FormListConfig);
+	/** 隐藏域字段 */
+	hiddenField?: {
+		dataIndex: string;
 	};
 	/**
-	 * 请求服务需求的数据
+	 * 渲染中间件，如果renderMiddleware返回值为ReactElement格式，则会终止后续逻辑，fieldConfig配置将失效
+	 * ```
+	 * 1. tableRowIndex: 当前row的索引值
+	 * 2. name: 当前table单元格的form.item的name值
+	 * 3. operation Form.List的操作函数
+	 * 4. 对 table children column渲染无效
+	 * ```
 	 */
-	serviceConfig?: SelectorServiceConfig;
+	renderMiddleware?: (item: {
+		tableRowIndex: number;
+		name: EditableTableName;
+		tableRowName: EditableTableName;
+		operation: FormListOperation;
+		index: number;
+	}) => ReactElement | null;
+	/** table datasource children column 自定义渲染  */
+	tableChildrenColumnRender?: (value: TAny, record: TPlainObject, index: number) => ReactElement | null;
+};
+export type EditableTableProps = {
+	name: EditableTableName;
 	/**
-	 * 同步设置选择器选项列表
 	 * ```
-	 * 1. 如果配置fieldNames，会转换后使用
-	 * 2. 值为undefined、null不会更新，需要清空可传递空数组
+	 * antd table属性
+	 * 1. 新增cellVerticalAlign，单元格竖直方向对齐方式，设置table column onCell属性后失效
 	 * ```
 	 */
-	selectorList?: TPlainObject[];
+	tableProps?: Omit<TableProps<EditableTableRecordType>, "dataSource" | "columns" | "rowKey"> & {
+		cellVerticalAlign?: "baseline" | "middle" | "top" | "bottom";
+	};
+	columns: EditableTableColumn[];
+	onTableBeforeRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
 	/**
-	 * select 数据源发生变更时触发，第一次不调用
+	 * 设置后，将覆盖底部`新增`按钮
 	 */
-	onSelectorListChange?: (dataList: TPlainObject[]) => void;
-	/** select 数据源发生变更时触发，每次都会调用 */
-	onSelectorListAllChange?: (dataList: TPlainObject[]) => void;
+	onTableAfterRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	rules?: FormListProps["rules"];
+	/** 隐藏底部`新增`按钮，设置 onTableAfterRender后 失效 */
+	hiddenFooterBtn?: boolean;
+	/** 新增行默认值，自定义onTableAfterRender后失效 */
+	getAddRowDefaultValues?: () => TPlainObject;
+};
+export type EditableTableRefApi = {
+	/** 可用于表格行选择操作时，获取操作列数据 */
+	getTableItemDataByFormListItemKey: (key: number) => TPlainObject;
+};
+/**
+ * 可编辑表格
+ * demo：https://fex.qa.tcshuke.com/docs/admin/main/table/row-editable1
+ * @param props
+ * ```
+ * 1. 通过 tableProps 设置Table属性，table size默认：small
+ * 2. Table children column 不可编辑
+ * 3. 当存在折叠children数据时，组件会在children中内置_isChildrenItem字段
+ * 4. 可通过tableChildrenColumnRender自定义渲染 table children column 显示
+ * 5. 设置 rowSelection 后，rowSelection.onChange 通过 ref 的 getTableItemDataByFormListItemKey获取数据
+ * ```
+ */
+export declare const EditableTable: import("react").ForwardRefExoticComponent<EditableTableProps & import("react").RefAttributes<EditableTableRefApi>>;
+export type DragEditableTableProps = EditableTableProps & {
 	/**
-	 * 通过服务获取数据异常回调
+	 * 拖拽图标自定义，默认使用 DragOutlined 图标
 	 */
-	onSelectorRequestError?: (error: Error) => void;
+	dragIcon?: ReactElement;
+	/** 禁用拖拽 */
+	disabledDrag?: boolean;
 	/**
-	 * 添加全部选项
+	 * 表格数据唯一值字段Key
 	 * ```
-	 * 1. 默认值label="全部"，value=""
-	 * 2. 可配置label、value
 	 * ```
 	 */
-	showAllOption?: true | {
-		label: string;
-		value: string | number;
-	};
-	onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;
-	onChange?: (value?: SelectorWrapperValue, selectedList?: TPlainObject[] | TPlainObject) => void;
-	showIcon?: boolean;
-	/** select option添加图标；与showIcon组合使用 */
-	icon?: (data: TPlainObject, index: number) => ReactElement;
-	requestMessageConfig?: TRequestStatusProps["messageConfig"];
-	/**
-	 * value格式
-	 *```
-	 * 1. string 、number
-	 * 2. Array<string | number>
-	 * 3. lableInValue = true，根据fieldNames配置格式
-	 * 4. lableInValue = true，Array<fieldNames配置>
-	 * ```
-	 */
-	value?: SelectorWrapperValue;
+	uidFieldKey: string;
 	/**
-	 * 使用缓存，默认值：true
+	 * 拖拽结束事件
 	 * ```
-	 * 1. true: 在 modelKey下使用请求参数缓存数据，如果相同modelKey、相同请求参数直接使用缓存数据
-	 * 2. false: 每次都调用接口，不参与缓存数据、不使用缓存数据
-	 * 3. useCache=false 在 serviceConfig.requiredParamsKeys.length > 0 有效
+	 * dataSource: 拖拽完成后的数据源
+	 * dragData
+	 * 1. activeId 拖拽ID
+	 * 2. activeIndex 拖拽起始表格数组索引值
+	 * 3. overIndex 拖拽结束表格数组索引值
 	 * ```
 	 */
-	useCache?: boolean;
-};
-/**
- * 选择器包装组件
- * ```
- * 1. 不支持搜索 + 调用服务模式
- * ```
- */
-export declare const SelectorWrapper: (props: SelectorWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type SwitchWrapperValue = string | number | boolean;
-export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange"> & {
-	value?: SwitchWrapperValue;
-	checkedValue: SwitchWrapperValue;
-	unCheckedValue: SwitchWrapperValue;
-	onChange?: (value: SwitchWrapperValue) => void;
-	tooltipProps?: Omit<TooltipProps, "title">;
-	tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);
-	serviceConfig?: {
-		onRequest: (value: SwitchWrapperValue) => TAny;
-		message?: {
-			success?: string;
-			defaultError?: string;
-		};
-	};
+	onDragChange?: (dataSource: TPlainObject[], dragData: {
+		activeId: string | number;
+		activeIndex: number;
+		overIndex: number;
+	}) => void;
 };
 /**
- * 解决Switch只能接收boolean的限制，与Form.Item结合使用最佳
+ * 可拖拽编辑表格
  * ```
- * 1. value 为状态值，不局限于boolean，可以为 [string | number | boolean]
- * 2. checkedValue 选中值
- * 3. unCheckedValue 未选中值
- * 4. 与 Form.Item 结合使用，不再需要配置 valuePropName
- *     <Form.Item name="fieldName">
- *       <SwitchWrapper checkedValue={2} unCheckedValue={1} />
- *     </Form.Item>
- * 5. 可设置tooltip效果数据显示
- * 6. 可设置 serviceConfig 配置服务调用交互
+ * 1. 表格数据必须要有唯一值字段，通过参数 uidFieldKey 告诉组件
+ * 2. Table 参数 components.body.row 被组件内部使用
  * ```
  */
-export declare const SwitchWrapper: (props: SwitchWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type UploadWrapperFileItem = {
-	uid: string;
-	name: string;
-	url?: string;
-};
-export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
-	value?: T[] | T;
-	onChange?: (value?: T[]) => void;
-	onUploadError?: (message?: string) => void;
-	onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;
+export declare const DragEditableTable: import("react").ForwardRefExoticComponent<EditableTableProps & {
+	/**
+	 * 拖拽图标自定义，默认使用 DragOutlined 图标
+	 */
+	dragIcon?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+	/** 禁用拖拽 */
+	disabledDrag?: boolean | undefined;
+	/**
+	 * 表格数据唯一值字段Key
+	 * ```
+	 * ```
+	 */
+	uidFieldKey: string;
+	/**
+	 * 拖拽结束事件
+	 * ```
+	 * dataSource: 拖拽完成后的数据源
+	 * dragData
+	 * 1. activeId 拖拽ID
+	 * 2. activeIndex 拖拽起始表格数组索引值
+	 * 3. overIndex 拖拽结束表格数组索引值
+	 * ```
+	 */
+	onDragChange?: ((dataSource: TPlainObject[], dragData: {
+		activeId: string | number;
+		activeIndex: number;
+		overIndex: number;
+	}) => void) | undefined;
+} & import("react").RefAttributes<EditableTableRefApi>>;
+export type DragFormListContentProps = {
+	/** Form.List item fieldData */
+	formListFieldData: FormListFieldData;
 	/**
-	 * 属性映射
+	 * 当前阶段 完整 formItem name
+	 * ```
+	 * 1. 获取当前输入项Item数据
+	 *    form.getFieldValue(props.formStageCompleteName);
+	 * 2. 获取当前输入项Item指定字段数据
+	 *    form.getFieldValue([...props.formStageCompleteName, 'key']);
+	 * ```
 	 */
-	fieldNames?: {
-		uid: string;
-		name?: string;
-		url?: string;
-	};
+	formStageCompleteName: (string | number)[];
 	/**
-	 * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换
+	 * formList上一级 formItem完整name
 	 */
-	onRequestResultAdapter?: (respData: TAny) => TPlainObject;
-	/** 操作触发显示文本 */
-	triggerText?: string;
-	/** 超过maxCount 隐藏上传入口  */
-	limitHidden?: boolean;
-} & Omit<UploadProps, "onChange" | "fileList">;
-/**
- * 文件上传
- * ```
- * 1. 可通过配置children替换默认上传触发布局
- * 2. 接口返回结构：
- *    formData上传接口返回值
- *    {
- *     code: '0000',
- *     data: {
- *       uid: '唯一值，可使用fileKey值'
- *       name: '文件名称'
- *       url: '预览地址'
- *     }
- *    }
- * 3. 如果接口返回的不是上面的字段名称，可通过fieldNames配置接口返回字段名称映射
- *
- * 4. 最佳使用方式，与Form结合使用
- * <Form.Item name="attachmentList" label="附件">
- *   <UploadWrapper action={uploadUrl} />
- * </Form.Item>
- * ```
- *
- */
-export declare const UploadWrapper: (props: UploadWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type EditableTableName = string | number | Array<string | number>;
-export type EditableTableRecordType = FormListFieldData & {
+	prevCompleteName: (string | number)[];
+	/** Form.List 操作项 */
 	operation: FormListOperation;
+	/** 索引 */
+	index: number;
+	/** 获取当前FormList 内部 Form.Item name */
+	getInsideFormItemName: (key: string) => Array<string | number>;
+	/** 获取当前 FormList Item 数据 */
+	getInsideFormItemData: () => TPlainObject;
+	/** 唯一值字段Key */
+	uidKey: string;
 };
-export type EditableInputConfig = {
-	type: "input";
-	editableComptProps?: InputProps;
-};
-export type EditableInputNumberConfig = {
-	type: "inputNumber";
-	editableComptProps?: InputNumberProps;
-};
-export type EditableSelectWrapperConfig = {
-	type: "selectorWrapper";
-	editableComptProps: SelectorWrapperProps;
-};
-export type EditableDatePickerWrapperConfig = {
-	type: "datePickerWrapper";
-	editableComptProps?: DatePickerWrapperProps;
-};
-export type EditableDateRangePickerWrapperConfig = {
-	type: "dateRangePickerWrapper";
-	editableComptProps?: DateRangePickerWrapperProps;
-};
-export type EditableCheckboxGroupConfig = {
-	type: "checkboxGroup";
-	editableComptProps: CheckboxGroupProps;
-};
-export type EditableRadioGroupConfig = {
-	type: "radioGroup";
-	editableComptProps: RadioGroupProps;
-};
-export type EditableTextareaConfig = {
-	type: "textArea";
-	editableComptProps: TextAreaProps;
-};
-export type EditableFileUploadConfig = {
-	type: "uploadWrapper";
-	editableComptProps: UploadWrapperProps;
-};
-export type EditableSwitchWrapperConfig = {
-	type: "switchWrapper";
-	editableComptProps: SwitchWrapperProps;
+export type DragFormListProps = {
+	className?: string;
+	style?: CSSProperties;
+	itemStyle?: CSSProperties;
+	/** formList item 数据中的唯一值，默认值：uid */
+	uidFieldName?: string;
+	/** formList name */
+	name: string | number | (string | number)[];
+	/**
+	 * formList上一级 formItem完整name
+	 * ```
+	 * 1. 如果没有传 []
+	 * 2. FormList内部通过 Form.useWatch 取值需要完整 name
+	 * ```
+	 */
+	prevCompleteName: (string | number)[];
+	/** 拖拽回调 */
+	onDropChange?: (items: TPlainObject[]) => void;
+	/** 设置拖拽图标 */
+	dragIcon?: ReactElement;
+	/** 禁用拖拽，拖拽图标隐藏 */
+	dragDisabled?: boolean;
+	/** 设置item禁止拖拽   */
+	getItemDragDisabled?: (uid: string | number, index: number) => boolean;
+	/** 新增行默认值，自定义onTableAfterRender后失效 */
+	getAddRowDefaultValues?: () => TPlainObject;
+	/** 隐藏新增行按钮 */
+	hiddenAddRowButton?: boolean;
+	/** 自定义新增行按钮，getAddRowDefaultValues配置失效 */
+	onCustomAddRowButton?: (operation: FormListOperation) => ReactElement;
+	/** formListItem 内容 */
+	children: (data: DragFormListContentProps) => ReactElement;
+	/** 隐藏数据为空渲染 */
+	hiddenEmptyRender?: boolean;
+	/** formList内部渲染包装，多用于FormListWrapper嵌套布局 */
+	formListChildrenWrapper?: (props: {
+		children: ReactElement;
+	}) => ReactElement;
+	rules?: FormListProps["rules"];
 };
 /**
- * 自定义编辑组件
+ * 可拖拽FormList
+ * ```
+ * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置
+ * 2. Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
  * ```
- * 1.需要处理Form.Item
- * 2. 例如
- *  editableConfig: {
-	  type: 'custom',
-	  editableComptProps: (props) => {
-		return (
-		  <Form.Item name={props.name}>
-			<Input />
-		  </Form.Item>
-		);
-	  },
-	},
-	```
  */
-export type EditableCustomConfig = {
-	type: "custom";
-	editableComptProps: (props: {
-		name: Array<number | string>;
-		editable?: boolean;
-		completeName: Array<number | string>;
-		tableRowIndex: number;
-	}) => ReactElement;
-};
-export type EditableTypeConfig = EditableCustomConfig | EditableInputConfig | EditableSelectWrapperConfig | EditableDatePickerWrapperConfig | EditableDateRangePickerWrapperConfig | EditableCheckboxGroupConfig | EditableTextareaConfig | EditableInputNumberConfig | EditableRadioGroupConfig | EditableFileUploadConfig | EditableSwitchWrapperConfig;
-export type FieldSingleConfig = {
-	editable?: boolean | ((data: {
-		tableRowIndex: number;
-	}) => boolean);
-	editableConfig?: EditableTypeConfig;
+export declare const DragFormList: (props: DragFormListProps) => import("react/jsx-runtime").JSX.Element;
+export type DragTableProps = Omit<TableProps<TPlainObject>, "dataSource"> & {
 	/**
-	 * 当editableConfig type=custom时，此配置无效
+	 * ```
+	 * 1. 可自定义拖拽图标
+	 * 2. dragIcon = false，可设置表格行拖拽
+	 * ```
 	 */
-	formItemProps?: Omit<FormItemProps, "name">;
+	dragIcon?: false | ReactElement;
+	/** 表格数据唯一值字段Key，未填或者无法唯一，都不能拖拽能力 */
+	uidFieldKey: string;
+	dataSource?: TPlainObject[];
+	/** 禁用拖拽 */
+	disabledDrag?: boolean;
 	/**
-	 * 自定义非编辑渲染
-	 * 1. 当editableConfig type=custom时，此配置无效
-	 * 2. 只在editable=false的情况下有效
-	 * 3. 同级配置 editableConfigList后，同级render配置失效
-	 * 4. checkboxGroup、radioGroup、selectorWrapper第二次参数为options数组
+	 * 拖拽结束事件
+	 * ```
+	 * dataSource: 拖拽完成后的数据源
+	 * dragData
+	 * 1. activeId 拖拽ID
+	 * 2. activeIndex 拖拽起始表格数组索引值
+	 * 3. overIndex 拖拽结束表格数组索引值
+	 * ```
 	 */
-	render?: (params?: TAny, other?: TAny) => ReactNode;
-};
-export type FormListItemMethodOperateProps = {
-	tableRowIndex: number;
-	add: FormListOperation["add"];
-	remove: () => void;
-	formListItemIndex: number;
-	value: TAny;
-};
-export type FormListMethodOperateProps = {
-	tableRowIndex: number;
-	add: FormListOperation["add"];
-	value: TAny;
+	onDragChange?: (dataSource: TPlainObject[], dragData: {
+		activeId: string | number;
+		activeIndex: number;
+		overIndex: number;
+	}) => void;
 };
-export type FormListConfig = {
-	editableConfigList: Array<FieldSingleConfig & {
-		fieldName: string;
-	}>;
-	onFormListBeforeRender?: (data: FormListMethodOperateProps) => ReactElement | null;
-	onFormListAfterRender?: (data: FormListMethodOperateProps) => ReactElement | null;
-	onFormListItemBeforeRender?: (data: FormListItemMethodOperateProps) => ReactElement | null;
-	onFormListItemAfterRender?: (data: FormListItemMethodOperateProps) => ReactElement | null;
-	deleteOperateRender?: (data: {
-		remove: () => void;
-		formListItemIndex: number;
-	}) => ReactElement;
+/**
+ * 可拖拽表格
+ * ```
+ * 1. 必须设置唯一值字段 uidFieldKey
+ * 2. 如果拖拽显示异常，请检查 uidFieldKey 是否正确
+ * 3. Table 参数 components.body.row 被组件内部使用
+ * ```
+ */
+export declare const DragTable: (props: DragTableProps) => import("react/jsx-runtime").JSX.Element;
+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 type DrawerWrapperStaticMethods = {
+	Content: typeof DrawerWrapperContent;
+	Footer: typeof DrawerWrapperFooter;
 };
-export type fieldConfigFunctionParams = {
-	tableRowIndex: number;
-	name: EditableTableName;
-	tableRowName: EditableTableName;
-	getTableRowData: () => TPlainObject;
+export type DrawerWrapperProps = {
+	className?: string;
+	/**
+	 * 整个drawer页面级的spinning <Page loading />
+	 */
+	pageLoading?: boolean;
+} & Omit<DrawerProps, "footer">;
+declare const DrawerWrapperContent: (props: {
+	operationProps?: DrawerOperationProps;
+	children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerWrapperFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 弹窗机制
+ * @deprecated 已过时 4.3.0版本移除；请使用 const { appDialogModal } = FbaApp.useDialogModal();
+ * ```
+ * 1. 默认 destroyOnClose = true
+ * 2. 默认 forceRender = false
+ * 3. 如果设置 forceRender = true，会导致弹框中的接口提前调用
+ *
+ * 注意
+ * 1. <Drawer /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。
+ * 2. <Drawer /> 和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Drawer 关闭时销毁表单字段数据，需要设置 <Form preserve={false} />。
+ *
+ * ```
+ */
+export declare const DrawerWrapper: FC<DrawerWrapperProps> & DrawerWrapperStaticMethods;
+export type TDynamicNodeProps = {
+	className?: string;
+	getContainer?: HTMLElement | (() => HTMLElement) | string;
+	content?: ReactElement;
+	fixed?: boolean;
+	style?: CSSProperties;
 };
 /**
- * antd 默认render功能此处不能使用
+ * 动态添加 element 元素
+ * ```
+ * 1. 默认添加到 body 下
+ * 2. 可通过 getContainer 参数设置添加位置
+ * ```
  */
-export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
+export declare const dynamicNode: {
+	append: (props?: TDynamicNodeProps) => {
+		elementId: string;
+	};
+	remove: (elementId?: string) => void;
+};
+export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
 	/**
 	 * @description 请使用 tipsWrapperProps 属性配置
 	 * ```
 	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
-	 * 1. title为string类型、ReactElement有效
+	 * 1. title为string类型有效
 	 * 2. hoverArea 默认值：icon
 	 * ```
 	 */
@@ -1711,6 +1518,7 @@ export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
 		icon?: ReactElement;
 		hoverArea?: "icon" | "all";
 	};
+	dataIndex?: keyof T | (string & {});
 	/**
 	 * 会在 title 之后展示一个 icon
 	 * ```
@@ -1720,71 +1528,351 @@ export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
 	 * ```
 	 */
 	tipsWrapperProps?: string | TipsWrapperProps;
-	dataIndex?: string;
-	fieldConfig?: FieldSingleConfig | FormListConfig | ((data: fieldConfigFunctionParams) => FieldSingleConfig | FormListConfig);
-	/** 隐藏域字段 */
-	hiddenField?: {
-		dataIndex: string;
+};
+export type EasyTableRefApi = {
+	/** 外部发起请求服务 */
+	onRequest: (params?: TPlainObject) => void;
+	/** 获取请求参数 */
+	getRequestParams: () => TPlainObject;
+	/** 清楚查询条件 */
+	clearQueryCondition: (values?: TPlainObject) => Promise<void>;
+	form: FormInstance;
+	/** 重置请求 */
+	onResetRequest: (params?: TPlainObject) => void;
+	/** 接口数据源 */
+	getDataSource: () => TAny;
+	/** 过滤表格数据源，不会触发 onDataSourceChange 函数 */
+	onFilterDataSource: (dataSource: TPlainObject[]) => void;
+	/** 清空表格数据 */
+	onClearDataSource: () => void;
+	/** 修改表格数据源，会触发onDataSourceChange函数  */
+	onUpdateDataSource: (dataList: TPlainObject[]) => void;
+};
+export type EasyTableServiceConfig = {
+	/** 接口配置 */
+	onRequest: (params?: TPlainObject) => Promise<TPlainObject | TPlainObject[]>;
+	/** 请求参数处理 */
+	requestParamsAdapter?: (params: TPlainObject) => TPlainObject;
+	/**
+	 * 接口相应数据处理
+	 * @param params
+	 * ```
+	 * 返回数据为对象，包含两个字段
+	 * 1. 表格列表数据 - Array
+	 * 2. 表格条数总数 - Number
+	 * 其中 字段key 命名会通过 fieldNames 进行转义
+	 * 例如：
+	 * fieldNames={{
+	 *    list: 'aList',
+	 *    total: 'aTotal',
+	 *  }}
+	 *  serviceConfig={{
+	 *    url: '/v1/board/list',
+	 *    requestResultAdapter: (respData) => {
+	 *      return {
+	 *        aList: respData.data.rows,
+	 *        aTotal: respData.page.total,
+	 *      };
+	 *    },
+	 *  }}
+	 * ```
+	 */
+	requestResultAdapter?: (params: TAny) => TPlainObject;
+	/**
+	 * 动态列自定义渲染
+	 * ```
+	 * 1. respData: 接口返回数据
+	 * 2. columns: Table columns配置项
+	 * ```
+	 *
+	 */
+	dynamicColumsAdapter?: (respData?: TAny, columns?: TEasyTableTableColumn<TPlainObject>[]) => TEasyTableTableColumn<TPlainObject>[] | undefined;
+};
+export type EasyTableProps = {
+	className?: string;
+	style?: CSSProperties;
+	children: ReactElement | ReactElement[] | ((dataSource?: TAny) => ReactElement);
+	/**
+	 * EasyTable唯一值，可用于缓存查询条件
+	 * @deprecated 已过时，如果需要缓存数据请设置 cacheSwitch 参数
+	 */
+	modelKey?: string;
+	/**
+	 * 缓存查询条件开关，默认false
+	 * ```
+	 * 是否缓存表格查询条件，在路由跳转回来时，不会丢失
+	 * ```
+	 */
+	cacheSwitch?: boolean;
+	/** 接口数据配置 */
+	serviceConfig: EasyTableServiceConfig;
+	/**
+	 * 1. 查询条件Form initialValues
+	 * 2. 接口其他参数，例如常量类型
+	 */
+	initialValues?: TPlainObject;
+	/**
+	 * 分页初始化参数，默认值： pageSize = 10
+	 * @deprecated 已过时 4.3.0版本移除，使用 pageSize 赋值
+	 */
+	initialPaginationParams?: {
+		pageSize?: number;
 	};
+	/** 分页单页条数，默认值：10 */
+	pageSize?: number;
 	/**
-	 * 渲染中间件，如果renderMiddleware返回值为ReactElement格式，则会终止后续逻辑，fieldConfig配置将失效
+	 * 字段映射，默认值：{ list:'list', total:'total', pageNo:'pageNo', pageSize:'pageSize'  }
 	 * ```
-	 * 1. tableRowIndex: 当前row的索引值
-	 * 2. name: 当前table单元格的form.item的name值
-	 * 3. operation Form.List的操作函数
-	 * 4. 对 table children column渲染无效
+	 * 1. list、total用于解析接口响应数据，可以配置多级，例如：{ list: 'data.rows', total: 'page.total' }
+	 * 2. pageNo、pageSize用于接口分页入参Key定义，只能一级，例如：pageNo: 'page'
+	 * ```
+	 */
+	fieldNames?: {
+		list?: string;
+		total?: string;
+		pageNo?: string;
+		pageSize?: string;
+	};
+	/** 初始化是否请求，默认值：true */
+	initRequest?: boolean;
+	onDataSourceChange?: (dataSource: TAny) => void;
+	/** 如果自定义查询按钮，可设置 Form onFinish */
+	onFormFinish?: (values?: TPlainObject) => void;
+	/** 在父节点高度下，上下铺满；默认值：true */
+	isFull?: boolean;
+	/** 查询条件固定，不随滚动条滚动  */
+	filterFixed?: boolean;
+	/** 分页区域固定，不随滚动条滚动 */
+	paginationFixed?: boolean;
+	/**
+	 * 1. 配合paginationFixed=true一起使用有效果
+	 * 2. 当使用Table内的pagination时，在EasyTable.Table中配置分页属性
+	 */
+	pagination?: PaginationProps;
+	/**
+	 * 查询条件展开、收起，被收起key数组；数组内容为EasyTable.Filter 子节点key值
+	 */
+	foldKeys?: string[];
+	/**
+	 * 自定义处理服务异常
+	 * @param error
+	 * @returns
+	 */
+	onRequestErrorHandle?: (error: any) => void;
+	/**
+	 * 是否inline模式
+	 * ```
+	 * 1. 缩短 EasyTable.Filter 与 EasyTable.Table 之间的距离
+	 * 2. 取消内边距
+	 * ```
+	 */
+	isInline?: boolean;
+	/** Form 实例 */
+	form?: FormInstance;
+};
+export type FormOperateColProps = {
+	className?: string;
+	leftList?: Array<ReactElement | null>;
+	rightList?: Array<ReactElement | null>;
+	justify?: RowProps["justify"];
+	/** 强制单独一行 */
+	forceAloneRow?: boolean;
+	hidden?: boolean;
+	leftSpaceProps?: SpaceProps;
+	rightSpaceProps?: SpaceProps;
+};
+export type FormRowProps = RowProps & {
+	children?: ReactNode | ReactNode[];
+	/**
+	 * default = { xs: 24, sm: 12, md: 8, lg: 8, xl: 8, xxl: 6 };
+	 * small = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };
+	 */
+	gridSize?: "default" | "small";
+};
+export type EasyTableFilterProps = {
+	children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);
+	/** isPure = true时无效 */
+	filterOperate?: (form: FormInstance) => FormOperateColProps;
+	/** 是否为纯净模式（查询条件布局是否自定义）， */
+	isPure?: boolean;
+	/** 查询按钮配置 */
+	queryButtonProps?: Omit<ButtonWrapperProps, "onClick"> & {
+		text?: string;
+	};
+	/** 重置按钮配置 */
+	resetButtonProps?: Omit<ButtonWrapperProps, "onClick"> & {
+		text?: string;
+	};
+	/**
+	 * 网格布局设置
+	 * default = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };
+	 * small = { xs: 24, sm: 8, md: 8, lg: 6, xl: 6, xxl: 6 };
+	 */
+	formGridSize?: FormRowProps["gridSize"];
+	formClassName?: string;
+	formStyle?: CSSProperties;
+	/** filter Form 外层 SimpleLayout style */
+	filterWrapperStyle?: CSSProperties;
+	/** filter Form 外层 SimpleLayout className  */
+	filterWrapperClassName?: string;
+	/**
+	 * 自定义 filterOperate.rightList 后 默认【查询、重置】按钮处理逻辑
+	 * 1. cover：覆盖内部查询重置按钮（默认值）
+	 * 2. beforeAppend：添加到【查询重置】按钮前面
+	 * 3. afterAppend：添加到【查询重置】按钮后面
+	 *
+	 * 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+	 */
+	rightOperateAreaAppendType?: "cover" | "beforeAppend" | "afterAppend";
+	/** 默认重启按钮触发请求，默认值：true */
+	defaultResetButtonTriggerRequest?: boolean;
+};
+export type EasyTableTableProps<T> = Omit<TableProps<TAny>, "dataSource" | "loading" | "rowKey" | "columns"> & {
+	children?: ReactElement | ReactElement[];
+	/**
+	 * 表格行 key 的取值，
+	 * ```
+	 * 如果 rowKey 为string类型
+	 * 1. 组件会判断表格列表数据第一条是否存在当前rowKey对象的数据，如果没有组件内部会动态添加唯一值
+	 * 2. 基于上一条的逻辑，如果表格数据没有唯一值，可指定 rowKey 值为table数据中不存在的字段名，例如：rowKey="_uid"
+	 * 3. 如果触发上述逻辑，表格数据中会多出rowKey对应的键值对数据
 	 * ```
 	 */
-	renderMiddleware?: (item: {
-		tableRowIndex: number;
-		name: EditableTableName;
-		tableRowName: EditableTableName;
-		operation: FormListOperation;
-		index: number;
-	}) => ReactElement | null;
-	/** table datasource children column 自定义渲染  */
-	tableChildrenColumnRender?: (value: TAny, record: TPlainObject, index: number) => ReactElement | null;
+	rowKey: TableProps<TAny>["rowKey"];
+	/** table Form 外层 SimpleLayout className  */
+	tableWrapperStyle?: CSSProperties;
+	/** table Form 外层 SimpleLayout className  */
+	tableWrapperClassName?: string;
+	columns: TEasyTableTableColumn<T>[];
 };
-export type EditableTableProps = {
-	name: EditableTableName;
+/**
+ * 对 查询条件+表格数据 进行深度封装，内置数据交互处理
+ * ```
+ * 1. 废弃modelKey参数
+ * 2. 如果需要在路由跳转回退中缓存查询条件，设置cacheSwitch=true
+ * 3. 需要获取查询条件、主动发起请求等可通过ref、useEasyTable操作
+ * 4. 可通过属性 initRequest 设置初始化是否请求数据
+ * 5. 可通过属性 fieldNames 来设置自定义变量，默认值为：list、total、pageNo、pageSize
+ * 6. isFull=true，设置【在父节点高度下，上下铺满】（默认值：true）
+ * 7. filterFixed=true，设置查询条件固定，不随滚动条滚动
+ * 8. paginationFixed=true，可设置分页条件在底部固定，不随滚动条滚动
+ * 9. foldKeys=string[]，查询条件展开、收起，被收起数组内容为EasyTable.Filter 子节点key值
+ * 10. windows环境下，会在EasyTable.Table外部包装一下 TableScrollbar，提示高windows下table左右滚动体验
+ *
+ * Demo https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table
+ * ```
+ */
+export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTableProps & import("react").RefAttributes<EasyTableRefApi>> & {
+	/**
+	 * 过滤条件
+	 * @param props
+	 * @returns
+	 *
+	 *```
+	 *1. 用法1
+	 *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 *  <EasyTable.Filter>
+	 *   <Form.Item name="field1" label="条件1">xxx</Form.Item>
+	 *  </EasyTable.Filter>
+	 *
+	 *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item
+	 *  <EasyTable.Filter>
+	 *    <FormCol span={12}><Form.Item name="field1" label="条件1">xxx</Form.Item></FormCol>
+	 *  </EasyTable.Filter>
+	 *
+	 *  -- children 可为 function
+	 *  <EasyTable.Filter>
+	 *   {(form) => {
+	 *     return <Form.Item name="field1" label="条件1">xxx</Form.Item>
+	 *   }}
+	 * </EasyTable.Filter>
+	 *2. 用户2（自定义布局）
+	 *   EasyTable.Filter设置 isPure = true，FormItem无布局规则
+	 *3. EasyTable.Filter中内置了 Form 标签，当children为函数时，可获取form实例
+	 *4. 默认布局下，可通过设置 filterOperate 设置操作按钮
+	 *5. Filter 子节点包含 hidden = true 会被忽略
+	 *6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+	 *```
+	 */
+	Filter: (props: EasyTableFilterProps) => import("react/jsx-runtime").JSX.Element;
 	/**
+	 * 表格渲染
+	 * @param props
 	 * ```
-	 * antd table属性
-	 * 1. 新增cellVerticalAlign，单元格竖直方向对齐方式，设置table column onCell属性后失效
+	 * 1. 继承了 TableProps 可设置antd table功能
+	 * 2. 分页功能已内置处理，不调用 onChange
 	 * ```
 	 */
-	tableProps?: Omit<TableProps<EditableTableRecordType>, "dataSource" | "columns" | "rowKey"> & {
-		cellVerticalAlign?: "baseline" | "middle" | "top" | "bottom";
-	};
-	columns: EditableTableColumn[];
-	onTableBeforeRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	Table: <T extends import("@flatbiz/utils").TPlainObject>(props: EasyTableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 	/**
-	 * 设置后，将覆盖底部`新增`按钮
+	 * @deprecated 已过时 4.3.0版本移除，请使用 useEasyTable
 	 */
-	onTableAfterRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
-	rules?: FormListProps["rules"];
-	/** 隐藏底部`新增`按钮，设置 onTableAfterRender后 失效 */
-	hiddenFooterBtn?: boolean;
-	/** 新增行默认值，自定义onTableAfterRender后失效 */
-	getAddRowDefaultValues?: () => TPlainObject;
-};
-export type EditableTableRefApi = {
-	/** 可用于表格行选择操作时，获取操作列数据 */
-	getTableItemDataByFormListItemKey: (key: number) => TPlainObject;
+	useEasyTablRef: () => {
+		current: EasyTableRefApi;
+	};
+	/**  在 EasyTable子组件内才可使用 */
+	useEasyTable: () => EasyTableRefApi;
 };
+export interface EditableFieldProps {
+	className?: string;
+	style?: CSSProperties;
+	editRender: ReactElement | ((data: {
+		value?: TAny;
+		onChange?: (data?: TAny) => void;
+	}) => ReactElement);
+	viewRender?: (value?: TAny) => ReactNode;
+	value?: TAny;
+	onChange?: (data?: TAny) => void;
+	placeholderValue?: string;
+	/** edit 区域是否铺满，showEditableIcon=false 无效  */
+	isEditFull?: boolean;
+	/** 是否可编辑 */
+	editable?: boolean;
+	/** 是否显示编辑、确认、取消操作icon，默认值：true */
+	showEditableIcon?: boolean;
+	/** 点击编辑按钮，操作前，返回reject不会开启编辑效果 */
+	onClickEditIconPre?: (value?: TAny) => Promise<void>;
+	onEditCallback?: (value?: TAny) => void;
+	/** 点击确定按钮，操作前，返回reject不会执行确定功能 */
+	onClickConfirmIconPre?: (value?: TAny, preValue?: TAny) => Promise<void>;
+	onConfirmCallback?: (value?: TAny, preValue?: TAny) => void;
+	/** 组件操作Icon配置 */
+	iconConfig?: {
+		editIcon?: (options: {
+			onClick: () => void;
+		}) => ReactElement;
+		confirmIcon?: (options: {
+			onClick: () => void;
+		}) => ReactElement;
+		cancelIcon?: (options: {
+			onClick: () => void;
+		}) => ReactElement;
+	};
+}
 /**
- * 可编辑表格
- * demo：https://fex.qa.tcshuke.com/docs/admin/main/table/row-editable1
+ * 可编辑字段组件
  * @param props
+ * @returns
  * ```
- * 1. 通过 tableProps 设置Table属性，table size默认：small
- * 2. Table children column 不可编辑
- * 3. 当存在折叠children数据时，组件会在children中内置_isChildrenItem字段
- * 4. 可通过tableChildrenColumnRender自定义渲染 table children column 显示
- * 5. 设置 rowSelection 后，rowSelection.onChange 通过 ref 的 getTableItemDataByFormListItemKey获取数据
+ * 字段渲染有两种状态
+ * 1. 只读：如果value类型为复杂格式，必须要通过【viewRender】来进行处理操作，转成简单数据类型
+ * 2. 编辑：参数value的格式要求必须满足编辑组件入参value要求
+ * 3. 可自定义编辑Icon、确定Icon、取消Icon
+ * 4. 可拦截编辑操作、确定操作
  * ```
  */
-export declare const EditableTable: import("react").ForwardRefExoticComponent<EditableTableProps & import("react").RefAttributes<EditableTableRefApi>>;
+export declare const EditableField: (props: EditableFieldProps) => any;
+export interface EditableFieldProviderProps {
+	children: ReactElement;
+	editable?: boolean;
+	showEditableIcon?: boolean;
+}
+/**
+ * EditableFieldProvider 控制内部使有的 EditableField 状态
+ * @param props
+ * @returns
+ */
+export declare const EditableFieldProvider: (props: EditableFieldProviderProps) => import("react/jsx-runtime").JSX.Element;
 export type EditorWrapperProps = {
 	onChange?: (data?: string) => void;
 	value?: string;
@@ -1953,6 +2041,10 @@ export declare const FbaApp: ((props: {
 };
 export type ShouldUpdateFunc<T> = (prev: T | undefined, next: T) => boolean;
 declare function usePrevious<T>(state: T, shouldUpdate?: ShouldUpdateFunc<T>): T | undefined;
+export type CopyRemoveSpaceProps = {
+	/** 设置监听复制范围，如果不设置则监听全局 */
+	target?: () => Element;
+};
 export declare const fbaHooks: {
 	useEffectCustom: (fn: import("react").EffectCallback, deps: import("react").DependencyList) => void;
 	useEffectCustomAsync: (fn: () => Promise<void>, deps: import("react").DependencyList) => void;
@@ -1974,6 +2066,7 @@ export declare const fbaHooks: {
 		import("react").Dispatch<import("react").SetStateAction<S>>
 	];
 	useMemoCustom: <T_1>(fn: () => T_1, deps?: import("react").DependencyList | undefined) => T_1;
+	useCopyRemoveSpace: (props?: CopyRemoveSpaceProps | undefined) => void;
 };
 declare function attachPropertiesToComponent<C, P extends Record<string, unknown>>(component: C, properties: P): C & P;
 export declare const fbaUtils: {
@@ -1983,6 +2076,7 @@ export declare const fbaUtils: {
 	getModelKey: () => string;
 };
 export type FileImportProps = {
+	/** 上传文件接口返回处理 */
 	onImportFinish: (data?: TAny) => void;
 	buttonName?: string | ReactElement;
 	children?: React.ReactNode | ((data: {
@@ -2348,6 +2442,40 @@ export type InputWrapperProps = Omit<InputProps, "defaultValue"> & {
  * ```
  */
 export declare const InputWrapper: (props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export type JsonEditorProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange"> & {
+	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
+	height?: string;
+	value?: string | TPlainObject | TPlainObject[];
+	onChange?: (value?: string | TPlainObject | TPlainObject[]) => void;
+	/** 配置输入自动提示关键字 */
+	autoCompleterList?: {
+		name: string;
+		desc?: string;
+	}[];
+	/** 是否显示【验证数据】按钮，默认值：true */
+	showVerifyBtn?: boolean;
+	/**
+	 * 编辑器主题配置
+	 * ```
+	 * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+	 * 2. 配置 theme = xxxx
+	 * ```
+	 */
+	theme?: string;
+};
+/**
+ * Json编辑器
+ * ```
+ * 1. 受控组件，需要使用value、onChange配合显示数据
+ * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性
+ * 3. 通过 autoCompleterList 配置自动提示关键字
+ * 4. 通过 showVerifyBtn配置是否显示【验证数据】按钮
+ * 5. 通过 theme 配置编辑器主题，例如：
+ *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+ *    5.2 配置 theme = xxxx
+ * ```
+ */
+export declare const JsonEditor: (props: JsonEditorProps) => import("react/jsx-runtime").JSX.Element;
 export type LabelValueLayoutProps = {
 	options: {
 		label: string | ReactElement;
@@ -2743,6 +2871,98 @@ export type RuleDescribeProps = {
 	ruleItemDescStyle?: CSSProperties;
 };
 export declare const RuleDescribe: (props: RuleDescribeProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchFormProps = {
+	children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);
+	/** isPure = true时无效 */
+	searchOperate?: (form: FormInstance) => FormOperateColProps;
+	/** 是否为纯净模式（查询条件布局是否自定义）， */
+	isPure?: boolean;
+	/** 查询按钮配置 */
+	queryButtonProps?: Omit<ButtonWrapperProps, "onClick"> & {
+		text?: string;
+	};
+	/** 重置按钮配置 */
+	resetButtonProps?: Omit<ButtonWrapperProps, "onClick"> & {
+		text?: string;
+	};
+	/**
+	 * 网格布局设置
+	 * default = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };
+	 * small = { xs: 24, sm: 8, md: 8, lg: 6, xl: 6, xxl: 6 };
+	 */
+	formGridSize?: FormRowProps["gridSize"];
+	formClassName?: string;
+	formStyle?: CSSProperties;
+	/**
+	 * 自定义 searchOperate.rightList 后 默认【查询、重置】按钮处理逻辑
+	 * 1. cover：覆盖内部查询重置按钮（默认值）
+	 * 2. beforeAppend：添加到【查询重置】按钮前面
+	 * 3. afterAppend：添加到【查询重置】按钮后面
+	 *
+	 * 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+	 */
+	rightOperateAreaAppendType?: "cover" | "beforeAppend" | "afterAppend";
+	/** 默认重启按钮触发请求，默认值：true */
+	defaultResetButtonTriggerRequest?: boolean;
+	foldKeys?: string[];
+	formInitialValues?: TPlainObject;
+	/**
+	 * 按钮提交事件
+	 * 如果需要自定义回车提交事件，需要自定义提交按钮
+	 */
+	onFormFinish?: (values?: TPlainObject) => void;
+	/** 重置按钮 */
+	onReset?: () => void;
+	/** 查询按钮 */
+	onQuery?: (values: TPlainObject) => void;
+	/**
+	 * 是否缓存查询数据，默认值：true
+	 * ```
+	 * 1. 一般首页可缓存，二级、三级等页面不能缓存
+	 * ```
+	 */
+	cacheSwitch?: boolean;
+	/** 初始化是否请求，默认值：true */
+	initRequest?: boolean;
+};
+export type SearchFormRefApi = {
+	onQuery: (values?: TPlainObject) => void;
+	form: FormInstance;
+};
+/**
+ * 搜索表单
+ *
+ *```
+ * 1. 用法1
+ *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+ *  <SearchForm>
+ *   <Form.Item name="field1" label="条件1">xxx</Form.Item>
+ *  </SearchForm>
+ *
+ *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item
+ *  <SearchForm>
+ *    <FormCol span={12}><Form.Item name="field1" label="条件1">xxx</Form.Item></FormCol>
+ *  </SearchForm>
+ *
+ *  -- children 可为 function
+ *  <SearchForm>
+ *   {(form) => {
+ *     return <Form.Item name="field1" label="条件1">xxx</Form.Item>
+ *   }}
+ * </SearchForm>
+ *
+ * 2. 用户2（自定义布局）
+ *    SearchForm设置 isPure = true，FormItem无布局规则
+ * 3. SearchForm中内置了 Form 标签，当children为函数时，可获取form实例
+ * 4. 默认布局下，可通过设置 searchOperate 设置操作按钮
+ * 5. SearchForm 子节点包含 hidden = true 会被忽略
+ * 6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+ * 7. 通过设置 defaultResetButtonTriggerRequest，可在右侧按钮区域新增自定义按钮
+ * 8. 可设置 cacheSwitch 来控制是否缓存查询数据（一般一级页面可缓存，二级、三级等不能缓存），
+ *    缓存数据存储在内存中，react路由跳转可正常读取缓存，浏览器刷新后缓存丢失
+ *```
+ */
+export declare const SearchForm: import("react").ForwardRefExoticComponent<SearchFormProps & import("react").RefAttributes<SearchFormRefApi>>;
 export interface ISearchMenuProps {
 	/**
 	 * 如果传了value，就变成受控组件
@@ -3201,6 +3421,7 @@ export declare const tableCellRender: {
 	 * 可配置
 	 * 1. separator：是否显示千分位分隔符，默认值：false
 	 * 2. defaultValue：当值为空默认展示
+	 * 3. hideBgColor：隐藏背景颜色
 	 *
 	 * 例如：
 	 * fen2yuanCell()(100090) => 1000.90
@@ -3215,6 +3436,35 @@ export declare const tableCellRender: {
 		/** 是否显示分隔符，默认值：false */
 		separator?: boolean;
 		defaultValue?: string | number;
+		/** 隐藏背景颜色 */
+		hideBgColor?: boolean;
+	}) => (value?: string | number) => string | number | import("react/jsx-runtime").JSX.Element | undefined;
+	/**
+	 * 分金额展示，入参分，显示万元（默认添加千分位）
+	 * ```
+	 * 可配置
+	 * 1. separator：是否显示千分位分隔符，默认值：false
+	 * 2. defaultValue：当值为空默认展示
+	 * 3. showBgColor：隐藏背景颜色
+	 * 4. removeTailZero：移除小数点后末尾零
+	 *
+	 * 例如：
+	 * fen2yuanCell()(1000900000) => 1000.90
+	 * fen2yuanCell({separator: true})(1000900000) => 1,000.90
+	 * fen2yuanCell()('abc') => abc
+	 * fen2yuanCell({defaultValue: '--'})('') =>  --
+	 * fen2yuanCell()('') => undefined
+	 * fen2yuanCell({ defaultValue: 0 })('') => 0.00
+	 * ```
+	 */
+	fen2wanCell: (options?: {
+		/** 是否显示分隔符，默认值：false */
+		separator?: boolean;
+		defaultValue?: string | number;
+		/** 隐藏背景颜色，默认：false */
+		showBgColor?: boolean;
+		/** 移除小数点后末尾零 */
+		removeTailZero?: boolean;
 	}) => (value?: string | number) => string | number | import("react/jsx-runtime").JSX.Element | undefined;
 	/**
 	 * 单元格徽标展示数据
@@ -3336,6 +3586,7 @@ export type CssTextEllipsisProps = {
 };
 /**
  * 内容超过宽度截取，并在尾部添加...，被截取的添加Tooltip显示完整数据
+ * @deprecated 已过期，请使用 TextOverflow 组件
  * ```
  * 1. 如果配置 width，则使用文本长度与width进行比较
  * 2. 如果没有配置 width，则使用文本长度与当前节点父节点宽度进行比较
@@ -3346,6 +3597,39 @@ export type CssTextEllipsisProps = {
  * ```
  */
 export declare const TextCssEllipsis: (props: CssTextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+export type TextOverflowProps = {
+	text: string;
+	/** 最大显示宽度 */
+	maxWidth?: number;
+	/** 最大显示字数 */
+	maxLength?: number;
+	/** 隐藏tips */
+	hideTips?: boolean;
+	onClick?: (e: any) => void;
+};
+/**
+ * 内容溢出截取，并在尾部添加...，被截取的添加Tooltip显示完整数据
+ * ```
+ * 控制文本显示三种方式
+ * 1. 通过 maxLength 控制超长
+ * 2. 通过 maxWidth 控制超长
+ * 3. 与父节点宽度比较，控制超长
+ *
+ * 注意：
+ * 1. 当前节点父节点需要添加 overflow-x: hidden;
+ * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;
+ * 3. 与 Table columns render结合使用，需要配置ellipsis=true
+ *    例如：<Table columns={[{
+			   ...
+			   render: (value) => {
+				 return <TextOverflow text={value} />;
+			   },
+			   ellipsis: true,
+			 }]} />
+	4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，TextOverflow功能失效
+ * ```
+ */
+export declare const TextOverflow: (props: TextOverflowProps) => import("react/jsx-runtime").JSX.Element;
 export type TextOverflowRenderProps = {
 	/** width 宽度控制超长 */
 	width?: number;
@@ -3361,6 +3645,7 @@ export type TextOverflowRenderProps = {
 };
 /**
  * 文本显示超出截取，被截取的添加Tooltip显示完整数据
+ * @deprecated 已过期，请使用 TextOverflow 组件
  * ```
  * 控制文本显示两种方式
  * 1. 通过 maxLength 控制超长
@@ -3368,8 +3653,6 @@ export type TextOverflowRenderProps = {
  *
  * 3. maxLength 与 width 互斥，优先级：maxLength > width
  * ```
- * @param props
- * @returns
  */
 export declare const TextOverflowRender: (props: TextOverflowRenderProps) => import("react/jsx-runtime").JSX.Element;
 export type TextSymbolWrapperProps = {