@tencentcloud/ai-desk-customer-vue 1.5.6 → 1.5.8

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 1.5.8 @2025.8.26
+
+### Features
+- 默认标注 AI 生成内容，满足合规要求。
+- 支持对 AI 生成内容点赞点踩。
+- 优化消息已读回执上报的时机和效率，提升产品体验。
+- 状态变更适配多客服号场景。
+- 默认机器人头像和客服号头像保持一致。
+
 ## 1.5.6 @2025.8.5
 
 ### Features

package/assets/feedback_dislike_after.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.93575 12.8076C5.98695 14.02 6.63253 14.5243 7.164 14.734C7.5547 14.8882 7.92273 14.5824 7.99512 14.1686L8.18994 13.0553C8.42499 11.7119 9.42462 10.6306 10.7454 10.2909L10.8549 10.2627L10.8549 3.07497L3.82176 3.07497C3.25596 3.07497 2.77309 3.48403 2.68007 4.04214L1.71554 8.96129C1.59796 9.66679 2.142 10.309 2.85723 10.309L5.93575 10.3091C5.93575 10.3091 5.84768 10.7223 5.93575 12.8076ZM12.9133 2.49994L12.9132 10.4999L14.2466 10.4999L14.2466 2.49994L12.9133 2.49994Z" fill="#727A8A"/>
+<path d="M7.91895 14.6355C7.66124 14.8227 7.32493 14.9091 6.97949 14.823L6.83105 14.7752L6.70215 14.7205C6.39723 14.581 6.06449 14.3582 5.79102 14.0037C5.47516 13.5939 5.26737 13.045 5.2373 12.3347C5.19757 11.3938 5.19436 10.7825 5.20215 10.3904L2.73633 10.3904C1.66382 10.3901 0.848318 9.42686 1.02441 8.36891L1.02539 8.36109L1.02734 8.35328L1.99121 3.43434C2.13713 2.60526 2.85784 1.99982 3.70117 1.99977L11.3135 1.99977L11.3135 10.2146L10.8789 10.3259L10.7695 10.3543C9.66896 10.6373 8.83558 11.5386 8.63965 12.658L8.44434 13.7713C8.38459 14.1122 8.20095 14.4305 7.91895 14.6355ZM12.793 2.0027L14.126 2.0027L14.126 10.0027L12.793 10.0027L12.793 2.0027Z" fill="#676A70" style="fill:#676A70;fill:color(display-p3 0.4039 0.4157 0.4392);fill-opacity:1;"/>
 </svg>

package/assets/feedback_dislike_before.svg

@@ -1,10 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8053_26348)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.95155 14.2724C6.34804 14.4288 6.74452 14.3465 7.03909 14.1325C7.32135 13.9274 7.50548 13.6096 7.56518 13.2684L7.76 12.155C7.95587 11.0356 8.7889 10.1344 9.88953 9.85137L9.99901 9.82321L10.4336 9.71144L10.4336 9.26273L10.4336 2.07497L10.4336 1.49626L9.85486 1.49625L2.82176 1.49625C1.97608 1.49625 1.2539 2.10548 1.11074 2.93808L0.147638 7.84993L0.146053 7.85802L0.144699 7.86615C-0.0316758 8.92438 0.784381 9.88773 1.85722 9.88774L1.85723 9.88774L4.32106 9.88777C4.31328 10.2799 4.3178 10.891 4.35754 11.832C4.38755 12.5424 4.59551 13.0903 4.91143 13.5001C5.22412 13.9058 5.61379 14.1391 5.95155 14.2724ZM6.42506 13.0689C6.41914 13.1027 6.4075 13.132 6.39372 13.155C6.38304 13.1727 6.37254 13.1843 6.3649 13.1911C6.17486 13.1143 5.98079 12.9915 5.82812 12.7935C5.67558 12.5956 5.53515 12.2851 5.51395 11.7831C5.47028 10.7491 5.47073 10.1393 5.48118 9.79384C5.48639 9.62136 5.49402 9.51761 5.49941 9.46178C5.50165 9.4385 5.50345 9.42423 5.50438 9.41735L5.65078 8.73035L4.93576 8.73034L1.85724 8.7303L1.85723 8.7303C1.50191 8.7303 1.23107 8.41328 1.2853 8.06319L2.24798 3.15349L2.24956 3.1454L2.25092 3.13728C2.29743 2.85822 2.53887 2.65369 2.82176 2.65369L9.27614 2.65369L9.27614 8.82866C7.89788 9.30898 6.87447 10.5005 6.61988 11.9555L6.42506 13.0689ZM11.9133 1.49994L11.9132 9.49994L13.2466 9.49994L13.2466 1.49994L11.9133 1.49994Z" fill="#727A8A"/>
-</g>
-<defs>
-<clipPath id="clip0_8053_26348">
-<rect width="14" height="14" fill="white"/>
-</clipPath>
-</defs>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.91856 14.6355C7.66085 14.8227 7.32454 14.9091 6.9791 14.823L6.83067 14.7752L6.70176 14.7205C6.39684 14.581 6.0641 14.3582 5.79062 14.0037C5.47477 13.5939 5.26698 13.045 5.23691 12.3347C5.19718 11.3938 5.19397 10.7825 5.20176 10.3904L2.73594 10.3904C1.66343 10.3901 0.847927 9.42686 1.02402 8.36891L1.025 8.36109L1.02695 8.35328L1.99082 3.43434C2.13673 2.60527 2.85745 1.99982 3.70078 1.99977L11.3131 1.99977L11.3131 10.2146L10.8785 10.3259L10.7691 10.3543C9.66857 10.6373 8.83519 11.5386 8.63926 12.658L8.44395 13.7713C8.3842 14.1122 8.20056 14.4305 7.91856 14.6355ZM12.7926 2.0027L14.0024 2.0027L14.0024 10.0027L12.7926 10.0027L12.7926 2.0027ZM7.27305 13.658C7.28674 13.6352 7.29837 13.6056 7.3043 13.572L7.49863 12.4588C7.75316 11.0041 8.77712 9.81429 10.1549 9.33375L10.1549 3.15699L3.70078 3.15699C3.41795 3.15705 3.177 3.3614 3.13047 3.64039L3.12852 3.6482L3.12754 3.65699L2.16563 8.56227C2.1089 8.9137 2.37956 9.23291 2.73594 9.23316L6.52988 9.23317L6.38438 9.91774C6.38356 9.92328 6.38106 9.93832 6.37852 9.96461C6.37314 10.0205 6.36517 10.1247 6.35996 10.2966C6.34953 10.6421 6.34952 11.2524 6.39317 12.2859C6.41442 12.7876 6.55512 13.0988 6.70762 13.2966C6.86016 13.4943 7.05397 13.6174 7.24375 13.6941C7.25136 13.6873 7.26237 13.6757 7.27305 13.658Z" fill="#676A70" style="fill:#676A70;fill:color(display-p3 0.4039 0.4157 0.4392);fill-opacity:1;"/>
 </svg>

