feat: 重构聊天时间线与附件上传交互
- 管理端和用户中心统一切换到 chatTime 时间线模型,按真实 assistant/tool 时序渲染 - 收紧工具气泡与 JSON 展示样式,保留同气泡内的工具状态更新 - 回形针直接触发文件选择,附件列表上移到输入框上方并补充共享 helper 测试
This commit is contained in:
@@ -8,11 +8,15 @@ import { JsonViewer } from 'vue3-json-viewer';
|
||||
|
||||
import 'vue3-json-viewer/dist/vue3-json-viewer.css';
|
||||
|
||||
defineProps({
|
||||
value: {
|
||||
required: true,
|
||||
withDefaults(
|
||||
defineProps<{
|
||||
value: unknown;
|
||||
plain?: boolean;
|
||||
}>(),
|
||||
{
|
||||
plain: false,
|
||||
},
|
||||
});
|
||||
);
|
||||
|
||||
const emptyImageUrl = `${import.meta.env.BASE_URL || '/'}empty.png`;
|
||||
const themeMode = ref(preferences.theme.mode);
|
||||
@@ -25,7 +29,7 @@ watch(
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="res-container">
|
||||
<div class="res-container" :class="{ 'is-plain': plain }">
|
||||
<JsonViewer v-if="value" :value="value" copyable :theme="themeMode" />
|
||||
<ElEmpty :image="emptyImageUrl" v-else />
|
||||
</div>
|
||||
@@ -37,4 +41,11 @@ watch(
|
||||
border-radius: var(--el-border-radius-base);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.res-container.is-plain {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user