@flatbiz/antd 4.4.11 → 4.4.13

package/index.d.ts

@@ -21,7 +21,7 @@ import { IAceEditorProps } from 'react-ace';
 import { SplitProps } from 'react-split';
 import { Editor as TinyMCEEditor } from 'tinymce';
 
-export type AceEditorGroovyProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange" | "theme"> & {
+export type AceEditorGroovyProps = Omit<IAceEditorProps, "mode" | "value" | "onChange" | "theme"> & {
 	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
 	height?: string;
 	value?: string | TPlainObject | TPlainObject[];
@@ -53,7 +53,7 @@ export type AceEditorGroovyProps = Omit<IAceEditorProps, "onLoad" | "mode" | "va
  * ```
  */
 export declare const AceEditorGroovy: (props: AceEditorGroovyProps) => import("react/jsx-runtime").JSX.Element;
-export type AceEditorJavaProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange" | "theme"> & {
+export type AceEditorJavaProps = Omit<IAceEditorProps, "mode" | "value" | "onChange" | "theme"> & {
 	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
 	height?: string;
 	value?: string | TPlainObject | TPlainObject[];
@@ -85,7 +85,7 @@ export type AceEditorJavaProps = Omit<IAceEditorProps, "onLoad" | "mode" | "valu
  * ```
  */
 export declare const AceEditorJava: (props: AceEditorJavaProps) => import("react/jsx-runtime").JSX.Element;
-export type AceEditorJsonProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange" | "theme"> & {
+export type AceEditorJsonProps = Omit<IAceEditorProps, "mode" | "value" | "onChange" | "theme"> & {
 	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
 	height?: string;
 	value?: string | TPlainObject | TPlainObject[];
@@ -122,7 +122,7 @@ export type AceEditorJsonProps = Omit<IAceEditorProps, "onLoad" | "mode" | "valu
  * ```
  */
 export declare const AceEditorJson: (props: AceEditorJsonProps) => import("react/jsx-runtime").JSX.Element;
-export type AceEditorMysqlProps = Omit<IAceEditorProps, "onLoad" | "theme" | "mode" | "value" | "onChange"> & {
+export type AceEditorMysqlProps = Omit<IAceEditorProps, "theme" | "mode" | "value" | "onChange"> & {
 	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
 	height?: string;
 	value?: string;
@@ -147,7 +147,7 @@ export type AceEditorMysqlProps = Omit<IAceEditorProps, "onLoad" | "theme" | "mo
 	footerStyle?: CSSProperties;
 };
 export declare const AceEditorMysql: (props: AceEditorMysqlProps) => import("react/jsx-runtime").JSX.Element;
-export type AceEditorXmlProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange" | "theme"> & {
+export type AceEditorXmlProps = Omit<IAceEditorProps, "mode" | "value" | "onChange" | "theme"> & {
 	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
 	height?: string;
 	value?: string | TPlainObject | TPlainObject[];
@@ -861,6 +861,7 @@ export declare const DataRender: (props: DataRenderProps) => import("react/jsx-r
 export type TDayjsDateType = "YYYY-MM-DD HH:mm:ss" | "YYYY-MM-DD HH:mm" | "YYYY-MM-DD HH" | "YYYY-MM-DD" | (string & {});
 export type TDayjsTimeType = "HH:mm:ss" | "HH:mm" | "HH" | "mm:ss" | "mm" | "ss" | (string & {});
 export type DatePickerWrapperProps = Omit<PickerDateProps<TAny>, "value" | "onChange" | "format"> & {
+	/** 默认格式为 'YYYY-MM-DD' */
 	value?: string;
 	onChange?: (value?: string) => void;
 	disabledDateConfig?: {
@@ -875,12 +876,16 @@ export type DatePickerWrapperProps = Omit<PickerDateProps<TAny>, "value" | "onCh
 	};
 	/** 可自定义格式 */
 	format?: TDayjsDateType;
+	/** value 输出适配 */
+	outputNormalize?: (value?: any) => any;
+	/** value 输入适配 */
+	inputNormalize?: (value?: any) => string | undefined;
 };
 /**
  * DatePicker包装组件
  * ```
- * 1. value类型为 string
- * 2. onChange返回类型 string
+ * 1. value 默认格式为 'YYYY-MM-DD'，可以通过 inputNormalize 来进行自定义转换
+ * 2. onChange返回类型 string，可以通过 outputNormalize 来进行自定义转换
  * 3. 默认格式化类型 YYYY-MM-DD； 当showTime===true时，默认格式化类型 DayjsDateTypeEnum.YMDHms；其他格式化类型自定义format
  * 4. 设置 disabledDate 后，disabledDateConfig配置将失效
  * 5. 设置 disabledTime 后，内置的disabledTime逻辑将失效
@@ -912,12 +917,22 @@ export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<TAny>, "valu
 		disabledSecondList?: number[];
 	};
 	format?: TDayjsDateType;
+	/** value 输出适配 */
+	outputNormalize?: (value: [
+		string,
+		string
+	]) => any;
+	/** value 输入适配 */
+	inputNormalize?: (value?: any) => [
+		string,
+		string
+	] | undefined;
 };
 /**
  * DatePicker.RangePicker包装组件
  * ```
- * 1. value类型为 [string, string]
- * 2. onChange返回类型 [string, string]
+ * 1. value类型为 [string, string],可以通过 inputNormalize来进行自定义转换
+ * 2. onChange返回类型 [string, string]，可以通过 outputNormalize来进行自定义转换
  * 3. 默认格式化类型 YYYY-MM-DD； 当showTime===true时，默认格式化类型YYYY-MM-DD HH:mm:ss；其他格式化类型自定义format
  * 4. 可设置disabledDateConfig，来控制日期项的disbaled状态
  * 5. 设置 disabledDate 后，disabledDateConfig配置将失效
@@ -947,6 +962,7 @@ export interface FormItemWrapperProps extends FormItemProps {
 	 * label宽度
 	 * ```
 	 * 1. 如果想控制Form下所有label，可使用FormWrapper组件 替换 Form组件，在FormWrapper上设置属性
+	 * 2. 可设置`auto`自适应
 	 * ```
 	 */
 	labelWidth?: "auto" | "70" | "80" | "90" | "100" | "110" | "120" | "130" | "140" | "150" | "160" | "170" | "180" | "190" | "200";
