From d88fd6aec55059e445b8b89f80adc8c8671653d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com>
Date: Sat, 13 Aug 2022 16:12:55 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=BA=86=E5=A4=B4=E9=83=A8=E6=8C=89=E9=92=AE=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=81=8F=E7=A7=BB=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EIcon.vue                          | 2 +-
 src/layouts/components/header/Breadcrumb.vue      | 2 +-
 src/layouts/components/header/CollapaseButton.vue | 4 ++--
 src/layouts/components/header/DarkMode.vue        | 4 ++--
 src/layouts/components/header/FullScreen.vue      | 4 ++--
 src/layouts/components/header/Github.vue          | 4 +++-
 src/layouts/components/header/Notices.vue         | 4 +++-
 src/layouts/components/header/Reload.vue          | 4 +++-
 src/layouts/components/header/Search.vue          | 4 +++-
 src/layouts/components/header/Setting.vue         | 2 +-
 src/types/global.d.ts                             | 4 ++++
 src/types/router.d.ts                             | 4 ----
 12 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/src/components/EIcon.vue b/src/components/EIcon.vue
index 2389ee7..393412e 100644
--- a/src/components/EIcon.vue
+++ b/src/components/EIcon.vue
@@ -1,5 +1,5 @@
 <template>
-  <n-icon :size="props.size || 18" :depth="props.depth" :color="props.color">
+  <n-icon :size="props.size || 20" :depth="props.depth" :color="props.color">
     <Icon :icon="props.icon" />
   </n-icon>
 </template>
diff --git a/src/layouts/components/header/Breadcrumb.vue b/src/layouts/components/header/Breadcrumb.vue
index 69e7c74..5891b32 100644
--- a/src/layouts/components/header/Breadcrumb.vue
+++ b/src/layouts/components/header/Breadcrumb.vue
@@ -1,5 +1,5 @@
 <template>
-  <n-breadcrumb class="px-5">
+  <n-breadcrumb class="px-4">
     <n-breadcrumb-item v-for="(item, index) in routes" :key="index">
       <e-icon :icon="item.meta.icon" />
       {{ item.meta.title }}
diff --git a/src/layouts/components/header/CollapaseButton.vue b/src/layouts/components/header/CollapaseButton.vue
index 4eb4798..a63139d 100644
--- a/src/layouts/components/header/CollapaseButton.vue
+++ b/src/layouts/components/header/CollapaseButton.vue
@@ -1,7 +1,7 @@
 <template>
   <HeaderButton @click="appStore.toggleCollapse()">
-    <e-icon v-if="appStore.collapsed" icon="icon-park-outline:menu-unfold" />
-    <e-icon v-else icon="icon-park-outline:menu-fold" />
+    <i-icon-park-outline-menu-unfold v-if="appStore.collapsed" class="text-18px" />
+    <i-icon-park-outline-menu-fold v-else class="text-18px" />
   </HeaderButton>
 </template>
 
diff --git a/src/layouts/components/header/DarkMode.vue b/src/layouts/components/header/DarkMode.vue
index ed15acd..832ee0c 100644
--- a/src/layouts/components/header/DarkMode.vue
+++ b/src/layouts/components/header/DarkMode.vue
@@ -2,8 +2,8 @@
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
       <HeaderButton @click="appStore.toggleDarkMode()">
-        <e-icon v-if="appStore.darkMode" icon="icon-park-outline:moon" />
-        <e-icon v-else icon="icon-park-outline:sun" />
+        <i-icon-park-outline-moon v-if="appStore.darkMode" class="text-18px" />
+        <i-icon-park-outline-sun v-else class="text-18px" />
       </HeaderButton>
     </template>
     <span>切换主题模式</span>
diff --git a/src/layouts/components/header/FullScreen.vue b/src/layouts/components/header/FullScreen.vue
index df9cada..76302ef 100644
--- a/src/layouts/components/header/FullScreen.vue
+++ b/src/layouts/components/header/FullScreen.vue
@@ -2,8 +2,8 @@
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
       <HeaderButton @click="appStore.toggleFullScreen()">
