@flatbiz/antd 3.2.1 → 3.2.2

package/index.d.ts

@@ -667,8 +667,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 +679,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 +688,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 +720,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 +1168,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 +1719,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 +1773,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.2",
   "description": "flat-biz oss ui components",
   "main": "index.js",
   "typings": "index.d.ts",