@touchvue/chat 1.0.0-beta.1

package/lib/packages/components/touchchat/src/AiRobot/component/start.vue2.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var letter = require('./letter.vue.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "start",
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const showBtn = vue.ref(false);
+    const complete = () => {
+      showBtn.value = true;
+      emits("complete");
+    };
+    const parentContext = vue.inject("parentContext");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(letter.default, {
+          data: "\u6B22\u8FCE\u4F7F\u7528 touchvue\uFF0C\u6211\u662F\u60A8\u7684\u79C1\u4EBA\u52A9\u7406\u5C0F\u542F\u3002",
+          onComplete: complete
+        }),
+        vue.withDirectives(vue.createElementVNode("button", {
+          class: "apply-btn",
+          onClick: ($event) => {
+            var _a;
+            return (_a = vue.unref(parentContext)) == null ? void 0 : _a.methods.sendMessage("\u6211\u8981\u7533\u8BF7\u7528\u6C14");
+          }
+        }, " \u7533\u8BF7\u901A\u6C14 ", 8, ["onClick"]), [
+          [vue.vShow, showBtn.value]
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=start.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"start.vue2.js","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/component/start.vue"],"sourcesContent":["<template>\n  <div>\n    <letter data=\"欢迎使用 touchvue，我是您的私人助理小启。\" @complete=\"complete\"></letter>\n    <button\n      v-show=\"showBtn\"\n      class=\"apply-btn\"\n      @click=\"parentContext?.methods.sendMessage('我要申请用气')\"\n    >\n      申请通气\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, inject } from 'vue';\nimport Letter from './letter.vue';\nconst emits = defineEmits<{\n  (e: 'complete'): void;\n}>();\nconst showBtn = ref(false);\nconst complete = () => {\n  showBtn.value = true;\n  emits('complete');\n};\ninterface ParentContext {\n  methods: {\n    sendMessage: (message: string) => void;\n  };\n}\nconst parentContext = inject<ParentContext>('parentContext');\n</script>\n\n<style lang=\"less\" scoped>\n.apply-btn {\n  background-color: #0077fa; /* 使用项目主色调 */\n  color: white; /* 白色文字 */\n  border: none; /* 移除默认边框 */\n  border-radius: 1.25em; /* 圆角设计 */\n  padding: 0.5em 1.25em; /* 内边距 */\n  font-size: 0.875em; /* 字体大小 */\n  cursor: pointer; /* 鼠标指针样式 */\n  transition: all 0.3s ease; /* 过渡效果 */\n  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.1); /* 轻微阴影 */\n  margin-top: 1em; /* 顶部间距 */\n\n  &:hover {\n    background-color: #0055cc; /*  hover时深色 */\n    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.15); /* 增强阴影 */\n    transform: translateY(-1px); /* 轻微上浮 */\n  }\n\n  &:active {\n    transform: translateY(1px); /* 点击时下沉 */\n    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.1); /* 减小阴影 */\n  }\n}\n</style>\n"],"names":["ref","inject","_createElementBlock","_createVNode","Letter","_createElementVNode","_unref"],"mappings":";;;;;;;;;;;AAgBA,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,OAAA,GAAUA,QAAI,KAAK,CAAA,CAAA;AACzB,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,KAClB,CAAA;AAMA,IAAM,MAAA,aAAA,GAAgBC,WAAsB,eAAe,CAAA,CAAA;;8BA5BzDC,sBASM,CAAA,KAAA,EAAA,IAAA,EAAA;AAAA,QARJC,gBAAuEC,cAAA,EAAA;AAAA,UAA/D,IAAK,EAAA,2GAAA;AAAA,UAA6B,UAAU,EAAA,QAAA;AAAA;2BACpDC,uBAMS,QAAA,EAAA;AAAA,UAJP,KAAM,EAAA,WAAA;AAAA,UACL,OAAA,EAAO,CAAA,MAAA,KAAA;;AAAA,YAAA,OAAA,CAAA,EAAA,GAAAC,SAAA,CAAA,aAAA,CAAA,KAAA,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,CAAQ,WAAW,CAAA,sCAAA,CAAA,CAAA;AAAA,WAAA;AAAA,WAC3C,4BAED,EAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA;AAAA,oBALU,EAAA,OAAA,CAAO,KAAA,CAAA;AAAA;;;;;;;;"}

package/lib/packages/components/touchchat/src/AiRobot/img/Avatar-AI.png.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _imports_0 = "assets/Avatar-AI-8c9ec26060b39bf7.png";
+
+exports.default = _imports_0;
+//# sourceMappingURL=Avatar-AI.png.js.map

package/lib/packages/components/touchchat/src/AiRobot/img/Avatar-AI.png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-AI.png.js","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/img/Avatar-AI.png"],"sourcesContent":["export default \"assets/Avatar-AI-8c9ec26060b39bf7.png\""],"names":[],"mappings":";;;;AAAA,iBAAe;;;;"}

