@flatbiz/antd 3.2.1 → 3.2.3

package/index.d.ts

@@ -513,7 +513,7 @@ export interface DropdownMenuWrapperProps extends Omit<DropdownProps, "overlay">
 }
 export declare const DropdownMenuWrapper: (props: DropdownMenuWrapperProps) => JSX.Element;
 export type EasyTableServiceConfig = {
-	onRequest: (params?: TPlainObject) => Promise<TPlainObject>;
+	onRequest: (params?: TPlainObject) => Promise<TPlainObject | TPlainObject[]>;
 	requestParamsAdapter?: (params: TPlainObject) => TPlainObject;
 	/**
 	 * 接口相应数据处理
@@ -529,22 +529,32 @@ export type EasyTableServiceConfig = {
 };
 export type EasyTableRefApi = {
 	onRequest: (params?: TPlainObject) => void;
-	queryCondition: TPlainObject;
-	clearQueryCondition: (values?: TPlainObject) => void;
+	getRequestParams: () => TPlainObject;
+	clearQueryCondition: (values?: TPlainObject) => Promise<void>;
+	form: FormInstance;
+	onResetRequest: (params?: TPlainObject) => void;
 };
 export type EasyTableProps = {
 	children: ReactElement | ReactElement[];
 	modelKey: string;
 	serviceConfig: EasyTableServiceConfig;
+	/** Form initialValues、其他接口参数 */
 	initialValues?: TPlainObject;
+	/** 分页初始化参数，默认值： pageSiz = 10 */
+	initialPaginationParams?: {
+		pageSize?: number;
+	};
+	/** 字段映射 */
 	fieldNames?: {
 		list?: string;
 		total?: string;
 		pageNo?: string;
 		pageSize?: string;
+		uid?: string;
 	};
 	/** 初始化是否请求，默认值：true */
 	initRequest?: boolean;
+	onDataSourceChange?: (dataSource: TAny) => void;
 };
 /**
  * 对 查询条件+表格数据 进行深度封装，内置数据交互处理
@@ -592,8 +602,8 @@ export declare const FormCol: {
 };
 export type FormOperateColProps = {
 	className?: string;
-	leftList?: ReactElement[];
-	rightList?: ReactElement[];
+	leftList?: Array<ReactElement | null>;
+	rightList?: Array<ReactElement | null>;
 	justify?: RowProps["justify"];
 	/** 强制单独一行 */
 	forceAloneRow?: boolean;
@@ -667,8 +677,8 @@ export type EasyTableFilterProps = {
 export declare const EasyTableFilter: (props: EasyTableFilterProps) => JSX.Element;
 export type EasyTableTableProps = Omit<TableProps<TAny>, "dataSource" | "loading" | "rowKey"> & {
 	children?: ReactElement;
-	/** 表格行 key 的取值，可以是字符串或一个函数 */
-	rowKey: string | ((record: TPlainObject, index?: number) => React.Key);
+	/** 表格行 key 的取值 */
+	rowKey: string;
 };
 /**
  * 表格渲染
@@ -679,6 +689,7 @@ export type EasyTableTableProps = Omit<TableProps<TAny>, "dataSource" | "loading
  */
 export declare const EasyTableTable: (props: EasyTableTableProps) => JSX.Element;
 export interface EditableFieldProps {
+	className?: string;
 	editRender: ReactElement | ((data: {
 		value?: TAny;
 		onChange?: (data?: TAny) => void;
@@ -687,13 +698,30 @@ export interface EditableFieldProps {
 	value?: TAny;
 	onChange?: (data?: TAny) => void;
 	placeholderValue?: string;
-	className?: string;
 	/** edit 区域是否铺满，editableIcon=false 无效  */
 	isEditFull?: boolean;
 	/** 是否可编辑 */
 	editable?: boolean;
-	/** 是否显示编辑操作icon，默认值：true */
-	editableIcon?: 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;
+	};
 }
 /**
  * 可编辑字段组件
@@ -702,17 +730,19 @@ export interface EditableFieldProps {
  * ```
  * 字段渲染有两种状态
  * 1. 只读：如果value类型为复杂格式，必须要通过【viewRender】来进行处理操作，转成简单数据类型
- * 2. 编辑：FormItem value的格式要求必须满足编辑组件入参value要求
+ * 2. 编辑：参数value的格式要求必须满足编辑组件入参value要求
+ * 3. 可自定义编辑Icon、确定Icon、取消Icon
+ * 4. 可拦截编辑操作、确定操作
  * ```
  */
 export declare const EditableField: (props: EditableFieldProps) => any;
 export interface EditableFieldProviderProps {
 	children: ReactElement;
 	editable?: boolean;
-	editableIcon?: boolean;
+	showEditableIcon?: boolean;
 }
 /**
- * EditableField组件
+ * EditableFieldProvider 控制内部使有的 EditableField 状态
  * @param props
  * @returns
  */
@@ -1148,6 +1178,10 @@ export declare const FormItemGroup: {
 };
 export interface FormItemWrapperProps extends FormItemProps {
 	wrapper?: (children: ReactNode) => ReactElement;
+	/** 设置wrapper后，before、after失效 */
+	before?: ReactNode;
+	/** 设置wrapper后，before、after失效 */
+	after?: ReactNode;
 }
 /**
  * 对 Form.Item 的 children 增加 before、after
@@ -1695,24 +1729,27 @@ export type TagListSelectProps = {
  */
 export declare const TagListSelect: FC<TagListSelectProps>;
 export type TableColumnIconRenderProps = {
-	/** 额外内容  */
+	/** 额外内容，一般为Icon  */
 	extra: ReactElement;
+	extraPosition?: "before" | "after";
 	onClick?: (e: any) => void;
+	/** 是否显示原单元格数据，默认值：true */
 	showData?: boolean;
+	/** 溢出显示【...】, 最大长度（默认：20个字节） */
 	showMaxNumber?: number;
-	extraPosition?: "before" | "after";
+	/** 未溢出显示【extra】配置，默认值：true  */
+	notOverflowShowExtra?: boolean;
 };
 export declare const tableCellRender: {
 	/**
 	 * 表格单元格 拼接额外内容渲染
 	 * ```
 	 * 1. extra 额外内容
-	 * 2. showData 是否显示数据，默认值：true
-	 * 3. onClick 点击事件，showData != false 有效
-	 * 4. showMaxNumber 显示最大长度，作用于原单元格字符串数据
+	 * 2. showData 是否显示原单元格数据，默认值：true
+	 * 3. showMaxNumber 显示最大长度，作用于原单元格字符串数据
 	 * ```
 	 */
-	extraContentRender: (handle: (item: TPlainObject) => TableColumnIconRenderProps) => (value: TAny, item: TPlainObject) => JSX.Element;
+	extraContentRender: (handle: (item: TPlainObject) => TableColumnIconRenderProps) => (value: TAny, item: TPlainObject) => any;
 	/**
 	 * table 索引展示，如果存在pageSize、pageNo参数可分页展示索引，否则每页都从1开始
 	 */
@@ -1746,7 +1783,7 @@ export declare const tableCellRender: {
 	 * }))
 	 * ```
 	 */
-	operateCell: (options: (item: TAny) => ButtonOperateProps) => (_value: string | number, record: any) => JSX.Element;
+	operateCell: (options: (item: TAny, index: number) => ButtonOperateProps) => (_value: string | number, record: any, index: number) => JSX.Element;
 	/**
 	 * 实现字段超出隐藏，默认长度10个字符
 	 * ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "description": "flat-biz oss ui components",
   "main": "index.js",
   "typings": "index.d.ts",