From ddafdc4c88eb16412b2e1fab3d35496a8879f8c4 Mon Sep 17 00:00:00 2001
From: yuyang <uyarnchen@gmail.com>
Date: Wed, 27 Jul 2022 15:35:57 +0800
Subject: [PATCH] chore: rename component file name (#243)

* chore: rename component file name

* chore: upgrade dep

* chore: fix setup no unuse vars

* chore: typo

* fix: extra margin for a tag
---
 .eslintrc                                         |  1 +
 .vscode/settings.json                             |  3 ++-
 README.md                                         |  2 +-
 package.json                                      |  7 ++++---
 src/layouts/components/Header.vue                 |  4 ++--
 src/layouts/components/SideNav.tsx                | 15 ++++++++-------
 src/layouts/setting.vue                           |  4 ++--
 .../{middle-chart.vue => MiddleChart.vue}         |  0
 .../{overview.vue => OutputOverview.vue}          |  0
 .../components/{rank-list.vue => RankList.vue}    |  0
 .../components/{top-panel.vue => TopPanel.vue}    |  0
 src/pages/dashboard/base/index.vue                | 10 +++++-----
 src/style/reset.less                              |  7 +++++--
 13 files changed, 30 insertions(+), 23 deletions(-)
 rename src/pages/dashboard/base/components/{middle-chart.vue => MiddleChart.vue} (100%)
 rename src/pages/dashboard/base/components/{overview.vue => OutputOverview.vue} (100%)
 rename src/pages/dashboard/base/components/{rank-list.vue => RankList.vue} (100%)
 rename src/pages/dashboard/base/components/{top-panel.vue => TopPanel.vue} (100%)

diff --git a/.eslintrc b/.eslintrc
index 0fe7251..9f3e6cf 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -2,6 +2,7 @@
   "extends": [
     "plugin:@typescript-eslint/recommended",
     "eslint-config-airbnb-base",
+    "@vue/typescript/recommended",
     "plugin:vue/vue3-recommended",
     "plugin:vue-scoped-css/base",
     "plugin:prettier/recommended"
diff --git a/.vscode/settings.json b/.vscode/settings.json
index a6a2fd5..6d8a55b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -20,5 +20,6 @@
   "[javascript]": {
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  }
+  },
+  "cSpell.words": ["tdesign", "tvision", "echarts", "nprogress", "commitlint", "stylelint", "pinia", "qrcode"]
 }
diff --git a/README.md b/README.md
index d2a34e9..1f15c15 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@
 
 ### 项目简介
 
-TDesign Vue Next Starter 是一个基于 TDesign。使用 `Vue3`、`Vite2`、`Pinia`、`TypeScript` 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。
+TDesign Vue Next Starter 是一个基于 TDesign，使用 `Vue3`、`Vite2`、`Pinia`、`TypeScript` 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。
 
 <p>
   <a href="http://tdesign.tencent.com/starter/vue-next/">在线预览</a>
