@touchvue/chat 1.0.0-beta.1

package/es/packages/components/touchchat/src/AiRobot/Header.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue2.mjs","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":["_createElementBlock","_createElementVNode","_createCommentVNode","_createVNode"],"mappings":"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"}

package/es/packages/components/touchchat/src/AiRobot/Input.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './Input.vue2.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7dcf8867"], ["__file", "Input.vue"]]);
+
+export { Input as default };
+//# sourceMappingURL=Input.vue.mjs.map

package/es/packages/components/touchchat/src/AiRobot/Input.vue.mjs.map

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

package/es/packages/components/touchchat/src/AiRobot/Input.vue2.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, inject, openBlock, createElementBlock, createElementVNode, unref, withKeys, withModifiers, renderSlot } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ 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 = 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 openBlock(), createElementBlock("div", { class: "input-container" }, [
+        createElementVNode("textarea", {
+          value: __props.inputMessage,
+          placeholder: unref(placeholder),
+          onInput: handleInputChange,
+          onKeydown: withKeys(withModifiers(handleSend, ["prevent"]), ["enter"])
+        }, null, 40, ["value", "placeholder", "onKeydown"]),
+        createElementVNode("div", { onClick: handleSend }, [
+          renderSlot(_ctx.$slots, "input", { disabled: __props.btnDisable }, () => [
+            createElementVNode("button", {
+              class: "send-button square-icon-btn",
+              disabled: __props.btnDisable
+            }, [
+              (openBlock(), createElementBlock("svg", {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                createElementVNode("path", { d: "M12 5v14M5 12l7-7 7 7" })
+              ]))
+            ], 8, ["disabled"])
+          ], true)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=Input.vue2.mjs.map

package/es/packages/components/touchchat/src/AiRobot/Input.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue2.mjs","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":["_createElementBlock","_createElementVNode","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAYd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,WAAA,GAAc,MAAO,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;;wBAxDE,EAAAA,kBAAA,CAuBM,OAAA,EAvBD,KAAA,EAAM,mBAAiB,EAAA;AAAA,QAC1BC,mBAKY,UAAA,EAAA;AAAA,UAJT,OAAO,OAAY,CAAA,YAAA;AAAA,UACnB,WAAA,EAAaC,MAAW,WAAA,CAAA;AAAA,UACxB,OAAO,EAAA,iBAAA;AAAA,UACP,SAAA,yBAAuB,UAAU,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA;QAEpCD,kBAeM,CAAA,KAAA,EAAA,EAfA,OAAA,EAAO,YAAU,EAAA;AAAA,UACrBE,UAAA,CAaO,KAba,MAAA,EAAA,OAAA,EAAA,EAAA,QAAU,EAAA,OAAA,CAAA,cAA9B,MAaO;AAAA,YAZLF,mBAWS,QAAA,EAAA;AAAA,cAXD,KAAM,EAAA,6BAAA;AAAA,cAA+B,UAAU,OAAU,CAAA,UAAA;AAAA;0BAC/D,EAAAD,kBAAA,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,kBAAkC,CAAA,MAAA,EAAA,EAA5B,CAAA,EAAE,yBAAuB,CAAA;AAAA;;;;;;;;;;;"}

package/es/packages/components/touchchat/src/AiRobot/Scene.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './Scene.vue2.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var Scene = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad9feae7"], ["__file", "Scene.vue"]]);
+
+export { Scene as default };
+//# sourceMappingURL=Scene.vue.mjs.map

package/es/packages/components/touchchat/src/AiRobot/Scene.vue.mjs.map

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

package/es/packages/components/touchchat/src/AiRobot/Scene.vue2.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", { class: "scene-buttons" }, [
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(props.scripts, (script) => {
+            return openBlock(), createElementBlock("button", {
+              key: script.name,
+              class: normalizeClass(["scene-btn", { active: props.selectedScriptName === script.name }]),
+              disabled: props.btnDisable,
+              onClick: ($event) => handleSceneClick(script)
+            }, toDisplayString(script.name), 11, ["disabled", "onClick"]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=Scene.vue2.mjs.map

package/es/packages/components/touchchat/src/AiRobot/Scene.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.vue2.mjs","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;;wBAlDE,EAAAA,kBAAA,CAWM,OAAA,EAXD,KAAA,EAAM,iBAAe,EAAA;AAAA,SACxBC,SAAA,CAAA,IAAA,CAAA,EAAAD,kBAAA;AAAA,UASSE,QAAA;AAAA,UARU,IAAA;AAAA,UAAAC,UAAA,CAAA,KAAA,CAAM,UAAhB,MAAM,KAAA;8BADf,EAAAH,kBAAA,CASS,QAAA,EAAA;AAAA,cAPN,KAAK,MAAO,CAAA,IAAA;AAAA,cACb,KAAA,EAAKI,cAAA,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,gBAAA,MAAO,CAAA,IAAI,GAAA,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AAAA;;;;;;;;;;;"}

package/es/packages/components/touchchat/src/AiRobot/component/HelloChat.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './HelloChat.vue2.mjs';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var HelloChat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "HelloChat.vue"]]);
+
+export { HelloChat as default };
+//# sourceMappingURL=HelloChat.vue.mjs.map

package/es/packages/components/touchchat/src/AiRobot/component/HelloChat.vue.mjs.map

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

package/es/packages/components/touchchat/src/AiRobot/component/HelloChat.vue2.mjs

@@ -0,0 +1,267 @@
+import { defineComponent, inject, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, renderList, unref, toDisplayString, createCommentVNode } from 'vue';
+import _imports_0 from '../img/Avatar-AI.png.mjs';
+import _imports_1 from '../img/icon.png.mjs';
+
+const itemsPerPage = 5;
+const __default__ = defineComponent({ name: "HelloChat" });
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  emits: ["handleItemClick"],
+  setup(__props, { emit: __emit }) {
+    const helloChatList = inject("helloChatList", []);
+    const helloChatInfo = inject("helloChatInfo", {
+      info1: [],
+      info2: [],
+      info3: []
+    });
+    const currentPage = ref(0);
+    const fullOptionList = ref(helloChatInfo.info1);
+    const optionList = computed(() => {
+      const startIndex = currentPage.value * itemsPerPage;
+      return fullOptionList.value.slice(startIndex, startIndex + itemsPerPage);
+    });
+    const optionTeam = ref(helloChatInfo.info2);
+    const optionOther = ref(helloChatInfo.info3);
+    const emit = __emit;
+    const handleItemClick = (item, type) => {
+      emit("handleItemClick", item, type);
+    };
+    const handleChange = () => {
+      const totalPages = Math.ceil(fullOptionList.value.length / itemsPerPage);
+      currentPage.value = (currentPage.value + 1) % totalPages;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode("div", { class: "hello-chat" }, [
+            createElementVNode("img", {
+              src: _imports_0,
+              alt: ""
+            }),
+            createElementVNode("p", { class: "title" }, "\u60A8\u597D\uFF0C\u6211\u80FD\u5E2E\u60A8\u5904\u7406\u4EC0\u4E48"),
+            createElementVNode("p", { class: "sub-info" }, "\u4F5C\u4E3A\u60A8\u7684\u667A\u80FD\u4F19\u4F34\uFF0C\u6211\u65E2\u80FD\u5E2E\u60A8\u67E5\u8D26\u5355\u3001\u529E\u4E1A\u52A1\uFF0C\u53C8\u80FD\u966A\u60A8\u804A\u5929\u3001\u5B66\u77E5\u8BC6\u3002")
+          ]),
+          createElementVNode("div", { class: "function-buttons" }, [
+            createElementVNode("ul", null, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(helloChatList), (item) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: item.id,
+                    onClick: ($event) => handleItemClick(item, "0")
+                  }, [
+                    createElementVNode("img", {
+                      src: _imports_1,
+                      alt: "{{ item.name }}",
+                      class: "icon"
+                    }),
+                    createElementVNode(
+                      "span",
+                      { class: "ellipsis-text" },
+                      toDisplayString(item.name),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, ["onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          createElementVNode("div", { class: "option-conter" }, [
+            createElementVNode("div", { class: "option-item item-1" }, [
+              createElementVNode("div", { class: "item-top" }, [
+                createElementVNode("div", { class: "item-1-left" }, [
+                  createElementVNode("p", null, "\u731C\u4F60\u60F3\u6240\u95EE")
+                ]),
+                createElementVNode("div", {
+                  class: "item-1-right",
+                  onClick: handleChange
+                }, [
+                  (openBlock(), createElementBlock("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "12",
+                    height: "13",
+                    viewBox: "0 0 12 13",
+                    fill: "none"
+                  }, [
+                    createElementVNode("path", {
+                      d: "M10.5 2.40796V6.40796",
+                      stroke: "#0077FA",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }),
+                    createElementVNode("path", {
+                      d: "M1.5 6.40747V10.4075",
+                      stroke: "#0077FA",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }),
+                    createElementVNode("path", {
+                      d: "M10.5 6.40747C10.5 3.9222 8.48528 1.90747 6 1.90747C4.72863 1.90747 3.5804 2.43471 2.76203 3.28247M1.5 6.40747C1.5 8.89275 3.51472 10.9075 6 10.9075C7.2139 10.9075 8.31555 10.4268 9.125 9.64545",
+                      stroke: "#0077FA",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    })
+                  ])),
+                  createElementVNode("span", null, "\u6362\u4E00\u6362")
+                ])
+              ]),
+              optionList.value.length ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "item-bottom"
+              }, [
+                createElementVNode("ul", null, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(optionList.value, (item) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: item.id,
+                        onClick: ($event) => handleItemClick(item, "1")
+                      }, [
+                        createElementVNode(
+                          "span",
+                          null,
+                          toDisplayString(item.name),
+                          1
+                          /* TEXT */
+                        )
+                      ], 8, ["onClick"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            optionTeam.value.length ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "option-item item-2"
+            }, [
+              createElementVNode("ul", null, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(optionTeam.value, (item) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: item.id,
+                      onClick: ($event) => handleItemClick(item, "2")
+                    }, [
+                      createElementVNode(
+                        "p",
+                        { class: "title" },
+                        toDisplayString(item.name),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode("p", { class: "team" }, [
+                        createElementVNode(
+                          "span",
+                          { class: "content" },
+                          toDisplayString(item.subTitle),
+                          1
+                          /* TEXT */
+                        ),
+                        (openBlock(), createElementBlock("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "17",
+                          viewBox: "0 0 16 17",
+                          fill: "none"
+                        }, [
+                          createElementVNode("g", { "clip-path": "url(#clip0_2450_2140)" }, [
+                            createElementVNode("path", {
+                              d: "M8.00006 16.4075C12.4183 16.4075 16.0001 12.8258 16.0001 8.40747C16.0001 3.98919 12.4183 0.407471 8.00006 0.407471C3.58178 0.407471 6.10352e-05 3.98919 6.10352e-05 8.40747C6.10352e-05 12.8258 3.58178 16.4075 8.00006 16.4075Z",
+                              fill: "url(#paint0_linear_2450_2140)"
+                            }),
+                            createElementVNode("path", {
+                              d: "M4.83057 8.57422H10.8306",
+                              stroke: "white",
+                              "stroke-width": "1.3",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round"
+                            }),
+                            createElementVNode("path", {
+                              d: "M7.83057 5.57422L10.8306 8.57422L7.83057 11.5742",
+                              stroke: "white",
+                              "stroke-width": "1.3",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round"
+                            })
+                          ]),
+                          createElementVNode("defs", null, [
+                            createElementVNode("linearGradient", {
+                              id: "paint0_linear_2450_2140",
+                              x1: "15.6001",
+                              y1: "14.9055",
+                              x2: "0.714348",
+                              y2: "14.9055",
+                              gradientUnits: "userSpaceOnUse"
+                            }, [
+                              createElementVNode("stop", { "stop-color": "#3B80FF" }),
+                              createElementVNode("stop", {
+                                offset: "0.899038",
+                                "stop-color": "#C8B6FF"
+                              })
+                            ]),
+                            createElementVNode("clipPath", { id: "clip0_2450_2140" }, [
+                              createElementVNode("rect", {
+                                width: "16",
+                                height: "16",
+                                fill: "white",
+                                transform: "translate(0 0.407471)"
+                              })
+                            ])
+                          ])
+                        ]))
+                      ])
+                    ], 8, ["onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : createCommentVNode("v-if", true),
+            optionOther.value.length ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "option-item item-3"
+            }, [
+              createElementVNode("ul", null, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(optionOther.value, (item) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: item.id,
+                      onClick: ($event) => handleItemClick(item, "3")
+                    }, [
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(item.name),
+                        1
+                        /* TEXT */
+                      )
+                    ], 8, ["onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : createCommentVNode("v-if", true)
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=HelloChat.vue2.mjs.map

package/es/packages/components/touchchat/src/AiRobot/component/HelloChat.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelloChat.vue2.mjs","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/component/HelloChat.vue"],"sourcesContent":["<script lang=\"ts\">\nconst itemsPerPage = 5\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({ name: 'HelloChat' });</script>\n<template>\n  <div class=\"hello-chat\">\n    <img src=\"../img/Avatar-AI.png\" alt=\"\" />\n    <p class=\"title\">您好，我能帮您处理什么</p>\n    <p class=\"sub-info\">作为您的智能伙伴，我既能帮您查账单、办业务，又能陪您聊天、学知识。</p>\n  </div>\n  <div class=\"function-buttons\">\n    <ul>\n      <li v-for=\"item in helloChatList\" :key=\"item.id\" @click=\"handleItemClick(item, '0')\">\n        <img src=\"../img/icon.png\" alt=\"{{ item.name }}\" class=\"icon\" />\n        <span class=\"ellipsis-text\">{{ item.name }}</span>\n      </li>\n    </ul>\n  </div>\n  <div class=\"option-conter\">\n    <div class=\"option-item item-1\">\n      <div class=\"item-top\">\n        <div class=\"item-1-left\">\n          <p>猜你想所问</p>\n        </div>\n        <div class=\"item-1-right\" @click=\"handleChange\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"12\"\n            height=\"13\"\n            viewBox=\"0 0 12 13\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M10.5 2.40796V6.40796\"\n              stroke=\"#0077FA\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n            <path\n              d=\"M1.5 6.40747V10.4075\"\n              stroke=\"#0077FA\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n            <path\n              d=\"M10.5 6.40747C10.5 3.9222 8.48528 1.90747 6 1.90747C4.72863 1.90747 3.5804 2.43471 2.76203 3.28247M1.5 6.40747C1.5 8.89275 3.51472 10.9075 6 10.9075C7.2139 10.9075 8.31555 10.4268 9.125 9.64545\"\n              stroke=\"#0077FA\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n          <span>换一换</span>\n        </div>\n      </div>\n      <div v-if=\"optionList.length\" class=\"item-bottom\">\n        <ul>\n          <li v-for=\"item in optionList\" :key=\"item.id\" @click=\"handleItemClick(item, '1')\">\n            <span>{{ item.name }}</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <div v-if=\"optionTeam.length\" class=\"option-item item-2\">\n      <ul>\n        <li v-for=\"item in optionTeam\" :key=\"item.id\" @click=\"handleItemClick(item, '2')\">\n          <p class=\"title\">{{ item.name }}</p>\n          <p class=\"team\">\n            <span class=\"content\">{{ item.subTitle }}</span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"17\"\n              viewBox=\"0 0 16 17\"\n              fill=\"none\"\n            >\n              <g clip-path=\"url(#clip0_2450_2140)\">\n                <path\n                  d=\"M8.00006 16.4075C12.4183 16.4075 16.0001 12.8258 16.0001 8.40747C16.0001 3.98919 12.4183 0.407471 8.00006 0.407471C3.58178 0.407471 6.10352e-05 3.98919 6.10352e-05 8.40747C6.10352e-05 12.8258 3.58178 16.4075 8.00006 16.4075Z\"\n                  fill=\"url(#paint0_linear_2450_2140)\"\n                />\n                <path\n                  d=\"M4.83057 8.57422H10.8306\"\n                  stroke=\"white\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n                <path\n                  d=\"M7.83057 5.57422L10.8306 8.57422L7.83057 11.5742\"\n                  stroke=\"white\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </g>\n              <defs>\n                <linearGradient\n                  id=\"paint0_linear_2450_2140\"\n                  x1=\"15.6001\"\n                  y1=\"14.9055\"\n                  x2=\"0.714348\"\n                  y2=\"14.9055\"\n                  gradientUnits=\"userSpaceOnUse\"\n                >\n                  <stop stop-color=\"#3B80FF\" />\n                  <stop offset=\"0.899038\" stop-color=\"#C8B6FF\" />\n                </linearGradient>\n                <clipPath id=\"clip0_2450_2140\">\n                  <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(0 0.407471)\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </p>\n        </li>\n      </ul>\n    </div>\n    <div v-if=\"optionOther.length\" class=\"option-item item-3\">\n      <ul>\n        <li v-for=\"item in optionOther\" :key=\"item.id\" @click=\"handleItemClick(item, '3')\">\n          <span>{{ item.name }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, defineEmits, ref, computed } from 'vue';\n;\n\n// 定义类型\ninterface HelloChatInfo {\n  info1: any[];\n  info2: any[];\n  info3: any[];\n}\n\ntype HelloChatItem = { id: string; name: string };\n\n// 为注入的变量添加类型参数\nconst helloChatList = inject<HelloChatItem[]>('helloChatList', []);\nconst helloChatInfo = inject<HelloChatInfo>('helloChatInfo', {\n  info1: [],\n  info2: [],\n  info3: [],\n});\n\n// 添加当前页码状态，默认为0\nconst currentPage = ref(0);\n// 每页显示的项目数量\n\n\n// 获取完整的选项列表\nconst fullOptionList = ref(helloChatInfo.info1);\n\n// 计算当前显示的项目\\\nconst optionList = computed(() => {\n  const startIndex = currentPage.value * itemsPerPage;\n  return fullOptionList.value.slice(startIndex, startIndex + itemsPerPage);\n});\n\nconst optionTeam = ref(helloChatInfo.info2);\nconst optionOther = ref(helloChatInfo.info3);\n\n// 处理列表项点击事件\nconst emit = defineEmits(['handleItemClick']);\nconst handleItemClick = (item: HelloChatItem, type: string) => {\n  emit('handleItemClick', item, type);\n};\n\n// 实现换一换功能\nconst handleChange = () => {\n  // 计算总页数\n  const totalPages = Math.ceil(fullOptionList.value.length / itemsPerPage);\n  // 切换到下一页，如果是最后一页则回到第一页\n  currentPage.value = (currentPage.value + 1) % totalPages;\n};\n</script>\n\n<style lang=\"less\">\n.hello-chat {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n\n  padding: 1em 0.875em;\n\n  align-self: stretch;\n  img {\n    width: 2.875em;\n    height: 3.625em;\n  }\n  .title {\n    color: var(--text-icon-text-icon, #1d2129);\n    text-align: center;\n    font-family: 'PingFang SC';\n    font-size: 1.75em;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 2.25em; /* 128.571% */\n  }\n  .sub-info {\n    color: var(--text-icon-text-icon, #434c59);\n    text-align: center;\n    font-family: 'PingFang SC';\n    font-size: 1em;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.5em; /* 150% */\n  }\n}\n\n.function-buttons {\n  width: calc(100% - 2em);\n  padding: 0 1em 1em;\n\n  ul {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1em;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n\n      width: calc(28% - 0.57em);\n      padding: 0 0.75em;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-radius: 0.5em;\n      border: 1px solid #d8dce4;\n      background: #fff;\n\n      &:hover {\n        transform: translateY(-2px);\n        border: 1px solid var(--Brand-Brand-, #0077fa);\n        background: var(--Brand-Brand--, #eaf5ff);\n      }\n\n      .icon {\n        width: 1.625em;\n        height: 1.625em;\n        margin-top: 0.5em;\n        margin-right: 0.2em;\n        object-fit: contain;\n      }\n\n      span {\n        color: var(--text-icon-text-icon, #1d2129);\n        font-family: 'PingFang SC';\n        font-size: 0.875em;\n        font-style: normal;\n        font-weight: 400;\n        text-align: center;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: calc(100% - 2em);\n      }\n    }\n  }\n}\n\n.option-conter {\n  display: flex;\n  gap: 1em;\n  .option-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: unset;\n    flex-direction: column;\n\n    padding: 0.75em;\n    gap: 0.5em;\n    flex: 1 0 0;\n    border-radius: 1em;\n    border: 1px solid #fff;\n    background: linear-gradient(180deg, #f3f8ff 0%, #ebebff 100%);\n  }\n  .item-1 {\n    .item-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      .item-1-left {\n        p {\n          font-family: 'PingFang SC';\n          font-size: 0.875em;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 1.375em; /* 157.143% */\n          background: linear-gradient(266deg, #0079ff 6.83%, #5b4fff 95.21%);\n          background-clip: text;\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n      .item-1-right {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        cursor: pointer;\n        span {\n          margin-left: 0.25em;\n          color: var(--Brand-Brand-, #0077fa);\n          font-family: 'PingFang SC';\n          font-size: 0.75em;\n          font-style: normal;\n          font-weight: 400;\n          line-height: normal;\n        }\n      }\n      .item-1-right:hover {\n        span {\n          opacity: 0.8;\n        }\n      }\n    }\n    .item-bottom {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: space-between;\n\n      padding: 0.75em;\n      flex-shrink: 0;\n      align-self: stretch;\n      border-radius: 0.5em;\n      background:\n        linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(180deg, #f2f7fe 0%, #eef0fe 100%);\n      ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        li {\n          cursor: pointer;\n          &:hover {\n            opacity: 0.8;\n          }\n          span {\n            color: var(--text-icon-text-icon, #1d2129);\n            /* Body 正文/Small */\n            font-family: 'PingFang SC';\n            font-size: 0.75em;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 1.25em; /* 166.667% */\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 10em;\n            display: inline-block;\n          }\n        }\n      }\n    }\n  }\n  .item-2 {\n    ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      height: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      flex-direction: column;\n\n      li {\n        cursor: pointer;\n        display: flex;\n        justify-content: center;\n        align-items: flex-start;\n        flex-direction: column;\n\n        align-self: stretch;\n\n        padding: 0.25em 0.75em;\n        border-radius: 0.5em;\n        background:\n          linear-gradient(0deg, #fff 0%, #fff 100%),\n          linear-gradient(180deg, #f2f7fe 0%, #eef0fe 100%);\n        &:hover {\n          opacity: 0.8;\n        }\n        p {\n          width: 100%;\n        }\n        .title {\n          color: var(--text-icon-text-icon, #1d2129);\n          /* Title 标题/Small */\n          font-family: 'PingFang SC';\n          font-size: 0.875em;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 1.375em; /* 157.143% */\n        }\n        .team {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        .content {\n          color: var(--text-icon-text-icon, #86909c);\n          /* Body 正文/Small */\n          font-family: 'PingFang SC';\n          font-size: 0.75em;\n          font-style: normal;\n          font-weight: 400;\n          line-height: 1.25em; /* 166.667% */\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 9em;\n        }\n      }\n    }\n  }\n  .item-3 {\n    padding: 0;\n    ul {\n      background: url('../img/bg.png') no-repeat center center;\n      background-size: cover;\n      background-position: center 75%;\n      list-style: none;\n      padding: 0.75em;\n      margin: 0;\n      height: 100%;\n      display: flex;\n      justify-content: flex-start;\n      align-items: flex-start;\n      flex-direction: column;\n\n      li {\n        cursor: pointer;\n        display: flex;\n        height: 1.75em;\n        justify-content: center;\n        align-items: center;\n        align-self: stretch;\n        border-radius: 6.25em;\n        border: 1px solid #fff;\n        background: #fff;\n        margin-bottom: 0.625em;\n        &:hover {\n          opacity: 0.8;\n        }\n        span {\n          color: var(--text-icon-text-icon, #434c59);\n          /* Body 正文/Small */\n          font-family: 'PingFang SC';\n          font-size: 0.75em;\n          font-style: normal;\n          font-weight: 400;\n          line-height: 1.25em; /* 166.667% */\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":["DO_defineComponent","_createElementVNode","_createElementBlock","_Fragment","_renderList","_unref","_toDisplayString"],"mappings":"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"}

package/es/packages/components/touchchat/src/AiRobot/component/face.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './face.vue2.mjs';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var face = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b73a50c5"], ["__file", "face.vue"]]);
+
+export { face as default };
+//# sourceMappingURL=face.vue.mjs.map

package/es/packages/components/touchchat/src/AiRobot/component/face.vue.mjs.map

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

package/es/packages/components/touchchat/src/AiRobot/component/face.vue2.mjs

@@ -0,0 +1,89 @@
+import { defineComponent, ref, inject, onUnmounted, openBlock, createElementBlock, createVNode, withDirectives, createElementVNode, vShow, createCommentVNode, toDisplayString } from 'vue';
+import TouchLetter from './letter.vue.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "face",
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const showBtn = ref(false);
+    const isRecognizing = ref(false);
+    const timer = ref("00");
+    let timerInterval = null;
+    const complete = () => {
+      showBtn.value = true;
+      emits("complete");
+    };
+    const parentContext = inject("parentContext");
+    const openFaceRecognition = () => {
+      isRecognizing.value = true;
+      startTimer();
+    };
+    const startTimer = () => {
+      let seconds = 0;
+      timer.value = "00";
+      if (timerInterval)
+        clearInterval(timerInterval);
+      timerInterval = window.setInterval(() => {
+        seconds++;
+        timer.value = seconds.toString().padStart(2, "0");
+        if (seconds >= 5) {
+          closeRecognition();
+          parentContext == null ? void 0 : parentContext.methods.sendMessage("[\u4EBA\u8138\u8BC6\u522B\u6210\u529F]");
+        }
+      }, 1e3);
+    };
+    const closeRecognition = () => {
+      isRecognizing.value = false;
+      if (timerInterval) {
+        clearInterval(timerInterval);
+        timerInterval = null;
+      }
+    };
+    onUnmounted(() => {
+      if (timerInterval) {
+        clearInterval(timerInterval);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(TouchLetter, {
+          data: "* \u8FD9\u4E2A\u529F\u80FD\u9700\u8981\u4EBA\u8138\u8BC6\u522B",
+          onComplete: complete
+        }),
+        withDirectives(createElementVNode(
+          "button",
+          {
+            class: "apply-btn",
+            onClick: openFaceRecognition
+          },
+          "\u5F00\u59CB\u8BC6\u522B",
+          512
+          /* NEED_PATCH */
+        ), [
+          [vShow, showBtn.value]
+        ]),
+        createCommentVNode(" \u4EBA\u8138\u8BC6\u522B\u5F39\u7A97 "),
+        isRecognizing.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "face-modal-overlay"
+        }, [
+          createElementVNode("div", { class: "face-modal" }, [
+            createElementVNode("div", { class: "recognition-header" }, "\u4EBA\u8138\u8BC6\u522B\u4E2D"),
+            createElementVNode(
+              "div",
+              { class: "recognition-timer" },
+              toDisplayString(timer.value),
+              1
+              /* TEXT */
+            ),
+            createElementVNode("div", { class: "recognition-footer" }, "\u8BF7\u5C06\u9762\u90E8\u5BF9\u51C6\u6444\u50CF\u5934")
+          ])
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=face.vue2.mjs.map

package/es/packages/components/touchchat/src/AiRobot/component/face.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"face.vue2.mjs","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/component/face.vue"],"sourcesContent":["<template>\n  <div>\n    <letter data=\"* 这个功能需要人脸识别\" @complete=\"complete\"></letter>\n    <button v-show=\"showBtn\" class=\"apply-btn\" @click=\"openFaceRecognition\">开始识别</button>\n\n    <!-- 人脸识别弹窗 -->\n    <div v-if=\"isRecognizing\" class=\"face-modal-overlay\">\n      <div class=\"face-modal\">\n        <div class=\"recognition-header\">人脸识别中</div>\n        <div class=\"recognition-timer\">{{ timer }}</div>\n        <div class=\"recognition-footer\">请将面部对准摄像头</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, inject, onUnmounted } from 'vue';\nimport Letter from './letter.vue';\nconst emits = defineEmits<{\n  (e: 'complete'): void;\n}>();\nconst showBtn = ref(false);\nconst isRecognizing = ref(false);\nconst timer = ref('00');\nlet timerInterval: number | null = null;\n\nconst complete = () => {\n  showBtn.value = true;\n  emits('complete');\n};\n\ninterface ParentContext {\n  methods: {\n    sendMessage: (message: string) => void;\n  };\n}\n\nconst parentContext = inject<ParentContext>('parentContext');\n\n// 打开人脸识别弹窗\nconst openFaceRecognition = () => {\n  isRecognizing.value = true;\n  startTimer();\n  // 这里可以添加实际的人脸识别API调用\n};\n\n// 开始计时器\nconst startTimer = () => {\n  let seconds = 0;\n  timer.value = '00';\n  if (timerInterval) clearInterval(timerInterval);\n  timerInterval = window.setInterval(() => {\n    seconds++;\n    timer.value = seconds.toString().padStart(2, '0');\n    // 模拟识别完成（5秒后自动关闭）\n    if (seconds >= 5) {\n      closeRecognition();\n      parentContext?.methods.sendMessage('[人脸识别成功]');\n    }\n  }, 1000);\n};\n\n// 关闭人脸识别弹窗\nconst closeRecognition = () => {\n  isRecognizing.value = false;\n  if (timerInterval) {\n    clearInterval(timerInterval);\n    timerInterval = null;\n  }\n};\n\n// 组件卸载时清理计时器\nonUnmounted(() => {\n  if (timerInterval) {\n    clearInterval(timerInterval);\n  }\n});\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.375em 1.25em; /* 内边距 */\n  font-size: 0.875em; /* 字体大小 */\n  cursor: pointer; /* 鼠标指针样式 */\n  transition: all 0.3s ease; /* 过渡效果 */\n  box-shadow: 0 0.125em 0.375em 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\n/* 人脸识别弹窗样式 */\n.face-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n.face-modal {\n  width: 18.75em;\n  height: 12.5em;\n  background-color: white;\n  border-radius: 0.75em;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  padding: 1.25em;\n}\n\n.recognition-header {\n  font-size: 1.125em;\n  color: #0077fa;\n  font-weight: 600;\n}\n\n.recognition-timer {\n  font-size: 3em;\n  color: #0077fa;\n  font-weight: bold;\n}\n\n.recognition-footer {\n  font-size: 0.875em;\n  color: #666;\n}\n</style>\n"],"names":["_createElementBlock","_createVNode","Letter","_createElementVNode","_createCommentVNode"],"mappings":"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"}