@flatbiz/antd 4.2.79 → 4.2.81

package/index.d.ts

@@ -59,6 +59,10 @@ export type ButtonWrapperProps = Omit<ButtonProps, "onClick"> & {
 	hidden?: boolean;
 	/** loading 显示位置，默认值：left */
 	loadingPosition?: "left" | "center";
+	/**
+	 * 移除间隙，一般用于 type=link 类型下
+	 */
+	removeGap?: boolean;
 };
 /**
  * antd Button包装组件
@@ -91,6 +95,7 @@ export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
 	 * ```
 	 */
 	bodyHeightPercent?: number;
+	titleExtra?: ReactElement;
 };
 /**
  * 函数式调用弹框；初始化后，内容无法更新
@@ -456,7 +461,7 @@ export type DatePickerWrapperProps = Omit<PickerDateProps<TAny>, "value" | "onCh
  * ```
  */
 export declare const DatePickerWrapper: (props: DatePickerWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<TAny>, "value" | "onChange" | "onCalendarChange" | "disabledDate" | "format"> & {
+export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<TAny>, "value" | "onChange" | "onCalendarChange" | "format"> & {
 	value?: [
 		string,
 		string
@@ -675,24 +680,22 @@ export type DragCollapseProps = {
  * @returns
  */
 export declare const DragCollapse: (props: DragCollapseProps) => import("react/jsx-runtime").JSX.Element;
-export type DragCollapseFormListHeaderProps = {
-	/** Form.List item fieldData */
-	formListFieldData: FormListFieldData;
-	/** 当前阶段 完整 formItem name */
-	formStageCompleteName: string | number | (string | number)[];
-	/** Form.List 操作项 */
-	operation: FormListOperation;
-	uid: string | number;
-};
 export type DragCollapseFormListContentProps = {
 	/** Form.List item fieldData */
 	formListFieldData: FormListFieldData;
 	/** 当前阶段 完整 formItem name */
-	formStageCompleteName: string | number | (string | number)[];
+	formStageCompleteName: Array<string | number>;
 	/** Form.List 操作项 */
 	operation: FormListOperation;
 	uid: string | number;
-};
+	/** 获取当前FormList 内部 Form.Item name */
+	getInsideFormItemName: (key: string) => Array<string | number>;
+	/** 获取当前 FormList Item 数据 */
+	getInsideFormItemData: () => TPlainObject;
+	/** 索引 */
+	index: number;
+};
+export type DragCollapseFormListHeaderProps = DragCollapseFormListContentProps;
 export type DragCollapseFormListProps = {
 	/** formList item 数据中的唯一值，默认值：uid */
 	uidFieldName?: string;
@@ -736,6 +739,80 @@ 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;
+	/** 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;
+};
+/**
+ * 可拖拽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 interface DrawerOperationProps {
 	loading?: boolean;
 	okText?: string;
@@ -1338,6 +1415,7 @@ export type FieldSingleConfig = {
 	 * 1. 当editableConfig type=custom时，此配置无效
 	 * 2. 只在editable=false的情况下有效
 	 * 3. 同级配置 editableConfigList后，同级render配置失效
+	 * 4. checkboxGroup、radioGroup、selectorWrapper第二次参数为options数组
 	 */
 	render?: (params?: TAny, other?: TAny) => ReactNode;
 };
@@ -1378,7 +1456,7 @@ export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
 	/**
 	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
 	 * ```
-	 * 1. title为string类型有效
+	 * 1. title为string类型、ReactElement有效
 	 * 2. hoverArea 默认值：icon
 	 * ```
 	 */
@@ -1432,6 +1510,8 @@ export type EditableTableProps = {
 	rules?: FormListProps["rules"];
 	/** 隐藏底部`新增`按钮，设置 onTableAfterRender后 失效 */
 	hiddenFooterBtn?: boolean;
+	/** 新增行默认值，自定义onTableAfterRender后失效 */
+	getAddRowDefaultValues?: () => TPlainObject;
 };
 /**
  * 可编辑表格
@@ -1715,6 +1795,15 @@ export type FormItemHorizontalUnionProps = {
 	groupConfigList: {
 		hidden?: boolean;
 		before?: ReactElement | string;
+		/**
+		 * 设置宽度
+		 * ```
+		 * 1. 自适应可设置：auto
+		 * 2. 可设置具体数值
+		 * 3. 不设置会在铺满flex剩余空间
+		 * 4. 多个未设置会等分铺满剩余空间
+		 * ```
+		 */
 		width?: number | string;
 		mainItem: ReactElement;
 		after?: ReactElement | string;
@@ -1764,6 +1853,73 @@ export interface FormItemWrapperProps extends FormItemProps {
  * ```
  */
 export declare const FormItemWrapper: (props: FormItemWrapperProps) => import("react/jsx-runtime").JSX.Element | null;
+export type FormListWrapperContentProps = {
+	/** 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 FormListWrapperProps = {
+	className?: string;
+	style?: 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)[];
+	/** formListItem 内容 */
+	/** 新增行默认值，自定义onTableAfterRender后失效 */
+	getAddRowDefaultValues?: () => TPlainObject;
+	/** 隐藏新增行按钮 */
+	hiddenAddRowButton?: boolean;
+	/** 自定义新增行按钮，getAddRowDefaultValues配置失效 */
+	onCustomAddRowButton?: (operation: FormListOperation) => ReactElement;
+	/** formListItem 内容 */
+	children: (data: FormListWrapperContentProps) => ReactElement;
+	/** 隐藏数据为空渲染 */
+	hiddenEmptyRender?: boolean;
+	/** formList内部渲染包装，多用于FormListWrapper嵌套布局 */
+	formListChildrenWrapper?: (props: {
+		children: ReactElement;
+	}) => ReactElement;
+};
+/**
+ * FormList
+ * ```
+ * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置
+ * 2. Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
+ * ```
+ */
+export declare const FormListWrapper: (props: FormListWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export type GapProps = {
 	height?: number;
 	width?: number;
@@ -2016,6 +2172,8 @@ export declare const preDefinedClassName: {
 		label_value_vertical: string;
 		formItemGap15: string;
 		formItemGap8: string;
+		formItemGap5: string;
+		formItemGap0: string;
 	};
 	formItem: {
 		label_width_70: string;
@@ -2386,7 +2544,7 @@ export type SwitchConfirmWrapperProps = Omit<SwitchProps, "defaultChecked" | "on
 	needConfirm?: "close" | "open" | "all" | "none";
 	noMessage?: boolean;
 	onChange?: (value: SwitchConfirmWrapperValue) => void;
-	popConfirmProps?: Pick<PopconfirmProps, "disabled" | "title" | "description">;
+	popConfirmProps?: Pick<PopconfirmProps, "disabled" | "title" | "description"> | ((checked?: boolean) => Pick<PopconfirmProps, "disabled" | "title" | "description">);
 	serviceConfig?: {
 		onRequest: (value: SwitchConfirmWrapperValue) => TAny;
 		message?: {
@@ -2402,7 +2560,11 @@ export type SwitchConfirmWrapperProps = Omit<SwitchProps, "defaultChecked" | "on
  * @param value
  * @param checkedValue：选中状态值
  * @param unCheckedValue：非选中状态值
- * @param needConfirm：二次pop拦截时机 可不传 同 all close：switch 由开启转换成关闭时pop弹出、open：switch 由开启转换成开启时pop弹出all：switch 一直popnone：switch 不弹出
+ * @param needConfirm：二次pop拦截时机 可不传
+ *        close：switch 由开启转换成关闭时pop弹出
+ *        open：switch 由开启转换成开启时pop弹出
+ *        all：switch 一直pop
+ *        none：switch 不弹出
  * @param noMessage：不采用内置message提示
  * @param onChange：switch 有效切换回掉
  * @param popConfirmProps：popConfirm中参数 disabled title description
@@ -2488,7 +2650,7 @@ export type TagListSelectDataItem = {
 export type TagListSelectProps = {
 	dataList: TagListSelectDataItem[];
 	/** 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */
-	colorMap?: Record<string, string>;
+	colorMap?: Record<string | number, string>;
 	value?: TagListSelectValue;
 	/** 是否强制匹配，默认值false */
 	forceMatch?: boolean;
@@ -2599,11 +2761,16 @@ export declare const tableCellRender: {
 	tooltipCell: (showMaxNumber?: number, defaultValue?: string) => (value: string | number) => string | number | import("react/jsx-runtime").JSX.Element | undefined;
 	/**
 	 * ```
-	 * 使用方式1
-	 * tableCellRender.selectorCell([{ label: '已开启', value: 1, color: '#108ee9' }])
+	 * 独立使用
+	 * tableCellRender.selectorCell([{ label: '已开启', value: 1 }])(value)
+	 * tableCellRender.selectorCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)
+	 * tableCellRender.selectorCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)
 	 *
-	 * 使用方式2
-	 * tableCellRender.selectorCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })
+	 * 结合table column render 使用
+	 * render: tableCellRender.selectorCell([{ label: '已开启', value: 1 ])
+	 * render: (value) => {
+	 *   return tableCellRender.selectorCell([{ label: '已开启', value: 1 ])(value)
+	 * }
 	 * ```
 	 */
 	selectorCell: (selectorList: TagListSelectProps["dataList"], colorMap?: TagListSelectProps["colorMap"]) => (value: string | number) => import("react/jsx-runtime").JSX.Element;
@@ -2635,6 +2802,28 @@ export declare const tableCellRender: {
 		separator?: boolean;
 		defaultValue?: string | number;
 	}) => (value?: string | number) => string | number | import("react/jsx-runtime").JSX.Element | undefined;
+	/**
+	 * 单元格徽标展示数据
+	 * ```
+	 * 1. badge 默认颜色：灰色rgba(0, 0, 0, 0.25)
+	 *
+	 * 独立使用
+	 * tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)
+	 * tableCellRender.badgeCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)
+	 * tableCellRender.badgeCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)
+	 *
+	 * 结合table column render 使用
+	 * render: tableCellRender.badgeCell([{ label: '已开启', value: 1 ])
+	 * render: (value) => {
+	 *   return tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)
+	 * }
+	 * ```
+	 */
+	badgeCell: (selectorList: {
+		label: string;
+		value: TagListSelectValue;
+		color?: string;
+	}[], colorMap?: Record<string | string, string>) => (value: string | number) => string | number | import("react/jsx-runtime").JSX.Element;
 };
 export type TableScrollProps = {
 	children: React.ReactNode;
@@ -2656,7 +2845,7 @@ export declare const TableScrollbar: ({ children, target, ...props }: TableScrol
 	summary: (...args: any[]) => import("react/jsx-runtime").JSX.Element;
 }>;
 export type TableTitleTooltipProps = {
-	title: string;
+	title: string | ReactElement;
 	tooltip: string | {
 		icon?: ReactElement;
 		content?: string;

package/package.json

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