feat: 🚀 allow nested tree enum data

Author: phcreery

src/components/ProTable/interface/index.ts

@@ -4,6 +4,7 @@ import { BreakPoint, Responsive } from "@/components/Grid/interface";
 export interface EnumProps {
 	label: string; // 选项框显示的文字
 	value: any; // 选项框值
+	childrenKey: string; // key to search children
 	disabled?: boolean; // 是否禁用此选项
 	tagType?: string; // 当 tag 为 true 时，此选择会指定 tag 显示类型
 	children?: EnumProps[]; // 为树形选择时，可以通过 children 属性指定子选项

src/utils/util.ts

@@ -304,8 +304,17 @@ export function filterEnum(
 ): string {
 	const value = searchProps?.value ?? "value";
 	const label = searchProps?.label ?? "label";
+	const childrenKey = searchProps?.childrenKey ?? "children";
 	let filterData: any = {};
-	if (Array.isArray(enumData)) filterData = enumData.find((item: any) => item[value] === callValue);
+	if (Array.isArray(enumData)) filterData = findItemNested(enumData, value, callValue, childrenKey);
 	if (type == "tag") return filterData?.tagType ? filterData.tagType : "";
 	return filterData ? filterData[label] : "--";
 }
+
+export function findItemNested(arr: any, itemKey: string, itemValue: any, nestingKey: string) {
+	return arr.reduce((a: any, item: any) => {
+		if (a) return a;
+		if (item[itemKey] === itemValue) return item;
+		if (item[nestingKey]) return findItemNested(item[nestingKey], itemKey, itemValue, nestingKey);
+	}, null);
+}