@veltra/ai 2.1.5 → 2.1.6

package/dist/components/ai-chat/chat-input.js

@@ -1,6 +1,6 @@
 import { AiChatDIKey } from "./di.js";
 import _sfc_main$1 from "./model-picker.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeModels, nextTick, normalizeClass, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useModel, vModelText, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeModels, nextTick, normalizeClass, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { Attach, Clear, Close, Up } from "@veltra/icons/normal";
 import { UButton, UFilePicker, UIcon, UPopConfirm } from "@veltra/desktop";
 import { bem } from "@veltra/utils";
@@ -8,6 +8,8 @@ import { bem } from "@veltra/utils";
 const _hoisted_1 = ["src", "alt"];
 const _hoisted_2 = ["placeholder", "onKeydown"];
 const _hoisted_3 = ["title"];
+const MAX_INPUT_HEIGHT = 160;
+/** 多行自适应高度，上限 160px */
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UAiChatInput",
 	__name: "chat-input",
@@ -72,13 +74,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (props.running) return "会话进行中，发送的消息将进入待发送队列";
 			return props.placeholder ?? "输入消息，Enter 发送，Shift + Enter 换行";
 		});
-		/** 多行自适应高度，上限 160px */
 		const autoResize = () => {
 			const el = textareaRef.value;
 			if (!el) return;
 			el.style.height = "auto";
-			el.style.height = `${Math.min(el.scrollHeight, 160)}px`;
+			const nextHeight = Math.min(el.scrollHeight, MAX_INPUT_HEIGHT);
+			el.style.height = `${nextHeight}px`;
+			el.style.overflowY = el.scrollHeight > MAX_INPUT_HEIGHT ? "auto" : "hidden";
 		};
