@flatbiz/antd/dist/text-overflow/index.d.ts

import { ReactElement } from 'react';

export type TextOverflowProps = {
	/** text 为ReactElement类型时，maxLength配置无效 */
	text: string | ReactElement;
	/** 最大显示宽度 */
	maxWidth?: number;
	/** 最大显示字数 */
	maxLength?: number;
	/**
	 * 关闭tooltip功能
	 * 文字超出后，鼠标移入，不展示全部文字
	 */
	hideTip?: boolean;
	onClick?: (e: any) => void;
};
/**
 * 内容溢出截取，并在尾部添加...，被截取的添加Tooltip显示完整数据
 * ```
 * 控制文本显示三种方式
 * 1. 通过 maxLength 控制超长
 * 2. 通过 maxWidth 控制超长
 * 3. 与父节点宽度比较，控制超长
 * 4. 优先级  maxLength > maxWidth
 *
 * 注意：
 * 1. 当前节点父节点需要添加 overflow-x: hidden;
 * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;
 * 3. 与 Table columns render结合使用，需要配置ellipsis=true
 *    例如：<Table columns={[{
			 ...
			 render: (value) => {
			   return <TextOverflow text={value} />;
			 },
			 ellipsis: true,
		   }]} />
	4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，不能与TextOverflow maxWidth结合使用
 * ```
 */
export declare const TextOverflow: import("react").MemoExoticComponent<(props: TextOverflowProps) => import("react").JSX.Element>;

export {};