@flatbiz/antd 4.0.18 → 4.0.20

package/index.d.ts

@@ -518,6 +518,18 @@ export interface DropdownMenuWrapperProps extends Omit<DropdownProps, "menu"> {
 export declare const DropdownMenuWrapper: (props: DropdownMenuWrapperProps) => JSX.Element;
 export type EasyTableServiceConfig = {
 	onRequest: (params?: TPlainObject) => Promise<TPlainObject>;
+	requestParamsAdapter?: (params: TPlainObject) => TPlainObject;
+	/**
+	 * 接口相应数据处理
+	 * @param params
+	 * ```
+	 * 返回数据为对象，包含两个字段
+	 * 1. 表格列表数据-Array
+	 * 2. 表格条数总数-Number
+	 * 其中 字段key 命名会通过 fieldNames 进行转义
+	 * ```
+	 */
+	requestResultAdapter?: (params: TAny) => TPlainObject;
 };
 export type EasyTableRefApi = {
 	onRequest: (params?: TPlainObject) => void;
@@ -670,6 +682,45 @@ export type EasyTableTableProps = Omit<TableProps<TAny>, "dataSource" | "loading
  * ```
  */
 export declare const EasyTableTable: (props: EasyTableTableProps) => JSX.Element;
+export interface EditableFieldProps {
+	editRender: ReactElement | ((data: {
+		value?: TAny;
+		onChange?: (data?: TAny) => void;
+	}) => ReactElement);
+	viewRender?: (value?: TAny) => ReactNode;
+	value?: TAny;
+	onChange?: (data?: TAny) => void;
+	placeholderValue?: string;
+	className?: string;
+	/** edit 区域是否铺满，editableIcon=false 无效  */
+	isEditFull?: boolean;
+	/** 是否可编辑 */
+	editable?: boolean;
+	/** 是否显示编辑操作icon，默认值：true */
+	editableIcon?: boolean;
+}
+/**
+ * 可编辑字段组件
+ * @param props
+ * @returns
+ * ```
+ * 字段渲染有两种状态
+ * 1. 只读：如果value类型为复杂格式，必须要通过【viewRender】来进行处理操作，转成简单数据类型
+ * 2. 编辑：FormItem value的格式要求必须满足编辑组件入参value要求
+ * ```
+ */
+export declare const EditableField: (props: EditableFieldProps) => any;
+export interface EditableFieldProviderProps {
+	children: ReactElement;
+	editable?: boolean;
+	editableIcon?: boolean;
+}
+/**
+ * EditableField组件
+ * @param props
+ * @returns
+ */
+export declare const EditableFieldProvider: (props: EditableFieldProviderProps) => JSX.Element;
 export type SelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
 export type SelectorServiceConfig = {
 	params?: TPlainObject;
@@ -1059,6 +1110,15 @@ export declare const FormItemGroup: {
 	HorizontalUnion: (props: FormItemHorizontalUnionProps) => JSX.Element;
 	Card: import("react").FC<FormItemCardProps>;
 };
+export interface FormItemWrapperProps extends FormItemProps {
+	wrapper?: (children: ReactNode) => ReactElement;
+}
+/**
+ * 对 Form.Item 的 children 增加 before、after
+ * @param props
+ * @returns
+ */
+export declare const FormItemWrapper: (props: FormItemWrapperProps) => JSX.Element;
 export type GapProps = {
 	height?: number;
 	width?: number;
@@ -1151,6 +1211,31 @@ export type LabelValueLayoutProps = {
 	bordered?: boolean;
 };
 export declare const LabelValueLayout: (props: LabelValueLayoutProps) => JSX.Element;
+export type onClick = (e?: React.MouseEvent<HTMLElement>) => void;
+export interface ModalActionProps {
+	children: ReactElement | ((data: {
+		onClose: () => void;
+		open: boolean;
+	}) => ReactElement);
+	action?: (ReactElement & {
+		onClick?: onClick;
+	}) | ((data: {
+		onClick: onClick;
+		onClose: () => void;
+		open: boolean;
+	}) => ReactElement);
+}
+/**
+ * 弹框 触发器
+ * ```
+ * <ModalAction action={<Button type="primary">打开</Button>}>
+ *   {({ onClose }) => (
+ *     <Modal onOk={onClose}>xxx</Modal>
+ *   )}
+ * </ModalAction>
+ * ```
+ */
+export declare const ModalAction: (props: ModalActionProps) => JSX.Element;
 export interface ModalStateType {
 	title?: string;
 	/**
@@ -1482,27 +1567,22 @@ export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked"
  * ```
  */
 export declare const SwitchWrapper: (props: SwitchWrapperProps) => JSX.Element;
-export type TagWrapperValue = string | number | boolean;
-export type TagWrapperDataItem = {
+export type TagListSelectValue = string | number | boolean;
+export type TagListSelectDataItem = {
 	label: string;
-	value: TagWrapperValue;
+	value: TagListSelectValue;
 	color?: string;
 };
-export type TagWrapperColorItem = {
-	label: string;
-	value: TagWrapperValue;
-};
-export type TagWrapperProps = {
-	dataList: TagWrapperDataItem[];
-	/**
-	 * 颜色配置数据，value为code、label为色值，例如：{ 1:'red', 2: 'blue'}
-	 */
+export type TagListSelectProps = {
+	dataList: TagListSelectDataItem[];
+	/** 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */
 	colorMap?: Record<string, string>;
-	value?: TagWrapperValue;
+	value?: TagListSelectValue;
+	/** 是否强制匹配，默认值false */
 	forceMatch?: boolean;
 };
 /**
- * 通过配置显示Tag效果
+ * 在列表数据中通过value匹配数据，以Tag形式展示
  * @param props
  * @returns
  * ```
@@ -1512,7 +1592,7 @@ export type TagWrapperProps = {
  *  2. value 与 dataList中label、value任一相等，都可匹配
  *
  *  用法1：
- *  <TagWrapper
+ *  <TagListSelect
  *    dataList=[{ label: '启用', value: 1 }]
  *    colorMap={{ 1:'red', 2: 'blue'}}
  *    value={1} />
@@ -1520,14 +1600,14 @@ export type TagWrapperProps = {
  *  <Tag color={'red'}>启用</Tag>
  *
  *  用法2
- *  <TagWrapper
+ *  <TagListSelect
  *    dataList=[{ label: '启用', value: 1. color: 'red' }]
  *    value="启用" />
  *  =>
  *  <Tag color={'red'}>启用</Tag>
  * ```
  */
-export declare const TagWrapper: FC<TagWrapperProps>;
+export declare const TagListSelect: FC<TagListSelectProps>;
 export type TableColumnIconRenderProps = {
 	/** 额外内容  */
 	extra: ReactElement;
@@ -1598,7 +1678,7 @@ export declare const tableCellRender: {
 	 * tableCellRender.selectorCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })
 	 * ```
 	 */
-	selectorCell: (selectorList: TagWrapperProps["dataList"], colorMap?: TagWrapperProps["colorMap"]) => (value: string | number) => JSX.Element;
+	selectorCell: (selectorList: TagListSelectProps["dataList"], colorMap?: TagListSelectProps["colorMap"]) => (value: string | number) => JSX.Element;
 	/**
 	 * 单元格对象数据处理，支持多级处理
 	 * ```
@@ -1637,6 +1717,23 @@ export type TabsWrapperProps = TabsProps & {
  * ```
  */
 export declare const TabsWrapper: (props: TabsWrapperProps) => JSX.Element;
+export type TagGroupDataItem = {
+	label: string;
+	value: string | number;
+	color?: string;
+};
+export type TagGroupProps = {
+	dataList: TagGroupDataItem[];
+	/**
+	 * 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同
+	 */
+	colorMap?: Record<string, string>;
+	spaceProps?: SpaceProps;
+};
+/**
+ * Tag 列表显示
+ */
+export declare const TagGroup: FC<TagGroupProps>;
 export type TimePickerWrapperProps = Omit<TimePickerProps, "value" | "onChange" | "format"> & {
 	value?: string;
 	onChange?: (value?: string) => void;

package/package.json

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