+		watch(placeholderText, () => {
+			nextTick(autoResize);
+		});
 		const handleSend = () => {
 			if (!hasContent.value) return;
 			emit("send", text.value.trim(), attachments.value);

package/dist/components/ai-chat/chat-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input.js","names":[],"sources":["../../../src/components/ai-chat/chat-input.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('input-area')\">\n    <div v-if=\"attachments.length\" :class=\"cls.e('input-attachments')\">\n      <div\n        v-for=\"(att, index) in attachments\"\n        :key=\"att.dataUrl\"\n        :class=\"cls.e('input-attachment')\"\n      >\n        <img :src=\"att.dataUrl\" :alt=\"att.name\" />\n        <UIcon :class=\"cls.e('input-attachment-remove')\" @click=\"attachments.splice(index, 1)\">\n          <Close />\n        </UIcon>\n      </div>\n    </div>\n\n    <textarea\n      ref=\"textareaRef\"\n      v-model=\"text\"\n      :class=\"cls.e('input')\"\n      :placeholder=\"placeholderText\"\n      rows=\"1\"\n      @keydown.enter.exact.prevent=\"handleSend\"\n      @input=\"autoResize\"\n    />\n\n    <div :class=\"cls.e('input-toolbar')\">\n      <div :class=\"cls.e('input-toolbar-left')\">\n        <UFilePicker multiple :accept=\"accept ?? 'image/*'\" @pick=\"handlePick\">\n          <UIcon :class=\"cls.e('input-attach')\" title=\"添加图片\">\n            <Attach />\n          </UIcon>\n        </UFilePicker>\n\n        <span :class=\"[cls.e('input-clear-wrap'), bem.is('disabled', !clearable)]\">\n          <UPopConfirm\n            title=\"清空当前对话？进行中的生成将被中止。\"\n            confirm-text=\"清空\"\n            direction=\"top\"\n            alignment=\"start\"\n            @confirm=\"emit('clear')\"\n          >\n            <template #reference>\n              <UIcon :class=\"cls.e('input-clear')\" title=\"清除会话\">\n                <Clear />\n              </UIcon>\n            </template>\n          </UPopConfirm>\n        </span>\n\n        <span v-if=\"tokenUsage\" :class=\"cls.e('input-usage')\" :title=\"usageText\">\n          {{ usageText }}\n        </span>\n      </div>\n\n      <!-- 右簇：模型/推理选择 → 发送或停止（互斥） -->\n      <div :class=\"cls.e('input-toolbar-right')\">\n        <ModelPicker\n          v-if=\"models?.length\"\n          v-model:model=\"model\"\n          v-model:reasoning-level=\"reasoningLevel\"\n          :models=\"models\"\n        />\n\n        <UButton\n          v-if=\"showStop\"\n          key=\"stop\"\n          size=\"small\"\n          type=\"danger\"\n          circle\n          title=\"停止生成\"\n          @click=\"emit('abort')\"\n        >\n          <span :class=\"cls.e('input-stop')\" />\n        </UButton>\n        <UButton\n          v-else\n          key=\"send\"\n          size=\"small\"\n          type=\"primary\"\n          circle\n          :disabled=\"!hasContent\"\n          :icon=\"Up\"\n          :title=\"running ? '加入待发送队列' : undefined\"\n          @click=\"handleSend\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UFilePicker, UIcon, UPopConfirm } from '@veltra/desktop'\nimport { Attach, Clear, Close, Up } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, ref, shallowRef } from 'vue'\n\nimport type { ChatAttachment, ChatTokenUsage } from '../../chat/types'\nimport type { ChatModelOption } from '../../providers'\nimport { AiChatDIKey } from './di'\nimport ModelPicker from './model-picker.vue'\n\ndefineOptions({ name: 'UAiChatInput' })\n\nconst props = defineProps<{\n  /** 是否生成中（空输入显示停止，有内容则发送入队） */\n  running: boolean\n  /** 可选模型列表；有值则显示选择器 */\n  models?: ChatModelOption[]\n  /** 输入框占位文本 */\n  placeholder?: string\n  /** 附件 accept 类型 */\n  accept?: string\n  /** 单个附件最大字节数 */\n  maxAttachmentSize?: number\n  /** 是否可清除（有消息 / 队列 / 生成中） */\n  clearable?: boolean\n  /** 会话累计 token；无 usage 时为 null，不展示 */\n  tokenUsage?: ChatTokenUsage | null\n  /** 是否展示缓存命中 / 未命中（默认只显示总 token） */\n  tokenUsageDetail?: boolean\n}>()\n\nconst model = defineModel<string>('model')\nconst reasoningLevel = defineModel<string>('reasoningLevel')\n\nconst emit = defineEmits<{\n  (e: 'send', content: string, attachments: ChatAttachment[]): void\n  (e: 'abort'): void\n  (e: 'clear'): void\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst text = ref('')\nconst attachments = ref<ChatAttachment[]>([])\nconst textareaRef = shallowRef<HTMLTextAreaElement>()\n\nconst hasContent = computed(() => !!text.value.trim() || attachments.value.length > 0)\n\n/** 生成中且输入为空时显示停止；有内容则显示发送（入队） */\nconst showStop = computed(() => props.running && !hasContent.value)\n\n/**\n * 用量数字：不到 1000 原样；≥1000 用 K；≥100 万用 M。\n * 最多 1 位小数，整数不写 `.0`（1000 → 1K，1500 → 1.5K）。\n */\nconst formatTokenCount = (n: number) => {\n  const scaled = (value: number, unit: 'K' | 'M') => {\n    const rounded = Math.round(value * 10) / 10\n    return `${Number.isInteger(rounded) ? String(rounded) : rounded.toFixed(1)}${unit}`\n  }\n  if (n < 1000) return String(n)\n  if (n < 1_000_000) {\n    const k = Math.round((n / 1000) * 10) / 10\n    // 四舍五入后会变成 1000K 时改用 M\n    return k >= 1000 ? scaled(n / 1_000_000, 'M') : scaled(n / 1000, 'K')\n  }\n  return scaled(n / 1_000_000, 'M')\n}\n\n/** 会话累计：总 token；明细再拼有数据的缓存项，缺字段不写 0 */\nconst usageText = computed(() => {\n  const usage = props.tokenUsage\n  if (!usage) return ''\n  const parts = [`总 token ${formatTokenCount(usage.totalTokens)}`]\n  if (props.tokenUsageDetail) {\n    if (usage.cacheHitTokens != null) {\n      parts.push(`缓存命中 ${formatTokenCount(usage.cacheHitTokens)}`)\n    }\n    if (usage.cacheMissTokens != null) {\n      parts.push(`缓存未命中 ${formatTokenCount(usage.cacheMissTokens)}`)\n    }\n  }\n  return parts.join(' · ')\n})\n\n/** 生成中提示用户消息将进入队列 */\nconst placeholderText = computed(() => {\n  if (props.running) return '会话进行中，发送的消息将进入待发送队列'\n  return props.placeholder ?? '输入消息，Enter 发送，Shift + Enter 换行'\n})\n\n/** 多行自适应高度，上限 160px */\nconst autoResize = () => {\n  const el = textareaRef.value\n  if (!el) return\n  el.style.height = 'auto'\n  el.style.height = `${Math.min(el.scrollHeight, 160)}px`\n}\n\nconst handleSend = () => {\n  if (!hasContent.value) return\n  emit('send', text.value.trim(), attachments.value)\n  text.value = ''\n  attachments.value = []\n  autoResize()\n}\n\n/** 取回内容到输入框（队列编辑场景），并聚焦 */\nconst setContent = (content: string) => {\n  text.value = content\n  void nextTick(() => {\n    autoResize()\n    textareaRef.value?.focus()\n  })\n}\n\n/** 读取当前输入框内容 */\nconst getContent = () => text.value\n\ndefineExpose({ setContent, getContent })\n\n/** 将拾取的文件转为 dataUrl 附件（超限忽略） */\nconst handlePick = (files: File[]) => {\n  const maxSize = props.maxAttachmentSize ?? 10 * 1024 * 1024\n\n  for (const file of files) {\n    if (file.size > maxSize) {\n      console.warn(`[UAiChat] 附件 ${file.name} 超过大小限制，已忽略`)\n      continue\n    }\n    const reader = new FileReader()\n    reader.onload = () => {\n      attachments.value.push({\n        name: file.name,\n        mimeType: file.type,\n        size: file.size,\n        dataUrl: String(reader.result)\n      })\n    }\n    reader.readAsDataURL(file)\n  }\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"chat-input.js","names":[],"sources":["../../../src/components/ai-chat/chat-input.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('input-area')\">\n    <div v-if=\"attachments.length\" :class=\"cls.e('input-attachments')\">\n      <div\n        v-for=\"(att, index) in attachments\"\n        :key=\"att.dataUrl\"\n        :class=\"cls.e('input-attachment')\"\n      >\n        <img :src=\"att.dataUrl\" :alt=\"att.name\" />\n        <UIcon :class=\"cls.e('input-attachment-remove')\" @click=\"attachments.splice(index, 1)\">\n          <Close />\n        </UIcon>\n      </div>\n    </div>\n\n    <textarea\n      ref=\"textareaRef\"\n      v-model=\"text\"\n      :class=\"cls.e('input')\"\n      :placeholder=\"placeholderText\"\n      rows=\"1\"\n      @keydown.enter.exact.prevent=\"handleSend\"\n      @input=\"autoResize\"\n    />\n\n    <div :class=\"cls.e('input-toolbar')\">\n      <div :class=\"cls.e('input-toolbar-left')\">\n        <UFilePicker multiple :accept=\"accept ?? 'image/*'\" @pick=\"handlePick\">\n          <UIcon :class=\"cls.e('input-attach')\" title=\"添加图片\">\n            <Attach />\n          </UIcon>\n        </UFilePicker>\n\n        <span :class=\"[cls.e('input-clear-wrap'), bem.is('disabled', !clearable)]\">\n          <UPopConfirm\n            title=\"清空当前对话？进行中的生成将被中止。\"\n            confirm-text=\"清空\"\n            direction=\"top\"\n            alignment=\"start\"\n            @confirm=\"emit('clear')\"\n          >\n            <template #reference>\n              <UIcon :class=\"cls.e('input-clear')\" title=\"清除会话\">\n                <Clear />\n              </UIcon>\n            </template>\n          </UPopConfirm>\n        </span>\n\n        <span v-if=\"tokenUsage\" :class=\"cls.e('input-usage')\" :title=\"usageText\">\n          {{ usageText }}\n        </span>\n      </div>\n\n      <!-- 右簇：模型/推理选择 → 发送或停止（互斥） -->\n      <div :class=\"cls.e('input-toolbar-right')\">\n        <ModelPicker\n          v-if=\"models?.length\"\n          v-model:model=\"model\"\n          v-model:reasoning-level=\"reasoningLevel\"\n          :models=\"models\"\n        />\n\n        <UButton\n          v-if=\"showStop\"\n          key=\"stop\"\n          size=\"small\"\n          type=\"danger\"\n          circle\n          title=\"停止生成\"\n          @click=\"emit('abort')\"\n        >\n          <span :class=\"cls.e('input-stop')\" />\n        </UButton>\n        <UButton\n          v-else\n          key=\"send\"\n          size=\"small\"\n          type=\"primary\"\n          circle\n          :disabled=\"!hasContent\"\n          :icon=\"Up\"\n          :title=\"running ? '加入待发送队列' : undefined\"\n          @click=\"handleSend\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { UButton, UFilePicker, UIcon, UPopConfirm } from '@veltra/desktop'\nimport { Attach, Clear, Close, Up } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, ref, shallowRef, watch } from 'vue'\n\nimport type { ChatAttachment, ChatTokenUsage } from '../../chat/types'\nimport type { ChatModelOption } from '../../providers'\nimport { AiChatDIKey } from './di'\nimport ModelPicker from './model-picker.vue'\n\ndefineOptions({ name: 'UAiChatInput' })\n\nconst props = defineProps<{\n  /** 是否生成中（空输入显示停止，有内容则发送入队） */\n  running: boolean\n  /** 可选模型列表；有值则显示选择器 */\n  models?: ChatModelOption[]\n  /** 输入框占位文本 */\n  placeholder?: string\n  /** 附件 accept 类型 */\n  accept?: string\n  /** 单个附件最大字节数 */\n  maxAttachmentSize?: number\n  /** 是否可清除（有消息 / 队列 / 生成中） */\n  clearable?: boolean\n  /** 会话累计 token；无 usage 时为 null，不展示 */\n  tokenUsage?: ChatTokenUsage | null\n  /** 是否展示缓存命中 / 未命中（默认只显示总 token） */\n  tokenUsageDetail?: boolean\n}>()\n\nconst model = defineModel<string>('model')\nconst reasoningLevel = defineModel<string>('reasoningLevel')\n\nconst emit = defineEmits<{\n  (e: 'send', content: string, attachments: ChatAttachment[]): void\n  (e: 'abort'): void\n  (e: 'clear'): void\n}>()\n\nconst di = inject(AiChatDIKey)\nconst cls = di?.cls ?? bem('ai-chat')\n\nconst text = ref('')\nconst attachments = ref<ChatAttachment[]>([])\nconst textareaRef = shallowRef<HTMLTextAreaElement>()\n\nconst hasContent = computed(() => !!text.value.trim() || attachments.value.length > 0)\n\n/** 生成中且输入为空时显示停止；有内容则显示发送（入队） */\nconst showStop = computed(() => props.running && !hasContent.value)\n\n/**\n * 用量数字：不到 1000 原样；≥1000 用 K；≥100 万用 M。\n * 最多 1 位小数，整数不写 `.0`（1000 → 1K，1500 → 1.5K）。\n */\nconst formatTokenCount = (n: number) => {\n  const scaled = (value: number, unit: 'K' | 'M') => {\n    const rounded = Math.round(value * 10) / 10\n    return `${Number.isInteger(rounded) ? String(rounded) : rounded.toFixed(1)}${unit}`\n  }\n  if (n < 1000) return String(n)\n  if (n < 1_000_000) {\n    const k = Math.round((n / 1000) * 10) / 10\n    // 四舍五入后会变成 1000K 时改用 M\n    return k >= 1000 ? scaled(n / 1_000_000, 'M') : scaled(n / 1000, 'K')\n  }\n  return scaled(n / 1_000_000, 'M')\n}\n\n/** 会话累计：总 token；明细再拼有数据的缓存项，缺字段不写 0 */\nconst usageText = computed(() => {\n  const usage = props.tokenUsage\n  if (!usage) return ''\n  const parts = [`总 token ${formatTokenCount(usage.totalTokens)}`]\n  if (props.tokenUsageDetail) {\n    if (usage.cacheHitTokens != null) {\n      parts.push(`缓存命中 ${formatTokenCount(usage.cacheHitTokens)}`)\n    }\n    if (usage.cacheMissTokens != null) {\n      parts.push(`缓存未命中 ${formatTokenCount(usage.cacheMissTokens)}`)\n    }\n  }\n  return parts.join(' · ')\n})\n\n/** 生成中提示用户消息将进入队列 */\nconst placeholderText = computed(() => {\n  if (props.running) return '会话进行中，发送的消息将进入待发送队列'\n  return props.placeholder ?? '输入消息，Enter 发送，Shift + Enter 换行'\n})\n\nconst MAX_INPUT_HEIGHT = 160\n\n/** 多行自适应高度，上限 160px */\nconst autoResize = () => {\n  const el = textareaRef.value\n  if (!el) return\n  el.style.height = 'auto'\n  const nextHeight = Math.min(el.scrollHeight, MAX_INPUT_HEIGHT)\n  el.style.height = `${nextHeight}px`\n  el.style.overflowY = el.scrollHeight > MAX_INPUT_HEIGHT ? 'auto' : 'hidden'\n}\n\nwatch(placeholderText, () => {\n  void nextTick(autoResize)\n})\n\nconst handleSend = () => {\n  if (!hasContent.value) return\n  emit('send', text.value.trim(), attachments.value)\n  text.value = ''\n  attachments.value = []\n  autoResize()\n}\n\n/** 取回内容到输入框（队列编辑场景），并聚焦 */\nconst setContent = (content: string) => {\n  text.value = content\n  void nextTick(() => {\n    autoResize()\n    textareaRef.value?.focus()\n  })\n}\n\n/** 读取当前输入框内容 */\nconst getContent = () => text.value\n\ndefineExpose({ setContent, getContent })\n\n/** 将拾取的文件转为 dataUrl 附件（超限忽略） */\nconst handlePick = (files: File[]) => {\n  const maxSize = props.maxAttachmentSize ?? 10 * 1024 * 1024\n\n  for (const file of files) {\n    if (file.size > maxSize) {\n      console.warn(`[UAiChat] 附件 ${file.name} 超过大小限制，已忽略`)\n      continue\n    }\n    const reader = new FileReader()\n    reader.onload = () => {\n      attachments.value.push({\n        name: file.name,\n        mimeType: file.type,\n        size: file.size,\n        dataUrl: String(reader.result)\n      })\n    }\n    reader.readAsDataURL(file)\n  }\n}\n</script>\n"],"mappings":"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"}

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

