26 lines
		
	
	
		
			550 B
		
	
	
	
		
			JavaScript
		
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			550 B
		
	
	
	
		
			JavaScript
		
	
	
import { Tag, Tooltip } from "antd";
 | 
						|
import PreviewImg from "../PreviewImg";
 | 
						|
 | 
						|
/**
 | 
						|
 * 在表格组件中图片查看组件
 | 
						|
 */
 | 
						|
const TooltipPreviewImg = (props) => {
 | 
						|
  const { files = [], fileUrlKey = "filePath" } = props;
 | 
						|
 | 
						|
  const renderContent = () => {
 | 
						|
    return (
 | 
						|
      files.length > 0
 | 
						|
        ? <PreviewImg files={files} fileUrlKey={fileUrlKey} />
 | 
						|
        : <span>暂无图片</span>
 | 
						|
    );
 | 
						|
  };
 | 
						|
 | 
						|
  return (
 | 
						|
    <Tooltip placement="top" title={renderContent()}>
 | 
						|
      <Tag>预览</Tag>
 | 
						|
    </Tooltip>
 | 
						|
  );
 | 
						|
};
 | 
						|
 | 
						|
export default TooltipPreviewImg;
 |