diff --git a/package.json b/package.json
index f53ba07..87605f2 100644
--- a/package.json
+++ b/package.json
@@ -34,8 +34,8 @@
     "vue-router": "~4.0.11"
   },
   "devDependencies": {
-    "@commitlint/cli": "^16.2.1",
-    "@commitlint/config-conventional": "^16.2.1",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
     "@types/echarts": "^4.9.10",
     "@types/lodash": "^4.14.182",
     "@types/qs": "^6.9.7",
@@ -45,6 +45,7 @@
     "@vitejs/plugin-vue": "^2.3.1",
     "@vitejs/plugin-vue-jsx": "^1.1.7",
     "@vue/compiler-sfc": "^3.0.5",
+    "@vue/eslint-config-typescript": "^11.0.0",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^7.32.0",
@@ -52,7 +53,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^7.16.0",
+    "eslint-plugin-vue": "^9.2.0",
     "eslint-plugin-vue-scoped-css": "^2.2.0",
     "husky": "^7.0.4",
     "less": "^4.1.1",
diff --git a/src/layouts/components/Header.vue b/src/layouts/components/Header.vue
index 1e3986b..dd2afd9 100644
--- a/src/layouts/components/Header.vue
+++ b/src/layouts/components/Header.vue
@@ -3,7 +3,7 @@
     <t-head-menu :class="menuCls" :theme="theme" expand-type="popup" :value="active">
       <template #logo>
         <span v-if="showLogo" class="header-logo-container" @click="handleNav('/dashboard/base')">
-          <LogoFull class="t-logo" />
+          <logo-full class="t-logo" />
         </span>
         <div v-else class="header-operate-left">
           <t-button theme="default" shape="square" variant="text" @click="changeCollapsed">
@@ -12,7 +12,7 @@
           <search :layout="layout" />
         </div>
       </template>
-      <MenuContent v-show="layout !== 'side'" class="header-menu" :nav-data="menu" />
+      <menu-content v-show="layout !== 'side'" class="header-menu" :nav-data="menu" />
       <template #operations>
         <div class="operations-container">
           <!-- 搜索框 -->
diff --git a/src/layouts/components/SideNav.tsx b/src/layouts/components/SideNav.tsx
index 4a806b8..7a6e74e 100644
--- a/src/layouts/components/SideNav.tsx
+++ b/src/layouts/components/SideNav.tsx
@@ -3,8 +3,8 @@ import { useRouter } from 'vue-router';
 import { prefix } from '@/config/global';
 import pgk from '../../../package.json';
 import MenuContent from './MenuContent';
-import tLogo from '@/assets/assets-t-logo.svg?component';
-import tLogoFull from '@/assets/assets-logo-full.svg?component';
+import AssetLogo from '@/assets/assets-t-logo.svg?component';
+import AssetLogoFull from '@/assets/assets-logo-full.svg?component';
 import { useSettingStore } from '@/store';
 import { getActive } from '@/router';
 
@@ -61,8 +61,9 @@ const useComputed = (props) => {
 export default defineComponent({
   name: 'SideNav',
   components: {
-    tLogoFull,
-    tLogo,
+    AssetLogoFull,
+    AssetLogo,
+    MenuContent,
   },
   props: {
     menu: {
@@ -144,9 +145,9 @@ export default defineComponent({
               this.showLogo && (
                 <span class={`${prefix}-side-nav-logo-wrapper`} onClick={this.goHome}>
                   {this.collapsed ? (
-                    <tLogo class={`${prefix}-side-nav-logo-t-logo`} />
+                    <asset-logo class={`${prefix}-side-nav-logo-t-logo`} />
                   ) : (
-                    <t-logo-full class={`${prefix}-side-nav-logo-tdesign-logo`} />
+                    <asset-logo-full class={`${prefix}-side-nav-logo-tdesign-logo`} />
                   )}
                 </span>
               ),
@@ -157,7 +158,7 @@ export default defineComponent({
             ),
           }}
         >
-          <MenuContent navData={this.menu} />
+          <menu-content navData={this.menu} />
         </t-menu>
         <div class={`${prefix}-side-nav-placeholder${this.collapsed ? '-hidden' : ''}`}></div>
       </div>
diff --git a/src/layouts/setting.vue b/src/layouts/setting.vue
index 8ed55ec..92ac2b3 100644
--- a/src/layouts/setting.vue
+++ b/src/layouts/setting.vue
@@ -54,7 +54,7 @@
                 :value="COLOR_OPTIONS[COLOR_OPTIONS.length - 1]"
                 class="setting-layout-color-group dynamic-color-btn"
               >
-                <ColorContainer :value="COLOR_OPTIONS[COLOR_OPTIONS.length - 1]" />
+                <color-container :value="COLOR_OPTIONS[COLOR_OPTIONS.length - 1]" />
               </t-radio-button>
             </t-popup>
           </div>
@@ -64,7 +64,7 @@
         <t-radio-group v-model="formData.layout">
           <div v-for="(item, index) in LAYOUT_OPTION" :key="index" class="setting-layout-drawer">
             <t-radio-button :key="index" :value="item">
-              <Thumbnail :src="getThumbnailUrl(item)" />
+              <thumbnail :src="getThumbnailUrl(item)" />
             </t-radio-button>
           </div>
         </t-radio-group>
diff --git a/src/pages/dashboard/base/components/middle-chart.vue b/src/pages/dashboard/base/components/MiddleChart.vue
similarity index 100%
rename from src/pages/dashboard/base/components/middle-chart.vue
rename to src/pages/dashboard/base/components/MiddleChart.vue
diff --git a/src/pages/dashboard/base/components/overview.vue b/src/pages/dashboard/base/components/OutputOverview.vue
similarity index 100%
rename from src/pages/dashboard/base/components/overview.vue
rename to src/pages/dashboard/base/components/OutputOverview.vue
diff --git a/src/pages/dashboard/base/components/rank-list.vue b/src/pages/dashboard/base/components/RankList.vue
similarity index 100%
rename from src/pages/dashboard/base/components/rank-list.vue
rename to src/pages/dashboard/base/components/RankList.vue
diff --git a/src/pages/dashboard/base/components/top-panel.vue b/src/pages/dashboard/base/components/TopPanel.vue
similarity index 100%
rename from src/pages/dashboard/base/components/top-panel.vue
rename to src/pages/dashboard/base/components/TopPanel.vue
diff --git a/src/pages/dashboard/base/index.vue b/src/pages/dashboard/base/index.vue
index 3d6222e..4996fdf 100644
--- a/src/pages/dashboard/base/index.vue
+++ b/src/pages/dashboard/base/index.vue
@@ -7,7 +7,7 @@
     <!-- 列表排名 -->
     <rank-list class="row-container" />
     <!-- 出入库概览 -->
-    <over-view class="row-container" />
+    <output-overview class="row-container" />
   </div>
 </template>
 
@@ -18,10 +18,10 @@ export default {
 </script>
 
 <script setup lang="ts">
-import TopPanel from './components/top-panel.vue';
-import MiddleChart from './components/middle-chart.vue';
-import RankList from './components/rank-list.vue';
-import OverView from './components/overview.vue';
+import TopPanel from './components/TopPanel.vue';
+import MiddleChart from './components/MiddleChart.vue';
+import RankList from './components/RankList.vue';
+import OutputOverview from './components/OutputOverview.vue';
 </script>
 
 <style scoped>
diff --git a/src/style/reset.less b/src/style/reset.less
index aa3aa5a..5566f9d 100644
--- a/src/style/reset.less
+++ b/src/style/reset.less
@@ -42,7 +42,6 @@ p {
 a {
   color: var(--td-brand-color);
   text-decoration: none;
-  margin-right: @spacer-3;
   cursor: pointer;
   transition: color @anim-duration-base @anim-time-fn-easing;
 
@@ -61,8 +60,12 @@ a {
   &:focus {
     text-decoration: none;
   }
+}
+
+.t-button-link {
+  margin-right: @spacer-3;
 
   &:last-child {
     margin-right: 0;
   }
-}
+}
\ No newline at end of file