@flatbiz/antd 4.4.14 → 4.4.15

package/index.d.ts

@@ -418,6 +418,14 @@ export type ButtonWrapperProps = Omit<ButtonProps, "onClick"> & {
  */
 export declare const ButtonWrapper: (props: ButtonWrapperProps) => import("react/jsx-runtime").JSX.Element | null;
 export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "open" | "open" | "okButtonProps" | "cancelButtonProps" | "footer"> & {
+	/**
+	 * 内置尺寸，根据比例固定高度、宽度，默认：middle
+	 * ```
+	 * 1. 如果自定义了width、styles.body.height属性，size中的height、width将对应失效
+	 * 2. 可传 null 值，取消内置尺寸
+	 * ```
+	 */
+	size?: "small" | "middle" | "large" | null;
 	onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	content: string | ReactElement | ((form: FormInstance, operate: {
@@ -430,6 +438,7 @@ export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
 	cancelButtonProps?: Omit<ButtonWrapperProps, "hidden" | "children" | "onClick">;
 	/**
 	 * 设置modal body height 为当前窗口height的百分比，例如：30
+	 * @deprecated 已失效，可通过size属性设置
 	 * ```
 	 * 1. 最大值：80
 	 * 1. 设置bodyStyle.height 后，bodyHeightPercent失效
@@ -450,6 +459,7 @@ export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
  * 3. 需要修改默认主题风格的场景，请使用
  *    const { appDialogModal } = FbaApp.useDialogModal();
  *    appDialogModal.open({})
+ * 4. 配置size属性可使用预设的弹窗尺寸
  * ```
  */
 export declare const dialogModal: {
@@ -1135,7 +1145,8 @@ export type DialogDrawerContentProps = {
 /**
  * 当dialogDrawer底部操作按钮在业务content内部时，使用
  * ```
- * 1. 设置 footer 后，okHidden、cancelHidden、okButtonExtraProps、cancelButtonExtraProps、okText、cancelText、onOk、onCancel全部失效
+ * 1. 只能与 dialogDrawer 配合使用；与 FbaApp.useDialogDrawer 配合使用无效
+ * 2. 设置 footer 后，okHidden、cancelHidden、okButtonExtraProps、cancelButtonExtraProps、okText、cancelText、onOk、onCancel全部失效
  * ```
  */
 export declare const DialogDrawerContent: (props: DialogDrawerContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -1778,6 +1789,35 @@ export declare const DragEditableTable: import("react").ForwardRefExoticComponen
 		overIndex: number;
 	}) => void) | undefined;
 } & import("react").RefAttributes<EditableTableRefApi>>;
+export type FormItemHorizontalUnionProps = {
+	className?: string;
+	style?: CSSProperties;
+	label?: string | ReactElement;
+	/** 水平布局元素 */
+	groupConfigList: {
+		hidden?: boolean;
+		before?: ReactElement | string;
+		/**
+		 * 设置宽度
+		 * ```
+		 * 1. 自适应可设置：auto
+		 * 2. 可设置具体数值
+		 * 3. 不设置会在铺满flex剩余空间
+		 * 4. 多个未设置会等分铺满剩余空间
+		 * ```
+		 */
+		width?: number | string;
+		mainItem: ReactElement;
+		after?: ReactElement | string;
+	}[];
+	/** 水平布局原始之间的间距 */
+	gap?: number;
+	flexLayoutStyle?: CSSProperties;
+	flexLayoutClassName?: string;
+	hidden?: boolean;
+	required?: boolean;
+	colon?: boolean;
+};
 export type DragFormListContentProps = {
 	/** Form.List item fieldData */
 	formListFieldData: FormListFieldData;
@@ -1857,14 +1897,14 @@ export type DragFormListProps = {
 		required?: boolean;
 		width?: number;
 	}[];
-	formListItemTitleClassName?: string;
-	formListItemTitleStyle?: CSSProperties;
+	/** formListItemTitle HorizontalUnionProps 配置 */
+	formListItemTitleHorizontalUnionProps?: Omit<FormItemHorizontalUnionProps, "groupConfigList">;
 };
 /**
  * 可拖拽FormList
  * ```
+ * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
  * 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;
@@ -2033,17 +2073,14 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
 
  * 例如
  * <EasyForm column={3}>
- *	 <Form.Item name="field1" label="条件1">
- *	   <Input placeholder="请输入" allowClear={true} />
- *	 </Form.Item>
- *	 <Form.Item name="field2" label="条件2">
+ *	 <FormItemWrapper name="field1" label="条件1">
  *	   <Input placeholder="请输入" allowClear={true} />
- *	 </Form.Item>
+ *	 </FormItemWrapper>
  *	 <!-- ！！自定义栅格占位格数第一种方式：可通过使用 BoxGrid.Col 包裹元素来自定义网格占比 -->
  *	 <BoxGrid.Col span={24}>
- *	   <Form.Item name="field5" label="条件5">
+ *	   <FormItemWrapper name="field5" label="条件5">
  *	 	<Input placeholder="请输入" allowClear={true} />
- *	   </Form.Item>
+ *	   </FormItemWrapper>
  *	 </BoxGrid.Col>
  *	 <!-- ！！自定义栅格占位格数第二种方式：如果为FormItemWrapper组件，可设置span属性 -->
  *	 <FormItemWrapper name="field6" label="条件6" span={24}>
@@ -2511,6 +2548,14 @@ export type FbaAppDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
 	extra?: ReactNode | ((form: FormInstance) => ReactElement);
 };
 export type FbaAppModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "okButtonProps" | "cancelButtonProps" | "footer"> & {
+	/**
+	 * 内置尺寸，根据比例固定高度、宽度，默认：middle
+	 * ```
+	 * 1. 如果自定义了width、styles.body.height属性，size中的height、width将对应失效
+	 * 2. 可传 null 值，取消内置尺寸
+	 * ```
+	 */
+	size?: "small" | "middle" | "large" | null;
 	onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	onClose?: () => void;
@@ -2523,6 +2568,7 @@ export type FbaAppModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
 	cancelButtonProps?: Omit<ButtonWrapperProps, "hidden" | "children" | "onClick">;
 	/**
 	 * 设置modal body height 为当前窗口height的百分比，例如：30
+	 * @deprecated 已失效，可通过size属性设置
 	 * ```
 	 * 1. 最大值：80
 	 * 1. 设置bodyStyle.height 后，bodyHeightPercent失效
@@ -2821,33 +2867,6 @@ export declare const FormGrid: {
 		domTypeName: string;
 	};
 };
-export type FormItemHorizontalUnionProps = {
-	className?: string;
-	style?: CSSProperties;
-	label?: string | ReactElement;
-	groupConfigList: {
-		hidden?: boolean;
-		before?: ReactElement | string;
-		/**
-		 * 设置宽度
-		 * ```
-		 * 1. 自适应可设置：auto
-		 * 2. 可设置具体数值
-		 * 3. 不设置会在铺满flex剩余空间
-		 * 4. 多个未设置会等分铺满剩余空间
-		 * ```
-		 */
-		width?: number | string;
-		mainItem: ReactElement;
-		after?: ReactElement | string;
-	}[];
-	gap?: number;
-	flexLayoutStyle?: CSSProperties;
-	flexLayoutClassName?: string;
-	hidden?: boolean;
-	required?: boolean;
-	colon?: boolean;
-};
 export type FormItemCardProps = {
 	title?: string | ReactElement;
 	children: ReactElement | ReactElement[];
@@ -3005,14 +3024,14 @@ export type FormListWrapperProps = {
 		required?: boolean;
 		width?: number;
 	}[];
-	formListItemTitleClassName?: string;
-	formListItemTitleStyle?: CSSProperties;
+	/** formListItemTitle HorizontalUnionProps 配置 */
+	formListItemTitleHorizontalUnionProps?: Omit<FormItemHorizontalUnionProps, "groupConfigList">;
 };
 /**
- * FormList
+ * Form.List 包装组件，使用更简单
  * ```
+ * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
  * 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;
@@ -3552,10 +3571,11 @@ export type TRelationTreeOperate = {
 };
 export declare const RelationTree: (props: RelationTreeProps) => import("react/jsx-runtime").JSX.Element;
 export interface RichTextEditorProps extends Omit<IAllProps, "onChange" | "init"> {
+	/** 设置高度，默认：500 */
+	height?: number;
 	onChange?: (data?: string) => void;
 	/** 上传图片服务 */
 	onUploadImage?: (file: File) => Promise<string>;
-	className?: string;
 	/** 图片点击预览 */
 	imgPreview?: boolean;
 	init?: IAllProps["init"] & {
@@ -3588,22 +3608,22 @@ export interface RichTextEditorProps extends Omit<IAllProps, "onChange" | "init"
 	};
 	/** 点击全屏按钮回调 */
 	onFullScreenChange?: (state?: boolean) => void;
+	className?: string;
 }
 /**
  * 富文本编辑器，配置参考tinymce https://www.tiny.cloud/docs/tinymce/6
  * @param props
  * @returns
  * ```
- * 1. 修改高度 init={{ height: 300 }}
- * 2. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口
- * 3. 获取富文本实例，通过onInit(_, editor)函数获取
- * 4. 预览富文本数据，使用 RichTextViewer 组件
- * 5. 添加其他插件使用方式，配置 init.plugins_append、init.toolbar_append
+ * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口
+ * 2. 获取富文本实例，通过onInit(_, editor)函数获取
+ * 3. 预览富文本数据，使用 RichTextViewer 组件
+ * 4. 添加其他插件使用方式，配置 init.plugins_append、init.toolbar_append
  *    <RichTextEditor init={{ plugins_append: 'codesample', toolbar_append: 'codesample' }} />
- * 6. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏
- * 7. 其他插件
+ * 5. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏
+ * 6. 其他插件
  *    emoticons 表情插件
- * 8. 可通过设置 init.img_ratio 设置通过粘贴上传的图片压缩显示比例
+ * 7. 可通过设置 init.img_ratio 设置通过粘贴上传的图片压缩显示比例
  *    默认比例：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]
  * ```
  */

package/package.json

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