@touchvue/chat 1.0.0-beta.2 → 1.0.0-beta.4

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

@@ -24,144 +24,50 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleStop = () => emits("stop");
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", { class: "input-area-fixed" }, [
-        createElementVNode("div", { class: "input-area" }, [
-          createElementVNode("div", { class: "input-container" }, [
-            createElementVNode("div", { class: "vertical-input-group" }, [
-              createElementVNode("textarea", {
-                value: _ctx.inputValue,
-                placeholder: (_a = unref(placeholder)) != null ? _a : "\u8BF7\u8F93\u5165...",
-                class: "rounded-input",
-                onInput: handleInputChange,
-                onKeyup: withKeys(handleSend, ["enter"])
-              }, null, 40, ["value", "placeholder"]),
-              createElementVNode("div", {
-                class: normalizeClass(unref(isThinking) ? "controls-container" : "controls-container not-is-thinking")
-              }, [
-                unref(isThinking) ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  class: normalizeClass(["deep-thinking-btn", {
-                    active: _ctx.enableDeepThinking,
-                    disabled: _ctx.isChating
-                  }]),
-                  disabled: _ctx.isChating,
-                  onClick: handleDeepThinkingClick
-                }, [
-                  !_ctx.isChating ? (openBlock(), createElementBlock("svg", {
-                    key: 0,
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none"
-                  }, [
-                    createElementVNode("path", {
-                      d: "M6.57131 9.39895L3.28628 6.11392C2.50523 5.33287 2.50524 4.06654 3.28628 3.28549C4.06733 2.50445 5.33366 2.50444 6.11471 3.28549L6.58746 3.75824",
-                      stroke: _ctx.enableDeepThinking ? "#0062D6" : "#1D2129",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }, null, 8, ["stroke"]),
-                    createElementVNode("path", {
-                      d: "M9.41534 6.58612L12.7143 9.88513C13.4954 10.6662 13.4954 11.9325 12.7143 12.7136C11.9333 13.4946 10.667 13.4946 9.88592 12.7136L9.40744 12.2351",
-                      stroke: _ctx.enableDeepThinking ? "#0062D6" : "#1D2129",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }, null, 8, ["stroke"]),
-                    createElementVNode("path", {
-                      d: "M9.41454 9.41419L6.11098 12.7178C5.33199 13.4967 4.06733 13.4951 3.28628 12.714C2.50524 11.933 2.50356 10.6683 3.28255 9.88933L3.755 9.41687",
-                      stroke: _ctx.enableDeepThinking ? "#0062D6" : "#1D2129",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }, null, 8, ["stroke"]),
-                    createElementVNode("path", {
-                      d: "M6.58594 6.58545L9.88313 3.28826C10.6656 2.50575 11.9331 2.50457 12.7142 3.28562C13.4952 4.06666 13.4941 5.33418 12.7116 6.11668L12.2584 6.56982",
-                      stroke: _ctx.enableDeepThinking ? "#0062D6" : "#1D2129",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }, null, 8, ["stroke"])
-                  ])) : (openBlock(), createElementBlock("svg", {
-                    key: 1,
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none"
-                  }, [
-                    createElementVNode("path", {
-                      d: "M6.57131 9.39895L3.28628 6.11392C2.50523 5.33287 2.50524 4.06654 3.28628 3.28549C4.06733 2.50445 5.33366 2.50444 6.11471 3.28549L6.58746 3.75824",
-                      stroke: "#C9CDD4",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }),
-                    createElementVNode("path", {
-                      d: "M9.41534 6.58612L12.7143 9.88513C13.4954 10.6662 13.4954 11.9325 12.7143 12.7136C11.9333 13.4946 10.667 13.4946 9.88592 12.7136L9.40744 12.2351",
-                      stroke: "#C9CDD4",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }),
-                    createElementVNode("path", {
-                      d: "M9.41454 9.41419L6.11098 12.7178C5.33199 13.4967 4.06733 13.4951 3.28628 12.714C2.50524 11.933 2.50356 10.6683 3.28255 9.88933L3.755 9.41687",
-                      stroke: "#C9CDD4",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    }),
-                    createElementVNode("path", {
-                      d: "M6.58594 6.58545L9.88313 3.28826C10.6656 2.50575 11.9331 2.50457 12.7142 3.28562C13.4952 4.06666 13.4941 5.33418 12.7116 6.11668L12.2584 6.56982",
-                      stroke: "#C9CDD4",
-                      "stroke-width": "1.2",
-                      "stroke-linecap": "round"
-                    })
-                  ])),
-                  createElementVNode("span", null, "\u6DF1\u5EA6\u601D\u8003")
-                ], 10, ["disabled"])) : createCommentVNode("", true),
-                createElementVNode("div", { class: "input-buttons" }, [
-                  !_ctx.isChating ? (openBlock(), createElementBlock("button", {
-                    key: 0,
-                    class: "send-button square-icon-btn",
-                    disabled: !_ctx.inputValue.trim(),
-                    onClick: handleSend
-                  }, [
-                    (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"])) : (openBlock(), createElementBlock("button", {
-                    key: 1,
-                    class: "stop-button square-icon-btn",
-                    onClick: handleStop
-                  }, [
-                    (openBlock(), createElementBlock("svg", {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "33",
-                      height: "33",
-                      viewBox: "0 0 33 33",
-                      fill: "none"
-                    }, [
-                      createElementVNode("rect", {
-                        x: "0.5",
-                        y: "0.842773",
-                        width: "32",
-                        height: "32",
-                        rx: "8",
-                        fill: "#0077FA"
-                      }),
-                      createElementVNode("path", {
-                        d: "M11.5 13.2713C11.5 12.4824 12.1396 11.8428 12.9286 11.8428H20.0714C20.8604 11.8428 21.5 12.4824 21.5 13.2713V20.4142C21.5 21.2032 20.8604 21.8428 20.0714 21.8428H12.9286C12.1396 21.8428 11.5 21.2032 11.5 20.4142V13.2713Z",
-                        fill: "white"
-                      })
-                    ]))
-                  ]))
-                ])
-              ], 2)
-            ])
+      return openBlock(), createElementBlock("div", { class: "touchchat-edit" }, [
+        createElementVNode("div", { class: "touchchat-edit-input" }, [
+          createElementVNode("textarea", {
+            value: _ctx.inputValue,
+            placeholder: (_a = unref(placeholder)) != null ? _a : "\u8BF7\u8F93\u5165...",
+            onInput: handleInputChange,
+            onKeyup: withKeys(handleSend, ["enter"])
+          }, null, 40, ["value", "placeholder"])
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(unref(isThinking) ? "touchchat-edit-submit is-thinkable" : "touchchat-edit-submit")
+        }, [
+          createElementVNode("div", { class: "touchchat-edit-submit-left" }, [
+            createElementVNode("button", {
+              class: normalizeClass(["touchchat-edit-attach", { "is-dis": _ctx.isChating }])
+            }, [
+              createElementVNode("div", { class: "touchchat-edit-attach-icon" })
+            ], 2),
+            unref(isThinking) ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              class: normalizeClass(["touchchat-edit-think", { "is-on": _ctx.enableDeepThinking, "is-dis": _ctx.isChating }]),
+              onClick: handleDeepThinkingClick
+            }, [
+              createElementVNode("div", { class: "touchchat-edit-think-icon" }),
+              createElementVNode("div", { class: "touchchat-edit-think-text" }, "\u6DF1\u5EA6\u601D\u8003")
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", { class: "touchchat-edit-submit-right" }, [
+            !_ctx.isChating ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              class: "touchchat-edit-send",
+              disabled: !_ctx.inputValue.trim(),
+              onClick: handleSend
+            }, [
+              createElementVNode("div", { class: "touchchat-edit-send-icon" })
+            ], 8, ["disabled"])) : (openBlock(), createElementBlock("button", {
+              key: 1,
+              class: "touchchat-edit-stop",
+              onClick: handleStop
+            }, [
+              createElementVNode("div", { class: "touchchat-edit-stop-icon" })
+            ]))
           ])
-        ])
+        ], 2)
       ]);
     };
   }