package/assets/feedback_dislike_hover.svg

@@ -1,10 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8984_1331)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.95155 14.2724C6.34804 14.4288 6.74452 14.3465 7.03909 14.1325C7.32135 13.9274 7.50548 13.6096 7.56518 13.2684L7.76 12.155C7.95587 11.0356 8.7889 10.1344 9.88953 9.85137L9.99901 9.82321L10.4336 9.71144L10.4336 9.26273L10.4336 2.07497L10.4336 1.49626L9.85486 1.49625L2.82176 1.49625C1.97608 1.49625 1.2539 2.10548 1.11074 2.93808L0.147638 7.84993L0.146053 7.85802L0.144699 7.86615C-0.0316758 8.92438 0.784381 9.88773 1.85722 9.88774L1.85723 9.88774L4.32106 9.88777C4.31328 10.2799 4.3178 10.891 4.35754 11.832C4.38755 12.5424 4.59551 13.0903 4.91143 13.5001C5.22412 13.9058 5.61379 14.1391 5.95155 14.2724ZM6.42506 13.0689C6.41914 13.1027 6.4075 13.132 6.39372 13.155C6.38304 13.1727 6.37254 13.1843 6.3649 13.1911C6.17486 13.1143 5.98079 12.9915 5.82812 12.7935C5.67558 12.5956 5.53515 12.2851 5.51395 11.7831C5.47028 10.7491 5.47073 10.1393 5.48118 9.79384C5.48639 9.62136 5.49402 9.51761 5.49941 9.46178C5.50165 9.4385 5.50345 9.42423 5.50438 9.41735L5.65078 8.73035L4.93576 8.73034L1.85724 8.7303L1.85723 8.7303C1.50191 8.7303 1.23107 8.41328 1.2853 8.06319L2.24798 3.15349L2.24956 3.1454L2.25092 3.13728C2.29743 2.85822 2.53887 2.65369 2.82176 2.65369L9.27614 2.65369L9.27614 8.82866C7.89788 9.30898 6.87447 10.5005 6.61988 11.9555L6.42506 13.0689ZM11.9133 1.49994L11.9132 9.49994L13.2466 9.49994L13.2466 1.49994L11.9133 1.49994Z" fill="#22262E"/>
-</g>
-<defs>
-<clipPath id="clip0_8984_1331">
-<rect width="14" height="14" fill="white"/>
-</clipPath>
-</defs>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.91856 14.6355C7.66085 14.8227 7.32454 14.9091 6.9791 14.823L6.83067 14.7752L6.70176 14.7205C6.39684 14.581 6.0641 14.3582 5.79062 14.0037C5.47477 13.5939 5.26698 13.045 5.23691 12.3347C5.19718 11.3938 5.19397 10.7825 5.20176 10.3904L2.73594 10.3904C1.66343 10.3901 0.847927 9.42686 1.02402 8.36891L1.025 8.36109L1.02695 8.35328L1.99082 3.43434C2.13673 2.60527 2.85745 1.99982 3.70078 1.99977L11.3131 1.99977L11.3131 10.2146L10.8785 10.3259L10.7691 10.3543C9.66857 10.6373 8.83519 11.5386 8.63926 12.658L8.44395 13.7713C8.3842 14.1122 8.20056 14.4305 7.91856 14.6355ZM12.7926 2.0027L14.0024 2.0027L14.0024 10.0027L12.7926 10.0027L12.7926 2.0027ZM7.27305 13.658C7.28674 13.6352 7.29837 13.6056 7.3043 13.572L7.49863 12.4588C7.75316 11.0041 8.77712 9.81429 10.1549 9.33375L10.1549 3.15699L3.70078 3.15699C3.41795 3.15705 3.177 3.3614 3.13047 3.64039L3.12852 3.6482L3.12754 3.65699L2.16563 8.56227C2.1089 8.9137 2.37956 9.23291 2.73594 9.23316L6.52988 9.23317L6.38438 9.91774C6.38356 9.92328 6.38106 9.93832 6.37852 9.96461C6.37314 10.0205 6.36517 10.1247 6.35996 10.2966C6.34953 10.6421 6.34952 11.2524 6.39317 12.2859C6.41442 12.7876 6.55512 13.0988 6.70762 13.2966C6.86016 13.4943 7.05397 13.6174 7.24375 13.6941C7.25136 13.6873 7.26237 13.6757 7.27305 13.658Z" fill="#48494F" style="fill:#48494F;fill:color(display-p3 0.2824 0.2863 0.3098);fill-opacity:1;"/>
 </svg>

