@flatbiz/antd 3.2.20 → 3.2.22

package/index.d.ts

@@ -655,6 +655,7 @@ export type FormColProps = {
 	/** 强制单独一行 */
 	forceAloneRow?: boolean;
 	children?: ReactNode | ReactNode[];
+	hidden?: boolean;
 };
 /**
  * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
@@ -670,7 +671,7 @@ export type FormColProps = {
  * ```
  */
 export declare const FormCol: {
-	(props: FormColProps): JSX.Element;
+	(props: FormColProps): JSX.Element | null;
 	domTypeName: string;
 };
 export type FormOperateColProps = {
@@ -680,6 +681,7 @@ export type FormOperateColProps = {
 	justify?: RowProps["justify"];
 	/** 强制单独一行 */
 	forceAloneRow?: boolean;
+	hidden?: boolean;
 };
 /**
  * FormOperateCol 布局说明
@@ -691,7 +693,7 @@ export type FormOperateColProps = {
  * ```
  */
 export declare const FormOperateCol: {
-	(props: FormOperateColProps): JSX.Element;
+	(props: FormOperateColProps): JSX.Element | null;
 	domTypeName: string;
 };
 export type FormRowProps = RowProps & {
@@ -1699,13 +1701,28 @@ export type TRelationTreeOperate = {
 	onChange: (name: string, value: any) => void;
 };
 export declare const RelationTree: (props: RelationTreeProps) => JSX.Element;
-export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
+export interface RichTextEditorProps extends Omit<IAllProps, "onChange" | "init"> {
 	onChange?: (data?: string) => void;
 	/** 上传图片服务 */
 	onUploadImage?: (file: File) => Promise<string>;
 	className?: string;
 	/** 图片点击预览 */
 	imgPreview?: boolean;
+	init?: IAllProps["init"] & {
+		/**
+		 * 通过粘贴图片创建的img标签，显示压缩比例，此处min、max是和指图片宽度
+		 * 1. 默认值值：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]
+		 */
+		img_ratio?: {
+			min: number;
+			max?: number;
+			ratio: number;
+		}[];
+		/** 插件添加；自定义plugins后失效 */
+		plugins_append?: string;
+		/** 工具栏添加；自定义toolbar后失效  */
+		toolbar_append?: string;
+	};
 }
 /**
  * 富文本编辑器，配置参考tinymce https://www.tiny.cloud/docs/tinymce/6
@@ -1713,25 +1730,33 @@ export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
  * @returns
  * ```
  * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口
- * 2. 如果不需要粘贴上传图片，可配置 init.paste_data_images = false
- * 3. 获取富文本实例，通过onInit(_, editor)函数获取
- * 5. 预览富文本数据，使用 RichTextViewer 组件
+ * 2. 获取富文本实例，通过onInit(_, editor)函数获取
+ * 3. 预览富文本数据，使用 RichTextViewer 组件
+ * 4. 添加其他插件使用方式，配置 init.plugins_append、init.toolbar_append
+ *    <RichTextEditor init={{ plugins_append: 'codesample', toolbar_append: 'codesample' }} />
+ * 5. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏
+ * 6. 其他插件
+ *    emoticons 表情插件
+ * 7. 可通过设置 init.img_ratio 设置通过粘贴上传的图片压缩显示比例
+ *    默认比例：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]
  * ```
  */
 export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
 export type RichTextViewerProps = {
-	data: string;
+	value: string;
 	className?: string;
+	style?: CSSProperties;
 	fullscreen?: boolean;
 	onInit?: (editor: TinyMCEEditor) => void;
 	children?: ReactElement;
-	style?: CSSProperties;
 	fullscreenIconTips?: string;
 };
 /**
  * 预览 RichTextEditor 生成的富文本数据
  * ```
- * 1. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');
+ * 1. 通过 onInit 属性可获取实例：editor
+ * 2. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');
+ *
  * ```
  * @param props
  * @returns

package/package.json

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