package/es/packages/components/touchchat/src/AiChat/ChatInput.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.vue2.mjs","sources":["../../../../../../../packages/components/touchchat/src/AiChat/ChatInput.vue"],"sourcesContent":["<template>\n  <div class=\"input-area-fixed\">\n    <div class=\"input-area\">\n      <div class=\"input-container\">\n        <!-- 添加外层垂直布局容器 -->\n        <div class=\"vertical-input-group\">\n          <!-- 将v-model拆分为:value和@input -->\n          <textarea\n            :value=\"inputValue\"\n            :placeholder=\"placeholder ?? '请输入...'\"\n            class=\"rounded-input\"\n            @input=\"handleInputChange\"\n            @keyup.enter=\"handleSend\"\n          ></textarea>\n          <!-- 按钮与开关容器 -->\n          <div :class=\"isThinking ? 'controls-container' : 'controls-container not-is-thinking'\">\n            <!-- 深度思考开关 - 修改为按钮样式 -->\n            <button\n              v-if=\"isThinking\"\n              class=\"deep-thinking-btn\"\n              :class=\"{\n                active: enableDeepThinking,\n                disabled: isChating,\n              }\"\n              :disabled=\"isChating\"\n              @click=\"handleDeepThinkingClick\"\n            >\n              <svg\n                v-if=\"!isChating\"\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                  d=\"M6.57131 9.39895L3.28628 6.11392C2.50523 5.33287 2.50524 4.06654 3.28628 3.28549C4.06733 2.50445 5.33366 2.50444 6.11471 3.28549L6.58746 3.75824\"\n                  :stroke=\"enableDeepThinking ? '#0062D6' : '#1D2129'\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n                <path\n                  d=\"M9.41534 6.58612L12.7143 9.88513C13.4954 10.6662 13.4954 11.9325 12.7143 12.7136C11.9333 13.4946 10.667 13.4946 9.88592 12.7136L9.40744 12.2351\"\n                  :stroke=\"enableDeepThinking ? '#0062D6' : '#1D2129'\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n                <path\n                  d=\"M9.41454 9.41419L6.11098 12.7178C5.33199 13.4967 4.06733 13.4951 3.28628 12.714C2.50524 11.933 2.50356 10.6683 3.28255 9.88933L3.755 9.41687\"\n                  :stroke=\"enableDeepThinking ? '#0062D6' : '#1D2129'\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n                <path\n                  d=\"M6.58594 6.58545L9.88313 3.28826C10.6656 2.50575 11.9331 2.50457 12.7142 3.28562C13.4952 4.06666 13.4941 5.33418 12.7116 6.11668L12.2584 6.56982\"\n                  :stroke=\"enableDeepThinking ? '#0062D6' : '#1D2129'\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n              <svg\n                v-else\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                  d=\"M6.57131 9.39895L3.28628 6.11392C2.50523 5.33287 2.50524 4.06654 3.28628 3.28549C4.06733 2.50445 5.33366 2.50444 6.11471 3.28549L6.58746 3.75824\"\n                  stroke=\"#C9CDD4\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n                <path\n                  d=\"M9.41534 6.58612L12.7143 9.88513C13.4954 10.6662 13.4954 11.9325 12.7143 12.7136C11.9333 13.4946 10.667 13.4946 9.88592 12.7136L9.40744 12.2351\"\n                  stroke=\"#C9CDD4\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n                <path\n                  d=\"M9.41454 9.41419L6.11098 12.7178C5.33199 13.4967 4.06733 13.4951 3.28628 12.714C2.50524 11.933 2.50356 10.6683 3.28255 9.88933L3.755 9.41687\"\n                  stroke=\"#C9CDD4\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n                <path\n                  d=\"M6.58594 6.58545L9.88313 3.28826C10.6656 2.50575 11.9331 2.50457 12.7142 3.28562C13.4952 4.06666 13.4941 5.33418 12.7116 6.11668L12.2584 6.56982\"\n                  stroke=\"#C9CDD4\"\n                  stroke-width=\"1.2\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n              <span>深度思考</span>\n            </button>\n            <!-- 按钮容器 -->\n            <div class=\"input-buttons\">\n              <!-- 发送按钮 -->\n              <button\n                v-if=\"!isChating\"\n                class=\"send-button square-icon-btn\"\n                :disabled=\"!inputValue.trim()\"\n                @click=\"handleSend\"\n              >\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              <!-- 停止按钮 -->\n              <button v-else class=\"stop-button square-icon-btn\" @click=\"handleStop\">\n                <!-- 修正viewBox属性，移除$符号 -->\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"33\"\n                  height=\"33\"\n                  viewBox=\"0 0 33 33\"\n                  fill=\"none\"\n                >\n                  <rect x=\"0.5\" y=\"0.842773\" width=\"32\" height=\"32\" rx=\"8\" fill=\"#0077FA\" />\n                  <path\n                    d=\"M11.5 13.2713C11.5 12.4824 12.1396 11.8428 12.9286 11.8428H20.0714C20.8604 11.8428 21.5 12.4824 21.5 13.2713V20.4142C21.5 21.2032 20.8604 21.8428 20.0714 21.8428H12.9286C12.1396 21.8428 11.5 21.2032 11.5 20.4142V13.2713Z\"\n                    fill=\"white\"\n                  />\n                </svg>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue';\nconst placeholder = inject('placeholder', '请输入...');\nconst isThinking = inject('isThinking', false);\nconst props = defineProps<{\n  inputValue: string;\n  isChating: boolean;\n  enableDeepThinking: boolean;\n}>();\n\nconst emits = defineEmits<{\n  (e: 'send'): void;\n  (e: 'stop'): void;\n  (e: 'update:enableDeepThinking', value: boolean): void;\n  (e: 'update:inputValue', value: string): void; // 添加inputValue更新事件\n}>();\n\n// 处理输入框变化\nconst handleInputChange = (e: Event) => {\n  const value = (e.target as HTMLTextAreaElement).value;\n  emits('update:inputValue', value);\n};\n\n// 处理深度思考按钮点击\nconst handleDeepThinkingClick = () => {\n  emits('update:enableDeepThinking', !props.enableDeepThinking);\n};\n\nconst handleSend = () => emits('send');\nconst handleStop = () => emits('stop');\n</script>\n<!-- <style lang=\"less\" scoped>\n@import '../../style/ChatInput.less';\n</style> -->\n"],"names":["_createElementBlock","_createElementVNode","inputValue","_unref","enableDeepThinking","isChating"],"mappings":"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"}
+{"version":3,"file":"ChatInput.vue2.mjs","sources":["../../../../../../../packages/components/touchchat/src/AiChat/ChatInput.vue"],"sourcesContent":["<template>\n\t<div class=\"touchchat-edit\">\n\t\t<!-- 将v-model拆分为:value和@input -->\n\t\t<div class=\"touchchat-edit-input\">\n\t\t\t<textarea :value=\"inputValue\" :placeholder=\"placeholder ?? '请输入...'\" @input=\"handleInputChange\" @keyup.enter=\"handleSend\"></textarea>\n\t\t</div>\n\n\t\t<!-- 按钮与开关容器 -->\n\t\t<div :class=\"isThinking ? 'touchchat-edit-submit is-thinkable' : 'touchchat-edit-submit'\">\n\t\t\t<div class=\"touchchat-edit-submit-left\">\n\t\t\t\t<!-- 附件 -->\n\t\t\t\t<button class=\"touchchat-edit-attach\" :class=\"{ 'is-dis': isChating }\">\n\t\t\t\t\t<div class=\"touchchat-edit-attach-icon\"></div>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- 深度思考开关 - 修改为按钮样式 -->\n\t\t\t\t<button v-if=\"isThinking\" class=\"touchchat-edit-think\" :class=\"{ 'is-on': enableDeepThinking, 'is-dis': isChating }\" @click=\"handleDeepThinkingClick\">\n\t\t\t\t\t<div class=\"touchchat-edit-think-icon\"></div>\n\t\t\t\t\t<div class=\"touchchat-edit-think-text\">深度思考</div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"touchchat-edit-submit-right\">\n\t\t\t\t<!-- 发送按钮 -->\n\t\t\t\t<button v-if=\"!isChating\" class=\"touchchat-edit-send\" :disabled=\"!inputValue.trim()\" @click=\"handleSend\">\n\t\t\t\t\t<div class=\"touchchat-edit-send-icon\"></div>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- 停止按钮 -->\n\t\t\t\t<button v-else class=\"touchchat-edit-stop\" @click=\"handleStop\">\n\t\t\t\t\t<div class=\"touchchat-edit-stop-icon\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nconst placeholder = inject('placeholder', '请输入...')\nconst isThinking = inject('isThinking', false)\nconst props = defineProps<{\n\tinputValue: string\n\tisChating: boolean\n\tenableDeepThinking: boolean\n}>()\n\nconst emits = defineEmits<{\n\t(e: 'send'): void\n\t(e: 'stop'): void\n\t(e: 'update:enableDeepThinking', value: boolean): void\n\t(e: 'update:inputValue', value: string): void // 添加inputValue更新事件\n}>()\n\n// 处理输入框变化\nconst handleInputChange = (e: Event) => {\n\tconst value = (e.target as HTMLTextAreaElement).value\n\temits('update:inputValue', value)\n}\n\n// 处理深度思考按钮点击\nconst handleDeepThinkingClick = () => {\n\temits('update:enableDeepThinking', !props.enableDeepThinking)\n}\n\nconst handleSend = () => emits('send')\nconst handleStop = () => emits('stop')\n</script>\n"],"names":["_createElementBlock","_createElementVNode","inputValue","_unref","_normalizeClass","isChating","enableDeepThinking"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, reactive, computed, watch, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, toDisplayString, withDirectives, withKeys, withModifiers, vModelText, createCommentVNode, nextTick } from 'vue';
+import { defineComponent, inject, ref, reactive, computed, watch, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, toDisplayString, withDirectives, withKeys, withModifiers, vModelText, createTextVNode, createCommentVNode, nextTick } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HistoryList",
@@ -10,7 +10,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const isRobot = inject("scripts", []).length > 0;
-    console.log("isRobot === historyList", isRobot, inject("scripts", []));
     const emit = __emit;
     const actionMenus = ref({});
     const tooltipContainerRefs = ref({});
@@ -26,6 +25,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const state = reactive({
       actionMenuVisible: {}
     });
+    const handlePageChange = inject("handlePageChange", () => {
+      console.warn("\u672A\u63D0\u4F9BhandlePageChange\u51FD\u6570");
+    });
+    let scrollTimeout = null;
+    const handleScroll = (event) => {
+      if (scrollTimeout) {
+        clearTimeout(scrollTimeout);
+      }
+      scrollTimeout = setTimeout(() => {
+        const container = event.target;
+        const { scrollTop, scrollHeight, clientHeight } = container;
+        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;
+        if (isBottom) {
+          handlePageChange();
+        }
+      }, 200);
+    };
     const handleStartRename = (id) => {
       const item = props.chatHistory.find((item2) => item2.id === id);
       if (item) {
@@ -34,7 +50,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         state.actionMenuVisible[id] = false;
         nextTick(() => {
           var _a;
-          console.log("editInputRefs.value", editInputRefs.value[id]);
           (_a = editInputRefs.value[id]) == null ? void 0 : _a.focus();
         });
       }
@@ -58,11 +73,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const thirtyDaysAgo = new Date(today);
       thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);
       const targetDate = new Date(date);
-      const targetDateNormalized = new Date(
-        targetDate.getFullYear(),
-        targetDate.getMonth(),
-        targetDate.getDate()
-      );
+      const targetDateNormalized = new Date(targetDate.getFullYear(), targetDate.getMonth(), targetDate.getDate());
       if (targetDateNormalized >= today)
         return "today";
       if (targetDateNormalized >= yesterday)
@@ -93,9 +104,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const groupedChatHistory = computed(() => {
-      const sortedChats = [...props.chatHistory].sort(
-        (a, b) => new Date(b.time).getTime() - new Date(a.time).getTime()
-      );
+      const sortedChats = [...props.chatHistory].sort((a, b) => new Date(b.time).getTime() - new Date(a.time).getTime());
       const groups = {};
       sortedChats.forEach((chat) => {
         const key = getGroupKey(new Date(chat.time));
@@ -245,147 +254,101 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, 200);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", {
+      return openBlock(), createElementBlock("div", {
         ref_key: "historyListRef",
         ref: historyListRef,
-        class: normalizeClass(["history-list", { "is-robot": isRobot }])
+        class: normalizeClass(["touchchat-history", { "is-robot": isRobot }]),
+        onScroll: handleScroll
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(groupedChatHistory.value, (group) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: group.groupKey
+          return openBlock(), createElementBlock("div", {
+            key: group.groupKey,
+            class: "touchchat-history-group"
           }, [
-            createElementVNode("li", { class: "history-group-header" }, [
-              (openBlock(), createElementBlock("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "16",
-                height: "17",
-                viewBox: "0 0 16 17",
-                fill: "none"
-              }, [
-                createElementVNode("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M1.28906 3.54885C1.28906 3.21748 1.55769 2.94885 1.88906 2.94885H14.1113C14.4427 2.94885 14.7113 3.21748 14.7113 3.54885V12.7155C14.7113 13.0469 14.4427 13.3155 14.1113 13.3155H9.77648L8.42444 14.6676C8.31192 14.7801 8.1593 14.8433 8.00017 14.8433C7.84104 14.8433 7.68843 14.7801 7.57591 14.6676L6.22387 13.3155H1.88906C1.55769 13.3155 1.28906 13.0469 1.28906 12.7155V3.54885ZM2.48906 4.14885V12.1155H6.4724C6.63153 12.1155 6.78414 12.1787 6.89666 12.2913L8.00017 13.3948L9.10369 12.2913C9.21621 12.1787 9.36882 12.1155 9.52795 12.1155H13.5113V4.14885H2.48906Z",
-                  fill: "#1D2129"
-                }),
-                createElementVNode("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M7.09462 7.53219H8.90649V8.73219H7.09462V7.53219Z",
-                  fill: "#1D2129"
-                }),
-                createElementVNode("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M10.1505 7.53219H11.9613V8.73219H10.1505V7.53219Z",
-                  fill: "#1D2129"
-                }),
-                createElementVNode("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M4.03937 7.53219H5.85014V8.73219H4.03937V7.53219Z",
-                  fill: "#1D2129"
-                })
-              ])),
-              createElementVNode("div", { class: "history-item" }, [
-                createElementVNode("span", { class: "history-title" }, toDisplayString(group.groupName), 1)
-              ])
+            createElementVNode("div", { class: "touchchat-history-title" }, [
+              createElementVNode("div", { class: "touchchat-history-title-icon" }),
+              createElementVNode("div", { class: "touchchat-history-title-text" }, toDisplayString(group.groupName), 1)
             ]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
-              return openBlock(), createElementBlock("li", {
-                key: item.id,
-                ref_for: true,
-                ref: (el) => setHistoryItemRef(item.id, el),
-                class: normalizeClass([item.id === _ctx.activeChat ? "active" : "", "history-item-container"]),
-                onClick: ($event) => handleSelectChat(item.id)
-              }, [
-                createElementVNode("div", { class: "history-item" }, [
+            createElementVNode("div", { class: "touchchat-history-content" }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.id,
+                  ref_for: true,
+                  ref: (el) => setHistoryItemRef(item.id, el),
+                  class: normalizeClass([item.id === _ctx.activeChat ? "is-on" : "", "touchchat-history-item"]),
+                  onClick: ($event) => handleSelectChat(item.id)
+                }, [
                   createElementVNode("div", {
                     ref_for: true,
                     ref: (el) => setTooltipContainerRef(item.id, el),
-                    class: "tooltip-container",
+                    class: "touchchat-history-item-text",
                     style: { "flex": "1" }
                   }, [
-                    editingId.value === item.id ? withDirectives((openBlock(), createElementBlock("input", {
+                    editingId.value === item.id ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      ref_for: true,
-                      ref: (el) => setEditInputRef(item.id, el),
-                      "onUpdate:modelValue": ($event) => editTitle.value = $event,
-                      class: "edit-title-input",
-                      onBlur: ($event) => handleRenameComplete(item.id),
-                      onKeyup: withKeys(($event) => handleRenameComplete(item.id), ["enter"]),
-                      onClick: withModifiers(() => {
-                      }, ["stop"])
-                    }, null, 40, ["onUpdate:modelValue", "onBlur", "onKeyup", "onClick"])), [
-                      [vModelText, editTitle.value]
-                    ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createElementVNode("span", { class: "history-title" }, toDisplayString(item.title || "\u65B0\u5BF9\u8BDD"), 1),
+                      class: "touchchat-history-input"
+                    }, [
+                      withDirectives(createElementVNode("input", {
+                        ref_for: true,
+                        ref: (el) => setEditInputRef(item.id, el),
+                        "onUpdate:modelValue": ($event) => editTitle.value = $event,
+                        onBlur: ($event) => handleRenameComplete(item.id),
+                        onKeyup: withKeys(($event) => handleRenameComplete(item.id), ["enter"]),
+                        onClick: withModifiers(() => {
+                        }, ["stop"])
+                      }, null, 40, ["onUpdate:modelValue", "onBlur", "onKeyup", "onClick"]), [
+                        [vModelText, editTitle.value]
+                      ])
+                    ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(item.title || "\u65B0\u5BF9\u8BDD") + " ", 1),
                       shouldShowTooltip(item.id, item.title) ? (openBlock(), createElementBlock("div", {
                         key: 0,
                         ref_for: true,
                         ref: "tooltipRef",
-                        class: "custom-tooltip"
+                        class: "touchchat-tooltip"
                       }, toDisplayString(item.title), 513)) : createCommentVNode("", true)
                     ], 64))
-                  ], 512)
-                ]),
-                editingId.value !== item.id ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: "item-actions"
-                }, [
-                  createElementVNode("button", {
-                    class: "more-btn",
-                    onClick: withModifiers(($event) => handleToggleActionMenu(item.id), ["stop"])
-                  }, "...", 8, ["onClick"]),
-                  state.actionMenuVisible[item.id] ? (openBlock(), createElementBlock("div", {
+                  ], 512),
+                  editingId.value !== item.id ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    ref_for: true,
-                    ref: (el) => actionMenus.value[item.id] = el,
-                    class: "action-menu",
-                    onMouseenter: preventMenuClose,
-                    onMouseleave: ($event) => delayedCloseMenu(item.id)
+                    class: "touchchat-history-fn"
                   }, [
-                    createElementVNode("div", {
-                      class: "menu-item",
-                      onClick: withModifiers(($event) => handleStartRename(item.id), ["stop"])
+                    createElementVNode("button", {
+                      class: "touchchat-history-more",
+                      onClick: withModifiers(($event) => handleToggleActionMenu(item.id), ["stop"])
                     }, [
-                      (openBlock(), createElementBlock("svg", {
-                        width: "16",
-                        height: "16",
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2"
-                      }, [
-                        createElementVNode("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                        createElementVNode("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                      ])),
-                      createElementVNode("span", null, "\u91CD\u547D\u540D")
+                      createElementVNode("div", { class: "touchchat-history-more-icon" })
                     ], 8, ["onClick"]),
-                    createElementVNode("div", {
-                      class: "menu-item delete-btn",
-                      onClick: withModifiers(($event) => handleMenuAction("delete", item.id), ["stop"])
+                    state.actionMenuVisible[item.id] ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      ref_for: true,
+                      ref: (el) => actionMenus.value[item.id] = el,
+                      class: "touchchat-history-float",
+                      onMouseenter: preventMenuClose,
+                      onMouseleave: ($event) => delayedCloseMenu(item.id)
                     }, [
-                      (openBlock(), createElementBlock("svg", {
-                        width: "16",
-                        height: "16",
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2"
+                      createElementVNode("div", {
+                        class: "touchchat-history-rename",
+                        onClick: withModifiers(($event) => handleStartRename(item.id), ["stop"])
+                      }, [
+                        createElementVNode("span", { class: "touchchat-history-rename-icon" }),
+                        createElementVNode("span", { class: "touchchat-history-rename-text" }, "\u91CD\u547D\u540D")
+                      ], 8, ["onClick"]),
+                      createElementVNode("div", {
+                        class: "touchchat-history-remove",
+                        onClick: withModifiers(($event) => handleMenuAction("delete", item.id), ["stop"])
                       }, [
-                        createElementVNode("polyline", { points: "3 6 5 6 21 6" }),
-                        createElementVNode("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                      ])),
-                      createElementVNode("span", null, "\u5220\u9664")
-                    ], 8, ["onClick"])
-                  ], 40, ["onMouseleave"])) : createCommentVNode("", true)
-                ])) : createCommentVNode("", true)
-              ], 10, ["onClick"]);
-            }), 128))
-          ], 64);
+                        createElementVNode("span", { class: "touchchat-history-remove-icon" }),
+                        createElementVNode("span", { class: "touchchat-history-remove-text" }, "\u5220\u9664")
+                      ], 8, ["onClick"])
+                    ], 40, ["onMouseleave"])) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true)
+                ], 10, ["onClick"]);
+              }), 128))
+            ])
+          ]);
         }), 128))
-      ], 2);
+      ], 34);
     };
   }
 });