@kine-design/ai-chat 0.0.1-beta.4 → 0.0.1-beta.6

package/.vlaude/last-session-id

@@ -1 +1 @@
-6e6ccc4f-850a-43c4-b677-5af5ae931d77
+4c9b1c27-b707-4b0b-98d7-fde5d511ce47

package/components/KChatInput.tsx

@@ -8,16 +8,18 @@
  */
 
 import { defineComponent, ref } from 'vue';
+import { useLocale } from '@kine-design/core';
 import './chat-input.css';
 
 export const KChatInput = defineComponent({
   name: 'KChatInput',
   props: {
-    placeholder: { type: String, default: '输入消息…' },
+    placeholder: { type: String, default: undefined },
     disabled: { type: Boolean, default: false },
   },
   emits: ['send'],
   setup(props, { emit }) {
+    const t = useLocale();
     const text = ref('');
 
     function handleSend() {
@@ -41,7 +43,7 @@ export const KChatInput = defineComponent({
           value={text.value}
           onInput={(e: Event) => { text.value = (e.target as HTMLTextAreaElement).value; }}
           onKeydown={handleKeydown}
-          placeholder={props.placeholder}
+          placeholder={props.placeholder ?? t.value.aiChat.inputPlaceholder}
           disabled={props.disabled}
           rows={1}
         />
@@ -50,7 +52,7 @@ export const KChatInput = defineComponent({
           onClick={handleSend}
           disabled={props.disabled || !text.value.trim()}
         >
-          发送
+          {t.value.aiChat.send}
         </button>
       </div>
     );

package/components/KPhaseIndicator.tsx

@@ -9,24 +9,30 @@
 
 import { defineComponent, computed, type PropType } from 'vue';
 import { KLoading } from 'kine-ui';
+import { useLocale } from '@kine-design/core';
 import type { ChatPhase } from '../composables/types';
 import './phase-indicator.css';
 
-const PHASE_LABELS: Record<ChatPhase, string> = {
-  idle: '',
-  aggregating: '正在输入…',
-  thinking: '思考中…',
-  streaming: '回复中…',
-  sending: '发送中…',
-};
-
 export const KPhaseIndicator = defineComponent({
   name: 'KPhaseIndicator',
   props: {
     phase: { type: String as PropType<ChatPhase>, required: true },
   },
   setup(props) {
-    const label = computed(() => PHASE_LABELS[props.phase]);
+    const t = useLocale();
+
+    // 阶段文案映射：依赖 locale，必须在 setup 内现取以保持响应式
+    const label = computed(() => {
+      const c = t.value.aiChat;
+      const map: Record<ChatPhase, string> = {
+        idle: '',
+        aggregating: c.phaseTyping,
+        thinking: c.phaseThinking,
+        streaming: c.phaseReplying,
+        sending: c.phaseSending,
+      };
+      return map[props.phase];
+    });
     const visible = computed(() => props.phase !== 'idle');
 
     return () => visible.value

package/composables/useChatHistory.ts

@@ -8,6 +8,7 @@
  */
 
 import { ref, watch } from 'vue';
+import { getActiveLocaleMessages } from '@kine-design/core';
 import type { Conversation, UseChatHistoryOptions, UseChatHistoryReturn } from './types';
 
 function generateId(): string {
@@ -43,10 +44,11 @@ export function useChatHistory(options: UseChatHistoryOptions = {}): UseChatHist
   watch(conversations, persist, { deep: true });
 
   function create(title?: string): Conversation {
+    const t = getActiveLocaleMessages();
     const now = Date.now();
     const conversation: Conversation = {
       id: generateId(),
-      title: title ?? `对话 ${conversations.value.length + 1}`,
+      title: title ?? t.aiChat.defaultTitle(conversations.value.length + 1),
       clusters: [],
       createdAt: now,
       updatedAt: now,

package/dist/ai-chat.js

@@ -1,4 +1,5 @@
-import { computed, createTextVNode, createVNode, defineComponent, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { computed, createVNode, defineComponent, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { getActiveLocaleMessages, useLocale } from "@kine-design/core";
 import { io } from "socket.io-client";
 import { KLoading } from "kine-ui";
 //#region composables/useChat.ts
@@ -141,10 +142,11 @@ function useChatHistory(options = {}) {
 	load();
 	watch(conversations, persist, { deep: true });
 	function create(title) {
+		const t = getActiveLocaleMessages();
 		const now = Date.now();
 		const conversation = {
 			id: generateId(),
-			title: title ?? `对话 ${conversations.value.length + 1}`,
+			title: title ?? t.aiChat.defaultTitle(conversations.value.length + 1),
 			clusters: [],
 			createdAt: now,
 			updatedAt: now
@@ -375,13 +377,6 @@ var KMessageCluster = /* @__PURE__ */ defineComponent({
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
-var PHASE_LABELS = {
-	idle: "",
-	aggregating: "正在输入…",
-	thinking: "思考中…",
-	streaming: "回复中…",
-	sending: "发送中…"
-};
 var KPhaseIndicator = /* @__PURE__ */ defineComponent({
 	name: "KPhaseIndicator",
 	props: { phase: {
@@ -389,7 +384,17 @@ var KPhaseIndicator = /* @__PURE__ */ defineComponent({
 		required: true
 	} },
 	setup(props) {
-		const label = computed(() => PHASE_LABELS[props.phase]);
+		const t = useLocale();
+		const label = computed(() => {
+			const c = t.value.aiChat;
+			return {
+				idle: "",
+				aggregating: c.phaseTyping,
+				thinking: c.phaseThinking,
+				streaming: c.phaseReplying,
+				sending: c.phaseSending
+			}[props.phase];
+		});
 		const visible = computed(() => props.phase !== "idle");
 		return () => visible.value ? createVNode("div", { "class": ["k-phase-indicator", `k-phase-indicator--${props.phase}`] }, [createVNode(KLoading, { "size": "small" }, null), createVNode("span", null, [label.value])]) : null;
 	}
@@ -455,7 +460,7 @@ var KChatInput = /* @__PURE__ */ defineComponent({
 	props: {
 		placeholder: {
 			type: String,
-			default: "输入消息…"
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
@@ -464,6 +469,7 @@ var KChatInput = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["send"],
 	setup(props, { emit }) {
+		const t = useLocale();
 		const text = ref("");
 		function handleSend() {
 			const trimmed = text.value.trim();
@@ -484,14 +490,14 @@ var KChatInput = /* @__PURE__ */ defineComponent({
 				text.value = e.target.value;
 			},
 			"onKeydown": handleKeydown,
-			"placeholder": props.placeholder,
+			"placeholder": props.placeholder ?? t.value.aiChat.inputPlaceholder,
 			"disabled": props.disabled,
 			"rows": 1
 		}, null), createVNode("button", {
 			"class": "k-chat-input__send",
 			"onClick": handleSend,
 			"disabled": props.disabled || !text.value.trim()
-		}, [createTextVNode("发送")])]);
+		}, [t.value.aiChat.send])]);
 	}
 });
 //#endregion

package/dist/components/KChatInput.d.ts

@@ -1,7 +1,7 @@
 export declare const KChatInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
@@ -10,7 +10,7 @@ export declare const KChatInput: import('vue').DefineComponent<import('vue').Ext
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "send"[], "send", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@kine-design/ai-chat",
-  "version": "0.0.1-beta.4",
+  "version": "0.0.1-beta.6",
   "type": "module",
   "main": "./dist/ai-chat.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
     "socket.io-client": "^4.8.3",
     "vue": "^3.5.30",
-    "kine-ui": "^0.0.1-beta.19"
+    "kine-ui": "^0.0.1-beta.23",
+    "@kine-design/core": "0.0.1-beta.12"
   },
   "publishConfig": {
     "access": "public",

package/vite.config.build.ts

@@ -18,6 +18,7 @@ export default defineConfig({
       external: [
         'vue',
         /^kine-ui/,
+        /^@kine-design\/core/,
         /^socket\.io-client/,
       ],
       output: {