@touchvue/chat 1.0.0-beta.1

package/lib/packages/components/touchchat/src/AiRobot/Header.vue2.js

@@ -0,0 +1,201 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var HistoryList = require('../AiChat/HistoryList.vue.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Header",
+  props: {
+    chatHistory: {
+      type: Array,
+      required: true
+    },
+    activeChat: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["close", "newChat", "history", "selectChat", "renameChat", "deleteChat"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const state = vue.reactive({
+      currentRenameId: "",
+      currentTitle: ""
+    });
+    const emit = __emit;
+    const isHistoryOpen = vue.ref(false);
+    const historyDropdown = vue.ref(null);
+    const activeItemMenu = vue.ref(null);
+    const handleRenameChat = (id, newTitle) => {
+      const chat = props.chatHistory.find((item) => item.id === id);
+      if (chat) {
+        state.currentRenameId = id;
+        state.currentTitle = chat.title;
+        emit("renameChat", {
+          id,
+          newTitle: newTitle.trim()
+        });
+      }
+    };
+    const handleDeleteChat = (id) => {
+      emit("deleteChat", id);
+    };
+    const toggleHistoryDropdown = () => {
+      isHistoryOpen.value = !isHistoryOpen.value;
+      emit("history", isHistoryOpen.value);
+    };
+    const selectChat = (chatId) => {
+      emit("selectChat", chatId);
+      closeHistoryDropdown();
+    };
+    const closeHistoryDropdown = () => {
+      isHistoryOpen.value = false;
+      activeItemMenu.value = null;
+    };
+    const handleClose = () => {
+      emit("close");
+    };
+    const handleNewChat = () => {
+      emit("newChat");
+      closeHistoryDropdown();
+    };
+    const handleDocumentClick = (event) => {
+      if (historyDropdown.value && !historyDropdown.value.contains(event.target)) {
+        closeHistoryDropdown();
+      }
+    };
+    vue.onMounted(() => {
+      document.addEventListener("click", handleDocumentClick);
+    });
+    vue.onBeforeUnmount(() => {
+      document.removeEventListener("click", handleDocumentClick);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "header-container" }, [
+        vue.createElementVNode("div", { class: "chat-header" }, [
+          vue.createElementVNode("div", {
+            class: "close-btn",
+            onClick: handleClose
+          }, [
+            (vue.openBlock(), vue.createElementBlock("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none"
+            }, [
+              vue.createElementVNode("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M3.375 3.178L15.579 15.382L14.625 16.336L2.421 4.132L3.375 3.178Z",
+                fill: "#1D2129"
+              }),
+              vue.createElementVNode("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M15.579 4.132L3.375 16.336L2.421 15.382L14.625 3.178L15.579 4.132Z",
+                fill: "#1D2129"
+              })
+            ]))
+          ]),
+          vue.createElementVNode("div", { class: "header-title" }, "AI \u5BF9\u8BDD"),
+          vue.createElementVNode("div", { class: "header-actions" }, [
+            vue.createElementVNode("div", {
+              class: "action-icon new-chat",
+              onClick: handleNewChat
+            }, [
+              (vue.openBlock(), vue.createElementBlock("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 14 14",
+                fill: "none"
+              }, [
+                vue.createElementVNode("path", {
+                  d: "M6.16668 13.5089H7.83334V7.67554H13.6667V6.00887H7.83334V0.175537H6.16668V6.00887H0.333344V7.67554H6.16668V13.5089Z",
+                  fill: "#1D2129"
+                })
+              ]))
+            ]),
+            vue.createElementVNode("div", {
+              class: "action-icon history",
+              onClick: vue.withModifiers(toggleHistoryDropdown, ["stop"])
+            }, [
+              (vue.openBlock(), vue.createElementBlock("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "20",
+                height: "21",
+                viewBox: "0 0 20 21",
+                fill: "none"
+              }, [
+                vue.createElementVNode("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M10 3.95312C6.1954 3.95312 3.11113 7.03739 3.11113 10.842V17.7309H10C13.8047 17.7309 16.8889 14.6466 16.8889 10.842C16.8889 7.03738 13.8047 3.95312 10 3.95312ZM2.36113 18.4809L1.61113 18.4808V10.842C1.61113 6.20895 5.36698 2.45312 10 2.45312C14.6331 2.45312 18.3889 6.20896 18.3889 10.842C18.3889 15.4751 14.6331 19.2309 10 19.2309H2.36168L2.36113 18.4809ZM2.36113 18.4809L2.36168 19.2309C1.94747 19.2309 1.61113 18.8951 1.61113 18.4808L2.36113 18.4809Z",
+                  fill: "#1D2129"
+                }),
+                vue.createElementVNode("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M5.43055 7.80035H13.8056V9.30035H5.43055V7.80035Z",
+                  fill: "#1D2129"
+                }),
+                vue.createElementVNode("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M5.43055 10.8559H13.8056V12.3559H5.43055V10.8559Z",
+                  fill: "#1D2129"
+                }),
+                vue.createElementVNode("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M5.43055 13.9115H10.75V15.4115H5.43055V13.9115Z",
+                  fill: "#1D2129"
+                })
+              ]))
+            ])
+          ])
+        ]),
+        vue.createCommentVNode(" \u5386\u53F2\u8BB0\u5F55\u60AC\u6D6E\u7A97 "),
+        isHistoryOpen.value ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
+            ref_key: "historyDropdown",
+            ref: historyDropdown,
+            class: "history-dropdown"
+          },
+          [
+            vue.createCommentVNode(' class="history-list" '),
+            vue.createElementVNode("div", null, [
+              props.chatHistory.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "no-history"
+              }, [
+                vue.createElementVNode("p", null, "\u6682\u65E0\u5386\u53F2\u8BB0\u5F55")
+              ])) : (vue.openBlock(), vue.createElementBlock("div", { key: 1 }, [
+                vue.createElementVNode("div", { class: "history-group" }, [
+                  vue.createCommentVNode(' <div class="group-header">\n							<span>\u6700\u8FD1\u5BF9\u8BDD</span>\n						</div> '),
+                  vue.createVNode(HistoryList.default, {
+                    "active-chat": props.activeChat,
+                    "chat-history": props.chatHistory,
+                    onSelectChat: selectChat,
+                    onRenameChat: handleRenameChat,
+                    onDeleteChat: handleDeleteChat
+                  }, null, 8, ["active-chat", "chat-history"])
+                ])
+              ]))
+            ])
+          ],
+          512
+          /* NEED_PATCH */
+        )) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Header.vue2.js.map

