@touchvue/chat 1.0.0-beta.1

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

@@ -0,0 +1,271 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var AvatarAI = require('../img/Avatar-AI.png.js');
+var icon = require('../img/icon.png.js');
+
+const itemsPerPage = 5;
+const __default__ = vue.defineComponent({ name: "HelloChat" });
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  emits: ["handleItemClick"],
+  setup(__props, { emit: __emit }) {
+    const helloChatList = vue.inject("helloChatList", []);
+    const helloChatInfo = vue.inject("helloChatInfo", {
+      info1: [],
+      info2: [],
+      info3: []
+    });
+    const currentPage = vue.ref(0);
+    const fullOptionList = vue.ref(helloChatInfo.info1);
+    const optionList = vue.computed(() => {
+      const startIndex = currentPage.value * itemsPerPage;
+      return fullOptionList.value.slice(startIndex, startIndex + itemsPerPage);
+    });
+    const optionTeam = vue.ref(helloChatInfo.info2);
+    const optionOther = vue.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 vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createElementVNode("div", { class: "hello-chat" }, [
+            vue.createElementVNode("img", {
+              src: AvatarAI.default,
+              alt: ""
+            }),
+            vue.createElementVNode("p", { class: "title" }, "\u60A8\u597D\uFF0C\u6211\u80FD\u5E2E\u60A8\u5904\u7406\u4EC0\u4E48"),
+            vue.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")
+          ]),
+          vue.createElementVNode("div", { class: "function-buttons" }, [
+            vue.createElementVNode("ul", null, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(vue.unref(helloChatList), (item) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    key: item.id,
+                    onClick: ($event) => handleItemClick(item, "0")
+                  }, [
+                    vue.createElementVNode("img", {
+                      src: icon.default,
+                      alt: "{{ item.name }}",
+                      class: "icon"
+                    }),
+                    vue.createElementVNode(
+                      "span",
+                      { class: "ellipsis-text" },
+                      vue.toDisplayString(item.name),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, ["onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          vue.createElementVNode("div", { class: "option-conter" }, [
+            vue.createElementVNode("div", { class: "option-item item-1" }, [
+              vue.createElementVNode("div", { class: "item-top" }, [
+                vue.createElementVNode("div", { class: "item-1-left" }, [
+                  vue.createElementVNode("p", null, "\u731C\u4F60\u60F3\u6240\u95EE")
+                ]),
+                vue.createElementVNode("div", {
+                  class: "item-1-right",
+                  onClick: handleChange
+                }, [
+                  (vue.openBlock(), vue.createElementBlock("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "12",
+                    height: "13",
+                    viewBox: "0 0 12 13",
+                    fill: "none"
+                  }, [
+                    vue.createElementVNode("path", {
+                      d: "M10.5 2.40796V6.40796",
+                      stroke: "#0077FA",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }),
+                    vue.createElementVNode("path", {
+                      d: "M1.5 6.40747V10.4075",
+                      stroke: "#0077FA",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }),
+                    vue.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"
+                    })
+                  ])),
+                  vue.createElementVNode("span", null, "\u6362\u4E00\u6362")
+                ])
+              ]),
+              optionList.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "item-bottom"
+              }, [
+                vue.createElementVNode("ul", null, [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(optionList.value, (item) => {
+                      return vue.openBlock(), vue.createElementBlock("li", {
+                        key: item.id,
+                        onClick: ($event) => handleItemClick(item, "1")
+                      }, [
+                        vue.createElementVNode(
+                          "span",
+                          null,
+                          vue.toDisplayString(item.name),
+                          1
+                          /* TEXT */
+                        )
+                      ], 8, ["onClick"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])) : vue.createCommentVNode("v-if", true)
+            ]),
+            optionTeam.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "option-item item-2"
+            }, [
+              vue.createElementVNode("ul", null, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(optionTeam.value, (item) => {
+                    return vue.openBlock(), vue.createElementBlock("li", {
+                      key: item.id,
+                      onClick: ($event) => handleItemClick(item, "2")
+                    }, [
+                      vue.createElementVNode(
+                        "p",
+                        { class: "title" },
+                        vue.toDisplayString(item.name),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createElementVNode("p", { class: "team" }, [
+                        vue.createElementVNode(
+                          "span",
+                          { class: "content" },
+                          vue.toDisplayString(item.subTitle),
+                          1
+                          /* TEXT */
+                        ),
+                        (vue.openBlock(), vue.createElementBlock("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "17",
+                          viewBox: "0 0 16 17",
+                          fill: "none"
+                        }, [
+                          vue.createElementVNode("g", { "clip-path": "url(#clip0_2450_2140)" }, [
+                            vue.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)"
+                            }),
+                            vue.createElementVNode("path", {
+                              d: "M4.83057 8.57422H10.8306",
+                              stroke: "white",
+                              "stroke-width": "1.3",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round"
+                            }),
+                            vue.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"
+                            })
+                          ]),
+                          vue.createElementVNode("defs", null, [
+                            vue.createElementVNode("linearGradient", {
+                              id: "paint0_linear_2450_2140",
+                              x1: "15.6001",
+                              y1: "14.9055",
+                              x2: "0.714348",
+                              y2: "14.9055",
+                              gradientUnits: "userSpaceOnUse"
+                            }, [
+                              vue.createElementVNode("stop", { "stop-color": "#3B80FF" }),
+                              vue.createElementVNode("stop", {
+                                offset: "0.899038",
+                                "stop-color": "#C8B6FF"
+                              })
+                            ]),
+                            vue.createElementVNode("clipPath", { id: "clip0_2450_2140" }, [
+                              vue.createElementVNode("rect", {
+                                width: "16",
+                                height: "16",
+                                fill: "white",
+                                transform: "translate(0 0.407471)"
+                              })
+                            ])
+                          ])
+                        ]))
+                      ])
+                    ], 8, ["onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : vue.createCommentVNode("v-if", true),
+            optionOther.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: "option-item item-3"
+            }, [
+              vue.createElementVNode("ul", null, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(optionOther.value, (item) => {
+                    return vue.openBlock(), vue.createElementBlock("li", {
+                      key: item.id,
+                      onClick: ($event) => handleItemClick(item, "3")
+                    }, [
+                      vue.createElementVNode(
+                        "span",
+                        null,
+                        vue.toDisplayString(item.name),
+                        1
+                        /* TEXT */
+                      )
+                    ], 8, ["onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : vue.createCommentVNode("v-if", true)
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=HelloChat.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelloChat.vue2.js","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","inject","ref","computed","_createElementVNode","_imports_0","_createElementBlock","_Fragment","_renderList","_unref","_imports_1","_toDisplayString"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,93 @@
+'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: "face",
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const showBtn = vue.ref(false);
+    const isRecognizing = vue.ref(false);
+    const timer = vue.ref("00");
+    let timerInterval = null;
+    const complete = () => {
+      showBtn.value = true;
+      emits("complete");
+    };
+    const parentContext = vue.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;
+      }
+    };
+    vue.onUnmounted(() => {
+      if (timerInterval) {
+        clearInterval(timerInterval);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(letter.default, {
+          data: "* \u8FD9\u4E2A\u529F\u80FD\u9700\u8981\u4EBA\u8138\u8BC6\u522B",
+          onComplete: complete
+        }),
+        vue.withDirectives(vue.createElementVNode(
+          "button",
+          {
+            class: "apply-btn",
+            onClick: openFaceRecognition
+          },
+          "\u5F00\u59CB\u8BC6\u522B",
+          512
+          /* NEED_PATCH */
+        ), [
+          [vue.vShow, showBtn.value]
+        ]),
+        vue.createCommentVNode(" \u4EBA\u8138\u8BC6\u522B\u5F39\u7A97 "),
+        isRecognizing.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "face-modal-overlay"
+        }, [
+          vue.createElementVNode("div", { class: "face-modal" }, [
+            vue.createElementVNode("div", { class: "recognition-header" }, "\u4EBA\u8138\u8BC6\u522B\u4E2D"),
+            vue.createElementVNode(
+              "div",
+              { class: "recognition-timer" },
+              vue.toDisplayString(timer.value),
+              1
+              /* TEXT */
+            ),
+            vue.createElementVNode("div", { class: "recognition-footer" }, "\u8BF7\u5C06\u9762\u90E8\u5BF9\u51C6\u6444\u50CF\u5934")
+          ])
+        ])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=face.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"face.vue2.js","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":["ref","inject","onUnmounted","_createElementBlock","_createVNode","Letter","_createElementVNode","_createCommentVNode"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const __default__ = vue.defineComponent({ name: "ToTouchLetter" });
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    data: {}
+  },
+  emits: ["complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const displayedText = vue.ref("");
+    const showCursor = vue.ref(false);
+    const isSwitchingHistory = vue.inject("isSwitchingHistory", vue.ref(false));
+    let typingInterval = null;
+    const startStreaming = () => {
+      if (typingInterval)
+        return;
+      if (isSwitchingHistory.value) {
+        displayedText.value = props.data;
+        showCursor.value = false;
+        emit("complete");
+        return;
+      }
+      showCursor.value = true;
+      displayedText.value = "";
+      let currentIndex = 0;
+      const fullText = props.data;
+      typingInterval = window.setInterval(() => {
+        if (currentIndex < fullText.length) {
+          displayedText.value += fullText[currentIndex];
+          currentIndex++;
+        } else {
+          window.clearInterval(typingInterval);
+          typingInterval = null;
+          showCursor.value = false;
+          emit("complete");
+        }
+      }, 50);
+    };
+    vue.onMounted(() => {
+      startStreaming();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "letter-container" }, [
+        vue.createElementVNode("div", { class: "data-content" }, [
+          vue.createTextVNode(
+            vue.toDisplayString(displayedText.value) + " ",
+            1
+            /* TEXT */
+          ),
+          showCursor.value ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            class: "cursor"
+          }, "|")) : vue.createCommentVNode("v-if", true)
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=letter.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"letter.vue2.js","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/component/letter.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({ name: 'ToTouchLetter' });\n</script>\n<template>\r\n  <div class=\"letter-container\">\r\n    <div class=\"data-content\">\r\n      {{ displayedText }}\r\n      <span v-if=\"showCursor\" class=\"cursor\">|</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, onMounted, defineProps, defineEmits, inject, Ref } from 'vue';\r\n\r\n;\r\n\r\n// 定义props和emits\r\nconst props = defineProps<{\r\n  data: string;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'complete'): void;\r\n}>();\r\n\r\n// 状态管理\r\nconst displayedText = ref('');\r\nconst showCursor = ref(false);\r\n// 正确注入Ref<boolean>类型\r\nconst isSwitchingHistory = inject<Ref<boolean>>('isSwitchingHistory', ref(false));\r\nlet typingInterval: number | null = null;\r\n\r\n// 文字流实现\r\nconst startStreaming = () => {\r\n  if (typingInterval) return;\r\n\r\n  // 访问.value以获取布尔值\r\n  if (isSwitchingHistory.value) {\r\n    displayedText.value = props.data;\r\n    showCursor.value = false;\r\n    emit('complete');\r\n    return;\r\n  }\r\n\r\n  // 新增消息的文字流逻辑\r\n  showCursor.value = true;\r\n  displayedText.value = '';\r\n  let currentIndex = 0;\r\n  const fullText = props.data;\r\n\r\n  typingInterval = window.setInterval(() => {\r\n    if (currentIndex < fullText.length) {\r\n      displayedText.value += fullText[currentIndex];\r\n      currentIndex++;\r\n    } else {\r\n      window.clearInterval(typingInterval!);\r\n      typingInterval = null;\r\n      showCursor.value = false;\r\n      emit('complete');\r\n    }\r\n  }, 50);\r\n};\r\n\r\n// 组件挂载时开始显示\r\nonMounted(() => {\r\n  startStreaming();\r\n});\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.letter-container {\r\n  .data-content {\r\n    display: inline-block;\r\n    position: relative;\r\n    font-size: 0.875em;\r\n\r\n    .cursor {\r\n      animation: blink 1s step-end infinite;\r\n      margin-left: 0.1em;\r\n      font-weight: bold;\r\n      vertical-align: text-bottom;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes blink {\r\n  from,\r\n  to {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n</style>\r\n"],"names":["DO_defineComponent","ref","inject","onMounted","_createElementBlock","_createElementVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAEA,MAA6B,WAAA,GAAAA,mBAAA,CAAmB,EAAE,IAAA,EAAM,iBAAiB,CAAA,CAAA;;;;;;;;AAiBzE,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAKb,IAAM,MAAA,aAAA,GAAgBC,QAAI,EAAE,CAAA,CAAA;AAC5B,IAAM,MAAA,UAAA,GAAaA,QAAI,KAAK,CAAA,CAAA;AAE5B,IAAA,MAAM,kBAAqB,GAAAC,UAAA,CAAqB,oBAAsB,EAAAD,OAAA,CAAI,KAAK,CAAC,CAAA,CAAA;AAChF,IAAA,IAAI,cAAgC,GAAA,IAAA,CAAA;AAGpC,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAI,IAAA,cAAA;AAAgB,QAAA,OAAA;AAGpB,MAAA,IAAI,mBAAmB,KAAO,EAAA;AAC5B,QAAA,aAAA,CAAc,QAAQ,KAAM,CAAA,IAAA,CAAA;AAC5B,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,QAAA,IAAA,CAAK,UAAU,CAAA,CAAA;AACf,QAAA,OAAA;AAAA,OACF;AAGA,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AACnB,MAAA,aAAA,CAAc,KAAQ,GAAA,EAAA,CAAA;AACtB,MAAA,IAAI,YAAe,GAAA,CAAA,CAAA;AACnB,MAAA,MAAM,WAAW,KAAM,CAAA,IAAA,CAAA;AAEvB,MAAiB,cAAA,GAAA,MAAA,CAAO,YAAY,MAAM;AACxC,QAAI,IAAA,YAAA,GAAe,SAAS,MAAQ,EAAA;AAClC,UAAc,aAAA,CAAA,KAAA,IAAS,SAAS,YAAY,CAAA,CAAA;AAC5C,UAAA,YAAA,EAAA,CAAA;AAAA,SACK,MAAA;AACL,UAAA,MAAA,CAAO,cAAc,cAAe,CAAA,CAAA;AACpC,UAAiB,cAAA,GAAA,IAAA,CAAA;AACjB,UAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,UAAA,IAAA,CAAK,UAAU,CAAA,CAAA;AAAA,SACjB;AAAA,SACC,EAAE,CAAA,CAAA;AAAA,KACP,CAAA;AAGA,IAAAE,aAAA,CAAU,MAAM;AACd,MAAe,cAAA,EAAA,CAAA;AAAA,KAChB,CAAA,CAAA;;4BA/DC,EAAAC,sBAAA,CAKM,OAAA,EALD,KAAA,EAAM,oBAAkB,EAAA;AAAA,QAC3BC,sBAGM,CAAA,KAAA,EAAA,EAHD,KAAA,EAAM,gBAAc,EAAA;AAAA,UACpBC,mBAAA;AAAA,YAAAC,mBAAA,CAAA,aAAA,CAAA,KAAa,CAAG,GAAA,GAAA;AAAA,YACnB,CAAA;AAAA;AAAA,WAAA;AAAA,UAAY,UAAU,CAAA,KAAA,qBAAtBH,uBAA+C,MAAA,EAAA;AAAA;YAAvB,KAAM,EAAA,QAAA;AAAA,WAAS,EAAA,GAAC;;;;;;;;;"}

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

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

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

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

package/lib/packages/components/touchchat/src/AiRobot/component/meterialPrepare.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: "meterialPrepare",
+  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: "\u5373\u5C06\u8FDB\u5165\u7533\u8BF7\u9875\u9762\uFF0C\u8BF7\u60A8\u5148\u786E\u8BA4\u662F\u5426\u5DF2\u5907\u9F50\u4EE5\u4E0B\u5173\u952E\u6750\u6599\uFF1A\u8054\u7CFB\u4EBA\u7684\u5168\u540D\u9700\u51C6\u786E\u65E0\u8BEF\uFF0C\u670D\u52A1\u5730\u5740\u9700\u8BE6\u7EC6\u6E05\u6670\uFF0C\u6709\u6548\u7535\u8BDD\u53F7\u7801\u4FBF\u4E8E\u6211\u4EEC\u968F\u65F6\u4E0E\u60A8\u53D6\u5F97\u8054\u7CFB\u3002\u6B64\u5916\uFF0C\u5982\u6709\u4EFB\u4F55\u7279\u6B8A\u9700\u6C42\u6216\u60C5\u51B5\uFF0C\u8BF7\u5728\u5907\u6CE8\u4E2D\u8BE6\u7EC6\u8BF4\u660E\u3002\u4E3A\u786E\u4FDD\u7533\u8BF7\u987A\u5229\u60A8\u8FD8\u53EF\u70B9\u51FB\u201C\u67E5\u770B\u8BE6\u60C5\u201D\u6309\u94AE\uFF0C\u83B7\u53D6\u8BE6\u5C3D\u7684\u4E1A\u52A1\u529E\u7406\u6307\u5357\u53CA\u5B8C\u6574\u6750\u6599\u6E05\u5355\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("[\u786E\u5B9A]");
+          }
+        }, " \u786E\u5B9A ", 8, ["onClick"]), [
+          [vue.vShow, showBtn.value]
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=meterialPrepare.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meterialPrepare.vue2.js","sources":["../../../../../../../../packages/components/touchchat/src/AiRobot/component/meterialPrepare.vue"],"sourcesContent":["<template>\n  <div>\n    <letter\n      data=\"即将进入申请页面，请您先确认是否已备齐以下关键材料：联系人的全名需准确无误，服务地址需详细清晰，有效电话号码便于我们随时与您取得联系。此外，如有任何特殊需求或情况，请在备注中详细说明。为确保申请顺利您还可点击“查看详情”按钮，获取详尽的业务办理指南及完整材料清单。\"\n      @complete=\"complete\"\n    ></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":";;;;;;;;;;;AAmBA,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;;8BA/BzDC,sBAYM,CAAA,KAAA,EAAA,IAAA,EAAA;AAAA,QAXJC,gBAGUC,cAAA,EAAA;AAAA,UAFR,IAAK,EAAA,0xBAAA;AAAA,UACJ,UAAU,EAAA,QAAA;AAAA;2BAEbC,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,gBAAA,CAAA,CAAA;AAAA,WAAA;AAAA,WAC3C,gBAED,EAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA;AAAA,oBALU,EAAA,OAAA,CAAO,KAAA,CAAA;AAAA;;;;;;;;"}

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

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

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

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