-        <e-icon v-if="appStore.fullScreen" icon="icon-park-outline:off-screen-two" />
-        <e-icon v-else icon="icon-park-outline:full-screen-two" />
+        <i-icon-park-outline-off-screen-two v-if="appStore.fullScreen" class="text-18px" />
+        <i-icon-park-outline-full-screen-two v-else class="text-18px" />
       </HeaderButton>
     </template>
     <span>全屏</span>
diff --git a/src/layouts/components/header/Github.vue b/src/layouts/components/header/Github.vue
index d1e7aa8..4bb9fb0 100644
--- a/src/layouts/components/header/Github.vue
+++ b/src/layouts/components/header/Github.vue
@@ -1,7 +1,9 @@
 <template>
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
-      <HeaderButton @click="toMyGithub"><e-icon icon="icon-park-outline:github" /></HeaderButton>
+      <HeaderButton @click="toMyGithub">
+        <i-icon-park-outline-github class="text-18px" />
+      </HeaderButton>
     </template>
     <span>Github</span>
   </n-tooltip>
diff --git a/src/layouts/components/header/Notices.vue b/src/layouts/components/header/Notices.vue
index 47ec6f0..c17ccfc 100644
--- a/src/layouts/components/header/Notices.vue
+++ b/src/layouts/components/header/Notices.vue
@@ -3,7 +3,9 @@
     <template #trigger>
       <n-tooltip placement="bottom" trigger="hover">
         <template #trigger>
-          <HeaderButton @click="openNotice"><e-icon icon="icon-park-outline:remind" /></HeaderButton>
+          <HeaderButton @click="openNotice">
+            <i-icon-park-outline-remind class="text-18px" />
+          </HeaderButton>
         </template>
         <span>消息通知</span>
       </n-tooltip>
diff --git a/src/layouts/components/header/Reload.vue b/src/layouts/components/header/Reload.vue
index a915cbd..4867832 100644
--- a/src/layouts/components/header/Reload.vue
+++ b/src/layouts/components/header/Reload.vue
@@ -1,7 +1,9 @@
 <template>
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
-      <HeaderButton @click="handleReload"><e-icon icon="icon-park-outline:refresh" /></HeaderButton>
+      <HeaderButton @click="handleReload">
+        <i-icon-park-outline-refresh class="text-18px" />
+      </HeaderButton>
     </template>
     <span>刷新页面</span>
   </n-tooltip>
diff --git a/src/layouts/components/header/Search.vue b/src/layouts/components/header/Search.vue
index 1c19d07..6d337ea 100644
--- a/src/layouts/components/header/Search.vue
+++ b/src/layouts/components/header/Search.vue
@@ -1,7 +1,9 @@
 <template>
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
-      <HeaderButton @click="handleSearch"><e-icon icon="icon-park-outline:search" /></HeaderButton>
+      <HeaderButton @click="handleSearch">
+        <i-icon-park-outline-search class="text-18px" />
+      </HeaderButton>
     </template>
     <span>搜索</span>
   </n-tooltip>
diff --git a/src/layouts/components/header/Setting.vue b/src/layouts/components/header/Setting.vue
index fd80e57..e1c15d6 100644
--- a/src/layouts/components/header/Setting.vue
+++ b/src/layouts/components/header/Setting.vue
@@ -3,7 +3,7 @@
     <template #trigger>
       <HeaderButton @click="openSetting">
         <div>
-          <e-icon icon="icon-park-outline:setting-two" />
+          <i-icon-park-outline-setting-two class="text-18px" />
           <n-drawer v-model:show="drawerActive" :width="300">
             <n-drawer-content title="系统设置">这是系统设置，但是暂时还没有内容</n-drawer-content>
           </n-drawer>
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 9b24e4f..734c4c9 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -1,3 +1,7 @@
+import 'vue-router';
+declare module 'vue-router' {
+  interface RouteMeta extends AppRoute.RouteMeta {}
+}
 interface Window {
   $loadingBar?: import('naive-ui').LoadingBarApiInjection;
   $dialog?: import('naive-ui').DialogApiInjection;
diff --git a/src/types/router.d.ts b/src/types/router.d.ts
index 495868c..e69de29 100644
--- a/src/types/router.d.ts
+++ b/src/types/router.d.ts
@@ -1,4 +0,0 @@
-import 'vue-router';
-declare module 'vue-router' {
-  interface RouteMeta extends AppRoute.RouteMeta {}
-}