package/lib/packages/components/touchchat/src/AiRobot/img/icon.png.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _imports_1 = "assets/icon-ac4086674fbfd358.png";
+
+exports.default = _imports_1;
+//# sourceMappingURL=icon.png.js.map

package/lib/packages/components/touchchat/src/AiRobot/img/icon.png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.png.js","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/img/icon.png"],"sourcesContent":["export default \"assets/icon-ac4086674fbfd358.png\""],"names":[],"mappings":";;;;AAAA,iBAAe;;;;"}

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

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

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

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

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

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var AvatarAI = require('./img/Avatar-AI.png.js');
+var ChatPanel = require('./ChatPanel.vue.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    scripts: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const isChatPanelOpen = vue.ref(true);
+    const isNotHeader = vue.inject("isNotHeader", false);
+    if (isNotHeader) {
+      isChatPanelOpen.value = false;
+    }
+    const props = __props;
+    const toggleChatPanel = () => {
+      isChatPanelOpen.value = !isChatPanelOpen.value;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createVNode(vue.Transition, { name: "slide-right" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(ChatPanel.default, {
+                "is-chat-panel-open": isChatPanelOpen.value,
+                scripts: props.scripts,
+                onToggleChatPanel: toggleChatPanel
+              }, {
+                aiAvatar: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "aiAvatar", {}, void 0, true)
+                ]),
+                userAvatar: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "userAvatar", {}, void 0, true)
+                ]),
+                welcome: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "welcome", {}, void 0, true)
+                ]),
+                input: vue.withCtx(({ disabled }) => [
+                  vue.renderSlot(_ctx.$slots, "input", { disabled }, void 0, true)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["is-chat-panel-open", "scripts"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }),
+          vue.withDirectives(vue.createElementVNode(
+            "div",
+            {
+              class: "floating-avatar-container",
+              onClick: toggleChatPanel
+            },
+            [
+              vue.createElementVNode("img", {
+                src: AvatarAI.default,
+                alt: "AI\u5934\u50CF",
+                class: "floating-avatar"
+              })
+            ],
+            512
+            /* NEED_PATCH */
+          ), [
+            [vue.vShow, isChatPanelOpen.value]
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=index.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../../packages/components/touchchat/src/AiRobot/index.vue"],"sourcesContent":["<template>\r\n  <transition name=\"slide-right\">\r\n    <!-- 修改动画名称 -->\r\n    <ChatPanel\r\n      :is-chat-panel-open=\"isChatPanelOpen\"\r\n      :scripts=\"props.scripts\"\r\n      @toggle-chat-panel=\"toggleChatPanel\"\r\n    >\r\n      <template #aiAvatar>\r\n        <slot name=\"aiAvatar\" />\r\n      </template>\r\n      <template #userAvatar>\r\n        <slot name=\"userAvatar\" />\r\n      </template>\r\n      <template #welcome>\r\n        <slot name=\"welcome\" />\r\n      </template>\r\n      <template #input=\"{ disabled }\">\r\n        <slot name=\"input\" :disabled=\"disabled\" />\r\n      </template>\r\n    </ChatPanel>\r\n  </transition>\r\n  <div v-show=\"isChatPanelOpen\" class=\"floating-avatar-container\" @click=\"toggleChatPanel\">\r\n    <img src=\"../AiRobot/img/Avatar-AI.png\" alt=\"AI头像\" class=\"floating-avatar\" />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, inject } from 'vue';\r\nimport ChatPanel from './ChatPanel.vue';\r\n\r\nconst isChatPanelOpen = ref(true);\r\n\r\nconst isNotHeader = inject('isNotHeader', false);\r\nif (isNotHeader) {\r\n  isChatPanelOpen.value = false;\r\n}\r\n\r\nconst props = defineProps({\r\n  scripts: {\r\n    type: Array<{\r\n      name: string;\r\n      content: Array<{\r\n        user: string;\r\n        data?: string;\r\n        subData?: Array<string>;\r\n        type?: string;\r\n      }>;\r\n    }>,\r\n    default: () => [],\r\n  },\r\n});\r\n\r\n// 添加点击事件处理函数\r\nconst toggleChatPanel = () => {\r\n  isChatPanelOpen.value = !isChatPanelOpen.value;\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.slide-right-enter-from,\r\n.slide-right-leave-to {\r\n  transform: translateX(100%);\r\n  opacity: 0;\r\n}\r\n\r\n.slide-right-enter-active,\r\n.slide-right-leave-active {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.floating-avatar-container {\r\n  position: fixed;\r\n  bottom: 1.25em;\r\n  right: 1.25em; /* 保持悬浮按钮在右下角  */\r\n  z-index: 1000;\r\n  cursor: pointer;\r\n}\r\n\r\n.floating-avatar {\r\n  width: 3.75em;\r\n  height: 3.75em;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0.25em 0.625em rgba(0, 0, 0, 0.2);\r\n  transition: all 0.3s ease;\r\n  &:hover {\r\n    transform: scale(1.1);\r\n    box-shadow: 0 0.375em 1em rgba(0, 0, 0, 0.3);\r\n  }\r\n}\r\n</style>\r\n"],"names":["ref","inject","_createVNode","_Transition","ChatPanel","_renderSlot","_withCtx","_createElementVNode","_imports_0"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,eAAA,GAAkBA,QAAI,IAAI,CAAA,CAAA;AAEhC,IAAM,MAAA,WAAA,GAAcC,UAAO,CAAA,aAAA,EAAe,KAAK,CAAA,CAAA;AAC/C,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,eAAA,CAAgB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC1B;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAgBd,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAgB,eAAA,CAAA,KAAA,GAAQ,CAAC,eAAgB,CAAA,KAAA,CAAA;AAAA,KAC3C,CAAA;;;;;;UAvDEC,eAoBa,CAAAC,cAAA,EAAA,EApBD,IAAA,EAAK,eAAa,EAAA;AAAA,iCAE5B,MAiBY;AAAA,cAjBZD,gBAiBYE,iBAAA,EAAA;AAAA,gBAhBT,sBAAoB,eAAe,CAAA,KAAA;AAAA,gBACnC,SAAS,KAAM,CAAA,OAAA;AAAA,gBACf,iBAAmB,EAAA,eAAA;AAAA;gBAET,QAAA,cACT,MAAwB;AAAA,kBAAxBC,eAAwB,IAAA,CAAA,MAAA,EAAA,YAAA,EAAA,EAAA,QAAA,IAAA,CAAA;AAAA;gBAEf,UAAA,cACT,MAA0B;AAAA,kBAA1BA,eAA0B,IAAA,CAAA,MAAA,EAAA,cAAA,EAAA,EAAA,QAAA,IAAA,CAAA;AAAA;gBAEjB,OAAA,cACT,MAAuB;AAAA,kBAAvBA,eAAuB,IAAA,CAAA,MAAA,EAAA,WAAA,EAAA,EAAA,QAAA,IAAA,CAAA;AAAA;gBAEd,KAAK,EAAAC,WAAA,CACd,CAA0C,EADxB,UAAQ,KAAA;AAAA,kBAC1BD,cAAA,CAA0C,KAAA,MAAA,EAAA,OAAA,EAAA,EAAtB,QAAkB,EAAA,EAAA,QAAA,IAAA,CAAA;AAAA;;;;;;;;4BAI5C,CAAAE,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFwB,KAAM,EAAA,2BAAA;AAAA,cAA6B,OAAO,EAAA,eAAA;AAAA;;cACtEA,uBAA6E,KAAA,EAAA;AAAA,gBAAxE,GAAA,EAAAC,gBAAA;AAAA,gBAAmC,GAAI,EAAA,gBAAA;AAAA,gBAAO,KAAM,EAAA,iBAAA;AAAA;;;;;sBAD9C,EAAA,eAAA,CAAe,KAAA,CAAA;AAAA;;;;;;;;;;;"}

package/lib/packages/components/touchchat/src/index.vue.js

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

package/lib/packages/components/touchchat/src/index.vue.js.map

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

package/lib/packages/components/touchchat/src/index.vue2.js

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var TouchHistory = require('./AiChat/TouchHistory.vue.js');
+var index = require('./AiRobot/index.vue.js');
+
+const __default__ = vue.defineComponent({ name: "ToTouchChat" });
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    scripts: { default: () => [] },
+    width: { default: "100%" },
+    height: { default: "100%" },
+    action: { default: "https://api.apiyi.com/v1/chat/completions" },
+    headers: { default: () => ({
+      "Content-Type": "application/json",
+      Authorization: "Bearer sk-fe9MtODvds8wpzz05f3417Fe3e9641C1926e6fC588425dEd"
+    }) },
+    rootMap: { default: () => ({}) },
+    token: { default: "" },
+    wsUrl: { default: "" },
+    connectionType: { default: "SSE" },
+    isAvatar: { type: Boolean, default: true },
+    placeholder: { default: "hi\uFF0C\u6211\u662F\u5C0F\u667A\uFF0C\u5FEB\u6765\u548C\u6211\u804A\u5929\u5427~" },
+    mode: { default: "chat" },
+    robotUnmatched: { default: "\u60A8\u7684\u6D88\u606F\u672A\u5339\u914D\u5230\u4EFB\u4F55\u5185\u5BB9" },
+    helloChatList: { default: () => [] },
+    helloChatInfo: { default: () => ({
+      info1: { name: "", content: [] },
+      info2: { name: "", content: [] },
+      info3: { name: "", content: [] }
+    }) },
+    isNotHeader: { type: Boolean, default: false }
+  },
+  emits: ["messageLike", "messageDislike"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    vue.provide("action", props.action);
+    vue.provide("headers", props.headers);
+    vue.provide("rootMap", props.rootMap);
+    vue.provide("token", props.token);
+    vue.provide("wsUrl", props.wsUrl);
+    vue.provide("connectionType", props.connectionType);
+    vue.provide("isAvatar", props.isAvatar);
+    vue.provide("placeholder", props.placeholder);
+    vue.provide("robotUnmatched", props.robotUnmatched);
+    vue.provide("helloChatList", props.helloChatList);
+    vue.provide("helloChatInfo", props.helloChatInfo);
+    vue.provide("isNotHeader", props.isNotHeader);
+    vue.provide("handleLike", (index, isLike) => {
+      emits("messageLike", index, isLike);
+    });
+    vue.provide("handleUnlike", (index, isUnlike) => {
+      emits("messageDislike", index, isUnlike);
+    });
+    const rootRef = vue.ref(null);
+    const aiRobotRef = vue.ref(null);
+    const elementClass = vue.computed(() => {
+      const classList = ["touch-chat"];
+      if (props.mode) {
+        classList.push(`touch-chat-${props.mode}`);
+      }
+      return classList.join(" ");
+    });
+    const elementStyle = vue.computed(() => {
+      let width = "100%";
+      let height = "100%";
+      if (props.width) {
+        if (typeof props.width === "string") {
+          width = props.width;
+        } else {
+          width = `${props.width}em`;
+        }
+      }
+      if (props.height) {
+        if (typeof props.height === "string") {
+          height = props.height;
+        } else {
+          height = `${props.height}em`;
+        }
+      }
+      return {
+        width,
+        height
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: vue.normalizeClass(["touch-chat", elementClass.value]),
+          style: vue.normalizeStyle(elementStyle.value)
+        },
+        [
+          !_ctx.scripts.length ? (vue.openBlock(), vue.createBlock(TouchHistory.default, { key: 0 }, {
+            aiMessageContent: vue.withCtx(({ item, index }) => [
+              vue.renderSlot(_ctx.$slots, "aiMessageContent", {
+                item,
+                index
+              })
+            ]),
+            aiAvatar: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "aiAvatar")
+            ]),
+            userAvatar: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "userAvatar")
+            ]),
+            welcome: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "welcome")
+            ]),
+            input: vue.withCtx(({ disabled }) => [
+              vue.renderSlot(_ctx.$slots, "input", { disabled })
+            ]),
+            _: 3
+            /* FORWARDED */
+          })) : (vue.openBlock(), vue.createBlock(index.default, {
+            key: 1,
+            ref_key: "aiRobotRef",
+            ref: aiRobotRef,
+            scripts: _ctx.scripts
+          }, {
+            aiAvatar: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "aiAvatar")
+            ]),
+            userAvatar: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "userAvatar")
+            ]),
+            welcome: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "welcome")
+            ]),
+            input: vue.withCtx(({ disabled }) => [
+              vue.renderSlot(_ctx.$slots, "input", { disabled })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["scripts"]))
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=index.vue2.js.map