@@ -956,7 +972,7 @@ export interface FormItemWrapperProps extends FormItemProps {
 	 * 1. 如果想控制Form下所有labelItem，可使用FormWrapper组件 替换 Form组件，在FormWrapper上设置属性
 	 * ```
 	 */
-	labelItemVertical?: true;
+	labelItemVertical?: boolean;
 	/**
 	 * label 对齐方式
 	 * ```
@@ -1914,10 +1930,16 @@ export declare const dynamicNode: {
 };
 export type FormWrapperProps<Values = any> = FormProps<Values> & {
 	children: ReactNode;
-	/** label宽度，Form内部所有FormItem label都生效 */
+	/**
+	 * label宽度，Form内部所有FormItem label都生效
+	 * ```
+	 * 1. 可设置数值
+	 * 2. 可设置`auto`自适应
+	 * ```
+	 */
 	labelWidth?: "auto" | "70" | "80" | "90" | "100" | "110" | "120" | "130" | "140" | "150" | "160" | "170" | "180" | "190" | "200";
 	/** labelItem 竖直布局 */
-	labelItemVertical?: true;
+	labelItemVertical?: boolean;
 	/** label 对齐方式 */
 	labelAlign?: "left" | "right";
 	/** formItem之间竖直间距，默认值：24 */
@@ -1966,20 +1988,21 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
 	width?: number | string;
 	/** 网格间距 */
 	gridGutter?: BoxRowProps["gutter"];
-	children: ReactElement | ReactElement[];
+	children: ReactNode;
 };
 /**
  * 简单Form布局，可自定义网格布局
  * ```
- * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/label
- * 2. 布局网格以当前节点的宽度来计算的，不是屏幕宽度
- * 3. EasyForm 子节点包含 hidden = true 会被忽略
- * 4. 通过 column 可定义一行显示几列FormItem
- * 5. 通过 labelItemVertical 可定义 formitem 竖直布局
- * 6. 通过 formItemGap 可定义 formItem竖直方向间隙
- * 7. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式
- * 8. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）
- * 9. 自定义栅格占位格数，见下方`例如`
+ * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid
+ * 2. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form属性失效，例如属性form、initialValues等都失效
+ * 3. 布局网格以当前节点的宽度来计算的，不是屏幕宽度
+ * 4. EasyForm 子节点包含 hidden = true 会被忽略
+ * 5. 通过 column 可定义一行显示几列FormItem
+ * 6. 通过 labelItemVertical 可定义 formitem 竖直布局
+ * 7. 通过 formItemGap 可定义 formItem竖直方向间隙
+ * 8. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式
+ * 9. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）
+ * 10. 自定义栅格占位格数，见下方`例如`
 
  * 例如
  * <EasyForm column={3}>
@@ -2735,6 +2758,7 @@ export type FormItemHorizontalUnionProps = {
 	}[];
 	gap?: number;
 	flexLayoutStyle?: CSSProperties;
+	flexLayoutClassName?: string;
 	hidden?: boolean;
 	required?: boolean;
 	colon?: boolean;
@@ -4595,11 +4619,6 @@ export type TreeLoadDataServiceConfig = {
 	 */
 	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
 };
-export type TreeWrapperMenuItem = {
-	title: string;
-	onClick: (dataItem: TPlainObject, event: any) => void;
-	icon?: ReactElement;
-};
 export type TreeWrapperProps = Omit<TreeProps, "treeData" | "onExpand" | "selectedKeys" | "checkedKeys" | "onCheck" | "onSelect" | "fieldNames" | "multiple" | "loadData" | "icon" | "defaultCheckedKeys" | "defaultExpandParent" | "defaultSelectedKeys"> & {
 	/** 唯一值，用于缓存数据 */
 	modelKey: string;

package/package.json

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