From 7729d99444317b6abe63b1f30cc175bfde617328 Mon Sep 17 00:00:00 2001
From: terwer <youweics@163.com>
Date: Sat, 8 Jul 2023 18:47:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E7=89=88=E6=8C=82=E4=BB=B6-?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84=E5=8F=91=E5=B8=83=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |   3 +-
 src/components/set/PublishSetting.vue         |  77 +++-
 src/components/set/SinglePlatformSetting.vue  |   2 +-
 .../set/publish/PlatformAddForm.vue           |  32 ++
 .../set/publish/platform/dynamicConfig.ts     | 384 ++++++++++++++++++
 .../publish/platform/yamlConvertAdaptor.ts    |  47 +++
 .../singleplatform/MetaweblogSetting.vue      |   0
 src/layouts/default/DefaultFooter.vue         |   3 +-
 8 files changed, 540 insertions(+), 8 deletions(-)
 create mode 100644 src/components/set/publish/PlatformAddForm.vue
 create mode 100644 src/components/set/publish/platform/dynamicConfig.ts
 create mode 100644 src/components/set/publish/platform/yamlConvertAdaptor.ts
 rename src/components/set/{ => publish}/singleplatform/MetaweblogSetting.vue (100%)

diff --git a/components.d.ts b/components.d.ts
index 0e4df0e..ba35b3d 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -41,7 +41,8 @@ declare module '@vue/runtime-core' {
     HexoTest: typeof import('./src/components/test/HexoTest.vue')['default']
     HugoTest: typeof import('./src/components/test/HugoTest.vue')['default']
     KmsTest: typeof import('./src/components/test/kmsTest.vue')['default']
-    MetaweblogSetting: typeof import('./src/components/set/singleplatform/MetaweblogSetting.vue')['default']
+    MetaweblogSetting: typeof import('./src/components/set/publish/singleplatform/MetaweblogSetting.vue')['default']
+    PlatformAddForm: typeof import('./src/components/set/publish/PlatformAddForm.vue')['default']
     PublishIndex: typeof import('./src/components/publish/PublishIndex.vue')['default']
     PublishPlatform: typeof import('./src/components/publish/form/PublishPlatform.vue')['default']
     PublishSetting: typeof import('./src/components/set/PublishSetting.vue')['default']
diff --git a/src/components/set/PublishSetting.vue b/src/components/set/PublishSetting.vue
index fa6809c..382ffc8 100644
--- a/src/components/set/PublishSetting.vue
+++ b/src/components/set/PublishSetting.vue
@@ -24,15 +24,28 @@
   -->
 
 <script setup lang="ts">
-import { reactive } from "vue"
+import { onMounted, reactive } from "vue"
 import { useVueI18n } from "~/src/composables/useVueI18n.ts"
 import { ElementPlus } from "@element-plus/icons-vue"
+import { useSettingStore } from "~/src/stores/useSettingStore.ts"
+import { SypConfig } from "~/syp.config.ts"
+import { createAppLogger } from "~/src/utils/appLogger.ts"
+import { JsonUtil } from "zhi-common"
+import { DynamicConfig, DynamicJsonCfg } from "~/src/components/set/publish/platform/dynamicConfig.ts"
+import { DYNAMIC_CONFIG_KEY } from "~/src/utils/constants.ts"
+import { useRouter } from "vue-router"
+
+const logger = createAppLogger("publish-setting")
 
 // uses
 const { t } = useVueI18n()
+const router = useRouter()
+const { getSetting, updateSetting } = useSettingStore()
 
 // datas
 const formData = reactive({
+  setting: {} as typeof SypConfig,
+
   showPlatformList: false,
   platformTypeList: [
     {
@@ -46,6 +59,8 @@ const formData = reactive({
       description: t("setting.platform.wordpress.desc"),
     },
   ],
+
+  dynamicConfigArray: [] as DynamicConfig[],
 })
 
 // methods
@@ -59,6 +74,25 @@ const handleHidePlatform = () => {
 const handleAddPlatformStep = () => {
   alert(111)
 }
+
+const handleSinglePlatformSetting = (key: string) => {
+  router.push({ path: `/setting/platform/single/${key}` })
+}
+
+const initPage = async () => {
+  formData.setting = await getSetting()
+  logger.info("get setting from platform setting", formData.setting)
+
+  const dynJsonCfg = JsonUtil.safeParse<DynamicJsonCfg>(formData.setting[DYNAMIC_CONFIG_KEY], {} as DynamicJsonCfg)
+  // 默认展示通用平台
+  formData.dynamicConfigArray = dynJsonCfg.totalCfg || []
+  logger.debug("dynamic init page=>", formData.dynamicConfigArray)
+}
+
+// lifecycles
+onMounted(async () => {
+  await initPage()
+})
 </script>
 
 <template>
@@ -71,8 +105,18 @@ const handleAddPlatformStep = () => {
               <el-text type="info"> {{ t("service.tab.publish.setting") }} </el-text>
             </template>
           </el-menu-item>
-          <el-menu-item class="left-menu-item">
-            <template #title>Zhihu</template>
+          <el-menu-item
+            v-for="dc in formData.dynamicConfigArray"
+            :key="dc.platformKey"
+            class="left-menu-item"
+            @click="handleSinglePlatformSetting(dc.platformKey)"
+          >
+            <template #title>
+              <el-icon>
+                <ElementPlus />
+              </el-icon>
+              {{ dc.platformName }}
+            </template>
           </el-menu-item>
           <el-menu-item class="left-menu-item" @click="handleShowPlatform">
             <template #title>
@@ -108,7 +152,32 @@ const handleAddPlatformStep = () => {
             </el-row>
           </div>
           <div v-else>
-            <div class="right-setting-tips">在这里可以添加您想要发布的平台。直接点击左侧 + 按钮即可</div>
+            <div class="publish-setting">
+              <el-row>
+                <el-col>
+                  <div class="right-setting-tips">
+                    在这里可以进行发布配置，直接点击左侧菜单或者下列图标均可进行配置。
+                  </div>
+                  <div class="right-setting-tips">
+                    <el-text type="danger">如需新增平台，直接点击左侧 + 按钮即可。</el-text>
+                  </div>
+                  <div class="right-setting-tips">
+                    目前支持 网页授权 和 API 授权两种方式，API授权 复杂点但是相对稳定，网页授权
+                    简单但是可能会失效。惊喜：网页授权模式 100% 兼容
+                    <a href="https://www.wechatsync.com/" target="_blank">wechatsync</a>， 没想到吧~
+                  </div>
+                  <div class="right-setting-tips">如需兼容其他平台，请<a href="#" class="ml-1">联系我</a></div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="20" class="platform-list">
+                <el-col v-for="platform in formData.dynamicConfigArray" :key="platform.platformKey" :span="6">
+                  <div class="platform-item" @click="handleSinglePlatformSetting(platform.platformKey)">
+                    <img src="/images/wordpress-logo.svg" height="45" alt="WordPress" />
+                    <span class="text">{{ platform.platformType }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
           </div>
         </div>
       </el-col>
diff --git a/src/components/set/SinglePlatformSetting.vue b/src/components/set/SinglePlatformSetting.vue
index e8f458c..55189a6 100644
--- a/src/components/set/SinglePlatformSetting.vue
+++ b/src/components/set/SinglePlatformSetting.vue
@@ -24,7 +24,7 @@
   -->
 
 <script setup lang="ts">
-import MetaweblogSetting from "~/src/components/set/singleplatform/MetaweblogSetting.vue"
+import MetaweblogSetting from "~/src/components/set/publish/singleplatform/MetaweblogSetting.vue"
 import { useRoute, useRouter } from "vue-router"
 import { reactive, ref } from "vue"
 import { useVueI18n } from "~/src/composables/useVueI18n.ts"
diff --git a/src/components/set/publish/PlatformAddForm.vue b/src/components/set/publish/PlatformAddForm.vue
new file mode 100644
index 0000000..a2620c6
--- /dev/null
+++ b/src/components/set/publish/PlatformAddForm.vue
@@ -0,0 +1,32 @@
+<!--
+  - Copyright (c) 2023, Terwer . All rights reserved.
+  - DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+  -
+  - This code is free software; you can redistribute it and/or modify it
+  - under the terms of the GNU General Public License version 2 only, as
+  - published by the Free Software Foundation.  Terwer designates this
+  - particular file as subject to the "Classpath" exception as provided
+  - by Terwer in the LICENSE file that accompanied this code.
+  -
+  - This code is distributed in the hope that it will be useful, but WITHOUT
+  - ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  - FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
+  - version 2 for more details (a copy is included in the LICENSE file that
+  - accompanied this code).
+  -
+  - You should have received a copy of the GNU General Public License version
+  - 2 along with this work; if not, write to the Free Software Foundation,
+  - Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+  -
+  - Please contact Terwer, Shenzhen, Guangdong, China, youweics@163.com
+  - or visit www.terwer.space if you need additional information or have any
+  - questions.
+  -->
+
+<script setup lang="ts"></script>
+
+<template>
+  <div>add new platform</div>
+</template>
+
+<style scoped lang="stylus"></style>
diff --git a/src/components/set/publish/platform/dynamicConfig.ts b/src/components/set/publish/platform/dynamicConfig.ts
new file mode 100644
index 0000000..8020e11
--- /dev/null
+++ b/src/components/set/publish/platform/dynamicConfig.ts
@@ -0,0 +1,384 @@
+/*
+ * Copyright (c) 2023, Terwer . All rights reserved.
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * This code is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License version 2 only, as
+ * published by the Free Software Foundation.  Terwer designates this
+ * particular file as subject to the "Classpath" exception as provided
+ * by Terwer in the LICENSE file that accompanied this code.
+ *
+ * This code is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
+ * version 2 for more details (a copy is included in the LICENSE file that
+ * accompanied this code).
+ *
+ * You should have received a copy of the GNU General Public License version
+ * 2 along with this work; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+ *
+ * Please contact Terwer, Shenzhen, Guangdong, China, youweics@163.com
+ * or visit www.terwer.space if you need additional information or have any
+ * questions.
+ */
+
+import { YamlConvertAdaptor } from "~/src/components/set/publish/platform/yamlConvertAdaptor.ts"
+import idUtil from "~/src/utils/idUtil.ts"
+import { StrUtil } from "zhi-common"
+
+export class DynamicConfig {
+  /**
+   * 用于文章绑定的临时变量
+   */
+  posid?: any
+
+  /**
+   * 用于平台开关的临时变量
+   */
+  modelValue?: any
+
+  /**
+   * 动态平台类型(通用类型)
+   */
+  platformType: PlatformType
+
+  /**
+   * 子平台类型(细分子类型)
+   * @since 0.1.0+
+   */
+  subPlatformType?: SubPlatformType
+
+  /**
+   * 平台Key
+   */
+  platformKey: string
+
+  /**
+   * 平台名称
+   */
+  platformName: string
+
+  /**
+   * 是否授权
+   */
+  isAuth: boolean
+
+  /**
+   * 授权模式
+   */
+  authMode: AuthMode
+
+  /**
+   * YAML转换器
+   */
+  yamlConverter?: YamlConvertAdaptor
+
+  constructor(platformType: PlatformType, platformKey: string, platformName: string) {
+    this.platformType = platformType
+    this.platformKey = platformKey
+    this.platformName = platformName
+    this.isAuth = false
+    this.authMode = AuthMode.API
+  }
+}
+
+/**
+ * 授权模式
+ */
+export enum AuthMode {
+  API = "api",
+  WEBSITE = "web",
+}
+
+/**
+ * 动态平台类型枚举
+ */
+export enum PlatformType {
+  /**
+   * Metaweblog
+   */
+  Metaweblog = "Metaweblog",
+
+  /**
+   * WordPress
+   */
+  Wordpress = "Wordpress",
+
+  /**
+   * GitHub(Hugo、Hexo、Jekyll、Vuepress、Vitepress、Nuxt content、Next.js)
+   */
+  Github = "Github",
+
+  /**
+   * 通用平台(zhihu)
+   */
+  Common = "Common",
+
+  /**
+   * 自定义
+   */
+  Custom = "Custom",
+}
+
+/**
+ * 平台子类型
+ *
+ * @since 0.1.0+
+ * @author terwer
+ */
+export enum SubPlatformType {
+  // Github 子平台
+  Github_Hugo = "Hugo",
+  Github_Hexo = "Hexo",
+  Github_Jekyll = "Jekyll",
+  // Github_giteePages = "giteePages",
+  // Github_codingPages = "codingPages",
+  Github_Vuepress = "Vuepress",
+  Github_Vitepress = "Vitepress",
+  Github_Nuxt = "Nuxt",
+  Github_Next = "Next",
+
+  // Common
+  Common_Zhihu = "Zhihu",
+  Common_CSDN = "CSDN",
+  Common_Yuque = "Yuque",
+
+  // Metaweblog
+  Metaweblog_Typecho = "Typecho",
+
+  NONE = "none",
+}
+
+/**
+ * 动态配置类型封装
+ */
+export interface DynamicJsonCfg {
+  totalCfg: DynamicConfig[]
+  githubCfg: DynamicConfig[]
+  metaweblogCfg: DynamicConfig[]
+  wordpressCfg: DynamicConfig[]
+}
+
+/**
+ * 获取子平台列表
+ */
+export function getSubtypeList(ptype: PlatformType): SubPlatformType[] {
+  const subtypeList: SubPlatformType[] = []
+
+  switch (ptype) {
+    case PlatformType.Github:
+      subtypeList.push(SubPlatformType.Github_Hugo)
+      subtypeList.push(SubPlatformType.Github_Hexo)
+      subtypeList.push(SubPlatformType.Github_Jekyll)
+      // subtypeList.push(SubPlatformType.Github_giteePages)
+      // subtypeList.push(SubPlatformType.Github_codingPages)
+      subtypeList.push(SubPlatformType.Github_Vuepress)
+      subtypeList.push(SubPlatformType.Github_Vitepress)
+      subtypeList.push(SubPlatformType.Github_Nuxt)
+      subtypeList.push(SubPlatformType.Github_Next)
+      break
+    case PlatformType.Common:
+      subtypeList.push(SubPlatformType.Common_Zhihu)
+      subtypeList.push(SubPlatformType.Common_CSDN)
+      subtypeList.push(SubPlatformType.Common_Yuque)
+      break
+    case PlatformType.Metaweblog:
+      subtypeList.push(SubPlatformType.Metaweblog_Typecho)
+      break
+    default:
+      break
+  }
+
+  return subtypeList
+}
+
+/**
+ * 设置动态平台JSON配置
+ *
+ * @param dynamicConfigArray
+ */
+export function setDynamicJsonCfg(dynamicConfigArray: DynamicConfig[]): DynamicJsonCfg {
+  const totalCfg: DynamicConfig[] = dynamicConfigArray
+  const githubCfg: DynamicConfig[] = []
+  const metaweblogCfg: DynamicConfig[] = []
+  const wordpressCfg: DynamicConfig[] = []
+
+  // 按照类型组装便于后面数据使用
+  totalCfg.forEach((item) => {
+    switch (item.platformType) {
+      case PlatformType.Github:
+        githubCfg.push(item)
+        break
+      case PlatformType.Metaweblog:
+        metaweblogCfg.push(item)
+        break
+      case PlatformType.Wordpress:
+        wordpressCfg.push(item)
+        break
+      default:
+        break
+    }
+  })
+
+  const dynamicJsonCfg: DynamicJsonCfg = {
+    totalCfg,
+    githubCfg,
+    metaweblogCfg,
+    wordpressCfg,
+  }
+
+  return dynamicJsonCfg
+}
+
+// =====================
+// 动态平台key规则
+// =====================
+/**
+ * 生成新的平台key
+ *
+ * 平台与ID之间用-分割
+ * 平台与子平台直接用_分割
+ * @param ptype 平台类型
+ * @param subtype 子平台类型
+ */
+export function getNewPlatformKey(ptype: PlatformType, subtype: SubPlatformType): string {
+  let ret
+  const newId = idUtil.newID()
+  ret = ptype.toLowerCase()
+
+  if (!StrUtil.isEmptyString(subtype) && SubPlatformType.NONE !== subtype) {
+    ret = [ret, StrUtil.upperFirst(subtype)].join("")
+  }
+  return [ret, "-", newId].join("")
+}
+
+/**
+ * 检测动态平台key是否重复
+ */
+export function isDynamicKeyExists(dynamicConfigArray: DynamicConfig[], key: string): boolean {
+  let flag = false
+  for (let i = 0; i < dynamicConfigArray.length; i++) {
+    if (dynamicConfigArray[i].platformKey === key) {
+      flag = true
+      break
+    }
+  }
+  return flag
+}
+
+/**
+ * 生成默认的平台名
+ * @param ptype 平台
+ * @param subtype 子平台
+ * @param isShowSubtype 是否显示子平台
+ */
+export function getDefaultPlatformName(ptype: PlatformType, subtype: SubPlatformType, isShowSubtype: boolean): string {
+  if (PlatformType.Github === ptype && SubPlatformType.NONE === subtype) {
+    return ""
+  }
+
+  let pname: string = ptype
+  if (isShowSubtype) {
+    pname = subtype
+  }
+  pname = pname + "-1"
+  return pname
+}
+
+// =====================
+// 动态平台开关key规则
+// =====================
+interface SwitchItem {
+  switchKey: string
+  switchValue: boolean
+}
+
+export function getDynSwitchKey(platformKey: string): string {
+  return "switch-" + platformKey
+}
+
+/**
+ * 平台开关启用状态值
+ * @param platformKey
+ */
+export function getDynSwitchActive(platformKey: string): string {
+  return platformKey + "_true"
+}
+
+/**
+ * 平台开关禁用状态值
+ * @param platformKey
+ */
+export function getDynSwitchInactive(platformKey: string): string {
+  return platformKey + "_false"
+}
+
+/**
+ * 组装Switch显示值
+ * @param switchItem 开关
+ */
+export function getDynSwitchModelValue(switchItem: SwitchItem): string {
+  return switchItem.switchKey + "_" + switchItem.switchValue.toString()
+}
+
+/**
+ * 解析选中项
+ * @param selectedText 选中的值
+ */
+export function getSwitchItem(selectedText: string): SwitchItem {
+  const valArr = selectedText.split("_")
+  const switchKey = getDynSwitchKey(valArr[0])
+  const switchStatus = valArr[1] === "true"
+
+  return {
+    switchKey,
+    switchValue: switchStatus,
+  }
+}
+
+// =====================
+// 动态平台文章ID规则
+// =====================
+/**
+ * 获取动态文章ID的key
+ * @param platformKey
+ */
+export function getDynPostidKey(platformKey: string): string {
+  return "custom-" + platformKey + "-post-id"
+}
+
+// ======================
+// 动态平台Object对象初始化
+// ======================
+/**
+ * 根据平台key获取YAML转换器
+ * @param platformKey
+ */
+export const getDynYamlConverterAdaptor = (platformKey: string): YamlConvertAdaptor => {
+  const yamlConverter = new YamlConvertAdaptor()
+  if (platformKey.includes("-")) {
+    const typeArr = platformKey.split("-")
+    if (typeArr.length > 0) {
+      const ptype = typeArr[0].toLowerCase()
+
+      // if (ptype.includes(SubPlatformType.Github_Vuepress.toLowerCase())) {
+      //   yamlConverter = new VuepressYamlConvertAdaptor()
+      // } else if (ptype.includes(SubPlatformType.Github_Hugo.toLowerCase())) {
+      //   yamlConverter = new HugoYamlConverterAdaptor()
+      // } else if (ptype.includes(SubPlatformType.Github_Hexo.toLowerCase())) {
+      //   yamlConverter = new HexoYamlConverterAdaptor()
+      // } else if (ptype.includes(SubPlatformType.Github_Jekyll.toLowerCase())) {
+      //   yamlConverter = new JekyllYamlConverterAdaptor()
+      // } else if (ptype.includes(SubPlatformType.Github_Vitepress.toLowerCase())) {
+      //   yamlConverter = new VitepressYamlConverterAdaptor()
+      // } else if (ptype.includes(SubPlatformType.Github_Nuxt.toLowerCase())) {
+      //   yamlConverter = new NuxtYamlConverterAdaptor()
+      // } else if (ptype.includes(SubPlatformType.Github_Next.toLowerCase())) {
+      //   yamlConverter = new NextYamlConvertAdaptor()
+      // }
+    }
+  }
+
+  return yamlConverter
+}
diff --git a/src/components/set/publish/platform/yamlConvertAdaptor.ts b/src/components/set/publish/platform/yamlConvertAdaptor.ts
new file mode 100644
index 0000000..5560e3b
--- /dev/null
+++ b/src/components/set/publish/platform/yamlConvertAdaptor.ts
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2023, Terwer . All rights reserved.
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * This code is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License version 2 only, as
+ * published by the Free Software Foundation.  Terwer designates this
+ * particular file as subject to the "Classpath" exception as provided
+ * by Terwer in the LICENSE file that accompanied this code.
+ *
+ * This code is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
+ * version 2 for more details (a copy is included in the LICENSE file that
+ * accompanied this code).
+ *
+ * You should have received a copy of the GNU General Public License version
+ * 2 along with this work; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+ *
+ * Please contact Terwer, Shenzhen, Guangdong, China, youweics@163.com
+ * or visit www.terwer.space if you need additional information or have any
+ * questions.
+ */
+
+import { PostForm } from "~/src/models/postForm.ts"
+import { YamlFormatObj } from "~/src/models/yamlFormatObj.ts"
+import { GithubConfig } from "~/src/adaptors/base/github/config/GithubConfig.ts"
+
+export interface IYamlConvertAdaptor {
+  convertToYaml(postForm: PostForm, githubCfg?: GithubConfig): YamlFormatObj
+
+  convertToAttr(yamlObj: YamlFormatObj, githubCfg?: GithubConfig): PostForm
+}
+
+/**
+ * YAML转换适配器
+ */
+export class YamlConvertAdaptor implements IYamlConvertAdaptor {
+  convertToYaml(postForm: PostForm, githubCfg?: GithubConfig): YamlFormatObj {
+    throw new Error("YamlConvertAdaptor.convertToYaml: 该功能未实现，请在子类重写该方法")
+  }
+
+  convertToAttr(yamlFormatObj: YamlFormatObj, githubCfg?: GithubConfig): PostForm {
+    throw new Error("YamlConvertAdaptor.convertToAttr: 该功能未实现，请在子类重写该方法")
+  }
+}
diff --git a/src/components/set/singleplatform/MetaweblogSetting.vue b/src/components/set/publish/singleplatform/MetaweblogSetting.vue
similarity index 100%
rename from src/components/set/singleplatform/MetaweblogSetting.vue
rename to src/components/set/publish/singleplatform/MetaweblogSetting.vue
diff --git a/src/layouts/default/DefaultFooter.vue b/src/layouts/default/DefaultFooter.vue
index 35876a7..c055d7b 100644
--- a/src/layouts/default/DefaultFooter.vue
+++ b/src/layouts/default/DefaultFooter.vue
@@ -80,7 +80,6 @@ import SetIndex from "~/src/components/set/SetIndex.vue"
 import { DateUtil } from "zhi-common"
 import { useSiyuanDevice } from "~/src/composables/useSiyuanDevice.ts"
 import { useRouter } from "vue-router"
-import { TabsPaneContext } from "element-plus"
 
 const logger = createAppLogger("default-footer")
 const { t } = useVueI18n()
@@ -147,4 +146,4 @@ const openGeneralSetting = () => {
 .middleware-tip {
   text-align: left;
 }
-</style>
+</style>
\ No newline at end of file