@flatbiz/antd 4.2.97 → 4.2.99

package/index.d.ts

@@ -9,14 +9,14 @@ import { AlertProps, ButtonProps, CardProps, CascaderProps, CheckboxProps, Colla
 import { ConfigProviderProps } from 'antd/es/config-provider';
 import { PickerDateProps, RangePickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { FormListProps } from 'antd/es/form';
+import { ColumnsType } from 'antd/es/table';
 import { RcFile } from 'antd/es/upload';
 import { CheckboxGroupProps } from 'antd/lib/checkbox';
 import { SearchProps, TextAreaProps } from 'antd/lib/input';
-import { ColumnsType } from 'antd/lib/table';
 import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
 import * as React from 'react';
-import { CSSProperties, DependencyList, FC, ReactElement, ReactNode } from 'react';
+import { CSSProperties, DependencyList, FC, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes } from 'react';
 import { SplitProps } from 'react-split';
 import { Editor as TinyMCEEditor } from 'tinymce';
 
@@ -440,6 +440,7 @@ export type CssHoverProps = {
 } & Pick<CommonPropsWithChildren<{
 	"--v-css-hover-bgcolor": CSSProperties["backgroundColor"];
 	"--v-css-hover-opacity": CSSProperties["opacity"];
+	"--v-css-hover-border-radius": CSSProperties["borderRadius"];
 }>, "style" | "children">;
 /**
  * css hover 效果
@@ -988,6 +989,68 @@ export declare const dynamicNode: {
 	};
 	remove: (elementId?: string) => void;
 };
+export type TipsWrapperProps = {
+	gap?: number;
+	className?: string;
+	style?: CSSProperties;
+	children?: ReactNode;
+	icon?: ReactElement;
+	/** Icon添加点击事件，设置hoverTips后失效 */
+	onClick?: (event: any) => void;
+	/**
+	 * 提示效果类型
+	 * ```
+	 * 1. popover 气泡卡片，内容通过popoverProps设置
+	 * 2. tooltip 文字提示，内容通过tooltipProps设置
+	 * ```
+	 */
+	tipType?: "popover" | "tooltip";
+	popoverProps?: PopoverProps;
+	tooltipProps?: TooltipProps;
+	trigger?: "icon" | "all";
+};
+/**
+ * 为目标元素右侧添加Icon
+ * ```
+ * Icon有两种交互行为
+ * 1. 鼠标悬浮显示提示效果;
+ * 2. 为Icon添加点击事件
+ *
+ * 例如：
+ * 1.
+ * <TipsWrapper tipType="tooltip" tooltipProps={{ title:'说明文案' }}>ABC</TipsWrapper>
+ * 2.
+ * <TipsWrapper tipType="popover" popoverProps={{ title:'说明标题', content:'说明内容' }}>ABC</TipsWrapper>
+ * 3.
+ * <TipsWrapper onClick={noop}>ABC</TipsWrapper>
+ * ```
+ */
+export declare const TipsWrapper: (props: TipsWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
+	/**
+	 * @description 请使用 tipsWrapperProps 属性配置
+	 * ```
+	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
+	 * 1. title为string类型有效
+	 * 2. hoverArea 默认值：icon
+	 * ```
+	 */
+	tooltip?: string | {
+		content: string;
+		icon?: ReactElement;
+		hoverArea?: "icon" | "all";
+	};
+	dataIndex?: keyof T | (string & {});
+	/**
+	 * 会在 title 之后展示一个 icon
+	 * ```
+	 * 1. title为string类型有效
+	 * 2. 可为icon添加提示效果
+	 * 3. 可为icon添加点击事件
+	 * ```
+	 */
+	tipsWrapperProps?: string | TipsWrapperProps;
+};
 export type EasyTableRefApi = {
 	/** 外部发起请求服务 */
 	onRequest: (params?: TPlainObject) => void;
@@ -1037,6 +1100,15 @@ export type EasyTableServiceConfig = {
 	 * ```
 	 */
 	requestResultAdapter?: (params: TAny) => TPlainObject;
+	/**
+	 * 动态列自定义渲染
+	 * ```
+	 * 1. respData: 接口返回数据
+	 * 2. columns: Table columns配置项
+	 * ```
+	 *
+	 */
+	dynamicColumsAdapter?: (respData?: TAny, columns?: TEasyTableTableColumn<TPlainObject>[]) => TEasyTableTableColumn<TPlainObject>[] | undefined;
 };
 export type EasyTableProps = {
 	className?: string;
@@ -1177,68 +1249,6 @@ export type EasyTableFilterProps = {
 	/** 默认重启按钮触发请求，默认值：true */
 	defaultResetButtonTriggerRequest?: boolean;
 };
-export type TipsWrapperProps = {
-	gap?: number;
-	className?: string;
-	style?: CSSProperties;
-	children?: ReactNode;
-	icon?: ReactElement;
-	/** Icon添加点击事件，设置hoverTips后失效 */
-	onClick?: (event: any) => void;
-	/**
-	 * 提示效果类型
-	 * ```
-	 * 1. popover 气泡卡片，内容通过popoverProps设置
-	 * 2. tooltip 文字提示，内容通过tooltipProps设置
-	 * ```
-	 */
-	tipType?: "popover" | "tooltip";
-	popoverProps?: PopoverProps;
-	tooltipProps?: TooltipProps;
-	trigger?: "icon" | "all";
-};
-/**
- * 为目标元素右侧添加Icon
- * ```
- * Icon有两种交互行为
- * 1. 鼠标悬浮显示提示效果;
- * 2. 为Icon添加点击事件
- *
- * 例如：
- * 1.
- * <TipsWrapper tipType="tooltip" tooltipProps={{ title:'说明文案' }}>ABC</TipsWrapper>
- * 2.
- * <TipsWrapper tipType="popover" popoverProps={{ title:'说明标题', content:'说明内容' }}>ABC</TipsWrapper>
- * 3.
- * <TipsWrapper onClick={noop}>ABC</TipsWrapper>
- * ```
- */
-export declare const TipsWrapper: (props: TipsWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
-	/**
-	 * @description 请使用 tipsWrapperProps 属性配置
-	 * ```
-	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
-	 * 1. title为string类型有效
-	 * 2. hoverArea 默认值：icon
-	 * ```
-	 */
-	tooltip?: string | {
-		content: string;
-		icon?: ReactElement;
-		hoverArea?: "icon" | "all";
-	};
-	dataIndex?: keyof T | (string & {});
-	/**
-	 * 会在 title 之后展示一个 icon
-	 * ```
-	 * 1. title为string类型有效
-	 * 2. 可为icon添加提示效果
-	 * 3. 可为icon添加点击事件
-	 * ```
-	 */
-	tipsWrapperProps?: string | TipsWrapperProps;
-};
 export type EasyTableTableProps<T> = Omit<TableProps<TAny>, "dataSource" | "loading" | "rowKey" | "columns"> & {
 	children?: ReactElement | ReactElement[];
 	/**
@@ -1682,6 +1692,7 @@ export type fieldConfigFunctionParams = {
 	tableRowIndex: number;
 	name: EditableTableName;
 	tableRowName: EditableTableName;
+	getTableRowData: () => TPlainObject;
 };
 /**
  * antd 默认render功能此处不能使用
@@ -1878,6 +1889,7 @@ export type FbaAppLoadingProps = {
 export declare const FbaApp: ((props: {
 	children: import("react").ReactNode;
 }) => import("react/jsx-runtime").JSX.Element) & {
+	/** 不支持多次弹框，第二个弹框可使用useDialogDrawer2 */
 	useDialogDrawer: () => {
 		appDialogDrawer: {
 			open: (data: FbaAppDrawerProps) => {
@@ -1894,6 +1906,7 @@ export declare const FbaApp: ((props: {
 			close: () => void;
 		};
 	};
+	/** 不支持多次弹框，第二个弹框可使用useDialogModal2 */
 	useDialogModal: () => {
 		appDialogModal: {
 			open: (data: FbaAppModalProps) => {
@@ -1910,6 +1923,7 @@ export declare const FbaApp: ((props: {
 			close: () => void;
 		};
 	};
+	/** 不支持多次弹框 */
 	useDialogConfirm: () => {
 		appDialogConfirm: {
 			open: (data: FbaAppModalProps) => {
@@ -1918,6 +1932,7 @@ export declare const FbaApp: ((props: {
 			close: () => void;
 		};
 	};
+	/** 不支持多次弹框 */
 	useDialogAlert: () => {
 		appDialogAlert: {
 			open: (data: FbaAppAlertProps) => {
@@ -1926,6 +1941,7 @@ export declare const FbaApp: ((props: {
 			close: () => void;
 		};
 	};
+	/** 不支持多次弹框 */
 	useDialogLoading: () => {
 		appDialogLoading: {
 			open: (data?: FbaAppLoadingProps | undefined) => {
@@ -2345,6 +2361,8 @@ export type LabelValueLayoutProps = {
 	bordered?: boolean;
 	className?: string;
 	style?: CSSProperties;
+	/** 边框 row 内边距 */
+	borderedRowPadding?: CSSProperties["padding"];
 };
 /**
  * options[].span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度
@@ -3462,6 +3480,7 @@ export type TipsTitleProps = {
 	/** 配置 helpIcon 后，此参数失效 */
 	onHelp?: () => void;
 	hidden?: boolean;
+	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>>;
@@ -3800,6 +3819,10 @@ export type TreeWrapperProps = Omit<TreeProps, "treeData" | "onExpand" | "select
 	 * ```
 	 */
 	labelRender?: (nodeData: TPlainObject) => ReactElement;
+	/**
+	 * 自定义搜索规则
+	 */
+	customSearchRule?: (nodeData: TPlainObject, searchValue?: string) => boolean;
 };
 export type TreeWrapperRefApi = {
 	onClearSelectorList: () => void;
@@ -3822,77 +3845,8 @@ export type TreeWrapperRefApi = {
  * 6. 内置 onDrop 事件已处理数组排序，通过 onDropNodeHandle 事件可获取操作节点排序数据；自定义onDrop后，内置onDrop失效
  * ```
  */
-export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit<import("antd").TreeProps<import("antd").TreeDataNode>, "multiple" | "icon" | "onSelect" | "onExpand" | "checkedKeys" | "fieldNames" | "defaultSelectedKeys" | "selectedKeys" | "loadData" | "treeData" | "defaultExpandParent" | "defaultCheckedKeys" | "onCheck"> & {
-	modelKey: string;
-	fieldNames?: {
-		label?: string | undefined;
-		value?: string | undefined;
-		children?: string | undefined;
-		list?: string | undefined;
-	} | undefined;
-	effectDependencyList?: import("react").DependencyList | undefined;
-	serviceConfig?: {
-		params?: import("@flatbiz/utils").TPlainObject | undefined;
-		requiredParamsKeys?: string[] | undefined;
-		onRequest?: ((params?: any) => any) | undefined;
-		onRequestResultAdapter?: ((respData: any) => import("@flatbiz/utils").TPlainObject[]) | undefined;
-	} | undefined;
-	loadDataFlag?: boolean | undefined;
-	loadDataServiceConfig?: {
-		getParams?: ((dataItem: import("@flatbiz/utils").TPlainObject) => import("@flatbiz/utils").TPlainObject) | undefined;
-		onRequest: (params: import("@flatbiz/utils").TPlainObject) => any;
-		onRequestResultAdapter?: ((respData: any) => import("@flatbiz/utils").TPlainObject[]) | undefined;
-	} | undefined;
-	selectorTreeList?: import("@flatbiz/utils").TPlainObject[] | undefined;
-	onSelectorTreeListChange?: ((dataList: import("@flatbiz/utils").TPlainObject[]) => void) | undefined;
-	onRequestResponseChange?: ((data: any) => void) | undefined;
-	onChange?: ((selectedKey?: (string | number | (string | number)[] | import("@flatbiz/utils").TPlainObject<string | number> | import("@flatbiz/utils").TPlainObject<string | number>[]) | undefined, operateNodeData?: import("@flatbiz/utils").TPlainObject | import("@flatbiz/utils").TPlainObject[] | undefined, operateAllNodeDataList?: import("@flatbiz/utils").TPlainObject[] | undefined, extraData?: import("@flatbiz/utils").TPlainObject | undefined) => void) | undefined;
-	searchValue?: string | undefined;
-	checkableResponseParentNode?: boolean | undefined;
-	menuLayoutType?: "tile" | "fold" | undefined;
-	getMenuOptions?: ((dataItem: import("@flatbiz/utils").TPlainObject) => DropdownMenuItem[] | ButtonOperateItem[]) | undefined;
-	menuOptions?: {
-		tile?: ((dataItem: import("@flatbiz/utils").TPlainObject) => ButtonOperateProps) | undefined;
-		fold?: ((dataItem: import("@flatbiz/utils").TPlainObject) => DropdownMenuItem[]) | undefined;
-	} | undefined;
-	menuTriggerType?: "click" | "hover" | undefined;
-	menus?: ((dataItem: any) => ButtonOperateProps) | undefined;
-	showSearch?: boolean | undefined;
-	onSearchValueChange?: ((searchValue?: string | undefined) => void) | undefined;
-	searchPlaceholder?: string | undefined;
-	searchStyle?: import("react").CSSProperties | undefined;
-	icon?: ((data: {
-		[key: string]: any;
-		isParent: boolean;
-		isLeaf: boolean;
-	}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-	requestMessageConfig?: Partial<Record<TRequestStatus, string>> | undefined;
-	value?: (string | number | (string | number)[] | import("@flatbiz/utils").TPlainObject<string | number> | import("@flatbiz/utils").TPlainObject<string | number>[]) | undefined;
-	labelInValue?: boolean | undefined;
-	labelInValueFieldNames?: {
-		label: string;
-		value: string;
-	} | undefined;
-	disabledCanUse?: boolean | undefined;
-	treeItemDataAdapter?: ((dataItem: import("@flatbiz/utils").TPlainObject) => import("@flatbiz/utils").TPlainObject) | undefined;
-	searchExtraElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-	initRootExpand?: boolean | undefined;
-	searchResultType?: "filter" | "highlight" | undefined;
-	onDropNodeHandle?: ((result: {
-		parentId?: string | number | undefined;
-		id: string | number;
-		index: number;
-	}) => void) | undefined;
-	onDropPrev?: ((info: any) => boolean) | undefined;
-	labelRender?: ((nodeData: import("@flatbiz/utils").TPlainObject) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-} & import("react").RefAttributes<TreeWrapperRefApi>> & {
-	/**
-	 * 获取树形原数据
-	 * ```
-	 * 参数 modelKey 与 TreeWrapper属性 modelKey相同，才能获取数据
-	 * ```
-	 */
-	getTreeDataList: (modelKey: string) => import("@flatbiz/utils").TPlainObject[];
+export declare const TreeWrapper: ForwardRefExoticComponent<TreeWrapperProps & RefAttributes<TreeWrapperRefApi>> & {
+	getTreeDataList: (modelKey: string) => TPlainObject[];
 };
 
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.2.97",
+  "version": "4.2.99",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -49,22 +49,23 @@
     "@wove/react": "^1.2.23",
     "antd": "5.5.1",
     "dayjs": "1.11.9",
-    "dequal": "^2.0.3",
+    "dequal": "2.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "ahooks": "^3.7.5",
     "react-is": "^18.2.0"
   },
   "dependencies": {
-    "dequal": "^2.0.3",
-    "pubsub-js": "^1.9.4",
-    "@tinymce/tinymce-react": "^4.3.0",
+    "dequal": "2.0.3",
+    "pubsub-js": "1.9.4",
+    "@tinymce/tinymce-react": "4.3.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
     "use-intl": "3.0.0-rc.6",
-    "react-split": "2.0.14"
+    "react-split": "2.0.14",
+    "react-is": "^18.2.0"
   },
   "gitHead": "4378d433b73ee28fd7cb4c64bed8571f993eb5a9"
 }