package/lib/packages/components/touchchat/src/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../packages/components/touchchat/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({ name: 'ToTouchChat' });\n</script>\n<template>\n  <div ref=\"rootRef\" class=\"touch-chat\" :style=\"elementStyle\" :class=\"elementClass\">\n    <DeepSeek v-if=\"!scripts.length\">\n      <template #aiMessageContent=\"{ item, index }\">\n        <slot name=\"aiMessageContent\" :item=\"item\" :index=\"index\" />\n      </template>\n      <template #aiAvatar>\n        <slot name=\"aiAvatar\" />\n      </template>\n      <template #userAvatar>\n        <slot name=\"userAvatar\" />\n      </template>\n      <template #welcome>\n        <slot name=\"welcome\" />\n      </template>\n      <template #input=\"{ disabled }\">\n        <slot name=\"input\" :disabled=\"disabled\" />\n      </template>\n    </DeepSeek>\n    <AiRobot v-else ref=\"aiRobotRef\" :scripts=\"scripts\">\n      <template #aiAvatar>\n        <slot name=\"aiAvatar\" />\n      </template>\n      <template #userAvatar>\n        <slot name=\"userAvatar\" />\n      </template>\n      <template #welcome>\n        <slot name=\"welcome\" />\n      </template>\n      <template #input=\"{ disabled }\">\n        <slot name=\"input\" :disabled=\"disabled\" />\n      </template>\n    </AiRobot>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport DeepSeek from './AiChat/TouchHistory.vue';\nimport AiRobot from './AiRobot/index.vue';\nimport { provide, ref, computed, defineEmits } from 'vue';\n\n;\n\nconst emits = defineEmits<{\n  (e: 'messageLike', index: number, isLike: boolean): void;\n  (e: 'messageDislike', index: number, isDislike: boolean): void;\n}>();\n\ninterface ScriptItem {\n  id?: string;\n  name: string;\n  subTitle?: string;\n  content: Array<{\n    user: string;\n    data?: string;\n    subData?: string[];\n    type?: string;\n  }>;\n}\n\ninterface HelloChatInfoType {\n  info1: ScriptItem;\n  info2: ScriptItem;\n  info3: ScriptItem;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    scripts?: ScriptItem[];\n    width?: number | string;\n    height?: number | string;\n    action?: string;\n    headers?: { [key: string]: any };\n    rootMap?: { [key: string]: any };\n    token?: string;\n    wsUrl?: string;\n    connectionType?: string;\n    isAvatar?: boolean;\n    placeholder?: string;\n    mode?: string;\n    robotUnmatched?: string;\n    helloChatList?: ScriptItem[];\n    helloChatInfo?: HelloChatInfoType;\n    isNotHeader?: boolean;\n  }>(),\n  {\n    scripts: () => [],\n    width: '100%',\n    height: '100%',\n    action: 'https://api.apiyi.com/v1/chat/completions',\n    headers: () => ({\n      'Content-Type': 'application/json',\n      Authorization: 'Bearer sk-fe9MtODvds8wpzz05f3417Fe3e9641C1926e6fC588425dEd',\n    }),\n    token: '',\n    wsUrl: '',\n    connectionType: 'SSE',\n    rootMap: () => ({}),\n    isAvatar: true,\n    placeholder: 'hi，我是小智，快来和我聊天吧~',\n    mode: 'chat',\n    robotUnmatched: '您的消息未匹配到任何内容',\n    helloChatList: () => [],\n    helloChatInfo: () => ({\n      info1: { name: '', content: [] },\n      info2: { name: '', content: [] },\n      info3: { name: '', content: [] },\n    }),\n    isNotHeader: false,\n  }\n);\nprovide('action', props.action);\nprovide('headers', props.headers);\nprovide('rootMap', props.rootMap);\nprovide('token', props.token);\nprovide('wsUrl', props.wsUrl);\nprovide('connectionType', props.connectionType);\nprovide('isAvatar', props.isAvatar);\nprovide('placeholder', props.placeholder);\nprovide('robotUnmatched', props.robotUnmatched);\nprovide('helloChatList', props.helloChatList);\nprovide('helloChatInfo', props.helloChatInfo);\nprovide('isNotHeader', props.isNotHeader);\n\n// 新增：提供处理点赞事件的函数\nprovide('handleLike', (index: number, isLike: boolean) => {\n  // 这里可以实现具体的点赞逻辑\n  //   console.log(`用户点赞了索引为 ${index} 的消息,状态为 ${isLike}`);\n  emits('messageLike', index, isLike);\n  // 可以添加实际的业务逻辑，如调用API等\n});\n\n// 新增：提供处理点赞事件的函数\nprovide('handleUnlike', (index: number, isUnlike: boolean) => {\n  // 这里可以实现具体的点赞逻辑\n  //   console.log(`用户不喜欢了索引为 ${index} 的消息,状态为 ${isUnlike}`);\n  emits('messageDislike', index, isUnlike);\n  // 可以添加实际的业务逻辑，如调用API等\n});\n\nconst rootRef = ref(null);\nconst aiRobotRef = ref(null);\n\nconst elementClass = computed(() => {\n  const classList = ['touch-chat'];\n  if (props.mode) {\n    classList.push(`touch-chat-${props.mode}`);\n  }\n  return classList.join(' ');\n});\n\nconst elementStyle = computed(() => {\n  let width = '100%';\n  let height = '100%';\n\n  if (props.width) {\n    if (typeof props.width === 'string') {\n      width = props.width;\n    } else {\n      width = `${props.width}em`;\n    }\n  }\n\n  if (props.height) {\n    if (typeof props.height === 'string') {\n      height = props.height;\n    } else {\n      height = `${props.height}em`;\n    }\n  }\n\n  return {\n    width,\n    height,\n  };\n});\n</script>\n"],"names":["DO_defineComponent","provide","ref","computed","_createElementBlock","_normalizeClass","scripts","_createBlock","DeepSeek","_withCtx","_renderSlot","AiRobot"],"mappings":"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"}

