From e2d4b3389bb54c72f56398cbe52e3cc0b816a7cc Mon Sep 17 00:00:00 2001
From: xream <xream@icloud.com>
Date: Wed, 12 Feb 2025 22:28:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E5=A4=9A=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E4=B8=AD=E5=A2=9E=E5=8A=A0=E5=9C=A8=E7=BD=91=E9=A1=B5=E4=B8=AD?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88=E7=9A=84=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                       |  2 +-
 src/components/PreviewPanel.vue    |  8 +++++++-
 src/locales/en.ts                  |  1 +
 src/locales/zh.ts                  |  1 +
 src/store/settings.ts              |  1 +
 src/types/store/settings.d.ts      |  1 +
 src/views/settings/moreSetting.vue | 19 +++++++++++++++++++
 7 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 268e69f99..700207aee 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.334",
+  "version": "2.14.335",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/components/PreviewPanel.vue b/src/components/PreviewPanel.vue
index 9d41d6b7f..4cd413fb2 100644
--- a/src/components/PreviewPanel.vue
+++ b/src/components/PreviewPanel.vue
@@ -20,7 +20,7 @@
 
         <div class="actions">
           <a
-            :href="getUrl(platform.path, true)"
+            :href="getUrl(platform.path, appearanceSetting.displayPreviewInWebPage)"
             target="_blank"
           >
             <svg-icon
@@ -65,6 +65,12 @@
   import { useAppNotifyStore } from '@/store/appNotify';
   import SvgIcon from '@/components/SvgIcon.vue';
   import { useHostAPI } from '@/hooks/useHostAPI';
+  import { storeToRefs } from "pinia";
+  import { useSettingsStore } from '@/store/settings';
+
+  const settingsStore = useSettingsStore();
+  const { changeAppearanceSetting } = settingsStore;
+  const { appearanceSetting } = storeToRefs(settingsStore);
 
   const includeUnsupportedProxy = ref(false);
   const { copy, isSupported } = useClipboard();
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 21fc634df..b28070150 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -897,6 +897,7 @@ export default {
     isSimpleShowRemarks: "Simple Mode Show items remarks",
     showFloatingRefreshButton: "Show floating refresh button",
     showFloatingAddButton: "Show floating add button",
+    displayPreviewInWebPage: 'Display preview in web page',
     tabBar: 'Hide "Sync" Page',
     tabBar2: 'Hide "File" Page',
     auto2: "MoreSetting Key",
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index 29799ff5f..fd9aa9556 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -886,6 +886,7 @@ export default {
     isSimpleShowRemarks: '简洁模式列表展示备注',
     showFloatingRefreshButton: '显示悬浮刷新按钮',
     showFloatingAddButton: '显示悬浮添加按钮',
+    displayPreviewInWebPage: '在网页中预览',
     tabBar: '隐藏 "Gist 同步" 页',
     tabBar2: '隐藏 "文件" 页',
     auto2: '自定义设置 Key',
diff --git a/src/store/settings.ts b/src/store/settings.ts
index c2d4e560c..c12b51a5c 100644
--- a/src/store/settings.ts
+++ b/src/store/settings.ts
@@ -39,6 +39,7 @@ export const useSettingsStore = defineStore("settingsStore", {
         isSubItemMenuFold: true,
         showFloatingRefreshButton: false,
         showFloatingAddButton: false,
+        displayPreviewInWebPage: true,
         istabBar: false,
         istabBar2: false,
         subProgressStyle: "hidden",
diff --git a/src/types/store/settings.d.ts b/src/types/store/settings.d.ts
index fcea684ce..8b47eae95 100644
--- a/src/types/store/settings.d.ts
+++ b/src/types/store/settings.d.ts
@@ -34,6 +34,7 @@ interface SettingsPostData {
     isSubItemMenuFold?: boolean; // 订阅项菜单折叠
     showFloatingRefreshButton?: boolean; // 显示悬浮刷新按钮
     showFloatingAddButton?: boolean; // 显示悬浮添加按钮
+    displayPreviewInWebPage?: boolean; // 在网页中预览
     istabBar?: boolean; // 隐藏 "Gist 同步" 页
     istabBar2?: boolean; // 隐藏 "文件" 页
     subProgressStyle?: string; // 订阅进度样式
diff --git a/src/views/settings/moreSetting.vue b/src/views/settings/moreSetting.vue
index 6b6f5f8da..d11a5644c 100644
--- a/src/views/settings/moreSetting.vue
+++ b/src/views/settings/moreSetting.vue
@@ -123,6 +123,16 @@
           />
         </template>
       </nut-cell>
+      <nut-cell :title="$t(`moreSettingPage.displayPreviewInWebPage`)" class="cell-item">
+        <template v-slot:link>
+          <nut-switch
+            class="my-switch"
+            v-model="awDisplayPreviewInWebPage"
+            size="mini"
+            @change="setDisplayPreviewInWebPage"
+          />
+        </template>
+      </nut-cell>
 
       <nut-cell :title="$t(`moreSettingPage.tabBar2`)" class="cell-item">
         <template v-slot:link>
@@ -282,6 +292,7 @@
   const awSimpleShowRemark = ref(false);
   const awShowFloatingRefreshButton = ref(false);
   const awShowFloatingAddButton = ref(true);
+  const awDisplayPreviewInWebPage = ref(true);
   const awtabBar = ref(true);
   const awtabBar2 = ref(true);
   // const isEditing = ref(false);
@@ -402,6 +413,13 @@
     changeAppearanceSetting({ appearanceSetting: data });
   };
 
+  const setDisplayPreviewInWebPage = (displayPreviewInWebPage: boolean) => {
+    const data = {
+      ...appearanceSetting.value,
+      displayPreviewInWebPage: displayPreviewInWebPage
+    }
+    changeAppearanceSetting({ appearanceSetting: data });
+  };
   const settabBar = (istabBar: boolean) => {
     // globalStore.settabBar(istabBar);
     const data = {
@@ -604,6 +622,7 @@
     awSimpleShowRemark.value = appearanceSetting.value.isSimpleShowRemark;
     awShowFloatingRefreshButton.value = appearanceSetting.value.showFloatingRefreshButton;
     awShowFloatingAddButton.value = appearanceSetting.value.showFloatingAddButton;
+    awDisplayPreviewInWebPage.value = appearanceSetting.value.displayPreviewInWebPage;
     awtabBar.value = appearanceSetting.value.istabBar;
     awtabBar2.value = appearanceSetting.value.istabBar2;
     subProgressStyleValue.value = [appearanceSetting.value.subProgressStyle];