package/lib/packages/components/touchchat/src/AiRobot/Header.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue2.js","sources":["../../../../../../../packages/components/touchchat/src/AiRobot/Header.vue"],"sourcesContent":["<template>\n  <div class=\"header-container\">\n    <div class=\"chat-header\">\n      <div class=\"close-btn\" @click=\"handleClose\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M3.375 3.178L15.579 15.382L14.625 16.336L2.421 4.132L3.375 3.178Z\"\n            fill=\"#1D2129\"\n          />\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M15.579 4.132L3.375 16.336L2.421 15.382L14.625 3.178L15.579 4.132Z\"\n            fill=\"#1D2129\"\n          />\n        </svg>\n      </div>\n      <div class=\"header-title\">AI 对话</div>\n      <div class=\"header-actions\">\n        <div class=\"action-icon new-chat\" @click=\"handleNewChat\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 14 14\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M6.16668 13.5089H7.83334V7.67554H13.6667V6.00887H7.83334V0.175537H6.16668V6.00887H0.333344V7.67554H6.16668V13.5089Z\"\n              fill=\"#1D2129\"\n            />\n          </svg>\n        </div>\n        <div class=\"action-icon history\" @click.stop=\"toggleHistoryDropdown\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"20\"\n            height=\"21\"\n            viewBox=\"0 0 20 21\"\n            fill=\"none\"\n          >\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M10 3.95312C6.1954 3.95312 3.11113 7.03739 3.11113 10.842V17.7309H10C13.8047 17.7309 16.8889 14.6466 16.8889 10.842C16.8889 7.03738 13.8047 3.95312 10 3.95312ZM2.36113 18.4809L1.61113 18.4808V10.842C1.61113 6.20895 5.36698 2.45312 10 2.45312C14.6331 2.45312 18.3889 6.20896 18.3889 10.842C18.3889 15.4751 14.6331 19.2309 10 19.2309H2.36168L2.36113 18.4809ZM2.36113 18.4809L2.36168 19.2309C1.94747 19.2309 1.61113 18.8951 1.61113 18.4808L2.36113 18.4809Z\"\n              fill=\"#1D2129\"\n            />\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M5.43055 7.80035H13.8056V9.30035H5.43055V7.80035Z\"\n              fill=\"#1D2129\"\n            />\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M5.43055 10.8559H13.8056V12.3559H5.43055V10.8559Z\"\n              fill=\"#1D2129\"\n            />\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M5.43055 13.9115H10.75V15.4115H5.43055V13.9115Z\"\n              fill=\"#1D2129\"\n            />\n          </svg>\n        </div>\n      </div>\n    </div>\n\n    <!-- 历史记录悬浮窗 -->\n    <div v-if=\"isHistoryOpen\" ref=\"historyDropdown\" class=\"history-dropdown\">\n      <!-- class=\"history-list\" -->\n      <div>\n        <div v-if=\"props.chatHistory.length === 0\" class=\"no-history\">\n          <p>暂无历史记录</p>\n        </div>\n        <div v-else>\n          <div class=\"history-group\">\n            <!-- <div class=\"group-header\">\n\t\t\t\t\t\t\t<span>最近对话</span>\n\t\t\t\t\t\t</div> -->\n            <HistoryList\n              :active-chat=\"props.activeChat\"\n              :chat-history=\"props.chatHistory\"\n              @select-chat=\"selectChat\"\n              @rename-chat=\"handleRenameChat\"\n              @delete-chat=\"handleDeleteChat\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, reactive, defineEmits, onMounted, onBeforeUnmount, PropType } from 'vue';\nimport HistoryList from '../AiChat/HistoryList.vue';\n\n// 定义与 HistoryList.vue 中匹配的类型\ninterface ChatMessage {\n  chatId?: string;\n  user: string;\n  type: string;\n  content: string;\n  isShowAvatar?: boolean;\n  avatar?: string;\n  isChating?: boolean;\n  thinkContent?: string;\n  reasoningContent?: string;\n}\n\ninterface HistoryItem {\n  id: string;\n  title: string;\n  time: Date;\n  messages: ChatMessage[];\n}\n\nconst props = defineProps({\n  chatHistory: {\n    type: Array as PropType<HistoryItem[]>,\n    required: true,\n  },\n  activeChat: {\n    type: String,\n    required: true,\n  },\n});\n\n// 添加重命名相关状态\nconst state = reactive<{\n  currentRenameId: string;\n  currentTitle: string;\n}>({\n  currentRenameId: '',\n  currentTitle: '',\n});\n\nconst emit = defineEmits<{\n  (e: 'close'): void;\n  (e: 'newChat'): void;\n  (e: 'history', isOpen: boolean): void;\n  (e: 'selectChat', id: string): void;\n  (e: 'renameChat', data: { id: string; newTitle: string }): void;\n  (e: 'deleteChat', id: string): void;\n}>();\n\nconst isHistoryOpen = ref(false);\nconst historyDropdown = ref<HTMLElement | null>(null);\nconst activeItemMenu = ref<string | null>(null);\n\n// 处理重命名对话\nconst handleRenameChat = (id: string, newTitle: string) => {\n  // 查找当前对话\n  const chat = props.chatHistory.find(item => item.id === id);\n  if (chat) {\n    state.currentRenameId = id;\n    state.currentTitle = chat.title;\n    emit('renameChat', {\n      id: id,\n      newTitle: newTitle.trim(),\n    });\n  }\n};\n\n// 处理删除对话\nconst handleDeleteChat = (id: string) => {\n  // 添加确认对话框\n  emit('deleteChat', id);\n};\n\n// 点击历史记录按钮切换悬浮窗显示/隐藏\nconst toggleHistoryDropdown = () => {\n  isHistoryOpen.value = !isHistoryOpen.value;\n  emit('history', isHistoryOpen.value); // 触发 history 事件，传递当前状态\n};\n\nconst selectChat = (chatId: string) => {\n  emit('selectChat', chatId);\n  closeHistoryDropdown();\n};\n\n// 关闭悬浮窗\nconst closeHistoryDropdown = () => {\n  isHistoryOpen.value = false;\n  activeItemMenu.value = null;\n};\n\n// 处理关闭按钮点击\nconst handleClose = () => {\n  emit('close');\n};\n\n// 处理新对话按钮点击\nconst handleNewChat = () => {\n  emit('newChat');\n  closeHistoryDropdown();\n};\n\n// 点击文档其他地方关闭悬浮窗\nconst handleDocumentClick = (event: MouseEvent) => {\n  if (historyDropdown.value && !historyDropdown.value.contains(event.target as Node)) {\n    closeHistoryDropdown();\n  }\n};\n\n// 挂载时添加事件监听\nonMounted(() => {\n  document.addEventListener('click', handleDocumentClick);\n});\n\n// 卸载时移除事件监听\nonBeforeUnmount(() => {\n  document.removeEventListener('click', handleDocumentClick);\n});\n</script>\n\n<style lang=\"less\" scoped>\n.header-container {\n  position: relative;\n}\n\n.chat-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.close-btn {\n  cursor: pointer;\n  color: #666;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5em;\n  border-radius: 0.25em;\n  transition: all 0.2s ease;\n\n  &:hover {\n    color: #333;\n    transform: scale(1.1);\n    background-color: #f0f0f0;\n  }\n}\n\n.close-btn:hover svg path {\n  fill: #ff4d4f;\n}\n\n.header-title {\n  font-size: 1em;\n  font-weight: bold;\n  color: #333;\n}\n\n.header-actions {\n  display: flex;\n  gap: 1em;\n}\n\n.action-icon {\n  width: 1.25em;\n  height: 1.25em;\n  cursor: pointer;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5em;\n  border-radius: 0.25em;\n\n  &:hover {\n    background-color: #f0f0f0;\n    transform: scale(1.1);\n  }\n}\n\n.new-chat:hover svg path {\n  fill: #1890ff;\n}\n\n.history:hover svg path {\n  fill: #1890ff;\n}\n\n/* 历史记录悬浮窗样式 */\n.history-dropdown {\n  position: absolute;\n  top: 3.2em;\n  /* 调整位置以适应您的布局 */\n  right: 1em;\n  width: 18.75em;\n  background-color: white;\n  border-radius: 0.5em;\n  box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.15);\n  z-index: 100;\n  overflow: hidden;\n}\n\n.dropdown-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.625em 1em;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.dropdown-title {\n  font-weight: 600;\n  color: #1d2129;\n}\n\n.dropdown-actions {\n  display: flex;\n  gap: 0.5em;\n}\n\n.new-chat-btn {\n  width: 2em;\n  height: 2em;\n  border-radius: 0.25em;\n  border: none;\n  background-color: #f7f8fa;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background-color: #e8ebef;\n  }\n}\n\n.history-list {\n  max-height: 31.25em;\n  overflow-y: auto;\n}\n\n.history-group {\n  padding: 0.5em 0;\n}\n\n.group-header {\n  padding: 0.375em 1em;\n  font-size: 0.75em;\n  color: #86909c;\n}\n\n.group-items {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.history-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.675em 1em;\n  cursor: pointer;\n\n  &:hover {\n    background-color: #f7f8fa;\n  }\n\n  &.active {\n    background-color: #e6f7ff;\n    border-left: 0.25em solid #1890ff;\n  }\n}\n\n.item-content {\n  flex: 1;\n  color: #1d2129;\n  font-size: 0.875em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-actions {\n  margin-left: 0.5em;\n}\n\n.more-btn {\n  width: 1.5em;\n  height: 1.5em;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: #86909c;\n  font-size: 0.875em;\n  line-height: 1.5em;\n\n  &:hover {\n    color: #1d2129;\n    background-color: #f0f0f0;\n    border-radius: 0.25em;\n  }\n}\n</style>\n"],"names":["reactive","ref","onMounted","onBeforeUnmount","_createElementBlock","_createElementVNode","_createCommentVNode","_createVNode","HistoryList"],"mappings":"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"}