package/assets/feedback_like_after.svg

@@ -1,14 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8053_26576)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.06425 3.19243C9.01305 1.98001 8.36747 1.47571 7.836 1.26596C7.4453 1.11177 7.07727 1.41761 7.00488 1.83136L6.81006 2.94473C6.57501 4.28806 5.57538 5.36942 4.25462 5.70911L4.14514 5.73727L4.14514 12.925L11.1782 12.925C11.744 12.925 12.2269 12.516 12.3199 11.9579L13.2845 7.03871C13.402 6.33321 12.858 5.69098 12.1428 5.69098L9.06425 5.69094C9.06425 5.69094 9.15232 5.27767 9.06425 3.19243ZM2.08675 13.5001L2.08675 5.50006L0.753417 5.50006L0.753416 13.5001L2.08675 13.5001Z" fill="url(#paint0_linear_8053_26576)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_8053_26576" x1="7.31638" y1="16.2105" x2="18.4078" y2="-7.26721" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1C66E5"/>
-<stop offset="1" stop-color="#03C8FD"/>
-</linearGradient>
-<clipPath id="clip0_8053_26576">
-<rect width="14" height="14" fill="white" transform="translate(14 14) rotate(-180)"/>
-</clipPath>
-</defs>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.96045 1.86742C8.21815 1.68023 8.55446 1.59383 8.8999 1.67992L9.04834 1.72777L9.17725 1.78246C9.48216 1.92188 9.81491 2.14475 10.0884 2.49926C10.4042 2.909 10.612 3.45796 10.6421 4.1682C10.6818 5.10908 10.685 5.72045 10.6772 6.11254L13.1431 6.11254C14.2156 6.11279 15.0311 7.07607 14.855 8.13402L14.854 8.14184L14.852 8.14965L13.8882 13.0686C13.7423 13.8977 13.0216 14.5031 12.1782 14.5032L4.56592 14.5032L4.56592 6.28832L5.00049 6.17699L5.10986 6.14867C6.21044 5.86561 7.04381 4.96432 7.23975 3.84496L7.43506 2.73168C7.4948 2.39076 7.67844 2.07243 7.96045 1.86742ZM3.08642 14.5002L1.75342 14.5002L1.75342 6.50023L3.08642 6.50023L3.08642 14.5002Z" fill="#1C66E5" style="fill:#1C66E5;fill:color(display-p3 0.1098 0.4000 0.8980);fill-opacity:1;"/>
 </svg>

package/assets/feedback_like_before.svg

@@ -1,10 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8053_26340)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.04845 0.727649C7.65196 0.57117 7.25548 0.653472 6.96091 0.867493C6.67865 1.07257 6.49452 1.39045 6.43482 1.73161L6.24001 2.84498C6.04413 3.96442 5.2111 4.86556 4.11047 5.14863L4.00099 5.17679L3.56643 5.28856L3.56643 5.73727L3.56642 12.925L3.56642 13.5037L4.14514 13.5037L11.1782 13.5037C12.0239 13.5037 12.7461 12.8945 12.8893 12.0619L13.8524 7.15007L13.8539 7.14198L13.8553 7.13385C14.0317 6.07561 13.2156 5.11227 12.1428 5.11226L12.1428 5.11226L9.67894 5.11223C9.68672 4.72009 9.6822 4.109 9.64246 3.16801C9.61245 2.45757 9.40449 1.90968 9.08857 1.49987C8.77588 1.09424 8.38621 0.860948 8.04845 0.727649ZM7.57494 1.93111C7.58086 1.89728 7.5925 1.86796 7.60628 1.84505C7.61696 1.82729 7.62746 1.81573 7.6351 1.80888C7.82514 1.88567 8.01921 2.00846 8.17188 2.20652C8.32442 2.40439 8.46485 2.71487 8.48605 3.21685C8.52972 4.25092 8.52927 4.86069 8.51882 5.20616C8.51361 5.37864 8.50598 5.48239 8.50059 5.53822C8.49835 5.5615 8.49656 5.57577 8.49562 5.58265L8.34922 6.26965L9.06424 6.26966L12.1428 6.2697L12.1428 6.2697C12.4981 6.2697 12.7689 6.58672 12.7147 6.93681L11.752 11.8465L11.7504 11.8546L11.7491 11.8627C11.7026 12.1418 11.4611 12.3463 11.1782 12.3463L4.72386 12.3463L4.72386 6.17134C6.10212 5.69102 7.12553 4.49946 7.38012 3.04447L7.57494 1.93111ZM2.08675 13.5001L2.08675 5.50006L0.753417 5.50006L0.753416 13.5001L2.08675 13.5001Z" fill="#727A8A"/>
-</g>
-<defs>
-<clipPath id="clip0_8053_26340">
-<rect width="14" height="14" fill="white" transform="translate(14 14) rotate(-180)"/>
-</clipPath>
-</defs>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.95998 1.86742C8.21768 1.68024 8.554 1.59384 8.89944 1.67992L9.04787 1.72777L9.17678 1.78246C9.48169 1.92188 9.81445 2.14476 10.0879 2.49926C10.4038 2.90899 10.6116 3.45797 10.6416 4.1682C10.6814 5.10906 10.6846 5.72046 10.6768 6.11254L13.1426 6.11255C14.2151 6.1128 15.0306 7.07609 14.8545 8.13403L14.8536 8.14185L14.8516 8.14966L13.8877 13.0686C13.7418 13.8977 13.0211 14.5031 12.1778 14.5032L4.56544 14.5032L4.56544 6.28833L5.00001 6.177L5.10938 6.14868C6.20996 5.86562 7.04334 4.96433 7.23927 3.84496L7.43459 2.73168C7.49434 2.39077 7.67798 2.07242 7.95998 1.86742ZM3.08594 14.5003L1.86328 14.5003L1.86328 6.50024L3.08594 6.50024L3.08594 14.5003ZM8.60549 2.84496C8.59181 2.86775 8.58017 2.89732 8.57424 2.9309L8.3799 4.04418C8.12537 5.49882 7.10141 6.68865 5.72364 7.16919L5.72364 13.346L12.1778 13.346C12.4606 13.3459 12.7016 13.1416 12.7481 12.8626L12.75 12.8547L12.751 12.846L13.7129 7.94067C13.7696 7.58926 13.499 7.27003 13.1426 7.26977L9.34866 7.26977L9.49416 6.5852C9.49498 6.57963 9.49749 6.56457 9.50002 6.53833C9.5054 6.48243 9.51337 6.37817 9.51858 6.20629C9.52901 5.86079 9.52901 5.25047 9.48537 4.21703C9.46411 3.71531 9.32342 3.40411 9.17092 3.20629C9.01838 3.00865 8.82456 2.88555 8.63479 2.80883C8.62718 2.81563 8.61616 2.82728 8.60549 2.84496Z" fill="#676A70" style="fill:#676A70;fill:color(display-p3 0.4039 0.4157 0.4392);fill-opacity:1;"/>
 </svg>

