uni-oaview 1.8.1 → 1.9.0

package/components/oa-vconsole/audio.vue

@@ -17,6 +17,9 @@
       }"
     >
       <view style="font-size: 10px; padding: 10px 15px">
+        <view style="text-align: right; margin-bottom: 8px">
+          <text style="color: #007aff; font-size: 12px" @click="handleCopy(meta)">复制</text>
+        </view>
         <view style="word-break: break-all; padding: 8px 0; margin-bottom: 10px">
           <text :selectable="true" style="font-weight: bolder">实例ID：</text>
           {{ meta.instanceId }}
@@ -197,6 +200,28 @@
     keyword.value = '';
   };
 
+  const handleCopy = (meta: AudioLogMeta) => {
+    const detail = getAudioLogDetail(meta.id);
+    const text = JSON.stringify(
+      {
+        instanceId: meta.instanceId,
+        src: meta.src,
+        duration: meta.duration,
+        currentTime: meta.currentTime,
+        action: meta.action,
+        data: detail?.data,
+      },
+      null,
+      2,
+    );
+    uni.setClipboardData({
+      data: text,
+      success: () => {
+        uni.showToast({ title: '已复制', icon: 'success' });
+      },
+    });
+  };
+
   const upsertLogs = (logs: AudioLog[]) => {
     const visibleLogs = clearTimestamp.value ? logs.filter((log) => log.timestamp > clearTimestamp.value!) : logs;
     if (

package/components/oa-vconsole/console.vue

@@ -12,6 +12,7 @@
       :key="`${index}-${log}`"
       class="log-item"
       style="font-size: 10px; width: calc(100vw - 16px); word-break: break-all"
+      @longpress="handleLongPress(log)"
     >
       {{ log }}
     </view>
@@ -75,6 +76,15 @@
     keyword.value = '';
   };
 
+  const handleLongPress = (log: string) => {
+    uni.setClipboardData({
+      data: log,
+      success: () => {
+        uni.showToast({ title: '已复制', icon: 'success' });
+      },
+    });
+  };
+
   const stop = consoleSubject.subscribe((data: any) => {
     if (data.length < clearedLogCount.value) {
       clearedLogCount.value = 0;
@@ -145,6 +155,10 @@
     background-color: #eee;
   }
 
+  .log-item:active {
+    background-color: #d0e8ff;
+  }
+
   .empty-state {
     padding: 16px 0;
     font-size: 12px;

package/components/oa-vconsole/native-event.vue

@@ -2,6 +2,9 @@
   <uni-collapse>
     <uni-collapse-item v-for="log in nativeEventLogs" :title="getTitle(log)" :key="log.key">
       <view style="font-size: 10px">
+        <view style="text-align: right; margin-bottom: 8px; padding: 0 15px">
+          <text style="color: #007aff; font-size: 12px" @click="handleCopy(log)">复制</text>
+        </view>
         <view style="word-break: break-all; padding: 0 15px">
           <text :selectable="true" style="font-weight: bolder">发送数据：</text>
           <awesome-display-info :log="log.params" />
@@ -50,6 +53,26 @@
   onBeforeUnmount(() => {
     stop?.unsubscribe();
   });
+
+  const handleCopy = (log: NativeEventLog) => {
+    const text = JSON.stringify(
+      {
+        key: log.key,
+        params: log.params,
+        response: log.response,
+        startTime: log.startTime,
+        endTime: log.endTime,
+      },
+      null,
+      2,
+    );
+    uni.setClipboardData({
+      data: text,
+      success: () => {
+        uni.showToast({ title: '已复制', icon: 'success' });
+      },
+    });
+  };
 </script>
 
 <style lang="scss" scoped>

package/components/oa-vconsole/network.vue

@@ -18,6 +18,9 @@
       }"
     >
       <view style="font-size: 10px; padding: 10px 15px">
+        <view style="text-align: right; margin-bottom: 8px">
+          <text style="color: #007aff; font-size: 12px" @click="handleCopy(meta)">复制</text>
+        </view>
         <view style="word-break: break-all; padding: 8px 0; margin-bottom: 10px">
           <text :selectable="true" style="font-weight: bolder">状态码：</text>
           {{ meta.method }} {{ meta.statusCode ?? '-' }}
@@ -200,6 +203,28 @@
     keyword.value = '';
   };
 
+  const handleCopy = (meta: NetworkLogMeta) => {
+    const detail = getNetworkLogDetail(meta.id);
+    const text = JSON.stringify(
+      {
+        url: detail?.request?.url,
+        method: meta.method,
+        statusCode: meta.statusCode,
+        requestHeader: detail?.request?.header,
+        requestData: detail?.request?.data,
+        response: detail?.response,
+      },
+      null,
+      2,
+    );
+    uni.setClipboardData({
+      data: text,
+      success: () => {
+        uni.showToast({ title: '已复制', icon: 'success' });
+      },
+    });
+  };
+
   const upsertLogs = (logs: any[]): void => {
     // 过滤出非 websocket 的日志
     const httpLogs = logs.filter(isHttpLog);

package/components/oa-vconsole/storage.vue

@@ -2,6 +2,9 @@
   <uni-collapse>
     <uni-collapse-item v-for="log in storageLogs" :title="log.key" :key="log.key">
       <view style="padding: 5px 15px">
+        <view style="text-align: right; margin-bottom: 8px">
+          <text style="color: #007aff; font-size: 12px" @click="handleCopy(log)">复制</text>
+        </view>
         <awesome-display-info :log="log.data" />
       </view>
     </uni-collapse-item>
@@ -28,6 +31,23 @@
     isComponentMounted = false;
   });
 
+  const handleCopy = (log: StorageItem) => {
+    const text = JSON.stringify(
+      {
+        key: log.key,
+        data: log.data,
+      },
+      null,
+      2,
+    );
+    uni.setClipboardData({
+      data: text,
+      success: () => {
+        uni.showToast({ title: '已复制', icon: 'success' });
+      },
+    });
+  };
+
   uni.getStorageInfo({
     success: function (res) {
       // 如果组件已卸载，直接返回，防止内存泄漏

package/components/oa-vconsole/websocket.vue

@@ -18,6 +18,9 @@
       }"
     >
       <view style="font-size: 10px; padding: 10px 15px">
+        <view style="text-align: right; margin-bottom: 8px">
+          <text style="color: #007aff; font-size: 12px" @click="handleCopy(meta)">复制</text>
+        </view>
         <view style="word-break: break-all; padding: 8px 0; margin-bottom: 10px">
           <text :selectable="true" style="font-weight: bolder">URL：</text>
           {{ meta.url }}
@@ -239,6 +242,31 @@
     keyword.value = '';
   };
 
+  const handleCopy = (meta: WebsocketLogMeta) => {
+    const detail = getWebsocketLogDetail(meta.id);
+    const text = JSON.stringify(
+      {
+        url: meta.url,
+        status: meta.status,
+        messageTotal: meta.messageTotal,
+        sendCount: meta.sendCount,
+        receiveCount: meta.receiveCount,
+        protocols: meta.protocols,
+        header: detail?.request?.header,
+        errorInfo: detail?.errorInfo,
+        messages: detail?.messages,
+      },
+      null,
+      2,
+    );
+    uni.setClipboardData({
+      data: text,
+      success: () => {
+        uni.showToast({ title: '已复制', icon: 'success' });
+      },
+    });
+  };
+
   const buildVisibleWebsocketLog = (log: WebsocketLog): WebsocketLog | null => {
     if (!clearTimestamp.value) return log;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uni-oaview",
-  "version": "1.8.01",
+  "version": "1.9.00",
   "description": "uniapp小程序组件库",
   "main": "dist/index.esm.js",
   "typings": "dist/index.d.ts",