perf: 走查问题调整,修改sidebar结构

This commit is contained in:
rd
2025-08-29 16:44:27 +08:00
parent a9e49faf66
commit 7f493b8014
11 changed files with 109 additions and 80 deletions

View File

@ -171,7 +171,7 @@ export default {
onSubmit={handleSubmit}
onCancel={handleCancel}
/>
<p class="cts !color-#939499 text-12px !lh-20px my-4px">内容由AI生成仅供参考</p>
<p class="cts !color-#939499 !text-12px !lh-20px my-4px">内容由AI生成仅供参考</p>
</div>
</section>

View File

@ -113,12 +113,16 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
const isShow = conversationList.value[conversationList.value.length - 1].run_id === item.run_id;
return (
<div class="flex items-center">
<Tooltip title="复制" onClick={() => onCopy(content)}>
<IconCopy size={16} class="color-#737478 cursor-pointer mr-12px" />
<Tooltip title="复制" onClick={() => onCopy(content)} align={{ offset: [0, 4] }} >
<div class="action-box">
<IconCopy size={16} class="color-#737478" />
</div>
</Tooltip>
{isShow && (
<Tooltip title="重新生成" onClick={() => handleRemoteRefresh(item)}>
<IconRefresh size={16} class="color-#737478 cursor-pointer" />
<Tooltip title="重新生成" onClick={() => handleRemoteRefresh(item)} align={{ offset: [0, 4] }}>
<div class="action-box ml-12px">
<IconRefresh size={16} class="color-#737478 " />
</div>
</Tooltip>
)}
</div>
@ -353,17 +357,23 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
<div class="flex items-center">
{!extra_data && (
// ? (
// <Tooltip title="下载" onClick={onDownload}>
// <IconDownload size={16} class="color-#737478 cursor-pointer mr-12px" />
// </Tooltip>
// <Tooltip title="下载" onClick={onDownload} align={{ offset: [0, 4] }}>
// <div class="action-box">
// <IconDownload size={16} class="color-#737478 mr-12px" />
// </div>
// </Tooltip>
// ) :
<Tooltip title="复制" onClick={() => onCopy(_targetTask.content.output)}>
<IconCopy size={16} class="color-#737478 cursor-pointer mr-12px" />
<Tooltip title="复制" onClick={() => onCopy(_targetTask.content.output)} align={{ offset: [0, 4] }}>
<div class="action-box">
<IconCopy size={16} class="color-#737478" />
</div>
</Tooltip>
)}
{isShow && (
<Tooltip title="重新生成" onClick={() => onRefresh(teamRunTaskId)}>
<IconRefresh size={16} class="color-#737478 cursor-pointer" />
<Tooltip title="重新生成" onClick={() => onRefresh(teamRunTaskId)} align={{ offset: [0, 4] }}>
<div class="action-box ml-12px">
<IconRefresh size={16} class="color-#737478 " />
</div>
</Tooltip>
)}
</div>

View File

@ -127,6 +127,17 @@
}
}
}
.action-box {
cursor: pointer;
padding: 2px;
border-radius: 2px;
transition: all 0.2s;
line-height: normal;
&:hover {
background-color: #f2f3f5;
}
}
}
.xt-bubble-header {