package/assets/feedback_like_hover.svg

@@ -1,10 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8984_1289)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.04845 0.727649C7.65196 0.57117 7.25548 0.653472 6.96091 0.867493C6.67865 1.07257 6.49452 1.39045 6.43482 1.73161L6.24001 2.84498C6.04413 3.96442 5.2111 4.86556 4.11047 5.14863L4.00099 5.17679L3.56643 5.28856L3.56643 5.73727L3.56642 12.925L3.56642 13.5037L4.14514 13.5037L11.1782 13.5037C12.0239 13.5037 12.7461 12.8945 12.8893 12.0619L13.8524 7.15007L13.8539 7.14198L13.8553 7.13385C14.0317 6.07561 13.2156 5.11227 12.1428 5.11226L12.1428 5.11226L9.67894 5.11223C9.68672 4.72009 9.6822 4.109 9.64246 3.16801C9.61245 2.45757 9.40449 1.90968 9.08857 1.49987C8.77588 1.09424 8.38621 0.860948 8.04845 0.727649ZM7.57494 1.93111C7.58086 1.89728 7.5925 1.86796 7.60628 1.84505C7.61696 1.82729 7.62746 1.81573 7.6351 1.80888C7.82514 1.88567 8.01921 2.00846 8.17188 2.20652C8.32442 2.40439 8.46485 2.71487 8.48605 3.21685C8.52972 4.25092 8.52927 4.86069 8.51882 5.20616C8.51361 5.37864 8.50598 5.48239 8.50059 5.53822C8.49835 5.5615 8.49656 5.57577 8.49562 5.58265L8.34922 6.26965L9.06424 6.26966L12.1428 6.2697L12.1428 6.2697C12.4981 6.2697 12.7689 6.58672 12.7147 6.93681L11.752 11.8465L11.7504 11.8546L11.7491 11.8627C11.7026 12.1418 11.4611 12.3463 11.1782 12.3463L4.72386 12.3463L4.72386 6.17134C6.10212 5.69102 7.12553 4.49946 7.38012 3.04447L7.57494 1.93111ZM2.08675 13.5001L2.08675 5.50006L0.753417 5.50006L0.753416 13.5001L2.08675 13.5001Z" fill="#22262E"/>
-</g>
-<defs>
-<clipPath id="clip0_8984_1289">
-<rect width="14" height="14" fill="white" transform="translate(14 14) rotate(-180)"/>
-</clipPath>
-</defs>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.95998 1.86742C8.21768 1.68024 8.554 1.59384 8.89944 1.67992L9.04787 1.72777L9.17678 1.78246C9.48169 1.92188 9.81445 2.14476 10.0879 2.49926C10.4038 2.90899 10.6116 3.45797 10.6416 4.1682C10.6814 5.10906 10.6846 5.72046 10.6768 6.11254L13.1426 6.11255C14.2151 6.1128 15.0306 7.07609 14.8545 8.13403L14.8536 8.14185L14.8516 8.14966L13.8877 13.0686C13.7418 13.8977 13.0211 14.5031 12.1778 14.5032L4.56544 14.5032L4.56544 6.28833L5.00001 6.177L5.10938 6.14868C6.20996 5.86562 7.04334 4.96433 7.23927 3.84496L7.43459 2.73168C7.49434 2.39077 7.67798 2.07242 7.95998 1.86742ZM3.08594 14.5003L1.86328 14.5003L1.86328 6.50024L3.08594 6.50024L3.08594 14.5003ZM8.60549 2.84496C8.59181 2.86775 8.58017 2.89732 8.57424 2.9309L8.3799 4.04418C8.12537 5.49882 7.10141 6.68865 5.72364 7.16919L5.72364 13.346L12.1778 13.346C12.4606 13.3459 12.7016 13.1416 12.7481 12.8626L12.75 12.8547L12.751 12.846L13.7129 7.94067C13.7696 7.58926 13.499 7.27003 13.1426 7.26977L9.34866 7.26977L9.49416 6.5852C9.49498 6.57963 9.49749 6.56457 9.50002 6.53833C9.5054 6.48243 9.51337 6.37817 9.51858 6.20629C9.52901 5.86079 9.52901 5.25047 9.48537 4.21703C9.46411 3.71531 9.32342 3.40411 9.17092 3.20629C9.01838 3.00865 8.82456 2.88555 8.63479 2.80883C8.62718 2.81563 8.61616 2.82728 8.60549 2.84496Z" fill="#48494F" style="fill:#48494F;fill:color(display-p3 0.2824 0.2863 0.3098);fill-opacity:1;"/>
 </svg>

