From b8182b6c3013b8e12c165313b601d555945d0c1e Mon Sep 17 00:00:00 2001
From: jinmao <jinmao88@qq.com>
Date: Wed, 6 Nov 2024 12:14:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E6=AD=A5=E9=9B=86=E6=88=90Pag?=
 =?UTF-8?q?eSpy=EF=BC=8C=E8=AE=BE=E7=BD=AE=E5=86=85=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E7=A6=BB=E7=BA=BF=E6=97=A5=E5=BF=97=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../preferences/preferences-drawer.vue        | 23 +++++++++++++--
 .../locales/src/langs/en-US/preferences.json  |  3 ++
 .../locales/src/langs/zh-CN/preferences.json  |  3 ++
 playground/index.html                         | 29 +++++++++++++++++++
 4 files changed, 56 insertions(+), 2 deletions(-)

diff --git a/packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue b/packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue
index 77bf4d703..e3a2429ba 100644
--- a/packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue
+++ b/packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue
@@ -14,7 +14,7 @@ import type { SegmentedItem } from '@vben-core/shadcn-ui';
 
 import { computed, ref } from 'vue';
 
-import { Copy, RotateCw } from '@vben/icons';
+import { CloudUpload, Copy, RotateCw } from '@vben/icons';
 import { $t, loadLocaleMessages } from '@vben/locales';
 import {
   clearPreferencesCache,
@@ -30,7 +30,7 @@ import {
 } from '@vben-core/shadcn-ui';
 import { globalShareState } from '@vben-core/shared/global-state';
 
-import { useClipboard } from '@vueuse/core';
+import { useClipboard, useThrottleFn } from '@vueuse/core';
 
 import {
   Animation,
@@ -217,6 +217,18 @@ async function handleReset() {
   resetPreferences();
   await loadLocaleMessages(preferences.app.locale);
 }
+const harbor = computed(() => window.$harbor);
+// 防抖
+const handleUploadLog = useThrottleFn(() => {
+  if (!harbor.value) {
+    return;
+  }
+  harbor.value.onOfflineLog('upload');
+  message.copyPreferencesSuccess?.(
+    $t('preferences.logUploadSuccessTitle'),
+    $t('preferences.logUploadSuccess'),
+  );
+}, 5000);
 </script>
 
 <template>
@@ -228,6 +240,13 @@ async function handleReset() {
     >
       <template #extra>
         <div class="flex items-center">
+          <VbenIconButton
+            :disabled="!harbor"
+            :tooltip="$t('preferences.logUpload')"
+            class="relative"
+          >
+            <CloudUpload class="size-4" @click="handleUploadLog" />
+          </VbenIconButton>
           <VbenIconButton
             :disabled="!diffPreference"
             :tooltip="$t('preferences.resetTip')"
diff --git a/packages/locales/src/langs/en-US/preferences.json b/packages/locales/src/langs/en-US/preferences.json
index 8ba3cce62..3c2e5d4e7 100644
--- a/packages/locales/src/langs/en-US/preferences.json
+++ b/packages/locales/src/langs/en-US/preferences.json
@@ -28,6 +28,9 @@
   "copyPreferencesSuccessTitle": "Copy successful",
   "copyPreferencesSuccess": "Copy successful, please override in `src/preferences.ts` under app",
   "clearAndLogout": "Clear Cache & Logout",
+  "logUpload": "Upload Log",
+  "logUploadSuccess": "Log Upload Successful",
+  "logUploadSuccessTitle": "Upload Successful",
   "mode": "Mode",
   "general": "General",
   "language": "Language",
diff --git a/packages/locales/src/langs/zh-CN/preferences.json b/packages/locales/src/langs/zh-CN/preferences.json
index 8f5038ee8..a1fa6e996 100644
--- a/packages/locales/src/langs/zh-CN/preferences.json
+++ b/packages/locales/src/langs/zh-CN/preferences.json
@@ -28,6 +28,9 @@
   "copyPreferencesSuccessTitle": "复制成功",
   "copyPreferencesSuccess": "复制成功，请在 app 下的 `src/preferences.ts`内进行覆盖",
   "clearAndLogout": "清空缓存 & 退出登录",
+  "logUpload": "上传日志",
+  "logUploadSuccess": "离线日志上传成功",
+  "logUploadSuccessTitle": "上传成功",
   "mode": "模式",
   "general": "通用",
   "language": "语言",
diff --git a/playground/index.html b/playground/index.html
index ca5326990..6f1e713a9 100644
--- a/playground/index.html
+++ b/playground/index.html
@@ -27,6 +27,35 @@
         })();
       }
     </script>
+    <!-- 可以使用自己的部署的PageSpy的sdk 修改引入的地址即可 -->
+    <!--  https://pagespy.mufei88.com 为vben测试sdk地址 -->
+    <script
+      crossorigin="anonymous"
+      src="https://pagespy.mufei88.com/page-spy/index.min.js"
+    ></script>
+    <script
+      crossorigin="anonymous"
+      src="https://pagespy.mufei88.com/plugin/data-harbor/index.min.js"
+    ></script>
+    <script
+      crossorigin="anonymous"
+      src="https://pagespy.mufei88.com/plugin/rrweb/index.min.js"
+    ></script>
+    <script>
+      window.$harbor = new DataHarborPlugin();
+      window.$rrweb = new RRWebPlugin();
+
+      [window.$harbor, window.$rrweb].forEach((p) => {
+        PageSpy.registerPlugin(p);
+      });
+      // 实例化的参数都是可选的
+      window.$pageSpy = new PageSpy({
+        project: '<%= VITE_APP_TITLE %>',
+        autoRender: false,
+        title: 'Vben Admin',
+      });
+      // 之后即可使用 PageSpy，前往 https://pagespy.mufei88.com 体验
+    </script>
   </head>
   <body>
     <div id="app"></div>