feat: #1077 优化导入体验

terwer · Mar 4, 2024 · b61d420 · b61d420
1 parent 621c116
commit b61d420
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 7 deletions.
diff --git a/src/components/set/PublishSetting.vue b/src/components/set/PublishSetting.vue
@@ -57,6 +57,9 @@ import { CommonWebConfig } from "~/src/adaptors/web/base/commonWebConfig.ts"
 import { pre } from "~/src/platforms/pre.ts"
 import _ from "lodash"
 import CrossPageUtils from "~/cross/crossPageUtils.ts"
+import MaterialSymbolsFormatListBulleted from "~icons/material-symbols/format-list-bulleted"
+import MdiImport from "~icons/mdi/import"
+import MaterialSymbolsLightStorefront from "~icons/material-symbols-light/storefront"
 
 const logger = createAppLogger("publish-setting")
 
@@ -403,7 +406,11 @@ const basicImport = (importCfgs: DynamicConfig[]) => {
   return importCount
 }
 
-const handleImportPre = async () => {
+const handleImportPlatform = async () => {
+
+}
+
+const handleImportAll = async () => {
   formData.showLogMessage = true
   formData.isImportLoading = true
   // 清空日志
@@ -466,27 +473,41 @@ onMounted(async () => {
   <back-page :title="t('service.tab.publish.setting')">
     <div class="publish-setting-body">
       <el-row :gutter="20" class="row-item">
-        <el-col :span="2" class="col-item">
+        <el-col :span="4" class="col-item">
           <el-menu class="publish-setting-left-menu">
             <el-menu-item
               :class="formData.showAdd ? 'left-menu-item' : 'left-menu-item menu-item-selected'"
               @click="handleHidePlatform"
             >
               <template #title>
-                <span> {{ t("service.tab.publish.setting") }} </span>
+                <span>
+                  <i class="el-icon"><MaterialSymbolsFormatListBulleted /></i> {{ t("service.tab.publish.setting") }}
+                </span>
+              </template>
+            </el-menu-item>
+            <el-menu-item
+              :class="!formData.showAdd ? 'left-menu-item' : 'left-menu-item menu-item-selected'"
+              @click="handleImportPlatform"
+            >
+              <template #title>
+                <span>
+                  <i class="el-icon"> <MdiImport /></i> {{ t("setting.platform.import") }}
+                </span>
               </template>
             </el-menu-item>
             <el-menu-item
               :class="!formData.showAdd ? 'left-menu-item' : 'left-menu-item menu-item-selected'"
               @click="handleShowPlatform"
             >
               <template #title>
-                <span> + {{ t("setting.platform.add") }} </span>
+                <span>
+                  <i class="el-icon"> <MaterialSymbolsLightStorefront /></i> {{ t("setting.platform.store") }}
+                </span>
               </template>
             </el-menu-item>
           </el-menu>
         </el-col>
-        <el-col :span="22" class="col-item">
+        <el-col :span="20" class="col-item">
           <div class="publish-setting-right-content">
             <div v-if="formData.showAdd">
               <el-row :gutter="20" class="row-item">
@@ -642,7 +663,7 @@ onMounted(async () => {
                           size="small"
                           type="primary"
                           :loading="formData.isImportLoading"
-                          @click="handleImportPre"
+                          @click="handleImportAll"
                         >
                           导入预定义平台
                         </el-button>
@@ -653,7 +674,7 @@ onMounted(async () => {
                         size="small"
                         type="primary"
                         :loading="formData.isImportLoading"
-                        @click="handleImportPre"
+                        @click="handleImportAll"
                       >
                         导入预定义平台
                       </el-button>
@@ -754,10 +775,12 @@ $icon_size = 32px
 
 .publish-setting-left-menu
   text-align center
+  height 100%
 
   .left-menu-item
     justify-content center
     height 36px
+    padding 10px
 
   .menu-item-selected
     color var(--el-fill-color-blank)
@@ -844,20 +867,23 @@ html[class="dark"]
             .action-setting
               font-size 12px
               cursor pointer
+
               &:hover
                 color var(--el-color-primary)
 
             .action-web-setting
               font-size 12px
               cursor pointer
               color var(--el-color-warning)
+
               &:hover
                 color var(--el-color-primary)
 
             .action-web-auth
               font-size 12px
               cursor pointer
               color var(--el-color-error)
+
               &:hover
                 color var(--el-color-primary)
 

diff --git a/src/locales/en_US.ts b/src/locales/en_US.ts
@@ -560,6 +560,8 @@ export default {
   "setting.platform.gitlab.desc":
     "Gitlab is basically similar to Github, except that Gitlab supports its own on-premises or cloud server deployment",
   "setting.picgo.manage": "Picture manage",
+  "setting.platform.import": "Platform import",
+  "setting.platform.store": "Plugin store",
   "setting.platform.add": "Add platform",
   "setting.platform.add.this": "Add this platform",
   "setting.platform.universal": "Universal platform",

diff --git a/src/locales/zh_CN.ts b/src/locales/zh_CN.ts
@@ -539,6 +539,8 @@ export default {
   "setting.main.background": "挂件背景",
   "setting.main.background.tip": "支持16进制和rgb，例如：#000000，未设置或者留空不变。如果新窗口设置，请重新刷新文档。",
   "setting.picgo.manage": "图床管理",
+  "setting.platform.import": "平台导入",
+  "setting.platform.store": "插件商店",
   "setting.platform.add": "新增平台",
   "setting.platform.add.this": "新增此平台",
   "setting.platform.universal": "通用平台",