feat: 新增简洁模式备注展示开关，预备分享管理API

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.285",
+  "version": "2.14.286",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/api/subs/index.ts

@@ -91,12 +91,25 @@ export function useSubsApi() {
         data,
       });
     },
-    shareSub: (data: ShareToken): AxiosPromise<MyAxiosRes> => {
+    shareCreate: (data: ShareToken): AxiosPromise<MyAxiosRes> => {
       return request({
         url: `/api/token`,
         method: 'post',
         data,
       });
     },
+    shareDelete: (token: string): AxiosPromise<MyAxiosRes> => {
+      return request({
+        url: `/api/token/${encodeURIComponent(token)}`,
+        method: 'delete',
+      });
+    },
+    shareQuery: (type: string, name: string): AxiosPromise<MyAxiosRes> => {
+      return request({
+        url: `/api/tokens`,
+        method: 'get',
+        params: { type, name },
+      });
+    },
   };
 }

src/components/FileListItem.vue

@@ -106,6 +106,12 @@
               </span>
             </template>
           </p>
+          <p
+            v-if="remark && appearanceSetting.isSimpleShowRemark"
+            class="sub-item-remark"
+          >
+            <span>{{ remarkText }}</span>
+          </p>
         </template>
       </div>
     </div>

src/components/SubListItem.vue

@@ -162,6 +162,12 @@
           <p v-else-if="type === 'collection'" class="sub-item-detail-isSimple">
             {{ collectionDetail }}
           </p>
+          <p
+            v-if="remark && appearanceSetting.isSimpleShowRemark"
+            class="sub-item-remark"
+          >
+            <span>{{ remarkText }}</span>
+          </p>
         </template>
       </div>
     </div>

src/locales/en.ts

@@ -825,6 +825,7 @@ export default {
     isShowIcon: 'Show icon',
     isEditorCommon: "Show editor common settings",
     isSimpleReicon: "Show items refresh button",
+    isSimpleShowRemarks: "Simple Mode Show items remarks",
     showFloatingRefreshButton: "Show floating refresh button",
     tabBar: 'Hide "Sync" Page',
     tabBar2: 'Hide "File" Page',

src/locales/zh.ts

@@ -786,6 +786,7 @@ export default {
     isShowIcon: '展示图标',
     isEditorCommon: '展示编辑页常用配置',
     isSimpleReicon: '简洁模式展示订阅刷新按钮',
+    isSimpleShowRemarks: '简洁模式列表展示备注',
     showFloatingRefreshButton: '显示悬浮刷新按钮',
     tabBar: '隐藏 "Gist 同步" 页',
     tabBar2: '隐藏 "文件" 页',

src/store/settings.ts

@@ -33,6 +33,7 @@ export const useSettingsStore = defineStore("settingsStore", {
         isDefaultIcon: false,
         isIconColor: false,
         isShowIcon: true,
+        isSimpleShowRemark: false,
         isEditorCommon: true,
         isSimpleReicon: false,
         showFloatingRefreshButton: false,
@@ -74,6 +75,7 @@ export const useSettingsStore = defineStore("settingsStore", {
         this.appearanceSetting.isDefaultIcon = res.data.data.appearanceSetting?.isDefaultIcon ?? "";
         this.appearanceSetting.isIconColor = res.data.data.appearanceSetting?.isIconColor ?? "";
         this.appearanceSetting.isShowIcon = res.data.data.appearanceSetting?.isShowIcon ?? true;
+        this.appearanceSetting.isSimpleShowRemark = res.data.data.appearanceSetting?.isSimpleShowRemark ?? "";
         this.appearanceSetting.isEditorCommon = res.data.data.appearanceSetting?.isEditorCommon ?? true;
         this.appearanceSetting.isSimpleReicon = res.data.data.appearanceSetting?.isSimpleReicon ?? "";
         this.appearanceSetting.showFloatingRefreshButton = res.data.data.appearanceSetting?.showFloatingRefreshButton ?? "";

src/types/store/settings.d.ts

@@ -30,6 +30,7 @@ interface SettingsPostData {
     isIconColor?: boolean; // 自定义图标使用原始颜色
     isEditorCommon?: boolean; // 展示编辑页常用配置
     isSimpleReicon?: boolean; // 展示订阅刷新按钮
+    isSimpleShowRemark?: boolean; // 展示简洁模式下的备注
     showFloatingRefreshButton?: boolean; // 显示悬浮刷新按钮
     istabBar?: boolean; // 隐藏 "Gist 同步" 页
     istabBar2?: boolean; // 隐藏 "文件" 页

src/views/settings/moreSetting.vue

@@ -79,6 +79,19 @@
           />
         </template>
       </nut-cell>
+      <nut-cell
+        :title="$t(`moreSettingPage.isSimpleShowRemarks`)"
+        class="cell-item"
+      >
+        <template v-slot:link>
+          <nut-switch
+            class="my-switch"
+            v-model="awSimpleShowRemark"
+            size="mini"
+            @change="setSimpleShowRemark"
+          />
+        </template>
+      </nut-cell>
       <nut-cell :title="$t(`moreSettingPage.showFloatingRefreshButton`)" class="cell-item">
         <template v-slot:link>
           <nut-switch
@@ -244,6 +257,7 @@
   const awIsShowIcon = ref(true);
   const awEditorCommon = ref(false);
   const awSimpleReicon = ref(true);
+  const awSimpleShowRemark = ref(false);
   const awShowFloatingRefreshButton = ref(false);
   const awtabBar = ref(true);
   const awtabBar2 = ref(true);
@@ -330,6 +344,15 @@
     changeAppearanceSetting({ appearanceSetting: data });
   };
 
+  const setSimpleShowRemark = (isSimpleShowRemark: boolean) => {
+    // globalStore.setSimpleReicon(isSimpleReicon);
+    const data = {
+      ...appearanceSetting.value,
+      isSimpleShowRemark: isSimpleShowRemark
+    }
+    changeAppearanceSetting({ appearanceSetting: data });
+  };
+
   const setShowFloatingRefreshButton = (showFloatingRefreshButton: boolean) => {
     // globalStore.setShowFloatingRefreshButton(showFloatingRefreshButton);
     const data = {
@@ -537,6 +560,7 @@
     awIsShowIcon.value = appearanceSetting.value.isShowIcon;
     awEditorCommon.value = appearanceSetting.value.isEditorCommon;
     awSimpleReicon.value = appearanceSetting.value.isSimpleReicon;
+    awSimpleShowRemark.value = appearanceSetting.value.isSimpleShowRemark;
     awShowFloatingRefreshButton.value = appearanceSetting.value.showFloatingRefreshButton;
     awtabBar.value = appearanceSetting.value.istabBar;
     awtabBar2.value = appearanceSetting.value.istabBar2;

src/views/share/SharePopup.vue

@@ -290,7 +290,7 @@ const handleCreateShare = async () => {
   if (form.token) {
     params.payload.token = form.token;
   }
-  const res = await subsApi.shareSub(params);
+  const res = await subsApi.shareCreate(params);
   if (res?.data?.status === "success") {
     isCreateShareLinkSuccess.value = true;
     const { secret, token } = res.data.data;