fix: 支持用户内容粘贴及修改

Author: Mrjing

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/imgs/edit.svg

@@ -54,6 +54,8 @@ Component({
   },
 
   data: {
+    showMenu: false,
+    tapMenuRecordId: "",
     isLoading: true, // 判断是否尚在加载中
     article: {},
     windowInfo: wx.getWindowInfo(),
@@ -158,6 +160,45 @@ Component({
     });
   },
   methods: {
+    handleCopyAll(e) {
+      const { content } = e.currentTarget.dataset;
+      wx.setClipboardData({
+        data: content,
+        success: () => {
+          wx.showToast({
+            title: "复制成功",
+            icon: "success",
+          });
+          this.hideMenu();
+        },
+      });
+    },
+    handleEdit(e) {
+      const { content } = e.currentTarget.dataset;
+      this.setData({
+        inputValue: content,
+      });
+      this.hideMenu();
+    },
+    handleLongPress(e) {
+      const { id } = e.currentTarget.dataset;
+      this.setData({
+        showMenu: true,
+        tapMenuRecordId: id,
+      });
+    },
+    hideMenu() {
+      this.setData({
+        showMenu: false,
+        tapMenuRecordId: "",
+      });
+    },
+    // 点击页面其他地方隐藏菜单
+    onTapPage() {
+      if (this.data.showMenu) {
+        this.hideMenu();
+      }
+    },
     transformToolName: function (str) {
       if (str) {
         const strArr = str.split("/");

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/index.js

@@ -1,5 +1,5 @@
 <!-- agent ui 组件根容器 -->
-<view class="agent-ui">
+<view class="agent-ui" bind:tap="onTapPage">
   <view class="navBar" wx:if="{{chatMode === 'bot'}}">
     <view class="nav-content">
       <!-- <image src="{{bot.avatar}}" mode="aspectFill" class="bot-avatar"/> -->
@@ -113,9 +113,20 @@
         </view>
         <!-- 用户输入 -->
         <view class="userContent" wx:if="{{item.role==='user'}}">
-          <view class="user" style="padding-left: {{showBotAvatar?80:0}}rpx;">
-            <view class="user_content">
+          <view class="user" style="padding-left: {{showBotAvatar?80:0}}rpx;display: flex;">
+            <view class="user_content"  bind:longpress="handleLongPress" data-content="{{item.content}}" data-id="{{item.record_id}}">
               {{item.content}}
+            <!-- 长按菜单 -->
+            <view class="operation-menu" wx:if="{{showMenu && tapMenuRecordId === item.record_id}}">
+              <view class="menu-item" bind:tap="handleCopyAll" data-content="{{item.content}}">
+                <image src="./imgs/copy.svg" class="menu-icon" />
+                <text>复制全文</text>
+              </view>
+              <view class="menu-item" bind:tap="handleEdit" data-content="{{item.content}}">
+                <image src="./imgs/edit.svg" class="menu-icon" />
+                <text>修改</text>
+              </view>
+            </view>
             </view>
           </view>
           <view class="fileBar">

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/index.wxml

@@ -370,6 +370,50 @@
   word-wrap: break-word;
   word-break: break-all;
   font-size: 32rpx;
+  position: relative;
+}
+
+.operation-menu {
+  position: absolute;
+  bottom: -120rpx;
+  left: 0;
+  background: rgba(0, 0, 0, 1);
+  border-radius: 8rpx;
+  display: flex;
+  padding: 16rpx 24rpx;
+  gap: 32rpx;
+  z-index: 100;
+}
+
+/* 添加三角形指示器 */
+.operation-menu::before {
+  content: '';
+  position: absolute;
+  top: -16rpx;      /* 调整三角形位置 */
+  left: 30rpx;     /* 调整三角形的水平位置，使其指向文本 */
+  border-left: 16rpx solid transparent;
+  border-right: 16rpx solid transparent;
+  border-bottom: 16rpx solid rgba(0, 0, 0, 0.8);
+  width: 0;
+  height: 0;
+}
+
+.menu-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8rpx;
+}
+
+.menu-item text {
+  color: #ffffff;
+  font-size: 24rpx;
+}
+
+.menu-icon {
+  width: 36rpx;
+  height: 36rpx;
+  filter: brightness(0) invert(1);
 }
 
 .feedback_modal {