feat(workflow-layout): 文本生成应用新增快捷复制按钮, Close #368

Author: lexmin0412

packages/react-app/src/layout/workflow-layout.tsx

@@ -1,3 +1,4 @@
+import { CopyOutlined } from '@ant-design/icons'
 import { XStream } from '@ant-design/x'
 import {
 	DifyApi,
@@ -10,7 +11,7 @@ import {
 } from '@dify-chat/api'
 import { AppModeEnums, useAppContext } from '@dify-chat/core'
 import { copyToClipboard } from '@toolkit-fe/clipboard'
-import { Button, Empty, Form, message, Tabs } from 'antd'
+import { Button, Empty, Form, message, Tabs, Tooltip } from 'antd'
 import { useState } from 'react'
 
 import {
@@ -302,13 +303,24 @@ export default function WorkflowLayout(props: IWorkflowLayoutProps) {
 
 			{/* 文本生成结果渲染 */}
 			{appMode === AppModeEnums.TEXT_GENERATOR && (
-				<div className="md:flex-1 px-4 pt-6 overflow-x-hidden overflow-y-auto bg-theme-bg">
+				<div className="md:flex-1 px-4 pt-6 relative overflow-x-hidden overflow-y-auto bg-theme-bg">
 					{textGenerateStatus === 'init' ? (
 						<div className="w-full h-full flex items-center justify-center">
 							<Empty description={`点击 "运行" 试试看, AI 会给你带来意想不到的惊喜。 `} />
 						</div>
 					) : (
-						<MarkdownRenderer markdownText={text} />
+						<>
+							<MarkdownRenderer markdownText={text} />
+							<Tooltip title="复制内容">
+								<CopyOutlined
+									className="absolute top-6 right-6 cursor-pointer"
+									onClick={async () => {
+										await copyToClipboard(text)
+										message.success('已复制到剪贴板')
+									}}
+								/>
+							</Tooltip>
+						</>
 					)}
 				</div>
 			)}