package/lib/packages/components/touchchat/src/AiRobot/Input.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Input_vue_vue_type_script_setup_true_lang = require('./Input.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var Input = /* @__PURE__ */ _pluginVue_exportHelper.default(Input_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7dcf8867"], ["__file", "Input.vue"]]);
+
+exports.default = Input;
+//# sourceMappingURL=Input.vue.js.map

package/lib/packages/components/touchchat/src/AiRobot/Input.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/components/touchchat/src/AiRobot/Input.vue2.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Input",
+  props: {
+    btnDisable: {
+      type: Boolean,
+      required: true
+    },
+    inputMessage: {
+      type: String,
+      required: true,
+      default: ""
+    }
+  },
+  emits: ["update:inputMessage", "sendMessage"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const placeholder = vue.inject("placeholder", "");
+    const handleSend = () => {
+      if (props.btnDisable)
+        return;
+      const content = props.inputMessage.trim();
+      if (!content)
+        return;
+      emit("sendMessage", content);
+      emit("update:inputMessage", "");
+    };
+    const handleInputChange = (e) => {
+      const target = e.target;
+      emit("update:inputMessage", target.value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "input-container" }, [
+        vue.createElementVNode("textarea", {
+          value: __props.inputMessage,
+          placeholder: vue.unref(placeholder),
+          onInput: handleInputChange,
+          onKeydown: vue.withKeys(vue.withModifiers(handleSend, ["prevent"]), ["enter"])
+        }, null, 40, ["value", "placeholder", "onKeydown"]),
+        vue.createElementVNode("div", { onClick: handleSend }, [
+          vue.renderSlot(_ctx.$slots, "input", { disabled: __props.btnDisable }, () => [
+            vue.createElementVNode("button", {
+              class: "send-button square-icon-btn",
+              disabled: __props.btnDisable
+            }, [
+              (vue.openBlock(), vue.createElementBlock("svg", {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                vue.createElementVNode("path", { d: "M12 5v14M5 12l7-7 7 7" })
+              ]))
+            ], 8, ["disabled"])
+          ], true)
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Input.vue2.js.map

package/lib/packages/components/touchchat/src/AiRobot/Input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue2.js","sources":["../../../../../../../packages/components/touchchat/src/AiRobot/Input.vue"],"sourcesContent":["<template>\n  <div class=\"input-container\">\n    <textarea\n      :value=\"inputMessage\"\n      :placeholder=\"placeholder\"\n      @input=\"handleInputChange\"\n      @keydown.enter.prevent=\"handleSend\"\n    ></textarea>\n    <div @click=\"handleSend\">\n      <slot name=\"input\" :disabled=\"btnDisable\">\n        <button class=\"send-button square-icon-btn\" :disabled=\"btnDisable\">\n          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n          >\n            <path d=\"M12 5v14M5 12l7-7 7 7\" />\n          </svg>\n        </button>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { defineProps, defineEmits, inject } from 'vue';\n\nconst props = defineProps({\n  btnDisable: {\n    type: Boolean,\n    required: true,\n  },\n  inputMessage: {\n    type: String,\n    required: true,\n    default: '',\n  },\n});\n\nconst emit = defineEmits(['update:inputMessage', 'sendMessage']);\nconst placeholder = inject('placeholder', '');\n\nconst handleSend = () => {\n  if (props.btnDisable) return;\n  const content = props.inputMessage.trim();\n  if (!content) return;\n\n  emit('sendMessage', content);\n  emit('update:inputMessage', '');\n};\n\nconst handleInputChange = (e: Event) => {\n  const target = e.target as HTMLTextAreaElement;\n  emit('update:inputMessage', target.value);\n};\n</script>\n\n<style lang=\"less\" scoped>\n@import '../../style/variables.less';\n@import './style/index.less';\n</style>\n"],"names":["inject","_createElementBlock","_createElementVNode","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAYd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,WAAA,GAAcA,UAAO,CAAA,aAAA,EAAe,EAAE,CAAA,CAAA;AAE5C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAI,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACtB,MAAM,MAAA,OAAA,GAAU,KAAM,CAAA,YAAA,CAAa,IAAK,EAAA,CAAA;AACxC,MAAA,IAAI,CAAC,OAAA;AAAS,QAAA,OAAA;AAEd,MAAA,IAAA,CAAK,eAAe,OAAO,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,uBAAuB,EAAE,CAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAa,KAAA;AACtC,MAAA,MAAM,SAAS,CAAE,CAAA,MAAA,CAAA;AACjB,MAAK,IAAA,CAAA,qBAAA,EAAuB,OAAO,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;;4BAxDE,EAAAC,sBAAA,CAuBM,OAAA,EAvBD,KAAA,EAAM,mBAAiB,EAAA;AAAA,QAC1BC,uBAKY,UAAA,EAAA;AAAA,UAJT,OAAO,OAAY,CAAA,YAAA;AAAA,UACnB,WAAA,EAAaC,UAAW,WAAA,CAAA;AAAA,UACxB,OAAO,EAAA,iBAAA;AAAA,UACP,SAAA,iCAAuB,UAAU,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA;QAEpCD,sBAeM,CAAA,KAAA,EAAA,EAfA,OAAA,EAAO,YAAU,EAAA;AAAA,UACrBE,cAAA,CAaO,KAba,MAAA,EAAA,OAAA,EAAA,EAAA,QAAU,EAAA,OAAA,CAAA,cAA9B,MAaO;AAAA,YAZLF,uBAWS,QAAA,EAAA;AAAA,cAXD,KAAM,EAAA,6BAAA;AAAA,cAA+B,UAAU,OAAU,CAAA,UAAA;AAAA;8BAC/D,EAAAD,sBAAA,CASM,KAAA,EAAA;AAAA,gBARJ,KAAM,EAAA,IAAA;AAAA,gBACN,MAAO,EAAA,IAAA;AAAA,gBACP,OAAQ,EAAA,WAAA;AAAA,gBACR,IAAK,EAAA,MAAA;AAAA,gBACL,MAAO,EAAA,cAAA;AAAA,gBACP,cAAa,EAAA,GAAA;AAAA;gBAEbC,sBAAkC,CAAA,MAAA,EAAA,EAA5B,CAAA,EAAE,yBAAuB,CAAA;AAAA;;;;;;;;;;;"}

package/lib/packages/components/touchchat/src/AiRobot/Scene.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Scene_vue_vue_type_script_setup_true_lang = require('./Scene.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var Scene = /* @__PURE__ */ _pluginVue_exportHelper.default(Scene_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ad9feae7"], ["__file", "Scene.vue"]]);
+
+exports.default = Scene;
+//# sourceMappingURL=Scene.vue.js.map

package/lib/packages/components/touchchat/src/AiRobot/Scene.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/components/touchchat/src/AiRobot/Scene.vue2.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Scene",
+  props: {
+    scripts: {
+      type: Array,
+      required: true
+    },
+    btnDisable: {
+      type: Boolean,
+      required: true
+    },
+    selectedScriptName: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["sceneClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleSceneClick = (script) => {
+      emit("sceneClick", script);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "scene-buttons" }, [
+        (vue.openBlock(true), vue.createElementBlock(
+          vue.Fragment,
+          null,
+          vue.renderList(props.scripts, (script) => {
+            return vue.openBlock(), vue.createElementBlock("button", {
+              key: script.name,
+              class: vue.normalizeClass(["scene-btn", { active: props.selectedScriptName === script.name }]),
+              disabled: props.btnDisable,
+              onClick: ($event) => handleSceneClick(script)
+            }, vue.toDisplayString(script.name), 11, ["disabled", "onClick"]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Scene.vue2.js.map

package/lib/packages/components/touchchat/src/AiRobot/Scene.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.vue2.js","sources":["../../../../../../../packages/components/touchchat/src/AiRobot/Scene.vue"],"sourcesContent":["<template>\n  <div class=\"scene-buttons\">\n    <button\n      v-for=\"script in props.scripts\"\n      :key=\"script.name\"\n      class=\"scene-btn\"\n      :disabled=\"props.btnDisable\"\n      :class=\"{ active: props.selectedScriptName === script.name }\"\n      @click=\"handleSceneClick(script)\"\n    >\n      {{ script.name }}\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst props = defineProps({\n  scripts: {\n    type: Array<{\n      name: string;\n      content: Array<{\n        user: string;\n        data?: string;\n        subData?: Array<string>;\n        type?: string;\n      }>;\n    }>,\n    required: true,\n  },\n  btnDisable: {\n    type: Boolean,\n    required: true,\n  },\n  selectedScriptName: {\n    type: String,\n    required: true,\n  },\n});\n\nconst emit = defineEmits(['sceneClick']);\n\nconst handleSceneClick = (script: {\n  name: string;\n  content: Array<{\n    user: string;\n    data?: string;\n    subData?: Array<string>;\n    type?: string;\n  }>;\n}) => {\n  emit('sceneClick', script);\n};\n</script>\n\n<style lang=\"less\" scoped>\n@import '../../style/variables.less';\n@import './style/index.less';\n</style>\n"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,gBAAA,GAAmB,CAAC,MAQpB,KAAA;AACJ,MAAA,IAAA,CAAK,cAAc,MAAM,CAAA,CAAA;AAAA,KAC3B,CAAA;;4BAlDE,EAAAA,sBAAA,CAWM,OAAA,EAXD,KAAA,EAAM,iBAAe,EAAA;AAAA,SACxBC,aAAA,CAAA,IAAA,CAAA,EAAAD,sBAAA;AAAA,UASSE,YAAA;AAAA,UARU,IAAA;AAAA,UAAAC,cAAA,CAAA,KAAA,CAAM,UAAhB,MAAM,KAAA;kCADf,EAAAH,sBAAA,CASS,QAAA,EAAA;AAAA,cAPN,KAAK,MAAO,CAAA,IAAA;AAAA,cACb,KAAA,EAAKI,kBAAA,CAAA,CAAC,WAEY,EAAA,EAAA,MAAA,EAAA,KAAA,CAAM,kBAAuB,KAAA,MAAA,CAAO,IAAI,EAAA,CAAA,CAAA;AAAA,cADzD,UAAU,KAAM,CAAA,UAAA;AAAA,cAEhB,OAAK,EAAA,CAAA,MAAE,KAAA,gBAAA,CAAiB,MAAM,CAAA;AAAA,aAE5B,EAAAC,oBAAA,MAAO,CAAA,IAAI,GAAA,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AAAA;;;;;;;;;;;"}

package/lib/packages/components/touchchat/src/AiRobot/component/HelloChat.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HelloChat_vue_vue_type_script_setup_true_lang = require('./HelloChat.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var HelloChat = /* @__PURE__ */ _pluginVue_exportHelper.default(HelloChat_vue_vue_type_script_setup_true_lang.default, [["__file", "HelloChat.vue"]]);
+
+exports.default = HelloChat;
+//# sourceMappingURL=HelloChat.vue.js.map

package/lib/packages/components/touchchat/src/AiRobot/component/HelloChat.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelloChat.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}