@lingshuai/chat-vue 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,239 @@
+import * as vue from 'vue';
+import { Ref } from 'vue';
+import * as _lingshuai_chat_core from '@lingshuai/chat-core';
+import { ChatConfig, Message, Conversation, ChatClient, ChatEventType, ChatEventListener, ChatState } from '@lingshuai/chat-core';
+export { ApiClient, ChatClient, ChatConfig, ChatEventListener, ChatEventMap, ChatEventType, ChatState, Conversation, EventEmitter, Message, MessageRole, MessageStatus, SendMessageRequest, SendMessageResponse, StateListener, StateManager, ThemeConfig, WidgetConfig } from '@lingshuai/chat-core';
+
+/**
+ * useChat Composable - 提供完整的聊天功能
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useChat } from '@lingshuai/chat-vue';
+ *
+ * const {
+ *   messages,
+ *   isSending,
+ *   input,
+ *   sendMessage,
+ * } = useChat({
+ *   apiKey: 'your-api-key',
+ *   appId: 'your-app-id',
+ * });
+ * </script>
+ *
+ * <template>
+ *   <div>
+ *     <div v-for="msg in messages" :key="msg.id">
+ *       {{ msg.content }}
+ *     </div>
+ *     <input v-model="input" @keydown.enter="sendMessage(input)" />
+ *     <button @click="sendMessage(input)" :disabled="isSending">发送</button>
+ *   </div>
+ * </template>
+ * ```
+ */
+declare function useChat(config: ChatConfig): {
+    messages: Ref<{
+        id: string;
+        conversationId: string;
+        role: _lingshuai_chat_core.MessageRole;
+        content: string;
+        status: _lingshuai_chat_core.MessageStatus;
+        createdAt: Date;
+        metadata?: Record<string, unknown> | undefined;
+    }[], Message[] | {
+        id: string;
+        conversationId: string;
+        role: _lingshuai_chat_core.MessageRole;
+        content: string;
+        status: _lingshuai_chat_core.MessageStatus;
+        createdAt: Date;
+        metadata?: Record<string, unknown> | undefined;
+    }[]>;
+    conversations: Ref<{
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[], Conversation[] | {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[]>;
+    currentConversation: Ref<{
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null, Conversation | {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null>;
+    isSending: Ref<boolean, boolean>;
+    isLoading: Ref<boolean, boolean>;
+    error: Ref<Error | null, Error | null>;
+    input: Ref<string, string>;
+    sendMessage: (content: string) => Promise<void>;
+    abort: () => void;
+    newConversation: () => void;
+    switchConversation: (conversationId: string) => Promise<void>;
+    deleteConversation: (conversationId: string) => Promise<void>;
+    getConversations: () => Promise<never[] | Conversation[]>;
+    client: vue.ShallowRef<ChatClient | null, ChatClient | null>;
+};
+/**
+ * useChatClient Composable - 创建 ChatClient 实例
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useChatClient } from '@lingshuai/chat-vue';
+ *
+ * const client = useChatClient({
+ *   apiKey: 'your-api-key',
+ *   appId: 'your-app-id',
+ * });
+ *
+ * client.on('message:received', ({ message }) => {
+ *   console.log('收到消息:', message.content);
+ * });
+ * </script>
+ * ```
+ */
+declare function useChatClient(config: ChatConfig): Ref<ChatClient | null>;
+/**
+ * useChatEvent Composable - 监听聊天事件
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useChatClient, useChatEvent } from '@lingshuai/chat-vue';
+ *
+ * const client = useChatClient({ apiKey: 'xxx', appId: 'xxx' });
+ *
+ * useChatEvent(client, 'message:stream:chunk', ({ fullContent }) => {
+ *   console.log('流式内容:', fullContent);
+ * });
+ * </script>
+ * ```
+ */
+declare function useChatEvent<T extends ChatEventType>(client: Ref<ChatClient | null>, event: T, listener: ChatEventListener<T>): void;
+/**
+ * useChatState Composable - 订阅聊天状态
+ */
+declare function useChatState(client: Ref<ChatClient | null>): Ref<{
+    currentConversation: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null;
+    conversations: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    isSending: boolean;
+    isLoading: boolean;
+    isConnected: boolean;
+    error: Error | null;
+    inputValue: string;
+}, ChatState | {
+    currentConversation: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null;
+    conversations: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    isSending: boolean;
+    isLoading: boolean;
+    isConnected: boolean;
+    error: Error | null;
+    inputValue: string;
+}>;
+
+export { useChat, useChatClient, useChatEvent, useChatState };

package/dist/index.d.ts

@@ -0,0 +1,239 @@
+import * as vue from 'vue';
+import { Ref } from 'vue';
+import * as _lingshuai_chat_core from '@lingshuai/chat-core';
+import { ChatConfig, Message, Conversation, ChatClient, ChatEventType, ChatEventListener, ChatState } from '@lingshuai/chat-core';
+export { ApiClient, ChatClient, ChatConfig, ChatEventListener, ChatEventMap, ChatEventType, ChatState, Conversation, EventEmitter, Message, MessageRole, MessageStatus, SendMessageRequest, SendMessageResponse, StateListener, StateManager, ThemeConfig, WidgetConfig } from '@lingshuai/chat-core';
+
+/**
+ * useChat Composable - 提供完整的聊天功能
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useChat } from '@lingshuai/chat-vue';
+ *
+ * const {
+ *   messages,
+ *   isSending,
+ *   input,
+ *   sendMessage,
+ * } = useChat({
+ *   apiKey: 'your-api-key',
+ *   appId: 'your-app-id',
+ * });
+ * </script>
+ *
+ * <template>
+ *   <div>
+ *     <div v-for="msg in messages" :key="msg.id">
+ *       {{ msg.content }}
+ *     </div>
+ *     <input v-model="input" @keydown.enter="sendMessage(input)" />
+ *     <button @click="sendMessage(input)" :disabled="isSending">发送</button>
+ *   </div>
+ * </template>
+ * ```
+ */
+declare function useChat(config: ChatConfig): {
+    messages: Ref<{
+        id: string;
+        conversationId: string;
+        role: _lingshuai_chat_core.MessageRole;
+        content: string;
+        status: _lingshuai_chat_core.MessageStatus;
+        createdAt: Date;
+        metadata?: Record<string, unknown> | undefined;
+    }[], Message[] | {
+        id: string;
+        conversationId: string;
+        role: _lingshuai_chat_core.MessageRole;
+        content: string;
+        status: _lingshuai_chat_core.MessageStatus;
+        createdAt: Date;
+        metadata?: Record<string, unknown> | undefined;
+    }[]>;
+    conversations: Ref<{
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[], Conversation[] | {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[]>;
+    currentConversation: Ref<{
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null, Conversation | {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null>;
+    isSending: Ref<boolean, boolean>;
+    isLoading: Ref<boolean, boolean>;
+    error: Ref<Error | null, Error | null>;
+    input: Ref<string, string>;
+    sendMessage: (content: string) => Promise<void>;
+    abort: () => void;
+    newConversation: () => void;
+    switchConversation: (conversationId: string) => Promise<void>;
+    deleteConversation: (conversationId: string) => Promise<void>;
+    getConversations: () => Promise<never[] | Conversation[]>;
+    client: vue.ShallowRef<ChatClient | null, ChatClient | null>;
+};
+/**
+ * useChatClient Composable - 创建 ChatClient 实例
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useChatClient } from '@lingshuai/chat-vue';
+ *
+ * const client = useChatClient({
+ *   apiKey: 'your-api-key',
+ *   appId: 'your-app-id',
+ * });
+ *
+ * client.on('message:received', ({ message }) => {
+ *   console.log('收到消息:', message.content);
+ * });
+ * </script>
+ * ```
+ */
+declare function useChatClient(config: ChatConfig): Ref<ChatClient | null>;
+/**
+ * useChatEvent Composable - 监听聊天事件
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useChatClient, useChatEvent } from '@lingshuai/chat-vue';
+ *
+ * const client = useChatClient({ apiKey: 'xxx', appId: 'xxx' });
+ *
+ * useChatEvent(client, 'message:stream:chunk', ({ fullContent }) => {
+ *   console.log('流式内容:', fullContent);
+ * });
+ * </script>
+ * ```
+ */
+declare function useChatEvent<T extends ChatEventType>(client: Ref<ChatClient | null>, event: T, listener: ChatEventListener<T>): void;
+/**
+ * useChatState Composable - 订阅聊天状态
+ */
+declare function useChatState(client: Ref<ChatClient | null>): Ref<{
+    currentConversation: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null;
+    conversations: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    isSending: boolean;
+    isLoading: boolean;
+    isConnected: boolean;
+    error: Error | null;
+    inputValue: string;
+}, ChatState | {
+    currentConversation: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    } | null;
+    conversations: {
+        id: string;
+        title?: string | undefined;
+        messages: {
+            id: string;
+            conversationId: string;
+            role: _lingshuai_chat_core.MessageRole;
+            content: string;
+            status: _lingshuai_chat_core.MessageStatus;
+            createdAt: Date;
+            metadata?: Record<string, unknown> | undefined;
+        }[];
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    isSending: boolean;
+    isLoading: boolean;
+    isConnected: boolean;
+    error: Error | null;
+    inputValue: string;
+}>;
+
+export { useChat, useChatClient, useChatEvent, useChatState };

package/dist/index.js

@@ -0,0 +1,147 @@
+'use strict';
+
+var vue = require('vue');
+var chatCore = require('@lingshuai/chat-core');
+
+// src/composables.ts
+function useChat(config) {
+  const client = vue.shallowRef(null);
+  const messages = vue.ref([]);
+  const conversations = vue.ref([]);
+  const currentConversation = vue.ref(null);
+  const isSending = vue.ref(false);
+  const isLoading = vue.ref(false);
+  const error = vue.ref(null);
+  const input = vue.ref("");
+  vue.onMounted(() => {
+    client.value = new chatCore.ChatClient(config);
+    client.value.subscribe((state) => {
+      messages.value = state.currentConversation?.messages || [];
+      conversations.value = state.conversations;
+      currentConversation.value = state.currentConversation;
+      isSending.value = state.isSending;
+      isLoading.value = state.isLoading;
+      error.value = state.error;
+    });
+  });
+  vue.onUnmounted(() => {
+    client.value?.destroy();
+  });
+  async function sendMessage(content) {
+    if (!client.value || !content.trim()) return;
+    await client.value.send(content);
+    input.value = "";
+  }
+  function abort() {
+    client.value?.abortAll();
+  }
+  function newConversation() {
+    client.value?.newConversation();
+  }
+  async function switchConversation(conversationId) {
+    await client.value?.switchConversation(conversationId);
+  }
+  async function deleteConversation(conversationId) {
+    await client.value?.deleteConversation(conversationId);
+  }
+  async function getConversations() {
+    return client.value?.getConversations() || [];
+  }
+  return {
+    // 状态（响应式）
+    messages,
+    conversations,
+    currentConversation,
+    isSending,
+    isLoading,
+    error,
+    input,
+    // 方法
+    sendMessage,
+    abort,
+    newConversation,
+    switchConversation,
+    deleteConversation,
+    getConversations,
+    // Client 实例（高级用法）
+    client
+  };
+}
+function useChatClient(config) {
+  const client = vue.shallowRef(null);
+  vue.onMounted(() => {
+    client.value = new chatCore.ChatClient(config);
+  });
+  vue.onUnmounted(() => {
+    client.value?.destroy();
+  });
+  return client;
+}
+function useChatEvent(client, event, listener) {
+  let unsubscribe = null;
+  vue.watch(
+    client,
+    (newClient) => {
+      unsubscribe?.();
+      if (newClient) {
+        unsubscribe = newClient.on(event, listener);
+      }
+    },
+    { immediate: true }
+  );
+  vue.onUnmounted(() => {
+    unsubscribe?.();
+  });
+}
+function useChatState(client) {
+  const state = vue.ref({
+    currentConversation: null,
+    conversations: [],
+    isSending: false,
+    isLoading: false,
+    isConnected: false,
+    error: null,
+    inputValue: ""
+  });
+  let unsubscribe = null;
+  vue.watch(
+    client,
+    (newClient) => {
+      unsubscribe?.();
+      if (newClient) {
+        state.value = newClient.getState();
+        unsubscribe = newClient.subscribe((newState) => {
+          state.value = newState;
+        });
+      }
+    },
+    { immediate: true }
+  );
+  vue.onUnmounted(() => {
+    unsubscribe?.();
+  });
+  return state;
+}
+
+Object.defineProperty(exports, "ApiClient", {
+  enumerable: true,
+  get: function () { return chatCore.ApiClient; }
+});
+Object.defineProperty(exports, "ChatClient", {
+  enumerable: true,
+  get: function () { return chatCore.ChatClient; }
+});
+Object.defineProperty(exports, "EventEmitter", {
+  enumerable: true,
+  get: function () { return chatCore.EventEmitter; }
+});
+Object.defineProperty(exports, "StateManager", {
+  enumerable: true,
+  get: function () { return chatCore.StateManager; }
+});
+exports.useChat = useChat;
+exports.useChatClient = useChatClient;
+exports.useChatEvent = useChatEvent;
+exports.useChatState = useChatState;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/composables.ts"],"names":["shallowRef","ref","onMounted","ChatClient","onUnmounted","watch"],"mappings":"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","file":"index.js","sourcesContent":["import { ref, shallowRef, onMounted, onUnmounted, watch, Ref } from 'vue';\nimport {\n  ChatClient,\n  ChatConfig,\n  ChatState,\n  Message,\n  Conversation,\n  ChatEventType,\n  ChatEventListener,\n} from '@lingshuai/chat-core';\n\n/**\n * useChat Composable - 提供完整的聊天功能\n *\n * @example\n * ```vue\n * <script setup>\n * import { useChat } from '@lingshuai/chat-vue';\n *\n * const {\n *   messages,\n *   isSending,\n *   input,\n *   sendMessage,\n * } = useChat({\n *   apiKey: 'your-api-key',\n *   appId: 'your-app-id',\n * });\n * </script>\n *\n * <template>\n *   <div>\n *     <div v-for=\"msg in messages\" :key=\"msg.id\">\n *       {{ msg.content }}\n *     </div>\n *     <input v-model=\"input\" @keydown.enter=\"sendMessage(input)\" />\n *     <button @click=\"sendMessage(input)\" :disabled=\"isSending\">发送</button>\n *   </div>\n * </template>\n * ```\n */\nexport function useChat(config: ChatConfig) {\n  const client = shallowRef<ChatClient | null>(null);\n  const messages = ref<Message[]>([]);\n  const conversations = ref<Conversation[]>([]);\n  const currentConversation = ref<Conversation | null>(null);\n  const isSending = ref(false);\n  const isLoading = ref(false);\n  const error = ref<Error | null>(null);\n  const input = ref('');\n\n  // 初始化\n  onMounted(() => {\n    client.value = new ChatClient(config);\n\n    // 订阅状态变更\n    client.value.subscribe((state) => {\n      messages.value = state.currentConversation?.messages || [];\n      conversations.value = state.conversations;\n      currentConversation.value = state.currentConversation;\n      isSending.value = state.isSending;\n      isLoading.value = state.isLoading;\n      error.value = state.error;\n    });\n  });\n\n  // 清理\n  onUnmounted(() => {\n    client.value?.destroy();\n  });\n\n  // 发送消息\n  async function sendMessage(content: string) {\n    if (!client.value || !content.trim()) return;\n    await client.value.send(content);\n    input.value = '';\n  }\n\n  // 取消发送\n  function abort() {\n    client.value?.abortAll();\n  }\n\n  // 新建会话\n  function newConversation() {\n    client.value?.newConversation();\n  }\n\n  // 切换会话\n  async function switchConversation(conversationId: string) {\n    await client.value?.switchConversation(conversationId);\n  }\n\n  // 删除会话\n  async function deleteConversation(conversationId: string) {\n    await client.value?.deleteConversation(conversationId);\n  }\n\n  // 获取会话列表\n  async function getConversations() {\n    return client.value?.getConversations() || [];\n  }\n\n  return {\n    // 状态（响应式）\n    messages,\n    conversations,\n    currentConversation,\n    isSending,\n    isLoading,\n    error,\n    input,\n\n    // 方法\n    sendMessage,\n    abort,\n    newConversation,\n    switchConversation,\n    deleteConversation,\n    getConversations,\n\n    // Client 实例（高级用法）\n    client,\n  };\n}\n\n/**\n * useChatClient Composable - 创建 ChatClient 实例\n *\n * @example\n * ```vue\n * <script setup>\n * import { useChatClient } from '@lingshuai/chat-vue';\n *\n * const client = useChatClient({\n *   apiKey: 'your-api-key',\n *   appId: 'your-app-id',\n * });\n *\n * client.on('message:received', ({ message }) => {\n *   console.log('收到消息:', message.content);\n * });\n * </script>\n * ```\n */\nexport function useChatClient(config: ChatConfig): Ref<ChatClient | null> {\n  const client = shallowRef<ChatClient | null>(null);\n\n  onMounted(() => {\n    client.value = new ChatClient(config);\n  });\n\n  onUnmounted(() => {\n    client.value?.destroy();\n  });\n\n  return client;\n}\n\n/**\n * useChatEvent Composable - 监听聊天事件\n *\n * @example\n * ```vue\n * <script setup>\n * import { useChatClient, useChatEvent } from '@lingshuai/chat-vue';\n *\n * const client = useChatClient({ apiKey: 'xxx', appId: 'xxx' });\n *\n * useChatEvent(client, 'message:stream:chunk', ({ fullContent }) => {\n *   console.log('流式内容:', fullContent);\n * });\n * </script>\n * ```\n */\nexport function useChatEvent<T extends ChatEventType>(\n  client: Ref<ChatClient | null>,\n  event: T,\n  listener: ChatEventListener<T>\n) {\n  let unsubscribe: (() => void) | null = null;\n\n  watch(\n    client,\n    (newClient) => {\n      // 清理旧的订阅\n      unsubscribe?.();\n\n      // 建立新的订阅\n      if (newClient) {\n        unsubscribe = newClient.on(event, listener);\n      }\n    },\n    { immediate: true }\n  );\n\n  onUnmounted(() => {\n    unsubscribe?.();\n  });\n}\n\n/**\n * useChatState Composable - 订阅聊天状态\n */\nexport function useChatState(client: Ref<ChatClient | null>) {\n  const state = ref<ChatState>({\n    currentConversation: null,\n    conversations: [],\n    isSending: false,\n    isLoading: false,\n    isConnected: false,\n    error: null,\n    inputValue: '',\n  });\n\n  let unsubscribe: (() => void) | null = null;\n\n  watch(\n    client,\n    (newClient) => {\n      unsubscribe?.();\n\n      if (newClient) {\n        state.value = newClient.getState();\n        unsubscribe = newClient.subscribe((newState) => {\n          state.value = newState;\n        });\n      }\n    },\n    { immediate: true }\n  );\n\n  onUnmounted(() => {\n    unsubscribe?.();\n  });\n\n  return state;\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,127 @@
+import { shallowRef, ref, onMounted, onUnmounted, watch } from 'vue';
+import { ChatClient } from '@lingshuai/chat-core';
+export { ApiClient, ChatClient, EventEmitter, StateManager } from '@lingshuai/chat-core';
+
+// src/composables.ts
+function useChat(config) {
+  const client = shallowRef(null);
+  const messages = ref([]);
+  const conversations = ref([]);
+  const currentConversation = ref(null);
+  const isSending = ref(false);
+  const isLoading = ref(false);
+  const error = ref(null);
+  const input = ref("");
+  onMounted(() => {
+    client.value = new ChatClient(config);
+    client.value.subscribe((state) => {
+      messages.value = state.currentConversation?.messages || [];
+      conversations.value = state.conversations;
+      currentConversation.value = state.currentConversation;
+      isSending.value = state.isSending;
+      isLoading.value = state.isLoading;
+      error.value = state.error;
+    });
+  });
+  onUnmounted(() => {
+    client.value?.destroy();
+  });
+  async function sendMessage(content) {
+    if (!client.value || !content.trim()) return;
+    await client.value.send(content);
+    input.value = "";
+  }
+  function abort() {
+    client.value?.abortAll();
+  }
+  function newConversation() {
+    client.value?.newConversation();
+  }
+  async function switchConversation(conversationId) {
+    await client.value?.switchConversation(conversationId);
+  }
+  async function deleteConversation(conversationId) {
+    await client.value?.deleteConversation(conversationId);
+  }
+  async function getConversations() {
+    return client.value?.getConversations() || [];
+  }
+  return {
+    // 状态（响应式）
+    messages,
+    conversations,
+    currentConversation,
+    isSending,
+    isLoading,
+    error,
+    input,
+    // 方法
+    sendMessage,
+    abort,
+    newConversation,
+    switchConversation,
+    deleteConversation,
+    getConversations,
+    // Client 实例（高级用法）
+    client
+  };
+}
+function useChatClient(config) {
+  const client = shallowRef(null);
+  onMounted(() => {
+    client.value = new ChatClient(config);
+  });
+  onUnmounted(() => {
+    client.value?.destroy();
+  });
+  return client;
+}
+function useChatEvent(client, event, listener) {
+  let unsubscribe = null;
+  watch(
+    client,
+    (newClient) => {
+      unsubscribe?.();
+      if (newClient) {
+        unsubscribe = newClient.on(event, listener);
+      }
+    },
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    unsubscribe?.();
+  });
+}
+function useChatState(client) {
+  const state = ref({
+    currentConversation: null,
+    conversations: [],
+    isSending: false,
+    isLoading: false,
+    isConnected: false,
+    error: null,
+    inputValue: ""
+  });
+  let unsubscribe = null;
+  watch(
+    client,
+    (newClient) => {
+      unsubscribe?.();
+      if (newClient) {
+        state.value = newClient.getState();
+        unsubscribe = newClient.subscribe((newState) => {
+          state.value = newState;
+        });
+      }
+    },
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    unsubscribe?.();
+  });
+  return state;
+}
+
+export { useChat, useChatClient, useChatEvent, useChatState };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/composables.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import { ref, shallowRef, onMounted, onUnmounted, watch, Ref } from 'vue';\nimport {\n  ChatClient,\n  ChatConfig,\n  ChatState,\n  Message,\n  Conversation,\n  ChatEventType,\n  ChatEventListener,\n} from '@lingshuai/chat-core';\n\n/**\n * useChat Composable - 提供完整的聊天功能\n *\n * @example\n * ```vue\n * <script setup>\n * import { useChat } from '@lingshuai/chat-vue';\n *\n * const {\n *   messages,\n *   isSending,\n *   input,\n *   sendMessage,\n * } = useChat({\n *   apiKey: 'your-api-key',\n *   appId: 'your-app-id',\n * });\n * </script>\n *\n * <template>\n *   <div>\n *     <div v-for=\"msg in messages\" :key=\"msg.id\">\n *       {{ msg.content }}\n *     </div>\n *     <input v-model=\"input\" @keydown.enter=\"sendMessage(input)\" />\n *     <button @click=\"sendMessage(input)\" :disabled=\"isSending\">发送</button>\n *   </div>\n * </template>\n * ```\n */\nexport function useChat(config: ChatConfig) {\n  const client = shallowRef<ChatClient | null>(null);\n  const messages = ref<Message[]>([]);\n  const conversations = ref<Conversation[]>([]);\n  const currentConversation = ref<Conversation | null>(null);\n  const isSending = ref(false);\n  const isLoading = ref(false);\n  const error = ref<Error | null>(null);\n  const input = ref('');\n\n  // 初始化\n  onMounted(() => {\n    client.value = new ChatClient(config);\n\n    // 订阅状态变更\n    client.value.subscribe((state) => {\n      messages.value = state.currentConversation?.messages || [];\n      conversations.value = state.conversations;\n      currentConversation.value = state.currentConversation;\n      isSending.value = state.isSending;\n      isLoading.value = state.isLoading;\n      error.value = state.error;\n    });\n  });\n\n  // 清理\n  onUnmounted(() => {\n    client.value?.destroy();\n  });\n\n  // 发送消息\n  async function sendMessage(content: string) {\n    if (!client.value || !content.trim()) return;\n    await client.value.send(content);\n    input.value = '';\n  }\n\n  // 取消发送\n  function abort() {\n    client.value?.abortAll();\n  }\n\n  // 新建会话\n  function newConversation() {\n    client.value?.newConversation();\n  }\n\n  // 切换会话\n  async function switchConversation(conversationId: string) {\n    await client.value?.switchConversation(conversationId);\n  }\n\n  // 删除会话\n  async function deleteConversation(conversationId: string) {\n    await client.value?.deleteConversation(conversationId);\n  }\n\n  // 获取会话列表\n  async function getConversations() {\n    return client.value?.getConversations() || [];\n  }\n\n  return {\n    // 状态（响应式）\n    messages,\n    conversations,\n    currentConversation,\n    isSending,\n    isLoading,\n    error,\n    input,\n\n    // 方法\n    sendMessage,\n    abort,\n    newConversation,\n    switchConversation,\n    deleteConversation,\n    getConversations,\n\n    // Client 实例（高级用法）\n    client,\n  };\n}\n\n/**\n * useChatClient Composable - 创建 ChatClient 实例\n *\n * @example\n * ```vue\n * <script setup>\n * import { useChatClient } from '@lingshuai/chat-vue';\n *\n * const client = useChatClient({\n *   apiKey: 'your-api-key',\n *   appId: 'your-app-id',\n * });\n *\n * client.on('message:received', ({ message }) => {\n *   console.log('收到消息:', message.content);\n * });\n * </script>\n * ```\n */\nexport function useChatClient(config: ChatConfig): Ref<ChatClient | null> {\n  const client = shallowRef<ChatClient | null>(null);\n\n  onMounted(() => {\n    client.value = new ChatClient(config);\n  });\n\n  onUnmounted(() => {\n    client.value?.destroy();\n  });\n\n  return client;\n}\n\n/**\n * useChatEvent Composable - 监听聊天事件\n *\n * @example\n * ```vue\n * <script setup>\n * import { useChatClient, useChatEvent } from '@lingshuai/chat-vue';\n *\n * const client = useChatClient({ apiKey: 'xxx', appId: 'xxx' });\n *\n * useChatEvent(client, 'message:stream:chunk', ({ fullContent }) => {\n *   console.log('流式内容:', fullContent);\n * });\n * </script>\n * ```\n */\nexport function useChatEvent<T extends ChatEventType>(\n  client: Ref<ChatClient | null>,\n  event: T,\n  listener: ChatEventListener<T>\n) {\n  let unsubscribe: (() => void) | null = null;\n\n  watch(\n    client,\n    (newClient) => {\n      // 清理旧的订阅\n      unsubscribe?.();\n\n      // 建立新的订阅\n      if (newClient) {\n        unsubscribe = newClient.on(event, listener);\n      }\n    },\n    { immediate: true }\n  );\n\n  onUnmounted(() => {\n    unsubscribe?.();\n  });\n}\n\n/**\n * useChatState Composable - 订阅聊天状态\n */\nexport function useChatState(client: Ref<ChatClient | null>) {\n  const state = ref<ChatState>({\n    currentConversation: null,\n    conversations: [],\n    isSending: false,\n    isLoading: false,\n    isConnected: false,\n    error: null,\n    inputValue: '',\n  });\n\n  let unsubscribe: (() => void) | null = null;\n\n  watch(\n    client,\n    (newClient) => {\n      unsubscribe?.();\n\n      if (newClient) {\n        state.value = newClient.getState();\n        unsubscribe = newClient.subscribe((newState) => {\n          state.value = newState;\n        });\n      }\n    },\n    { immediate: true }\n  );\n\n  onUnmounted(() => {\n    unsubscribe?.();\n  });\n\n  return state;\n}\n"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@lingshuai/chat-vue",
+  "version": "0.1.0",
+  "description": "AI 对话 SDK Vue 组件 - Vue 3 Composables",
+  "author": "LingShuAI Team",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lingshuai/chat-sdk"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@lingshuai/chat-core": "0.1.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3.0"
+  },
+  "devDependencies": {
+    "vue": "^3.4.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0",
+    "rimraf": "^5.0.0"
+  },
+  "keywords": [
+    "ai",
+    "chat",
+    "vue",
+    "sdk",
+    "composables",
+    "chatbot"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rimraf dist",
+    "typecheck": "tsc --noEmit"
+  }
+}