package/components/CustomerServiceChat/chat-header/index-web.vue

@@ -131,15 +131,17 @@ function onCurrentConversationUpdated(conversation: IConversationModel) {
   currentConversationName.value = currentConversation.value?.getShowName();
 }
 
-function onTypingStatusUpdated(status: boolean) {
-  isTyping.value = status;
-  if (isTyping.value && state.get('showTyping') === 1) {
-    currentConversationName.value = TUITranslateService.t('TUIChat.对方正在输入');
-  } else {
-    if (isPC) {
-      currentConversationName.value = currentConversation.value?.getShowName();
+function onTypingStatusUpdated(data: {conversationID: string, value: boolean}) {
+  if (data && data.conversationID === currentConversation.value.conversationID) {
+    isTyping.value = data.value;
+    if (isTyping.value && state.get('showTyping') === 1) {
+      currentConversationName.value = TUITranslateService.t('TUIChat.对方正在输入');
     } else {
-      currentConversationName.value = TUITranslateService.t('AIDesk.Hi，我是') + currentConversation.value?.getShowName();
+      if (isPC) {
+        currentConversationName.value = currentConversation.value?.getShowName();
+      } else {
+        currentConversationName.value = TUITranslateService.t('AIDesk.Hi，我是') + currentConversation.value?.getShowName();
+      }
     }
   }
 }
@@ -168,7 +170,6 @@ function selectLanguage(languageOption) {
   align-items: center;
   justify-content: space-between;
   border-bottom:1px solid #f3f4f7;
-  font-family: PingFangSC-Regular;
   width: 100%;
 
   &-container {
@@ -184,7 +185,6 @@ function selectLanguage(languageOption) {
     flex: 1;
     font-size: 16px;
     line-height: 30px;
-    font-family: PingFangSC-Medium;
     font-weight: 500;
     color: #000;
     letter-spacing: 0;

package/components/CustomerServiceChat/feedback-modal/index.vue

@@ -0,0 +1,391 @@
+<template>
+  <div>
+    <div v-if="isPC" class="feedback-dialog">
+      <div class="feedback-dialog-main">
+        <div class="feedback-dialog-header">
+          <div class="dialog-header-container">
+            <span class="dialog-header-title">
+              {{ TUITranslateService.t("AIDesk.感谢您的反馈，我们会持续优化改进") }}  
+            </span>
+          </div>
+          <Icon :file="DialogCloseIcon" width="20px" height="20px" @click="closeFeedbackModal"/>
+        </div>
+
+        <div class="dialog-select-container">
+          <span class="dialog-session-title"> 
+            {{ TUITranslateService.t("AIDesk.您遇到了哪方面的问题") }}  
+          </span>
+          <div class="dialog-button-list">
+            <div class="dialog-button-row" v-for="(item) in feedbackButtonList">
+              <div :class="['dialog-button',item.isSelected ? 'dialog-button-selected': '']" @click="dialogButtonClick(item)">
+                {{ feedbackButtonListFromStore ? item.content : TUITranslateService.t(`AIDesk.${item.content}`) }}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="dialog-other-feedback-container">
+          <span class="dialog-session-title"> 
+            {{ TUITranslateService.t("AIDesk.其他反馈内容") }}   
+          </span>
+          <textarea type="text" :placeholder="TUITranslateService.t('AIDesk.我们想知道你对此回答不满意的原因，你认为更好的回答是什么？')" maxlength="200" v-model="feedbackText" class="dialog-other-feedback-input"/>
+        </div>
+        <div class="dialog-foot">
+          <div :class="isSubmitEnabled ? 'dialog-submit' : 'dialog-submit disabled'" @click="submit"> 
+            {{ TUITranslateService.t("AIDesk.提交") }}  
+          </div>
+          <div class="dialog-cancel" @click="closeFeedbackModal"> 
+            {{ TUITranslateService.t("AIDesk.取消") }} 
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else class="edit-form">
+      <div class="edit-form-item">
+        <FormPopup
+          class="form-item"
+          :show="true"
+          :showHeaderCloseButton="false"
+          @onClose="closeFeedbackModal"
+          title=""
+        >
+          <div class="dialog-title">
+            <div class="dialog-header-title">
+              {{ TUITranslateService.t("AIDesk.感谢您的反馈，我们会持续优化改进") }}  
+            </div>
+            <Icon :file="DialogCloseIcon" width="16px" height="16px" @click="closeFeedbackModal"/>
+          </div>
+          <div class="dialog-select-container-h5">
+            <span class="dialog-session-title"> 
+              {{ TUITranslateService.t("AIDesk.您遇到了哪方面的问题") }}  
+            </span>
+            <div class="dialog-button-list">
+              <div class="dialog-button-row" v-for="(item) in feedbackButtonList">
+                <div :class="['dialog-button',item.isSelected ? 'dialog-button-selected': '']" @click="dialogButtonClick(item)">
+                  {{ feedbackButtonListFromStore ? item.content : TUITranslateService.t(`AIDesk.${item.content}`) }}
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="dialog-other-feedback-container-h5">
+            <span class="dialog-session-title"> 
+              {{ TUITranslateService.t("AIDesk.其他反馈内容") }}   
+            </span>
+            <textarea type="text" :placeholder="TUITranslateService.t('AIDesk.我们想知道你对此回答不满意的原因，你认为更好的回答是什么？')" maxlength="200" v-model="feedbackText" class="dialog-other-feedback-input"/>
+          </div>
+          <div class="dialog-foot-h5">
+            <div :class="isSubmitEnabled ? 'dialog-submit' : 'dialog-submit disabled'" @click="submit"> 
+              {{ TUITranslateService.t("AIDesk.提交") }}  
+            </div>
+          </div>
+        </FormPopup>
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import vue from '../../../adapter-vue';
+import Icon from '../../common/Icon.vue';
+import { StoreName, TUIStore, TUITranslateService, TUIChatService } from '@tencentcloud/chat-uikit-engine';
+import GreenCheck from '../../../assets/green_check.svg';
+import DialogCloseIcon from '../../../assets/dialog-close.png';
+import { isPC } from '../../../utils/env';
+import Log from "../../../utils/logger";
+import { Toast, TOAST_TYPE } from "../../../components/common/Toast/index-web";
+import FormPopup from '../message-list/message-elements/message-desk/message-desk-elements/message-multi-form/component-mobile/form-popup.vue';
+import { CUSTOM_MESSAGE_SRC } from "../../../constant";
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+const { ref, computed, onMounted, onUnmounted } = vue;
+
+export default {
+  components:{
+    Icon,
+    FormPopup,
+  },
+  setup(props, { expose, emit }){
+    let _messageInfo = {};
+    const feedbackText = ref('');
+    const feedbackButtonList = ref([
+      { id:'101', content: '答非所问', isSelected: false },
+      { id:'102', content: '信息错误', isSelected: false },
+      { id:'103', content: '格式不规范', isSelected: false },
+      { id:'104', content: '内容不完整', isSelected: false },
+      { id:'105', content: '未匹配相关内容', isSelected: false },
+      { id:'106', content: '上下文理解错误', isSelected: false },
+    ]);
+    const feedbackButtonListFromStore = ref(false);
+    // 点击关闭按钮或者取消，需要默认发送 dislike 请求
+    const closeFeedbackModal = async () => {
+      emit('close');
+      await postFeedback(2, _messageInfo, false);
+      resetFeedback();
+    };
+
+    const resetFeedback = () => {
+      feedbackButtonList.value.forEach(item => {
+        item.isSelected = false;
+      });
+      feedbackText.value = "";
+    };
+
+    const onFeedbackTags = (data) => {
+      if (!data) {
+        return;
+      }
+      feedbackButtonListFromStore.value = true;
+      feedbackButtonList.value = data;
+    };
+
+    onMounted(() => {
+      TUIStore.watch(StoreName.CUSTOM, {
+        feedbackTags: onFeedbackTags
+      });
+    });
+
+    onUnmounted(() => {
+      TUIStore.unwatch(StoreName.CUSTOM, {
+        feedbackTags: onFeedbackTags
+      });
+    });
+
+    const postFeedback = async (type, messageInfo, withReasons = false) => {
+      Log.i(`postFeedback type:${type} messageInfo:`, messageInfo);
+      let feedbackDetail = { 
+        type,
+        menuSelected: [],
+        otherContent: '',
+      };
+      // 是否需要带上反馈原因（不带上就是默认点赞或者默认点踩）
+      if (withReasons) {
+        if (feedbackText.value) {
+          feedbackDetail.otherContent = feedbackText.value;
+        }
+        feedbackDetail.menuSelected = feedbackButtonList.value.filter((item) => item.isSelected).map(item => ({ id: item.id, content: item.content }));
+      }
+      TUIChatService.sendCustomMessage({
+        to: messageInfo.groupId ? messageInfo.groupId : messageInfo.toAccount,
+        conversationType: messageInfo.groupId ? TUIChatEngine.TYPES.CONV_GROUP : TUIChatEngine.TYPES.CONV_C2C,
+        payload: {
+          data: JSON.stringify({
+            src: CUSTOM_MESSAGE_SRC.SEND_FEEDBACK,
+            customerServicePlugin: 0,
+            feedbackDetail,
+            messageInfo,
+          }),
+        },
+      });
+    }
+
+    const dialogButtonClick = (item) => {
+      item.isSelected = !item.isSelected;
+    };
+
+    const isSubmitEnabled = computed(() => {
+      const selectedList = feedbackButtonList.value.filter((item) => item.isSelected);
+      if (selectedList.length === 0 && feedbackText.value.trim() === '') {
+        return false;
+      }
+      return true;
+    });
+
+    const submit = async () => {
+      emit('close');
+      await postFeedback(2, _messageInfo, true);
+      feedbackToast();
+      resetFeedback();
+    };
+
+    const feedbackToast = () => {
+      Toast({
+        message: TUITranslateService.t('AIDesk.提交成功'),
+        type: TOAST_TYPE.SUCCESS,
+        duration: 5000,
+      });
+    }
+
+    const onLike = (messageInfo) => {
+      postFeedback(1, messageInfo, false);
+      feedbackToast();
+    };
+
+    const onDislike = (messageInfo) => {
+      _messageInfo = messageInfo;
+    };
+
+    expose({
+      onLike,
+      onDislike,
+    });
+
+    return {
+      isPC,
+      GreenCheck,
+      DialogCloseIcon,
+      feedbackButtonList,
+      feedbackText,
+      dialogButtonClick,
+      TUITranslateService,
+      closeFeedbackModal,
+      submit,
+      isSubmitEnabled,
+      feedbackButtonListFromStore,
+    };
+  }
+}
+</script>
+<style lang="scss">
+.feedback-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(13, 17, 26, 0.4);
+  z-index: 1000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  &-main {
+    box-sizing: border-box;
+    width: 400px;
+    min-height: 442px;
+    background: #fff;
+    border-radius: 16px;
+    padding: 24px;
+    overflow: hidden;
+    .feedback-dialog-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      gap: 10px;
+      .dialog-header-container {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        .dialog-header-title {
+          font-weight: 600;
+          font-size: 16px;
+        }
+      }
+    }
+  }
+}
+.dialog-session-title {
+    color: #4D586D;
+    font-size: 12px;
+}
+.dialog-select-container, .dialog-select-container-h5 {
+  margin-top: 20px;
+  .dialog-button-list {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    justify-content: center;
+    align-items: center;
+    gap: 12px;
+    margin-top: 10px;
+    .dialog-button-row {
+      flex: 0 0 48%;
+      min-width: 0;
+      .dialog-button {
+        border-radius: 8px;
+        border: 1px solid #E4E8EF;
+        background: #F9FAFC;
+        padding: 4px 16px;
+        display: flex;
+        justify-content: center;
+        font-size: 12px;
+        color: #0f1014;
+        cursor: pointer;
+        text-align: center;
+        align-items: center;
+        min-height: 30px;
+        height: 100%;
+        &-selected {
+          border-radius: 8px;
+          border: 1px solid #1C66E5;
+          background: rgba(28, 102, 229, 0.10);
+          color: #0052d9;
+        }
+      }
+    }
+  }
+}
+.dialog-select-container-h5 {
+  padding: 0 20px;
+  margin-top: 0;
+}
+.dialog-other-feedback-container, .dialog-other-feedback-container-h5 {
+  margin: 20px 0 10px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  .dialog-other-feedback-input {
+    border-radius: 12px;
+    border: 1px solid #E4E8EE;
+    background: #F9FAFC;
+    height: 75px;
+    padding: 12px;
+    display: flex;
+    align-items: flex-start;
+    align-self: stretch;
+    resize: none;
+    &::placeholder {
+      color: var(---Black-6, rgba(0, 0, 0, 0.25));
+      font-size: 12px;
+    }
+  }
+}
+.dialog-other-feedback-container-h5 {
+  padding: 0 20px;
+}
+.dialog-foot {
+  width: 100%;
+  display: flex;
+  margin-top: 15px;
+  gap: 20px;
+  justify-content: center;
+  .dialog-submit {
+    padding: 9px 33px;
+    border-radius: 20px;
+    background: #1C66E5;
+    font-weight: 500;
+    color: #fff;
+    cursor: pointer;
+  }
+  .disabled {
+    background: #C0E4FF;
+    color: #fff;
+    cursor: not-allowed;
+  }
+  .dialog-cancel {
+    padding: 9px 33px;
+    border-radius: 20px;
+    border: 1px solid #1C66E5;
+    font-weight: 500;
+    color: #1C66E5;
+    cursor: pointer;
+  }
+}
+.dialog-foot-h5 {
+  padding: 20px;
+  .dialog-submit {
+    padding: 9px 33px;
+    border-radius: 20px;
+    background: #1C66E5;
+    font-weight: 500;
+    font-size: 16px;
+    color: #fff;
+    cursor: pointer;
+    text-align: center;
+  }
+  .disabled {
+    background: #C0E4FF;
+    color: #fff;
+    cursor: not-allowed;
+  }
+}
+.dialog-title {
+  gap: 10px;
+}
+</style>

package/components/CustomerServiceChat/index-web.vue

@@ -24,6 +24,10 @@
         :bottomQuickOrder="props.bottomQuickOrder"
         :showBottomQuickOrder="showBottomQuickOrder"
         @closeBottomQuickOrder="closeBottomQuickOrder"
+        :enableFeedback="props.enableFeedback"
+        :enableAINote="props.enableAINote"
+        @like="onLike"
+        @dislike="onDislike"
       />
       <MessageToolbarButton
         v-if="!isH5 || (!Boolean(quoteMessage) && !showBottomQuickOrder)"
@@ -82,6 +86,11 @@
           />
         </div>
       </div>
+        <FeedbackModal
+          ref="feedbackModalRef"
+          v-show="showFeedbackModal"
+          @close="() => { showFeedbackModal = false }"
+        />
     </div>
   </div>
 </template>
@@ -110,6 +119,7 @@ import { Toast, TOAST_TYPE } from '../common/Toast/index-web';
 import state from '../../utils/state.js';
 import { switchReadStatus,isNonEmptyObject } from '../../utils/utils';
 import { getCountryForTimezone } from 'countries-and-timezones';
+import FeedbackModal from './feedback-modal/index.vue';
 const { ref, onMounted, onUnmounted, computed } = vue;
 
 interface IProps {
@@ -134,6 +144,8 @@ interface IProps {
   bottomQuickOrder?: QuickOrderModel;
   enableMultilingual?: number;
   langList?: Array<string>;
+  enableFeedback?: number;
+  enableAINote?: number;
 }
 
 const emits = defineEmits(['closeChat']);
@@ -151,6 +163,8 @@ const quoteMessage = ref<IMessageModel>();
 const showBottomQuickOrder = ref(false);
 const currentLanguage = ref('');
 const languageForShowList = ref<Array<string>>([]);
+const feedbackModalRef = ref();
+const showFeedbackModal = ref(false);
 let timezone = '';
 let countryID = '';
 const props = withDefaults(defineProps<IProps>(), {
@@ -171,6 +185,8 @@ const props = withDefaults(defineProps<IProps>(), {
   userNickName: '',
   showTyping: 0,
   enableMultilingual: 0,
+  enableFeedback: 0,
+  enableAINote: 1,
   langList: () => [],
 });
 
@@ -437,6 +453,7 @@ function changeLanguage(languageCode: string) {
   Log.l(`multilingual: change language to ${languageCode}`);
   TUITranslateService.changeLanguage(languageCode).then(() => {
     currentLanguage.value = languageCode;
+    state.set('currentLanguage', languageCode);
     try {
       localStorage.setItem('AIDesk_language', languageCode);
     } catch {
@@ -458,6 +475,15 @@ function activeConversation() {
     },
   });
 }
+
+function onLike(messageInfo: Object) {
+  feedbackModalRef.value.onLike(messageInfo);
+}
+
+function onDislike(messageInfo: Object) {
+  showFeedbackModal.value = true;
+  feedbackModalRef.value.onDislike(messageInfo);
+}
 </script>
 
 <style scoped lang="scss" src="./style/index.scss">

package/components/CustomerServiceChat/message-input/message-input-editor-web.vue

@@ -743,7 +743,6 @@ defineExpose({
 
   &-area {
     box-sizing: border-box;
-    font-family: PingFangSC-Regular;
     height: 100%;
     flex: 1;
     display: flex;

package/components/CustomerServiceChat/message-input/message-input-quote/index.vue

@@ -171,7 +171,6 @@ function onQuoteMessageUpdated(options?: {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      font-family: PingFangSC-Regular;
     }
   }
   .input-quote-content-h5 {
@@ -198,13 +197,11 @@ function onQuoteMessageUpdated(options?: {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      font-family: PingFangSC-Regular;
     }
 
     .input-quote-sender-h5 {
       font-size: 10px;
       color:#00000080;
-      font-family: PingFangSC-Regular;
     }
   }