@@ -788,9 +788,13 @@
   font-family: inherit;
   line-height: 1.6;
   box-sizing: border-box;
+  overflow-y: hidden;
 }
 .u-ai-chat__input::placeholder {
   color: var(--u-text-color-placeholder);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .u-ai-chat__input-toolbar {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/ai",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"

package/src/components/ai-chat/chat-input.vue

@@ -92,7 +92,7 @@
 import { UButton, UFilePicker, UIcon, UPopConfirm } from '@veltra/desktop'
 import { Attach, Clear, Close, Up } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
-import { computed, inject, nextTick, ref, shallowRef } from 'vue'
+import { computed, inject, nextTick, ref, shallowRef, watch } from 'vue'
 
 import type { ChatAttachment, ChatTokenUsage } from '../../chat/types'
 import type { ChatModelOption } from '../../providers'
@@ -181,14 +181,22 @@ const placeholderText = computed(() => {
   return props.placeholder ?? '输入消息，Enter 发送，Shift + Enter 换行'
 })
 
+const MAX_INPUT_HEIGHT = 160
+
 /** 多行自适应高度，上限 160px */
 const autoResize = () => {
   const el = textareaRef.value
   if (!el) return
   el.style.height = 'auto'
-  el.style.height = `${Math.min(el.scrollHeight, 160)}px`
+  const nextHeight = Math.min(el.scrollHeight, MAX_INPUT_HEIGHT)
+  el.style.height = `${nextHeight}px`
+  el.style.overflowY = el.scrollHeight > MAX_INPUT_HEIGHT ? 'auto' : 'hidden'
 }
 
+watch(placeholderText, () => {
+  void nextTick(autoResize)
+})
+
 const handleSend = () => {
   if (!hasContent.value) return
   emit('send', text.value.trim(), attachments.value)

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

@@ -890,9 +890,13 @@ $root-name: ai-chat;
     font-family: inherit;
     line-height: 1.6;
     box-sizing: border-box;
+    overflow-y: hidden;
 
     &::placeholder {
       color: fn.use-var(text-color, placeholder);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }