renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/feature/0909_主agent优化' into test

Browse Source
This commit is contained in:
rd
2025-09-09 15:59:47 +08:00
parent 43e5018b56 1b13a0e72f
commit ecdd69d64b
6 changed files with 42 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/xt-chat/chat-view/components/right-view/index.vue
View File

@ -76,7 +76,7 @@ export default {
};
const renderHeader = () => {
return (
<header class="header flex justify-end items-center mb-16px px-32px">
<header class="header flex justify-end items-center mb-16px px-16px">
{hasMediaCenter.value && (
<Button
type="outline"
@ -175,7 +175,7 @@ export default {
return null;
};
return (
<section class="flex-1 overflow-y-auto content flex justify-center px-32px">
<section class="flex-1 overflow-y-auto content flex justify-center px-16px">
<Bubble
ref={bubbleRef}
placement="start"

4
src/components/xt-chat/chat-view/components/sender-input/index.vue
View File

@ -84,7 +84,7 @@ export default {
});
return () => (
<div class="sender-input-wrap full h-120px">
<section class="sender-input-wrap full h-120px">
<Sender
v-model:value={localSearchValue.value}
ref={senderRef}
@ -94,7 +94,7 @@ export default {
placeholder={props.placeholder}
actions={() => renderActions()}
/>
</div>
</section>
);
},
};

3
src/components/xt-chat/chat-view/constants.ts
View File

@ -34,8 +34,7 @@ export const REMOTE_USER_ROLE = 'user'; // 接口返回用户
export const REMOTE_ASSISTANT_ROLE = 'assistant'; // 接口返回智能体
export const ROLE_STYLE = {
width: '600px',
margin: '0 auto',
width: 'var(--max-content-width)',
};
export const ANSWER_STYLE = {

6
src/components/xt-chat/chat-view/index.vue
View File

@ -149,8 +149,8 @@ export default {
});
return () => (
<div class="chat-view-wrap w-full h-full flex">
<section class="flex-1 flex flex-col pt-20px justify-center relative pl-16px pr-2px">
<div class={`chat-view-wrap w-full h-full flex ${showRightView.value ? 'show-right-view' : ''}`}>
<section class="flex-1 flex flex-col pt-20px justify-center relative bubble-wrap">
<div class="flex-1 overflow-hidden pb-20px">
<BubbleList
ref={bubbleListRef}
@ -165,7 +165,7 @@ export default {
<SenderInput
v-model={searchValue.value}
ref={senderRef}
class="w-600px"
style={{ 'width': 'var(--max-content-width)' }}
placeholder="继续追问..."
loading={generateLoading.value}
onSubmit={handleSubmit}

18
src/components/xt-chat/chat-view/style.scss
View File

@ -1,4 +1,8 @@
$bubble-wrap-padding-left: 16px;
$bubble-wrap-padding-right: 2px;
.chat-view-wrap {
--max-content-width: 900px;
--max-question-width: 500px;
.cts {
color: var(--Text-1, #737478);
font-size: 14px;
@ -6,7 +10,14 @@
font-weight: 400;
line-height: 22px;
}
:deep(.xt-bubble) {
.bubble-wrap {
padding-left: $bubble-wrap-padding-left;
padding-right: $bubble-wrap-padding-right;
}
:deep(.xt-bubble-list) {
align-items: center;
padding-right: $bubble-wrap-padding-left - $bubble-wrap-padding-right;
.xt-bubble {
.file-card {
border-radius: 12px;
border: 1px solid var(--Border-2, #e6e6e8);
@ -18,3 +29,8 @@
}
}
}
&.show-right-view {
--max-content-width: 596px;
--max-question-width: 396px;
}
}

19
src/components/xt-chat/chat-view/useChatHandler.tsx
View File

@ -86,9 +86,7 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
shape: 'round',
style: ROLE_STYLE,
messageRender: (message: string) => {
return <div class="max-w-400px">
{message}
</div>;
return <div style={{ 'max-width': 'var(--max-question-width)' }}>{message}</div>;
},
},
[REMOTE_USER_ROLE]: {
@ -96,9 +94,7 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
shape: 'round',
style: ROLE_STYLE,
messageRender: (message: string) => {
return <div class="max-w-600px">
{message}
</div>;
return <div style={{ 'max-width': 'var(--max-question-width)' }}>{message}</div>;
},
},
[REMOTE_ASSISTANT_ROLE]: {
@ -106,7 +102,9 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
variant: 'borderless',
style: ROLE_STYLE,
messageRender: (message: string) => {
return <div class="max-w-600px markdown-wrap" v-html={md.render(message)} />;
return (
<div class="markdown-wrap" style={{ 'max-width': 'var(--max-content-width)' }} v-html={md.render(message)} />
);
},
footer: (params) => {
const { content, item } = params as { content: string; item: MESSAGE.Answer };
@ -318,7 +316,7 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
// 含有思考过程，折叠思考过程，展示结果
if (_hasRunTask) {
setRunTaskCollapse(teamRunTaskId, false);
const _targetData = extra_data?.data?.find((item: any) => item.task_type === '任务管理')
const _targetData = extra_data?.data?.find((item: any) => item.task_type === '任务管理');
if (_targetData) {
showRightView.value = true;
rightViewDataSource.value = extra_data.data;
@ -345,8 +343,7 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
)}
</>
);
}
};
} else {
_targetTask.content.teamRunStatus = EnumTeamRunStatus.TeamRunCompleted;
}
@ -418,6 +415,6 @@ export default function useChatHandler(options: UseChatHandlerOptions): UseChatH
conversationList,
showRightView,
rightViewDataSource,
rightPreviewData
rightPreviewData,
};
}