package/lib/packages/components/touchchat/utils/chatRobot.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var socket = require('./socket.js');
+
+class ChatRobot {
+  constructor(config) {
+    this.chatSocket = null;
+    this.chatOrder = 0;
+    this.status = null;
+    this.listeners = /* @__PURE__ */ new Map();
+    const mockVue = {
+      prototype: {
+        $uuid: () => "mock-uuid-123"
+      }
+    };
+    this.chatId = mockVue.prototype.$uuid().replace(/-/gi, "");
+    this.config = { ...config };
+    this.token = config.token;
+  }
+  connect() {
+    let origin = window.location.origin || "http://localhost";
+    if (origin.indexOf("http") > -1) {
+      origin = origin.replace("http", "ws");
+    } else if (origin.indexOf("https") > -1) {
+      origin = origin.replace("https", "wss");
+    }
+    this.chatSocket = new socket.Socket(
+      `${origin}/websocket`,
+      //   `${this.config.wsUrl}`,
+      this.chatMsgCallback.bind(this),
+      this.chatStatusCallback.bind(this),
+      this
+    );
+    this.chatSocket.connect(true);
+  }
+  close() {
+    if (this.chatSocket) {
+      this.chatSocket.close();
+    }
+  }
+  chatMsgCallback(msg) {
+    if (typeof msg !== "object" || !msg.type)
+      return;
+    const callbacks = this.listeners.get(msg.type);
+    if (callbacks) {
+      callbacks.forEach((callback) => {
+        try {
+          callback.msgCallback(msg.data ? msg.data : msg);
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+  }
+  chatStatusCallback(status) {
+    this.status = status;
+    if (status === socket.SOCKET_STATUS.CONNECTED) {
+      let baseInfo = { chatId: this.chatId, accessToken: this.token, chatType: "switchHistory" };
+      if (this.config && this.config.otherChatData) {
+        baseInfo = { ...baseInfo, ...this.config.otherChatData };
+      }
+      if (this.chatSocket) {
+        this.chatSocket.send(baseInfo, "text");
+      }
+    }
+    this.listeners.forEach((callbacks) => {
+      callbacks.forEach((callback) => {
+        if (callback.statusCallback) {
+          try {
+            callback.statusCallback(status);
+          } catch (e) {
+            console.error("statusCallback\u56DE\u8C03\u5F02\u5E38", e);
+          }
+        }
+      });
+    });
+  }
+  addListener(msgType, listener) {
+    var _a;
+    if (!this.listeners.has(msgType)) {
+      this.listeners.set(msgType, []);
+    }
+    (_a = this.listeners.get(msgType)) == null ? void 0 : _a.push(listener);
+  }
+  removeListener() {
+    console.log(this.listeners);
+  }
+  send(chatInfo, chatType = "request") {
+    if (!this.chatSocket || this.chatSocket.status !== "connected") {
+      throw new Error("\u7F51\u7EDC\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC");
+    }
+    try {
+      let chatData = {
+        chatId: this.chatId,
+        accessToken: this.token,
+        chatType: "request",
+        chatOrder: chatType === "request" ? ++this.chatOrder : void 0,
+        chatInfo
+      };
+      if (this.config && this.config.otherChatData) {
+        chatData = { ...chatData, ...this.config.otherChatData };
+      }
+      this.chatSocket.send(chatData, "text");
+    } catch (e) {
+      if (e instanceof Error) {
+        throw new Error("\u6D88\u606F\u7EC4\u7EC7\u5931\u8D25\uFF0C\u8BF7\u5237\u65B0");
+      }
+    }
+  }
+}
+
+exports.ChatRobot = ChatRobot;
+//# sourceMappingURL=chatRobot.js.map

package/lib/packages/components/touchchat/utils/chatRobot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatRobot.js","sources":["../../../../../../packages/components/touchchat/utils/chatRobot.ts"],"sourcesContent":["// // 假设 Socket 和 SOCKET_STATUS 的类型定义如下，实际可能需要根据 socket.ts 文件调整\nimport { Socket, SOCKET_STATUS } from './socket';\n// 修改iSocket接口定义\ninterface iSocket {\n  status: string;\n  connect: (arg: boolean) => Promise<boolean>; // 修改为返回Promise<boolean>\n  close: () => void;\n  send: (data: string | object | Blob | ArrayBuffer, sendType?: 'text' | 'binary') => Promise<void>; // 更新参数和返回类型\n}\n\n// type SOCKET_STATUS = {\n//     CONNECTED: string;\n// };\n\ntype Listener = {\n  msgCallback: (data: any) => void;\n  statusCallback?: (status: string) => void;\n};\n\ntype ChatConfig = {\n  token: string;\n  wsUrl: string;\n  otherChatData?: Record<string, any>;\n};\n\n// 由于 Vue 未在项目结构中找到，这里简化处理\ninterface VuePrototype {\n  $uuid: () => string;\n}\n\ndeclare global {\n  interface Location {\n    readonly origin: string; // 添加readonly修饰符\n  }\n}\n\nclass ChatRobot {\n  chatSocket: iSocket | null = null;\n  chatId: string;\n  chatOrder: number = 0;\n  status: string | null = null;\n  token: string;\n  listeners: Map<string, Listener[]> = new Map();\n  config: ChatConfig;\n\n  constructor(config: ChatConfig) {\n    // 假设 Vue 存在且有 $uuid 方法\n    const mockVue: { prototype: VuePrototype } = {\n      prototype: {\n        $uuid: () => 'mock-uuid-123',\n      },\n    };\n    this.chatId = mockVue.prototype.$uuid().replace(/-/gi, '');\n    this.config = { ...config };\n    this.token = config.token;\n  }\n\n  connect() {\n    let origin = (window.location as any).origin || 'http://localhost';\n\n    if (origin.indexOf('http') > -1) {\n      origin = origin.replace('http', 'ws');\n    } else if (origin.indexOf('https') > -1) {\n      origin = origin.replace('https', 'wss');\n    }\n\n    // 假设 Socket 构造函数签名如下\n    this.chatSocket = new Socket(\n      `${origin}/websocket`,\n      //   `${this.config.wsUrl}`,\n      this.chatMsgCallback.bind(this),\n      this.chatStatusCallback.bind(this),\n      this\n    );\n    this.chatSocket.connect(true);\n  }\n\n  close() {\n    if (this.chatSocket) {\n      this.chatSocket.close();\n    }\n  }\n\n  chatMsgCallback(msg: any) {\n    if (typeof msg !== 'object' || !msg.type) return;\n\n    const callbacks = this.listeners.get(msg.type);\n    if (callbacks) {\n      callbacks.forEach(callback => {\n        try {\n          callback.msgCallback(msg.data ? msg.data : msg);\n        } catch (e) {\n          console.error(e);\n        }\n      });\n    }\n  }\n\n  chatStatusCallback(status: string) {\n    this.status = status;\n    // 连接成功后，发送此指令\n    if (status === SOCKET_STATUS.CONNECTED) {\n      let baseInfo = { chatId: this.chatId, accessToken: this.token, chatType: 'switchHistory' };\n\n      if (this.config && this.config.otherChatData) {\n        baseInfo = { ...baseInfo, ...this.config.otherChatData };\n      }\n      if (this.chatSocket) {\n        this.chatSocket.send(baseInfo, 'text');\n      }\n    }\n    this.listeners.forEach(callbacks => {\n      callbacks.forEach(callback => {\n        if (callback.statusCallback) {\n          try {\n            callback.statusCallback(status);\n          } catch (e) {\n            console.error('statusCallback回调异常', e);\n          }\n        }\n      });\n    });\n  }\n\n  addListener(msgType: string, listener: Listener) {\n    if (!this.listeners.has(msgType)) {\n      this.listeners.set(msgType, []);\n    }\n    this.listeners.get(msgType)?.push(listener);\n  }\n\n  removeListener() {\n    // listener: Listener\n    console.log(this.listeners);\n    // this.listeners.forEach((value) => {\n    //     const index = value.indexOf(listener);\n    //     if (index !== -1) {\n    //         value.splice(index, 1);\n    //     }\n    // });\n  }\n\n  send(chatInfo: any, chatType: string = 'request') {\n    if (!this.chatSocket || this.chatSocket.status !== 'connected') {\n      throw new Error('网络连接失败，请检查网络');\n    }\n    try {\n      let chatData = {\n        chatId: this.chatId,\n        accessToken: this.token,\n        chatType: 'request',\n        chatOrder: chatType === 'request' ? ++this.chatOrder : undefined,\n        chatInfo,\n      };\n      if (this.config && this.config.otherChatData) {\n        chatData = { ...chatData, ...this.config.otherChatData };\n      }\n      this.chatSocket.send(chatData, 'text');\n    } catch (e) {\n      if (e instanceof Error) {\n        throw new Error('消息组织失败，请刷新');\n      }\n    }\n  }\n}\n\nexport { ChatRobot };\n"],"names":["Socket","SOCKET_STATUS"],"mappings":"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"}

package/lib/packages/components/touchchat/utils/deepCloneDom.js

@@ -0,0 +1,61 @@
+'use strict';
+
+function deepCloneDom(div1, div2) {
+  if (!div1 || !div2) {
+    return;
+  }
+  function compareAndUpdate(node1, node2) {
+    if (node1 && node1.nodeType === Node.TEXT_NODE && node2.nodeType === Node.TEXT_NODE) {
+      if (node1.nodeValue !== node2.nodeValue) {
+        node1.nodeValue = node2.nodeValue;
+      }
+      return;
+    }
+    if (!node1 || node1.nodeType === Node.ELEMENT_NODE && node2.nodeType === Node.ELEMENT_NODE && node1.tagName !== node2.tagName) {
+      const newNode = node2.cloneNode(true);
+      if (node1 && node1.parentNode) {
+        node1.parentNode.replaceChild(newNode, node1);
+      } else if (node2.parentNode) {
+        node2.parentNode.appendChild(newNode);
+      }
+      return;
+    }
+    if (node1 && node1.nodeType === Node.ELEMENT_NODE && node2.nodeType === Node.ELEMENT_NODE) {
+      const element1 = node1;
+      const element2 = node2;
+      if (element1.className !== "article-content" && element1.className !== element2.className) {
+        element1.className = element2.className;
+      }
+      if (element1.id !== "article-content" && element1.id !== element2.id) {
+        element1.id = element2.id;
+      }
+      if (element1.style.cssText !== element2.style.cssText) {
+        element1.style.cssText = element2.style.cssText;
+      }
+    }
+    const children1 = node1 ? Array.from(node1.childNodes) : [];
+    const children2 = Array.from(node2.childNodes);
+    children2.forEach((child2, index) => {
+      const child1 = children1[index];
+      if (!child1) {
+        const newChild = child2.cloneNode(true);
+        if (node1 && node1.nodeType === Node.ELEMENT_NODE) {
+          node1.appendChild(newChild);
+        }
+      } else {
+        compareAndUpdate(child1, child2);
+      }
+    });
+    if (children1.length > children2.length) {
+      for (let i = children2.length; i < children1.length; i++) {
+        if (node1) {
+          node1.removeChild(children1[i]);
+        }
+      }
+    }
+  }
+  compareAndUpdate(div1, div2);
+}
+
+exports.deepCloneDom = deepCloneDom;
+//# sourceMappingURL=deepCloneDom.js.map

package/lib/packages/components/touchchat/utils/deepCloneDom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepCloneDom.js","sources":["../../../../../../packages/components/touchchat/utils/deepCloneDom.ts"],"sourcesContent":["/** 核心函数, 对比节点的内容 实现动态更新 markdown 的 div 而不是用 innerHTML 的属性全部刷新 */\n\nexport function deepCloneDom(div1: Node | null, div2: Node | null): void {\n  if (!div1 || !div2) {\n    return;\n  }\n\n  // 递归比较和更新 div1 和 div2 的子节点\n  function compareAndUpdate(node1: Node | null, node2: Node): void {\n    // 情况 1：node1 是文本节点，更新文本内容\n    if (node1 && node1.nodeType === Node.TEXT_NODE && node2.nodeType === Node.TEXT_NODE) {\n      if (node1.nodeValue !== node2.nodeValue) {\n        // 更新文本内容\n        node1.nodeValue = node2.nodeValue;\n      }\n      return;\n    }\n\n    // 情况 2：node1 和 node2 的标签名不同，替换整个节点\n    if (\n      !node1 ||\n      (node1.nodeType === Node.ELEMENT_NODE &&\n        node2.nodeType === Node.ELEMENT_NODE &&\n        (node1 as Element).tagName !== (node2 as Element).tagName)\n    ) {\n      // 克隆 node2 节点\n      const newNode = node2.cloneNode(true);\n      if (node1 && node1.parentNode) {\n        // 替换旧节点\n        node1.parentNode.replaceChild(newNode, node1);\n      } else if (node2.parentNode) {\n        // 如果 node1 不存在，直接新增\n        node2.parentNode.appendChild(newNode);\n      }\n      return;\n    }\n\n    // 确保 node1 是元素节点再进行属性操作\n    if (node1 && node1.nodeType === Node.ELEMENT_NODE && node2.nodeType === Node.ELEMENT_NODE) {\n      const element1 = node1 as Element;\n      const element2 = node2 as Element;\n\n      // 情况 3：节点的 class 或其他属性更新, 注意对root节点的保护\n      if (element1.className !== 'article-content' && element1.className !== element2.className) {\n        // 3.1 更新 className\n        element1.className = element2.className;\n      }\n\n      // 3.2 对 id 的更新 注意对root节点的保护\n      if (element1.id !== 'article-content' && element1.id !== element2.id) {\n        element1.id = element2.id;\n      }\n\n      //  3.3 对 style 的更新\n      if ((element1 as HTMLElement).style.cssText !== (element2 as HTMLElement).style.cssText) {\n        (element1 as HTMLElement).style.cssText = (element2 as HTMLElement).style.cssText;\n      }\n    }\n\n    // 情况 4：递归对比和更新子节点\n    const children1 = node1 ? Array.from(node1.childNodes) : []; // node1 的所有子节点\n    const children2 = Array.from(node2.childNodes); // node2 的所有子节点\n\n    // 遍历 node2 的子节点，逐个与 node1 的对应子节点比较\n    children2.forEach((child2, index) => {\n      const child1 = children1[index];\n      if (!child1) {\n        // 如果 child1 不存在，直接克隆 child2 并添加到 node1\n        const newChild = child2.cloneNode(true);\n        if (node1 && node1.nodeType === Node.ELEMENT_NODE) {\n          node1.appendChild(newChild);\n        }\n      } else {\n        // 如果 child1 存在，递归比较和更新\n        compareAndUpdate(child1, child2);\n      }\n    });\n\n    // 删除 node1 中多余的子节点\n    if (children1.length > children2.length) {\n      for (let i = children2.length; i < children1.length; i++) {\n        if (node1) {\n          node1.removeChild(children1[i]);\n        }\n      }\n    }\n  }\n\n  // 从 div2 根节点开始与 div1 比较\n  compareAndUpdate(div1, div2);\n}\n"],"names":[],"mappings":"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"}