@veltra/ai 2.1.2 → 2.1.3

package/dist/components/ai-chat/message-item.js

@@ -139,15 +139,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				__props.message.content || isStreaming.value ? (openBlock(), createBlock(unref(MarkdownRender), mergeProps({
 					key: 1,
 					mode: "chat",
-					class: unref(cls).e("message-content"),
 					content: __props.message.content,
 					final: !isStreaming.value,
 					fade: false
-				}, __props.rendererProps), null, 16, [
-					"class",
-					"content",
-					"final"
-				])) : createCommentVNode("v-if", true),
+				}, __props.rendererProps), null, 16, ["content", "final"])) : createCommentVNode("v-if", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.message.toolCalls ?? [], (call) => {
 					return openBlock(), createBlock(_sfc_main$1, {
 						key: call.id,

package/dist/components/ai-chat/message-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-item.js","names":[],"sources":["../../../src/components/ai-chat/message-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[cls.e('message'), cls.em('message', message.role), bem.is('streaming', isStreaming)]\"\n  >\n    <!-- 用户消息：右对齐气泡 -->\n    <template v-if=\"message.role === 'user'\">\n      <div :class=\"cls.e('message-bubble')\">\n        <div v-if=\"message.attachments?.length\" :class=\"cls.e('message-attachments')\">\n          <img\n            v-for=\"att in message.attachments\"\n            :key=\"att.dataUrl\"\n            :src=\"att.dataUrl\"\n            :alt=\"att.name\"\n            :class=\"cls.e('message-attachment')\"\n          />\n        </div>\n        <div v-if=\"message.content\" :class=\"cls.e('message-text')\">{{ message.content }}</div>\n      </div>\n    </template>\n\n    <!-- assistant 消息 -->\n    <template v-else>\n      <div\n        v-if=\"message.reasoning\"\n        :class=\"[cls.e('reasoning'), bem.is('expanded', reasoningExpanded)]\"\n      >\n        <div :class=\"cls.e('reasoning-header')\" @click=\"toggleReasoning\">\n          <UIcon :class=\"[cls.e('reasoning-icon'), bem.is('loading', isThinking)]\">\n            <Loading v-if=\"isThinking\" />\n            <InfoCircle v-else />\n          </UIcon>\n          <span :class=\"[cls.e('reasoning-title'), isThinking && 'u-shine']\">\n            {{ isThinking ? '思考中…' : '思考过程' }}\n          </span>\n          <UIcon :class=\"cls.e('reasoning-chevron')\"><ArrowRight /></UIcon>\n        </div>\n        <!-- 折叠时完全卸载内容 DOM：思考文本可能很长，常驻挂载浪费内存与渲染成本 -->\n        <div v-if=\"reasoningExpanded\" :class=\"cls.e('reasoning-content')\">\n          <UScroll\n            ref=\"reasoningScrollRef\"\n            container-style=\"max-height: 220px\"\n            @scroll=\"handleReasoningScroll\"\n            @wheel.passive=\"handleReasoningWheel\"\n          >\n            <div :class=\"cls.e('reasoning-text')\">{{ message.reasoning }}</div>\n          </UScroll>\n        </div>\n      </div>\n\n      <MarkdownRender\n        v-if=\"message.content || isStreaming\"\n        mode=\"chat\"\n        :class=\"cls.e('message-content')\"\n        :content=\"message.content\"\n        :final=\"!isStreaming\"\n        :fade=\"false\"\n        v-bind=\"rendererProps\"\n      />\n\n      <ToolCallCard\n        v-for=\"call in message.toolCalls ?? []\"\n        :key=\"call.id\"\n        :tool-call=\"call\"\n        @respond=\"(approved) => emit('respond', call.id, approved)\"\n      />\n\n      <div v-if=\"message.status === 'error'\" :class=\"cls.e('message-status')\">生成出错</div>\n      <div v-else-if=\"message.status === 'aborted'\" :class=\"cls.e('message-status')\">\n        已停止生成\n      </div>\n\n      <div v-if=\"showActions\" :class=\"cls.e('message-actions')\">\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          :type=\"copied ? 'success' : 'primary'\"\n          :icon=\"copied ? CircleCheck : Copy\"\n          :disabled=\"!canCopy\"\n          :title=\"copied ? '已复制' : '复制'\"\n          @click=\"handleCopy\"\n        />\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          type=\"primary\"\n          :icon=\"Refresh\"\n          title=\"重新生成\"\n          @click=\"emit('regenerate')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { message as toast, UButton, UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowRight, CircleCheck, Copy, InfoCircle, Loading, Refresh } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport MarkdownRender from 'markstream-vue'\nimport { computed, inject, nextTick, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport ToolCallCard from './tool-call.vue'\n\ndefineOptions({ name: 'UAiChatMessageItem' })\n\nconst props = defineProps<{\n  message: ChatMessage\n  /** 是否为最后一条可见消息（决定是否显示重新生成） */\n  isLast: boolean\n  /** 透传给 MarkdownRender 的属性 */\n  rendererProps?: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'respond', toolCallId: string, approved: boolean): void\n  (e: 'regenerate'): void\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst isStreaming = computed(() => props.message.status === 'streaming')\n/** 思考中：流式且正文还未开始输出 */\nconst isThinking = computed(() => isStreaming.value && !props.message.content)\n\nconst reasoningExpanded = ref(true)\n\n/** 思考区吸附底部：用户在思考区内上滚时取消吸附，回到底部后恢复 */\nconst reasoningStick = ref(true)\n\n/** 思考内容滚动区：流式输出时吸附底部，始终展示最新思考 */\nconst reasoningScrollRef = useTemplateRef<InstanceType<typeof UScroll>>('reasoningScrollRef')\n\nconst toggleReasoning = async () => {\n  reasoningExpanded.value = !reasoningExpanded.value\n  if (!reasoningExpanded.value) return\n  // 重新展开时恢复吸附并定位到最新思考\n  reasoningStick.value = true\n  await nextTick()\n  reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\nconst handleReasoningWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) reasoningStick.value = false\n}\n\nconst handleReasoningScroll = (position: Required<ScrollPosition>) => {\n  if (position.sh - position.ch - position.y < 8) reasoningStick.value = true\n}\n\n// 流式结束后自动折叠思考过程；immediate 保证终态消息重挂载（过程块展开/收起、载入历史会话）时呈折叠态\nwatch(\n  () => props.message.status,\n  (status) => {\n    if (status === 'streaming') {\n      reasoningExpanded.value = true\n      reasoningStick.value = true\n    } else if (status) {\n      reasoningExpanded.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.message.reasoning,\n  async () => {\n    if (!isThinking.value || !reasoningExpanded.value || !reasoningStick.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态\n    if (!reasoningStick.value) return\n    reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nconst showActions = computed(() => {\n  if (props.message.role !== 'assistant' || !props.isLast) return false\n  return ['done', 'error', 'aborted'].includes(props.message.status ?? '')\n})\n\nconst canCopy = computed(() => !!props.message.content?.trim())\n\nconst copied = ref(false)\nlet copyTimer: ReturnType<typeof setTimeout> | undefined\n\nconst handleCopy = async () => {\n  const text = props.message.content?.trim()\n  if (!text) return\n  try {\n    await navigator.clipboard.writeText(text)\n    copied.value = true\n    toast.success('已复制到剪贴板')\n    clearTimeout(copyTimer)\n    copyTimer = setTimeout(() => {\n      copied.value = false\n    }, 2000)\n  } catch {\n    toast.error('复制失败，请检查浏览器权限')\n  }\n}\n\nonBeforeUnmount(() => clearTimeout(copyTimer))\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-item.js","names":[],"sources":["../../../src/components/ai-chat/message-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[cls.e('message'), cls.em('message', message.role), bem.is('streaming', isStreaming)]\"\n  >\n    <!-- 用户消息：右对齐气泡 -->\n    <template v-if=\"message.role === 'user'\">\n      <div :class=\"cls.e('message-bubble')\">\n        <div v-if=\"message.attachments?.length\" :class=\"cls.e('message-attachments')\">\n          <img\n            v-for=\"att in message.attachments\"\n            :key=\"att.dataUrl\"\n            :src=\"att.dataUrl\"\n            :alt=\"att.name\"\n            :class=\"cls.e('message-attachment')\"\n          />\n        </div>\n        <div v-if=\"message.content\" :class=\"cls.e('message-text')\">{{ message.content }}</div>\n      </div>\n    </template>\n\n    <!-- assistant 消息 -->\n    <template v-else>\n      <div\n        v-if=\"message.reasoning\"\n        :class=\"[cls.e('reasoning'), bem.is('expanded', reasoningExpanded)]\"\n      >\n        <div :class=\"cls.e('reasoning-header')\" @click=\"toggleReasoning\">\n          <UIcon :class=\"[cls.e('reasoning-icon'), bem.is('loading', isThinking)]\">\n            <Loading v-if=\"isThinking\" />\n            <InfoCircle v-else />\n          </UIcon>\n          <span :class=\"[cls.e('reasoning-title'), isThinking && 'u-shine']\">\n            {{ isThinking ? '思考中…' : '思考过程' }}\n          </span>\n          <UIcon :class=\"cls.e('reasoning-chevron')\"><ArrowRight /></UIcon>\n        </div>\n        <!-- 折叠时完全卸载内容 DOM：思考文本可能很长，常驻挂载浪费内存与渲染成本 -->\n        <div v-if=\"reasoningExpanded\" :class=\"cls.e('reasoning-content')\">\n          <UScroll\n            ref=\"reasoningScrollRef\"\n            container-style=\"max-height: 220px\"\n            @scroll=\"handleReasoningScroll\"\n            @wheel.passive=\"handleReasoningWheel\"\n          >\n            <div :class=\"cls.e('reasoning-text')\">{{ message.reasoning }}</div>\n          </UScroll>\n        </div>\n      </div>\n\n      <MarkdownRender\n        v-if=\"message.content || isStreaming\"\n        mode=\"chat\"\n        :content=\"message.content\"\n        :final=\"!isStreaming\"\n        :fade=\"false\"\n        v-bind=\"rendererProps\"\n      />\n\n      <ToolCallCard\n        v-for=\"call in message.toolCalls ?? []\"\n        :key=\"call.id\"\n        :tool-call=\"call\"\n        @respond=\"(approved) => emit('respond', call.id, approved)\"\n      />\n\n      <div v-if=\"message.status === 'error'\" :class=\"cls.e('message-status')\">生成出错</div>\n      <div v-else-if=\"message.status === 'aborted'\" :class=\"cls.e('message-status')\">\n        已停止生成\n      </div>\n\n      <div v-if=\"showActions\" :class=\"cls.e('message-actions')\">\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          :type=\"copied ? 'success' : 'primary'\"\n          :icon=\"copied ? CircleCheck : Copy\"\n          :disabled=\"!canCopy\"\n          :title=\"copied ? '已复制' : '复制'\"\n          @click=\"handleCopy\"\n        />\n        <UButton\n          size=\"small\"\n          plain\n          circle\n          type=\"primary\"\n          :icon=\"Refresh\"\n          title=\"重新生成\"\n          @click=\"emit('regenerate')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { message as toast, UButton, UIcon, UScroll } from '@veltra/desktop'\nimport type { ScrollPosition } from '@veltra/desktop'\nimport { ArrowRight, CircleCheck, Copy, InfoCircle, Loading, Refresh } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport MarkdownRender from 'markstream-vue'\nimport { computed, inject, nextTick, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\n\nimport type { ChatMessage } from '../../chat/types'\nimport { AiChatDIKey } from './di'\nimport ToolCallCard from './tool-call.vue'\n\ndefineOptions({ name: 'UAiChatMessageItem' })\n\nconst props = defineProps<{\n  message: ChatMessage\n  /** 是否为最后一条可见消息（决定是否显示重新生成） */\n  isLast: boolean\n  /** 透传给 MarkdownRender 的属性 */\n  rendererProps?: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  (e: 'respond', toolCallId: string, approved: boolean): void\n  (e: 'regenerate'): void\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst isStreaming = computed(() => props.message.status === 'streaming')\n/** 思考中：流式且正文还未开始输出 */\nconst isThinking = computed(() => isStreaming.value && !props.message.content)\n\nconst reasoningExpanded = ref(true)\n\n/** 思考区吸附底部：用户在思考区内上滚时取消吸附，回到底部后恢复 */\nconst reasoningStick = ref(true)\n\n/** 思考内容滚动区：流式输出时吸附底部，始终展示最新思考 */\nconst reasoningScrollRef = useTemplateRef<InstanceType<typeof UScroll>>('reasoningScrollRef')\n\nconst toggleReasoning = async () => {\n  reasoningExpanded.value = !reasoningExpanded.value\n  if (!reasoningExpanded.value) return\n  // 重新展开时恢复吸附并定位到最新思考\n  reasoningStick.value = true\n  await nextTick()\n  reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n}\n\nconst handleReasoningWheel = (e: WheelEvent) => {\n  if (e.deltaY < 0) reasoningStick.value = false\n}\n\nconst handleReasoningScroll = (position: Required<ScrollPosition>) => {\n  if (position.sh - position.ch - position.y < 8) reasoningStick.value = true\n}\n\n// 流式结束后自动折叠思考过程；immediate 保证终态消息重挂载（过程块展开/收起、载入历史会话）时呈折叠态\nwatch(\n  () => props.message.status,\n  (status) => {\n    if (status === 'streaming') {\n      reasoningExpanded.value = true\n      reasoningStick.value = true\n    } else if (status) {\n      reasoningExpanded.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.message.reasoning,\n  async () => {\n    if (!isThinking.value || !reasoningExpanded.value || !reasoningStick.value) return\n    await nextTick()\n    // 等待 DOM 更新期间用户可能已上滚，滚动前重新确认吸附状态\n    if (!reasoningStick.value) return\n    reasoningScrollRef.value?.scrollTo({ y: Number.MAX_SAFE_INTEGER })\n  }\n)\n\nconst showActions = computed(() => {\n  if (props.message.role !== 'assistant' || !props.isLast) return false\n  return ['done', 'error', 'aborted'].includes(props.message.status ?? '')\n})\n\nconst canCopy = computed(() => !!props.message.content?.trim())\n\nconst copied = ref(false)\nlet copyTimer: ReturnType<typeof setTimeout> | undefined\n\nconst handleCopy = async () => {\n  const text = props.message.content?.trim()\n  if (!text) return\n  try {\n    await navigator.clipboard.writeText(text)\n    copied.value = true\n    toast.success('已复制到剪贴板')\n    clearTimeout(copyTimer)\n    copyTimer = setTimeout(() => {\n      copied.value = false\n    }, 2000)\n  } catch {\n    toast.error('复制失败，请检查浏览器权限')\n  }\n}\n\nonBeforeUnmount(() => clearTimeout(copyTimer))\n</script>\n"],"mappings":"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"}

package/dist/components/ai-chat/style2.css

@@ -359,9 +359,7 @@
   border-radius: var(--u-radius-default);
   display: block;
 }
-.u-ai-chat__message-content {
-  font-size: 13px;
-  line-height: 1.6;
+.u-ai-chat .markstream-vue {
   --ms-text-body: 13px;
   --ms-leading-body: 1.6;
   --ms-text-h1: 1.55em;
@@ -387,6 +385,11 @@
   --ms-flow-admonition-y: 0.7em;
   --ms-flow-diagram-y: 0.7em;
 }
+.u-ai-chat .markstream-vue .list-disc {
+  margin-top: var(--ms-flow-list-y);
+  margin-bottom: var(--ms-flow-list-y);
+  padding-left: var(--ms-flow-list-indent);
+}
 .u-ai-chat__message-status {
   margin-top: var(--u-gap-small);
   color: var(--u-text-color-second);
@@ -473,16 +476,16 @@
   margin: 4px 0;
   font-size: var(--u-font-size-main-small);
 }
-.u-ai-chat__tool-call + .u-ai-chat__tool-call {
+.u-ai-chat .u-ai-chat__tool-call + .u-ai-chat__tool-call {
   margin-top: 4px;
 }
-.u-ai-chat__tool-call .u-collapse__header {
+.u-ai-chat .u-ai-chat__tool-call .u-collapse__header {
   gap: 6px;
   padding: 5px var(--u-gap-small);
   font-weight: 400;
   letter-spacing: normal;
 }
-.u-ai-chat__tool-call .u-collapse__content {
+.u-ai-chat .u-ai-chat__tool-call .u-collapse__content {
   padding: var(--u-gap-small);
   line-height: 1.5;
 }
@@ -771,11 +774,8 @@
   margin: 0 0 var(--u-gap-default);
   border-radius: var(--u-radius-large);
   background-color: var(--u-bg-color-top);
+  box-shadow: var(--u-shadow-sm);
   padding: var(--u-gap-small);
-  transition: box-shadow 0.15s ease;
-}
-.u-ai-chat__input-area:focus-within {
-  box-shadow: 0 0 0 1px var(--u-color-primary);
 }
 .u-ai-chat__input {
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/ai",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"
@@ -39,11 +39,11 @@
     "markstream-vue": "^2.0.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "^1.6.3",
-    "@veltra/desktop": "^1.6.3",
+    "@veltra/compositions": "^1.6.4",
+    "@veltra/desktop": "^1.6.4",
     "@veltra/icons": "^1.5.0",
-    "@veltra/styles": "^1.6.3",
-    "@veltra/utils": "^1.6.3",
+    "@veltra/styles": "^1.6.4",
+    "@veltra/utils": "^1.6.4",
     "vue": ">=3.5.41"
   }
 }

package/src/components/ai-chat/message-item.vue

@@ -50,7 +50,6 @@
       <MarkdownRender
         v-if="message.content || isStreaming"
         mode="chat"
-        :class="cls.e('message-content')"
         :content="message.content"
         :final="!isStreaming"
         :fade="false"

package/src/components/ai-chat/style.scss

@@ -416,10 +416,11 @@ $root-name: ai-chat;
     display: block;
   }
 
-  @include m.e(message-content) {
-    font-size: 13px;
-    line-height: 1.6;
-    // 压缩 markstream 流式排版：正文字号 / 行高 / 标题档位 / 块级间距（变量见 markstream-vue 样式表）
+  // 信息密度必须写在 .markstream-vue 上：该库把 --ms-flow-* / --ms-text-* 定义在根节点，
+  // 父级（如 __message-content）的 0.55em 会被同元素上的 1.5em 默认值盖掉。
+  // 选择器带 .u-ai-chat 前缀，特异性高于库默认，不依赖 CSS 加载顺序
+  //（产物里 markstream-vue/index.css 仍排在我们的 css 之后）。
+  .markstream-vue {
     --ms-text-body: 13px;
     --ms-leading-body: 1.6;
     --ms-text-h1: 1.55em;
@@ -444,6 +445,13 @@ $root-name: ai-chat;
     --ms-flow-hr-y: 0.9em;
     --ms-flow-admonition-y: 0.7em;
     --ms-flow-diagram-y: 0.7em;
+
+    // markstream 在 ≤1023px 给 ul.list-disc 写死了 ~1.33em 边距，不走 --ms-flow-list-*
+    .list-disc {
+      margin-top: var(--ms-flow-list-y);
+      margin-bottom: var(--ms-flow-list-y);
+      padding-left: var(--ms-flow-list-indent);
+    }
   }
 
   @include m.e(message-status) {
@@ -551,20 +559,21 @@ $root-name: ai-chat;
     margin: 4px 0;
     font-size: fn.use-var(font-size-main, small);
 
-    // 相邻工具卡片保持紧凑间距（覆盖 UCollapseItem 的兄弟间距）
-    & + #{fn.bem($root-name, tool-call)} {
+    // 产物里 desktop collapse 样式在本文件之后加载；
+    // `.u-collapse__item + .u-collapse__item` 与单层兄弟选择器同特异性，必须带 .u-ai-chat 前缀。
+    .u-#{$root-name} & + #{fn.bem($root-name, tool-call)} {
       margin-top: 4px;
     }
 
     // 覆盖 UCollapseItem 默认头部/内容区节奏，保持紧凑单行头
-    .u-collapse__header {
+    .u-#{$root-name} & .u-collapse__header {
       gap: 6px;
       padding: 5px fn.use-var(gap, small);
       font-weight: 400;
       letter-spacing: normal;
     }
 
-    .u-collapse__content {
+    .u-#{$root-name} & .u-collapse__content {
       padding: fn.use-var(gap, small);
       line-height: 1.5;
     }
@@ -857,7 +866,7 @@ $root-name: ai-chat;
     }
   }
 
-  // 输入区：无边框卡片，聚焦时用柔和的主色描边提示
+  // 输入区：无边框卡片，靠浅阴影区分层级；聚焦不换蓝描边，避免变成另一种框
   @include m.e(input-area) {
     flex-shrink: 0;
     width: 100%;
@@ -866,12 +875,8 @@ $root-name: ai-chat;
     margin: 0 0 fn.use-var(gap, default);
     border-radius: fn.use-var(radius, large);
     background-color: fn.use-var(bg-color, top);
+    box-shadow: fn.use-var(shadow, sm);
     padding: fn.use-var(gap, small);
-    transition: box-shadow 0.15s ease;
-
-    &:focus-within {
-      box-shadow: 0 0 0 1px fn.use-var(color, primary);
-    }
   }
 
   @include m.e(input) {