@touchvue/chat 1.0.0-beta.1

package/es/packages/components/touchchat/src/AiChat/TouchChat.vue2.mjs

@@ -0,0 +1,843 @@
+import { defineComponent, inject, ref, onBeforeUnmount, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, createVNode, createCommentVNode, renderList, createBlock, withCtx, nextTick } from 'vue';
+import UserMessage from './UserMessage.vue.mjs';
+import AiMessage from './AiMessage.vue.mjs';
+import ChatInput from './ChatInput.vue.mjs';
+import { throttle } from '../../../../../node_modules/.pnpm/throttle-debounce@5.0.2/node_modules/throttle-debounce/esm/index.mjs';
+import { FetchStream } from '../../utils/fetchStream.mjs';
+import { ChatRobot } from '../../utils/chatRobot.mjs';
+import markdown from '../../utils/markdown.mjs';
+import HelloChat from '../../component/HelloChat.vue.mjs';
+import { showToast } from '../../utils/tools.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TouchChat",
+  props: {
+    //   connectionType: {
+    //     type: String as () => 'SSE' | 'Websocket',
+    //     default: 'SSE',
+    //   },
+    //   wsUrl: {
+    //     type: String,
+    //     default: '',
+    //   },
+    //   token: {
+    //     type: String,
+    //     default: '',
+    //   },
+    model: {
+      type: String,
+      default: "deepseek-v3"
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: "\u5FEB\u6765\u548C\u6211\u804A\u5929\u5427~"
+    },
+    components: {
+      type: Object,
+      default: () => ({})
+    },
+    openSSECallback: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: ["sendMessage"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const action = inject("action", "");
+    const headers = inject("headers", void 0);
+    const rootMap = inject("rootMap", {});
+    const token = inject("token", "");
+    const wsUrl = inject("wsUrl", "");
+    const connectionType = inject("connectionType");
+    const props = __props;
+    const chatContainer = ref(null);
+    const htmlContentRef = ref([]);
+    const thinkingContentRef = ref([]);
+    const reasoningContentRef = ref([]);
+    const isMounted = ref(false);
+    const isChating = ref(false);
+    const inputValue = ref("");
+    const enableDeepThinking = ref(false);
+    const chatList = ref([]);
+    const renderQueue = ref([]);
+    const isRendering = ref(false);
+    const currIndex = ref(0);
+    const fetchStream = ref(null);
+    const TouchChatRobot = ref();
+    const isUnmounting = ref(false);
+    const init = () => {
+      if (Array.isArray(props.value) && props.value.length) {
+        chatList.value = props.value.map((item) => ({
+          ...item,
+          //   isShowAvatar: item.isShowAvatar ?? true,
+          //   avatar: item.avatar || (item.user === 'u' ? props.userAvatar : props.aiAvatar),
+          content: item.thinkContent ? item.content || "" : item.content || "",
+          thinkContent: item.thinkContent || ""
+        }));
+        nextTick(() => {
+          requestAnimationFrame(() => {
+            try {
+              chatList.value.forEach((item, index) => {
+                currIndex.value = index;
+                if (item.thinkContent) {
+                  renderContent(item.thinkContent, "thinking");
+                }
+                if (item.reasoningContent) {
+                  renderContent(item.reasoningContent, "reasoning");
+                }
+                if (item.content) {
+                  renderContent(item.content, "main");
+                }
+              });
+            } catch (error) {
+              console.error("\u521D\u59CB\u6E32\u67D3\u5931\u8D25:", error);
+            }
+          });
+        });
+      }
+      if (connectionType === "Websocket") {
+        openWebsocket();
+      }
+    };
+    const openWebsocket = () => {
+      if (!wsUrl) {
+        throw new Error("wsUrl is required");
+      }
+      if (!token) {
+        throw new Error("token is required");
+      }
+      let config = {
+        token,
+        wsUrl
+      };
+      TouchChatRobot.value = new ChatRobot(config);
+      TouchChatRobot.value && TouchChatRobot.value.addListener("chatCrmSuccess", {
+        msgCallback: chatCrmSuccess,
+        statusCallback: () => {
+        }
+      });
+      TouchChatRobot.value && TouchChatRobot.value.addListener("onMessageError", {
+        msgCallback: () => {
+        }
+      });
+      TouchChatRobot.value && TouchChatRobot.value.addListener("chatCrmError", {
+        msgCallback: (data) => {
+          console.log("AI \u5BF9\u8BDD\u8FDE\u63A5\u9519\u8BEF\u56DE\u8C03", data);
+        }
+      });
+      TouchChatRobot.value.connect();
+    };
+    const chatCrmSuccess = (data) => {
+      if (data && data.chatType === "response") {
+        if (Array.isArray(data.chatInfo)) {
+          let msgContentList = data.chatInfo.map((item) => item.msgContent);
+          let msgContent = "";
+          if (msgContentList.length) {
+            msgContent = msgContentList[0];
+          }
+          chatList.value.push({
+            user: "u",
+            type: "text",
+            content: msgContent
+          });
+        }
+      }
+    };
+    const componentNameFn = () => {
+      const templateMap = {
+        FileView: "FileView",
+        ImageView: "ImageView",
+        LinkView: "LinkView",
+        CardView: "CardView",
+        "": ""
+      };
+      const newMap = {
+        ...templateMap,
+        ...rootMap
+      };
+      const keys = Object.keys(newMap);
+      const randomIndex = Math.floor(Math.random() * keys.length);
+      const key = keys[randomIndex];
+      const componentInfo = {
+        componentName: key
+      };
+      return componentInfo;
+    };
+    const openSSE = (userContent, insertIndex, type) => {
+      if (isUnmounting.value)
+        return;
+      isChating.value = true;
+      if (props.openSSECallback) {
+        props.openSSECallback(FetchStream);
+        return;
+      }
+      const currentAiMessage = chatList.value.find((item) => item.isChating);
+      if (currentAiMessage) {
+        currentAiMessage.isShowLike = true;
+        currentAiMessage.isShowCopy = true;
+      }
+      const chatId = (currentAiMessage == null ? void 0 : currentAiMessage.chatId) || "ai_" + crypto.randomUUID().replace(/-/gi, "");
+      let aiContent = (currentAiMessage == null ? void 0 : currentAiMessage.content) || "";
+      let thinkingContent = (currentAiMessage == null ? void 0 : currentAiMessage.thinkContent) || "";
+      let reasoningContent = (currentAiMessage == null ? void 0 : currentAiMessage.reasoningContent) || "";
+      if (!currentAiMessage) {
+        const chatItem = {
+          chatId,
+          user: "ai",
+          // u:user, ai:ai
+          type: "text",
+          isChating: true,
+          content: "",
+          thinkContent: "",
+          reasoningContent: "",
+          thinkStatus: "thinking",
+          thinkStartTime: Date.now(),
+          isShowLike: true,
+          isShowCopy: true,
+          ...componentNameFn()
+        };
+        if (insertIndex !== void 0 && insertIndex <= chatList.value.length) {
+          chatList.value.splice(insertIndex, 0, chatItem);
+        } else {
+          chatList.value.push(chatItem);
+        }
+      }
+      currIndex.value = chatList.value.findIndex((ele) => ele.chatId === chatId);
+      fetchStream.value = new FetchStream({
+        url: action != null ? action : "https://api.apiyi.com/v1/chat/completions",
+        requestInit: {
+          headers: headers != null ? headers : {
+            "Content-Type": "application/json",
+            Authorization: "Bearer sk-fe9MtODvds8wpzz05f3417Fe3e9641C1926e6fC588425dEd"
+          },
+          body: JSON.stringify({
+            model: enableDeepThinking.value ? "deepseek-reasoner" : "deepseek-v3",
+            messages: [
+              {
+                role: "user",
+                content: userContent
+                // 使用传入的用户内容参数
+              }
+            ],
+            stream: true
+          })
+        },
+        onmessage: (line) => {
+          var _a, _b, _c, _d, _e, _f;
+          if (isUnmounting.value)
+            return;
+          let dataString = "";
+          if (line.length) {
+            if (line.includes("data:")) {
+              dataString = line.split("data:")[1];
+            } else if (line.startsWith("{") && line.endsWith("}")) {
+              dataString = line;
+            }
+          }
+          dataString = dataString.trim();
+          if (dataString && dataString.startsWith("{") && dataString.endsWith("}")) {
+            const result = JSON.parse(dataString);
+            const newAiMessage = chatList.value[currIndex.value];
+            if ((_c = (_b = (_a = result == null ? void 0 : result.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.delta) == null ? void 0 : _c.content) {
+              aiContent += result.choices[0].delta.content;
+              if ((newAiMessage == null ? void 0 : newAiMessage.thinkStatus) === "thinking") {
+                newAiMessage.thinkStatus = "completed";
+                newAiMessage.thinkTime = Date.now() - (newAiMessage.thinkStartTime || Date.now());
+              }
+            }
+            if ((_f = (_e = (_d = result == null ? void 0 : result.choices) == null ? void 0 : _d[0]) == null ? void 0 : _e.delta) == null ? void 0 : _f.reasoning_content) {
+              reasoningContent += result.choices[0].delta.reasoning_content;
+              if (!(newAiMessage == null ? void 0 : newAiMessage.thinkStatus)) {
+                newAiMessage.thinkStatus = "thinking";
+                newAiMessage.thinkStartTime = Date.now();
+              }
+            }
+            if (chatList.value.some((ele) => ele.chatId === chatId)) {
+              enqueueRender({
+                mainContent: aiContent,
+                thinkContent: thinkingContent,
+                // 修正字段名：deepThought → reasoningContent
+                reasoningContent
+              });
+            }
+            if (type === 1) {
+              scrollToBottom();
+            }
+          }
+        },
+        ondone: () => {
+          nextTick(() => {
+            isChating.value = false;
+            if (isUnmounting.value)
+              return;
+            if (!isMounted.value)
+              return;
+            const index = chatList.value.findIndex((ele) => ele.chatId === chatId);
+            if (index !== -1 && chatList.value[index]) {
+              chatList.value[index].isChating = false;
+              if (htmlContentRef.value[index] && document.body.contains(htmlContentRef.value[index])) {
+                try {
+                  if (isMounted.value && chatContainer.value && document.body.contains(chatContainer.value) && type === 1) {
+                    scrollToBottom();
+                  }
+                } catch (error) {
+                  console.error("nextTick \u6EDA\u52A8\u64CD\u4F5C\u5931\u8D25:", error);
+                }
+              }
+              const waitForRenderComplete = () => {
+                if (renderQueue.value.length === 0 && !isRendering.value) {
+                  emit("sendMessage", chatList.value);
+                  console.log("done!", isChating.value, chatList.value);
+                } else {
+                  requestAnimationFrame(waitForRenderComplete);
+                }
+              };
+              waitForRenderComplete();
+            }
+            emit("sendMessage", chatList.value);
+            console.log("done!", isChating.value, chatList.value);
+          });
+        },
+        onabort: () => {
+          isChating.value = false;
+          if (isUnmounting.value)
+            return;
+          const currentAiMessage2 = chatList.value[currIndex.value];
+          const hasContent = currentAiMessage2 && (currentAiMessage2.content || currentAiMessage2.thinkContent || currentAiMessage2.reasoningContent);
+          if (currentAiMessage2) {
+            if (currentAiMessage2.thinkStatus === "thinking") {
+              currentAiMessage2.thinkStatus = "stopped";
+              currentAiMessage2.thinkTime = Date.now() - (currentAiMessage2.thinkStartTime || Date.now());
+            }
+            if (!hasContent) {
+              const userMessageIndex = currIndex.value - 1;
+              if (userMessageIndex >= 0 && chatList.value[userMessageIndex].user === "u") {
+                chatList.value.splice(currIndex.value, 1);
+                chatList.value.splice(userMessageIndex, 1);
+              } else {
+                chatList.value.splice(currIndex.value, 1);
+              }
+            } else {
+              const updatedAiMessage = {
+                ...currentAiMessage2,
+                isChating: false,
+                content: currentAiMessage2.content ? currentAiMessage2.content + "\u3002\u3002\u3002" : "",
+                thinkContent: currentAiMessage2.thinkContent ? currentAiMessage2.thinkContent + "\u3002\u3002\u3002" : void 0,
+                reasoningContent: currentAiMessage2.reasoningContent ? currentAiMessage2.reasoningContent + "\u3002\u3002\u3002" : void 0,
+                thinkStatus: currentAiMessage2.thinkStatus
+              };
+              chatList.value.splice(currIndex.value, 1, updatedAiMessage);
+              nextTick(() => {
+                renderContent(updatedAiMessage.thinkContent || "", "thinking");
+                renderContent(updatedAiMessage.reasoningContent || "", "reasoning");
+                renderContent(updatedAiMessage.content || "", "main");
+                emit("sendMessage", [...chatList.value]);
+              });
+              return;
+            }
+          }
+          emit("sendMessage", [...chatList.value]);
+        },
+        // 添加onerror回调函数来捕获异常
+        onerror: (response) => {
+          if (isUnmounting.value)
+            return;
+          isChating.value = false;
+          let errorMessage = "\u672A\u77E5\u9519\u8BEF";
+          if (response instanceof Error) {
+            console.error("API\u8BF7\u6C42\u9519\u8BEF:", response);
+            errorMessage = response.message;
+          } else if (response instanceof Response) {
+            console.error("API\u8BF7\u6C42\u9519\u8BEF, \u54CD\u5E94\u72B6\u6001:", response.status, response.statusText);
+            errorMessage = `\u8BF7\u6C42\u5931\u8D25: ${response.status} ${response.statusText}`;
+          }
+          const currentAiMessage2 = chatList.value[currIndex.value];
+          if (currentAiMessage2) {
+            currentAiMessage2.content = `<div style="color: red; display: flex; align-items: center;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 15.5C11.6421 15.5 15 12.1421 15 8C15 3.85786 11.6421 0.5 7.5 0.5C3.35786 0.5 0 3.85786 0 8C0 12.1421 3.35786 15.5 7.5 15.5ZM9.7539 4.9506L10.5494 5.7461L8.2951 8.0001L10.5494 10.2539L9.7539 11.0494L7.5001 8.7951L5.2461 11.0494L4.4506 10.2539L6.7051 8.0001L4.4506 5.7461L5.2461 4.9506L7.5001 7.2051L9.7539 4.9506Z" fill="#F93920"/>
+</svg>${errorMessage}</div>`;
+            currentAiMessage2.isChating = false;
+            currentAiMessage2.componentName = "";
+            currentAiMessage2.isShowLike = false;
+            currentAiMessage2.isShowCopy = false;
+            nextTick(() => {
+              renderContent(currentAiMessage2.content || "", "main");
+              emit("sendMessage", [...chatList.value]);
+            });
+          } else {
+            showToast(errorMessage, "error", 3e3);
+            emit("sendMessage", [...chatList.value]);
+          }
+        }
+      });
+    };
+    const enqueueRender = (data) => {
+      if (isUnmounting.value || !isMounted.value)
+        return;
+      if (currIndex.value < 0 || currIndex.value >= chatList.value.length)
+        return;
+      renderQueue.value.push(data);
+      if (!isRendering.value) {
+        isRendering.value = true;
+        processRenderQueue();
+      }
+    };
+    const processRenderQueue = () => {
+      if (isUnmounting.value || !isMounted.value) {
+        renderQueue.value = [];
+        isRendering.value = false;
+        return;
+      }
+      if (renderQueue.value.length === 0) {
+        isRendering.value = false;
+        return;
+      }
+      requestAnimationFrame(() => {
+        const data = renderQueue.value.shift();
+        if (data) {
+          formatMarkdown(data);
+        }
+        processRenderQueue();
+      });
+    };
+    onBeforeUnmount(() => {
+      isUnmounting.value = true;
+      if (fetchStream.value) {
+        fetchStream.value.abort();
+      }
+      if (TouchChatRobot.value) {
+        TouchChatRobot.value.close();
+        TouchChatRobot.value = void 0;
+      }
+      isMounted.value = false;
+      renderQueue.value = [];
+      htmlContentRef.value = [];
+      thinkingContentRef.value = [];
+    });
+    const formatMarkdown = (data) => {
+      if (!isMounted.value)
+        return;
+      if (currIndex.value < 0 || currIndex.value >= chatList.value.length)
+        return;
+      const currentItem = chatList.value[currIndex.value];
+      currentItem.thinkContent = data.thinkContent;
+      currentItem.content = data.mainContent;
+      currentItem.reasoningContent = data.reasoningContent;
+      nextTick(() => {
+        const thinkingContainer = thinkingContentRef.value[currIndex.value];
+        if (thinkingContainer) {
+          if (data.thinkContent) {
+            renderContent(data.thinkContent, "thinking");
+            thinkingContainer.style.display = "block";
+            thinkingContainer.style.visibility = "visible";
+          } else {
+            thinkingContainer.style.display = "none";
+            thinkingContainer.style.visibility = "hidden";
+          }
+        }
+        const reasoningContainer = reasoningContentRef.value[currIndex.value];
+        if (reasoningContainer) {
+          if (data.reasoningContent) {
+            renderContent(data.reasoningContent, "reasoning");
+            reasoningContainer.style.display = "block";
+            reasoningContainer.style.visibility = "visible";
+          } else {
+            reasoningContainer.style.display = "none";
+            reasoningContainer.style.visibility = "hidden";
+          }
+        }
+        renderContent(data.mainContent, "main");
+      });
+    };
+    const attachCopyButtons = (container) => {
+      const codeBlocks = container.querySelectorAll("pre code");
+      codeBlocks.forEach((codeBlock) => {
+        const pre = codeBlock.parentElement;
+        if (pre) {
+          const copyBtn = document.createElement("button");
+          copyBtn.className = "copy-code-btn";
+          copyBtn.textContent = "\u590D\u5236";
+          copyBtn.addEventListener("click", () => {
+            const code = codeBlock.textContent || "";
+            navigator.clipboard.writeText(code).then(() => {
+              showToast("\u590D\u5236\u6210\u529F", "info", 2e3);
+              copyBtn.textContent = "\u5DF2\u590D\u5236";
+              setTimeout(() => {
+                copyBtn.textContent = "\u590D\u5236";
+              }, 2e3);
+            });
+          });
+          pre.style.position = "relative";
+          pre.appendChild(copyBtn);
+        }
+      });
+    };
+    const renderContent = (content, type, index) => {
+      const renderIndex = index != null ? index : currIndex.value;
+      if (renderIndex < 0 || renderIndex >= chatList.value.length)
+        return;
+      const refArrays = {
+        main: htmlContentRef,
+        thinking: thinkingContentRef,
+        reasoning: reasoningContentRef
+      };
+      const processors = {
+        main: (content2) => {
+          var _a;
+          return ((_a = markdown) == null ? void 0 : _a.render(content2, { isReasoning: false })) || "";
+        },
+        thinking: (content2) => {
+          var _a;
+          return ((_a = markdown) == null ? void 0 : _a.render(content2, { isReasoning: false })) || "";
+        },
+        reasoning: (content2) => {
+          var _a;
+          return ((_a = markdown) == null ? void 0 : _a.render(content2, { isReasoning: false })) || "";
+        }
+      };
+      const container = refArrays[type].value[renderIndex];
+      if (!container)
+        return;
+      container.innerHTML = processors[type](content || "");
+      attachCopyButtons(container);
+    };
+    const sendMessage = (item) => {
+      inputValue.value = item.name || "";
+      handleSend();
+    };
+    const handleSend = () => {
+      var _a;
+      if (isChating.value || !inputValue.value.trim())
+        return;
+      const userChatId = "user_" + crypto.randomUUID().replace(/-/gi, "");
+      const userMessage = {
+        chatId: userChatId,
+        // 添加唯一chatId
+        user: "u",
+        type: "text",
+        content: inputValue.value
+        // isShowAvatar: true,
+        // avatar: props.userAvatar,
+      };
+      chatList.value.push(userMessage);
+      const index = chatList.value.length - 1;
+      nextTick(() => {
+        renderContent(userMessage.content, "main", index);
+        scrollToBottom();
+      });
+      if (connectionType === "SSE") {
+        openSSE(inputValue.value, index + 1, 1);
+      } else if (connectionType === "Websocket") {
+        let chatInfo = [
+          {
+            type: "text",
+            msgContent: inputValue.value
+          }
+        ];
+        (_a = TouchChatRobot.value) == null ? void 0 : _a.send(chatInfo);
+      }
+      inputValue.value = "";
+    };
+    const handleStop = () => {
+      var _a, _b;
+      (_a = fetchStream.value) == null ? void 0 : _a.abort();
+      const aiIndex = chatList.value.findIndex((item) => item.isChating);
+      if (aiIndex !== -1) {
+        const currentAiMessage = chatList.value[aiIndex];
+        if ((_b = currentAiMessage.content) == null ? void 0 : _b.trim()) {
+          nextTick(() => {
+            chatList.value[aiIndex] = {
+              ...currentAiMessage,
+              content: currentAiMessage.content + "...",
+              isChating: false
+            };
+            renderContent(chatList.value[aiIndex].content, "main", aiIndex);
+            emit("sendMessage", chatList.value);
+          });
+        } else {
+          if (aiIndex > 0) {
+            const userMessageIndex = aiIndex - 1;
+            if (chatList.value[userMessageIndex].user === "u") {
+              chatList.value.splice(userMessageIndex, 2);
+            } else {
+              chatList.value.splice(aiIndex, 1);
+            }
+          } else {
+            chatList.value.splice(aiIndex, 1);
+          }
+        }
+      } else {
+        const lastIndex = chatList.value.length - 1;
+        if (lastIndex >= 0 && chatList.value[lastIndex].user === "u") {
+          chatList.value.pop();
+        }
+      }
+      isChating.value = false;
+    };
+    const scrollToBottom = throttle(500, () => {
+      const endEl = document.querySelector(".to-chat-item:last-child");
+      if (endEl == null ? void 0 : endEl.scrollIntoView) {
+        endEl.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+      }
+    });
+    const handleMessageAction = (action2, index) => {
+      const message = chatList.value[index];
+      if (!message)
+        return;
+      switch (action2) {
+        case "copy":
+          navigator.clipboard.writeText(message.content).then(() => {
+            showToast("\u590D\u5236\u6210\u529F", "info");
+          });
+          break;
+        case "edit":
+          if (message) {
+            message.isEditing = true;
+            message.editContent = message.content;
+          }
+          break;
+        case "delete":
+          messageUtils.deleteMessageChain(index);
+          emit("sendMessage", chatList.value);
+          break;
+        case "retry": {
+          const aiMessage = chatList.value[index];
+          const userMessageIndex = index - 1;
+          const userMessage = chatList.value[userMessageIndex];
+          if (userMessage && userMessage.user === "u") {
+            const updatedAiMessage = {
+              ...aiMessage,
+              content: "",
+              thinkContent: "",
+              reasoningContent: "",
+              isLiked: false,
+              isDisliked: false,
+              isChating: true,
+              // 保留其他必要属性
+              chatId: aiMessage.chatId,
+              user: aiMessage.user,
+              type: aiMessage.type,
+              //   isShowAvatar: aiMessage.isShowAvatar,
+              //   avatar: aiMessage.avatar,
+              thinkStatus: "completed",
+              thinkStartTime: 0,
+              thinkEndTime: 0
+            };
+            chatList.value.splice(index, 1, updatedAiMessage);
+            nextTick(() => {
+              if (htmlContentRef.value[index])
+                htmlContentRef.value[index].innerHTML = "";
+              if (thinkingContentRef.value[index])
+                thinkingContentRef.value[index].innerHTML = "";
+              if (reasoningContentRef.value[index])
+                reasoningContentRef.value[index].innerHTML = "";
+              setTimeout(() => {
+                openSSE(userMessage.content || "", index, 2);
+              }, 50);
+            });
+          }
+          break;
+        }
+        case "like":
+          messageUtils.updateMessage(index, {
+            isLiked: true,
+            isDisliked: false
+          });
+          break;
+        case "dislike":
+          messageUtils.updateMessage(index, {
+            isLiked: false,
+            isDisliked: true
+          });
+          break;
+      }
+    };
+    const messageUtils = {
+      // 更新消息内容
+      updateMessage: (index, updates) => {
+        if (index < 0 || index >= chatList.value.length)
+          return;
+        chatList.value.splice(index, 1, { ...chatList.value[index], ...updates });
+      },
+      // 删除消息及其后续AI回复
+      deleteMessageChain: (index) => {
+        if (index < 0 || index >= chatList.value.length)
+          return;
+        const nextIndex = index + 1;
+        const deleteCount = nextIndex < chatList.value.length && chatList.value[nextIndex].user === "ai" ? 2 : 1;
+        chatList.value.splice(index, deleteCount);
+      },
+      // 创建标准化消息对象
+      createStandardMessage: (data) => {
+        var _a, _b, _c, _d, _e;
+        return {
+          chatId: data.chatId || "ai_" + crypto.randomUUID().replace(/-/gi, ""),
+          user: data.user || "ai",
+          type: data.type || "text",
+          content: data.content || "",
+          // isShowAvatar: data.isShowAvatar ?? true,
+          // avatar: data.avatar || (data.user === 'u' ? props.userAvatar : props.aiAvatar),
+          isChating: (_a = data.isChating) != null ? _a : false,
+          thinkContent: data.thinkContent || "",
+          reasoningContent: data.reasoningContent || "",
+          isLiked: (_b = data.isLiked) != null ? _b : false,
+          isDisliked: (_c = data.isDisliked) != null ? _c : false,
+          isEditing: (_d = data.isEditing) != null ? _d : false,
+          editContent: (_e = data.editContent) != null ? _e : ""
+        };
+      }
+    };
+    onMounted(() => {
+      init();
+      isMounted.value = true;
+    });
+    onBeforeUnmount(() => {
+      if (fetchStream.value) {
+        fetchStream.value.abort();
+      }
+      isMounted.value = false;
+    });
+    const saveEdit = (index, newContent) => {
+      const message = chatList.value[index];
+      if (!message || !message.editContent)
+        return;
+      chatList.value[index] = {
+        ...message,
+        content: newContent,
+        isEditing: false,
+        editContent: void 0
+      };
+      nextTick(() => {
+        renderContent(message.content, "main", index);
+      });
+      if (index + 1 < chatList.value.length && chatList.value[index + 1].user === "ai") {
+        chatList.value.splice(index + 1, 1);
+      }
+      openSSE(newContent, index + 1);
+      emit("sendMessage", chatList.value);
+    };
+    const cancelEdit = (index) => {
+      const message = chatList.value[index];
+      if (!message)
+        return;
+      message.isEditing = false;
+      message.editContent = "";
+      nextTick(() => {
+        renderContent(message.content, "main", index);
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode(
+            "div",
+            {
+              ref_key: "chatContainer",
+              ref: chatContainer,
+              class: "chat-container"
+            },
+            [
+              chatList.value.length === 0 ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "hello-chat-content"
+              }, [
+                renderSlot(_ctx.$slots, "welcome", {}, () => [
+                  createVNode(HelloChat, { onSendMessage: sendMessage })
+                ])
+              ])) : createCommentVNode("v-if", true),
+              createCommentVNode(" Chat messages list "),
+              createElementVNode("div", { class: "chat-messages" }, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(chatList.value, (item, index) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      {
+                        key: item.chatId
+                      },
+                      [
+                        item.user === "u" ? (openBlock(), createBlock(UserMessage, {
+                          key: 0,
+                          item,
+                          index,
+                          onCopy: ($event) => handleMessageAction("copy", index),
+                          onEdit: ($event) => handleMessageAction("edit", index),
+                          onDelete: ($event) => handleMessageAction("delete", index),
+                          onSaveEdit: saveEdit,
+                          onCancelEdit: ($event) => cancelEdit(index)
+                        }, {
+                          userAvatar: withCtx(() => [
+                            renderSlot(_ctx.$slots, "userAvatar")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["item", "index", "onCopy", "onEdit", "onDelete", "onCancelEdit"])) : (openBlock(), createBlock(AiMessage, {
+                          key: 1,
+                          item,
+                          index,
+                          "enable-deep-thinking": enableDeepThinking.value,
+                          onCopy: ($event) => handleMessageAction("copy", index),
+                          onRetry: ($event) => handleMessageAction("retry", index),
+                          onLike: ($event) => handleMessageAction("like", index),
+                          onDislike: ($event) => handleMessageAction("dislike", index),
+                          onContentRendered: attachCopyButtons
+                        }, {
+                          aiMessageContent: withCtx(() => [
+                            renderSlot(_ctx.$slots, "aiMessageContent", {
+                              item,
+                              index
+                            })
+                          ]),
+                          aiAvatar: withCtx(() => [
+                            renderSlot(_ctx.$slots, "aiAvatar")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["item", "index", "enable-deep-thinking", "onCopy", "onRetry", "onLike", "onDislike"]))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ],
+            512
+            /* NEED_PATCH */
+          ),
+          createVNode(ChatInput, {
+            "input-value": inputValue.value,
+            "onUpdate:inputValue": ($event) => inputValue.value = $event,
+            "enable-deep-thinking": enableDeepThinking.value,
+            "onUpdate:enableDeepThinking": ($event) => enableDeepThinking.value = $event,
+            "is-chating": isChating.value,
+            onSend: handleSend,
+            onStop: handleStop,
+            onToggleDeepThinking: (val) => enableDeepThinking.value = val
+          }, {
+            input: withCtx(({ disabled }) => [
+              renderSlot(_ctx.$slots, "input", { disabled })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["input-value", "onUpdate:inputValue", "enable-deep-thinking", "onUpdate:enableDeepThinking", "is-chating", "onToggleDeepThinking"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=TouchChat.vue2.mjs.map