@flatbiz/antd 4.5.28 → 4.5.29

package/index.d.ts

@@ -1596,6 +1596,8 @@ export type EditableCardProps = {
 	formListCompleteName?: Array<string | number>;
 	/** Form.List name */
 	formListName: Array<string | number> | string;
+	/** 初始化值 */
+	initialValue?: TPlainObject[];
 	/**
 	 * Form.List rules
 	 * ```
@@ -2328,6 +2330,8 @@ export type EditableTableProProps = {
 	formListName: Array<string | number> | string;
 	/** 唯一值字段Key */
 	uidFieldKey: string;
+	/** 初始化值 */
+	initialValue?: TPlainObject[];
 	/** 指定树形结构的列名，默认值：children */
 	childrenColumnName?: string;
 	/** 表格组件配置 */
@@ -3105,10 +3109,9 @@ export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTa
 /**
  * 使用FormList实现可编辑卡片
  * ```
- * 1. 必须在外部包裹Form组件
+ * 1. 必须在外部包裹Form组件或者EasyForm组件
  * 2. 行内需要联动逻辑可使用 column.render.operation.setCurrentRowField 方法
  * 3. 可使用DragEditableCard组件实现拖拽排序
- * 4. 设置EditableCard disabled后，通过 LabelValueRender 组件展示数据，可通过 disabledRenderProps 配置布局
  *
  * demo
  * https://fex.qa.tcshuke.com/docs/admin/main/form/grid
@@ -3647,6 +3650,39 @@ export declare const FormItemHidden: {
 	(props: FormItemHiddenProps): import("react/jsx-runtime").JSX.Element;
 	domTypeName: string;
 };
+export type FormItemSpanProps = {
+	span?: number;
+	children?: React.ReactNode;
+};
+/**
+ * 包裹EasyForm children item元素, 设置自定义栅格占位格数（使用在EasyForm一级子节点下生效）
+ * ```
+ * EasyForm中自定义栅格占位格数方式
+ * 1. 设置 FormItemWrapper、FormItemText 的 span 属性（支持移动端小屏幕span强制转为24逻辑）
+ * 2. 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹，设置 span 属性（不支持移动端小屏幕span强制转为24逻辑）
+ * 3. 使用 <FormItemSpan span={24} ></FormItemSpan> 包裹，设置 span 属性（支持移动端小屏幕span强制转为24逻辑）
+ *   <EasyForm>
+ *    <FormItemSpan span={24}>
+ *      <CardLayout title={'基本信息'}>
+ *        <EasyForm nonuseFormWrapper>
+ *          <FormItemWrapper></FormItemWrapper>
+ *        </EasyForm>
+ *      </CardLayout>
+ *    </FormItemSpan>
+ *    <FormItemSpan span={24}>
+ *      <CardLayout title={'紧急联系人信息'}>
+ *        <EasyForm nonuseFormWrapper>
+ *          <FormItemWrapper></FormItemWrapper>
+ *        </EasyForm>
+ *      </CardLayout>
+ *    </FormItemSpan>
+ *  </EasyForm>
+ * ```
+ */
+export declare const FormItemSpan: {
+	(props: FormItemSpanProps): import("react/jsx-runtime").JSX.Element;
+	domTypeName: string;
+};
 export type FormItemTextServiceConfig = {
 	onRequest: (params?: TAny) => Promise<TAny>;
 	/** 接口参数，当params发生变化后，会主动发送查询请求 */
@@ -5732,130 +5768,6 @@ export type TipsTitleProps = {
 	borderColor?: string;
 };
 export declare const TipsTitle: (props: TipsTitleProps) => import("react/jsx-runtime").JSX.Element | null;
-export type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
-export type TreeSelectorServiceConfig = {
-	params?: TPlainObject;
-	requiredParamsKeys?: string[];
-	onRequest?: (params?: TAny) => TAny;
-	/**
-	 * 响应数据适配器
-	 */
-	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
-};
-export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames" | "defaultValue" | "treeDataSimpleMode"> & {
-	modelKey: string;
-	fieldNames?: {
-		label?: string;
-		value?: string;
-		children?: string;
-		disabled?: string;
-	};
-	/**
-	 * useEffect依赖项数组，用于重新发起获取接口数据
-	 */
-	effectDependencyList?: DependencyList;
-	/**
-	 * 请求服务需求的数据，当设置`treeSelectorList`后无效果
-	 */
-	serviceConfig?: TreeSelectorServiceConfig;
-	/**
-	 * 当设置treeSelectorList后，serviceConfig 将失效
-	 */
-	treeSelectorList?: TreeSelectProps["treeData"];
-	/**
-	 * treeSelectorList发生变更时触发
-	 */
-	onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
-	/**
-	 * 通过服务获取数据异常回调，当设置`treeSelectorList`后无效果
-	 */
-	onTreeSelectorRequestError?: (error: Error) => void;
-	/**
-	 * 添加全部选项
-	 * ```
-	 * 1. showAllOption = true，添加默认全部选项（value值为空字符串）
-	 * 2. 可自定义全部选项，例如：{ label: '全部', value: 'all' }
-	 * 3. 自定义字段会通过fieldNames转换后使用
-	 * 4. 多选操作时，最好不要设置全部选项
-	 * ```
-	 */
-	showAllOption?: true | TPlainObject<string | number>;
-	/**
-	 * @deprecated 已过期，请使用onChange
-	 * 1. 当 treeCheckable = true && treeCheckStrictly = true，如果选择的数据中含有父节点，selectedValue、selectedList返回数据包含父节点
-	 * 2. 当 treeCheckable = true && treeCheckStrictly = false，selectedValue、selectedList返回的数据不包含父节点
-	 * 3. 当 treeCheckable = false，节点选择没有级联关系，selectedValue、selectedList返回的数据就是实际选择
-	 * 4. selectAllDataList 返回的数据都包含父节点
-	 * 5. 使用 onTreeItemAdapter 拼接label数据后，选中回填数据也是拼接后的
-	 * 6. triggerInfo 当前操作节点数据
-	 */
-	onChangeHandle?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
-	/**
-	 * 1. 当 treeCheckable = true && treeCheckStrictly = true，如果选择的数据中含有父节点，selectedValue、selectedList返回数据包含父节点
-	 * 2. 当 treeCheckable = true && treeCheckStrictly = false，selectedValue、selectedList返回的数据不包含父节点
-	 * 3. 当 treeCheckable = false，节点选择没有级联关系，selectedValue、selectedList返回的数据就是实际选择
-	 * 4. selectAllDataList 返回的数据都包含父节点
-	 * 5. 使用 onTreeItemAdapter 拼接label数据后，选中回填数据也是拼接后的
-	 * 6. triggerInfo 当前操作节点数据
-	 */
-	onChange?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
-	/**
-	 * tree item 数据适配器，返回的数据会通过fieldNames配置取数据
-	 * ```
-	 * 1. 可用于设置disabled状态
-	 * onTreeItemDataAdapter: (dataItem) => {
-	 *   if(dataItem.xx === xx){
-	 *     dataItem['disabled] = true;
-	 *   }
-	 *   return dataItem;
-	 * }
-	 * 2. 可设置label数据显示
-	 * ```
-	 */
-	onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
-	/** 自定义异常提示文案 */
-	requestMessageConfig?: TRequestStatusProps["messageConfig"];
-	/**
-	 * value格式
-	 *```
-	 * 1. string 、number
-	 * 2. Array<string | number>
-	 * 3. lableInValue = true，根据labelInValueFieldNames配置格式
-	 * 4. lableInValue = true，Array<labelInValueFieldNames配置>
-	 * ```
-	 */
-	value?: TreeSelectorWrapperValue;
-	/**
-	 * treeCheckStrictly 	checkable 状态下节点选择完全受控（父子节点选中状态不再关联），
-	 * 会使得 labelInValue 强制为 true
-	 */
-	labelInValue?: boolean;
-	/**
-	 * ```
-	 * lableInValue = true，onChange输出数据字段名称，默认：{ label: string; value: string|number }
-	 * ```
-	 */
-	labelInValueFieldNames?: {
-		label: string;
-		value: string;
-	};
-	/**
-	 * treeCheckStrictly = true模式下有效，点击父节点是否选中所有子节点，默认值：true
-	 */
-	selectedParentCheckedAllChildrenList?: boolean;
-	/** 有唯一跟节点时，初始化是否展开，默认值：false */
-	initRootExpand?: boolean;
-};
-/**
- * 树选择器包装组件，由于过度封装，部分antd TreeSelect原始功能不支持，不满足情况的请使用antd TreeSelect实现
- * @param props
- * @returns
- * ```
- * 1. 当设置treeSelectorList属性后，serviceConfig、onTreeSelectorListChange将失效
- * 2. 父节点默认不返回，需要返回请设置showCheckedStrategy
- * ```
- */
-export declare const TreeSelectorWrapper: (props: TreeSelectorWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export type TreeWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
 export type TreeServiceConfig = {
 	params?: TPlainObject;
@@ -5938,9 +5850,23 @@ export type TreeWrapperProps = Omit<TreeProps, "treeData" | "onExpand" | "select
 	searchValue?: string;
 	/**
 	 * checkable模式下，onChange是否返回父节点，默认值true
-	 * 1. checkStrictly = true，模式下失效
+	 * @description 已过期，请使用 checkableType 配置
+	 * ```
+	 * 注意：checkStrictly = true，checkableResponseParentNode配置失效
+	 * ```
 	 */
 	checkableResponseParentNode?: boolean;
+	/**
+	 * 节点选择类型（默认值：'2'）, 多选时有效
+	 * ```
+	 * '1' 表示返回所有选中的节点（包含父节点和叶子节点）
+	 * '2' 表示只返回叶子节点
+	 * '3' 表示当叶子节点全选时，返回父节点，不返回下面的叶子节点
+	 *
+	 *  注意：checkStrictly = true，checkableType配置失效
+	 * ```
+	 */
+	checkableType?: "1" | "2" | "3";
 	/**
 	 * 菜单结构类型 tile/平铺 fold/折叠；默认：fold
 	 * @deprecated 已过期 4.3.0版本移除，请使用 menus
@@ -6097,6 +6023,198 @@ export type TreeWrapperRefApi = {
 export declare const TreeWrapper: ForwardRefExoticComponent<TreeWrapperProps & RefAttributes<TreeWrapperRefApi>> & {
 	getTreeDataList: (modelKey: string) => TPlainObject[];
 };
+export type TreeModelSelectItem = {
+	label: string;
+	value: string | number;
+};
+export type TreeModelSelectValue = TreeModelSelectItem[] | Array<TreeModelSelectItem["value"]> | TreeModelSelectItem["value"];
+export type TreeModalProps = {
+	/** 是否多选，默认值：true */
+	isMultiple?: boolean;
+	forceRender?: boolean;
+	children: ReactElement & {
+		onClick?: (e: any) => void | Promise<void>;
+	};
+	/**
+	 * 内置尺寸，根据比例固定高度、宽度，默认：large
+	 */
+	size?: "small" | "middle" | "large";
+	/** 字段映射 */
+	fieldNames?: {
+		label?: string;
+		value?: string;
+		children?: string;
+	};
+	/** 接口调用 */
+	onRequest: () => Promise<TPlainObject[]>;
+	value?: TreeModelSelectValue;
+	onChange?: (values?: TreeModelSelectItem[]) => void;
+	textConfig: {
+		title: string;
+		/** 选择为空提示，例如：请选择 */
+		placeholder?: string;
+		/** 选择数量提示，例如：已选择{total}位用户 */
+		selectQuantityPrompt?: string;
+	};
+	/** 选中值变更change，包括入参value、操作选中等 */
+	onSelectChange?: (values?: TreeModelSelectItem[]) => void;
+	onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
+	modalClassName?: string;
+	modalWidth?: number;
+	modalBodyHeight?: number;
+	treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType">;
+};
+/**
+ * 树节点数据选择，一般用于选择员工等
+ * ```
+ * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点
+ * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
+ * ```
+ */
+export declare const TreeModal: (props: TreeModalProps) => import("react/jsx-runtime").JSX.Element;
+export type TreeModalSelectorProps = Omit<TreeModalProps, "children" | "forceRender" | "onChange"> & {
+	placeholder?: string;
+	/**
+	 * 1. 可指定数量
+	 * 2. 可设置 responsive，一行自适应显示
+	 */
+	maxTagCount?: number | "responsive";
+	/** 是否返回label+value模式 */
+	labelInValue?: boolean;
+	onChange?: (values?: TreeModelSelectItem[] | TreeModelSelectItem) => void;
+};
+/**
+ * 树弹框选择器
+ * ```
+ * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点
+ * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
+ * ```
+ */
+export declare const TreeModalSelector: (props: TreeModalSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
+export type TreeSelectorServiceConfig = {
+	params?: TPlainObject;
+	requiredParamsKeys?: string[];
+	onRequest?: (params?: TAny) => TAny;
+	/**
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
+};
+export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames" | "defaultValue" | "treeDataSimpleMode"> & {
+	modelKey: string;
+	fieldNames?: {
+		label?: string;
+		value?: string;
+		children?: string;
+		disabled?: string;
+	};
+	/**
+	 * useEffect依赖项数组，用于重新发起获取接口数据
+	 */
+	effectDependencyList?: DependencyList;
+	/**
+	 * 请求服务需求的数据，当设置`treeSelectorList`后无效果
+	 */
+	serviceConfig?: TreeSelectorServiceConfig;
+	/**
+	 * 当设置treeSelectorList后，serviceConfig 将失效
+	 */
+	treeSelectorList?: TreeSelectProps["treeData"];
+	/**
+	 * treeSelectorList发生变更时触发
+	 */
+	onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
+	/**
+	 * 通过服务获取数据异常回调，当设置`treeSelectorList`后无效果
+	 */
+	onTreeSelectorRequestError?: (error: Error) => void;
+	/**
+	 * 添加全部选项
+	 * ```
+	 * 1. showAllOption = true，添加默认全部选项（value值为空字符串）
+	 * 2. 可自定义全部选项，例如：{ label: '全部', value: 'all' }
+	 * 3. 自定义字段会通过fieldNames转换后使用
+	 * 4. 多选操作时，最好不要设置全部选项
+	 * ```
+	 */
+	showAllOption?: true | TPlainObject<string | number>;
+	/**
+	 * @deprecated 已过期，请使用onChange
+	 * 1. 当 treeCheckable = true && treeCheckStrictly = true，如果选择的数据中含有父节点，selectedValue、selectedList返回数据包含父节点
+	 * 2. 当 treeCheckable = true && treeCheckStrictly = false，selectedValue、selectedList返回的数据不包含父节点
+	 * 3. 当 treeCheckable = false，节点选择没有级联关系，selectedValue、selectedList返回的数据就是实际选择
+	 * 4. selectAllDataList 返回的数据都包含父节点
+	 * 5. 使用 onTreeItemAdapter 拼接label数据后，选中回填数据也是拼接后的
+	 * 6. triggerInfo 当前操作节点数据
+	 */
+	onChangeHandle?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
+	/**
+	 * 1. 当 treeCheckable = true && treeCheckStrictly = true，如果选择的数据中含有父节点，selectedValue、selectedList返回数据包含父节点
+	 * 2. 当 treeCheckable = true && treeCheckStrictly = false，selectedValue、selectedList返回的数据不包含父节点
+	 * 3. 当 treeCheckable = false，节点选择没有级联关系，selectedValue、selectedList返回的数据就是实际选择
+	 * 4. selectAllDataList 返回的数据都包含父节点
+	 * 5. 使用 onTreeItemAdapter 拼接label数据后，选中回填数据也是拼接后的
+	 * 6. triggerInfo 当前操作节点数据
+	 */
+	onChange?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
+	/**
+	 * tree item 数据适配器，返回的数据会通过fieldNames配置取数据
+	 * ```
+	 * 1. 可用于设置disabled状态
+	 * onTreeItemDataAdapter: (dataItem) => {
+	 *   if(dataItem.xx === xx){
+	 *     dataItem['disabled] = true;
+	 *   }
+	 *   return dataItem;
+	 * }
+	 * 2. 可设置label数据显示
+	 * ```
+	 */
+	onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
+	/** 自定义异常提示文案 */
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
+	/**
+	 * value格式
+	 *```
+	 * 1. string 、number
+	 * 2. Array<string | number>
+	 * 3. lableInValue = true，根据labelInValueFieldNames配置格式
+	 * 4. lableInValue = true，Array<labelInValueFieldNames配置>
+	 * ```
+	 */
+	value?: TreeSelectorWrapperValue;
+	/**
+	 * treeCheckStrictly 	checkable 状态下节点选择完全受控（父子节点选中状态不再关联），
+	 * 会使得 labelInValue 强制为 true
+	 */
+	labelInValue?: boolean;
+	/**
+	 * ```
+	 * lableInValue = true，onChange输出数据字段名称，默认：{ label: string; value: string|number }
+	 * ```
+	 */
+	labelInValueFieldNames?: {
+		label: string;
+		value: string;
+	};
+	/**
+	 * treeCheckStrictly = true模式下有效，点击父节点是否选中所有子节点，默认值：true
+	 */
+	selectedParentCheckedAllChildrenList?: boolean;
+	/** 有唯一跟节点时，初始化是否展开，默认值：false */
+	initRootExpand?: boolean;
+};
+/**
+ * 树选择器包装组件，由于过度封装，部分antd TreeSelect原始功能不支持，不满足情况的请使用antd TreeSelect实现
+ * @param props
+ * @returns
+ * ```
+ * 1. 当设置treeSelectorList属性后，serviceConfig、onTreeSelectorListChange将失效
+ * 2. 父节点默认不返回，需要返回请设置showCheckedStrategy
+ * ```
+ */
+export declare const TreeSelectorWrapper: (props: TreeSelectorWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export type TXMindTreeItem = {
 	data: {
 		/** 节点文本 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.5.28",
+  "version": "4.5.29",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -31,7 +31,7 @@
     "@dimjs/model": ">=1.2.3",
     "@dimjs/model-react": ">=1.2.3",
     "@dimjs/utils": ">=1.5.1",
-    "@flatbiz/utils": ">=4.0.24",
+    "@flatbiz/utils": ">=4.0.27",
     "@wove/react": ">=1.2.23",
     "antd": ">=5.11.0",
     "dayjs": ">=1.11.9",
@@ -45,7 +45,7 @@
     "@dimjs/model": "^1.2.3",
     "@dimjs/model-react": "^1.2.3",
     "@dimjs/utils": "^1.5.1",
-    "@flatbiz/utils": "^4.0.24",
+    "@flatbiz/utils": "^4.0.27",
     "@wove/react": "^1.2.23",
     "antd": "5.11.0",
     "dayjs": "1.11.9",