From 306e11fb7abebc6e72a3834509f9f2b54bb4a750 Mon Sep 17 00:00:00 2001
From: JaguarJack <njphper@gmail.com>
Date: Mon, 20 Feb 2023 14:41:26 +0800
Subject: [PATCH] style: update icon size

---
 modules/Develop/views/module/index.vue        |  2 +-
 .../Permissions/views/permissions/index.vue   |  2 +-
 .../admin/components/admin/buttons/add.vue    |  2 +-
 .../components/admin/buttons/destroy.vue      |  2 +-
 .../admin/components/admin/buttons/show.vue   |  2 +-
 .../admin/components/admin/buttons/update.vue |  2 +-
 .../admin/components/admin/table/search.vue   |  4 +--
 resources/admin/components/icon/index.vue     | 25 +++++++++++--------
 .../layout/components/header/profile.vue      |  2 +-
 9 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/modules/Develop/views/module/index.vue b/modules/Develop/views/module/index.vue
index 70414c0..485f5cb 100644
--- a/modules/Develop/views/module/index.vue
+++ b/modules/Develop/views/module/index.vue
@@ -11,7 +11,7 @@
       <Operate :show="open">
         <template v-slot:operate>
           <!-- header 插槽的内容放这里 -->
-          <el-button type="success" class="float-right" @click="installVisible = true"><Icon name="cog-6-tooth" class="mr-1 w-4" /> 安装</el-button>
+          <el-button type="success" class="float-right" @click="installVisible = true"><Icon name="cog-6-tooth" class="mr-1 w-4 h-4" /> 安装</el-button>
         </template>
       </Operate>
       <el-table :data="tableData" class="mt-3" v-loading="loading">
diff --git a/modules/Permissions/views/permissions/index.vue b/modules/Permissions/views/permissions/index.vue
index a2efd84..2e4385f 100644
--- a/modules/Permissions/views/permissions/index.vue
+++ b/modules/Permissions/views/permissions/index.vue
@@ -22,7 +22,7 @@
                 <template #reference>
                   <el-tag class="cursor-pointer w-8" v-if="scope.row.type === MenuType.PAGE_TYPE">
                     <Icon name="cog-6-tooth" class="animate-spin w-5 h-5" v-if="actionLoading" />
-                    <Icon name="plus" class="w-4 h-4" v-else />
+                    <Icon name="plus" className="w-4 h-4" v-else />
                   </el-tag>
                 </template>
               </el-popconfirm>
diff --git a/resources/admin/components/admin/buttons/add.vue b/resources/admin/components/admin/buttons/add.vue
index cbb79ea..c76b17d 100644
--- a/resources/admin/components/admin/buttons/add.vue
+++ b/resources/admin/components/admin/buttons/add.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button type="primary" :size="size"><Icon name="plus" class="w-4 mr-1" /> {{ text }}</el-button>
+  <el-button type="primary" :size="size"><Icon name="plus" className="w-4 h-4 mr-1" /> {{ text }}</el-button>
 </template>
 
 <script lang="ts" setup>
diff --git a/resources/admin/components/admin/buttons/destroy.vue b/resources/admin/components/admin/buttons/destroy.vue
index 0bdaff3..de8cf2b 100644
--- a/resources/admin/components/admin/buttons/destroy.vue
+++ b/resources/admin/components/admin/buttons/destroy.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button type="danger" :size="size"><Icon name="trash" class="w-4 mr-1" /> {{ text }}</el-button>
+  <el-button type="danger" :size="size"><Icon name="trash" className="w-4 h-4 mr-1" /> {{ text }}</el-button>
 </template>
 
 <script lang="ts" setup>
diff --git a/resources/admin/components/admin/buttons/show.vue b/resources/admin/components/admin/buttons/show.vue
index 59ae4c2..54ca6e6 100644
--- a/resources/admin/components/admin/buttons/show.vue
+++ b/resources/admin/components/admin/buttons/show.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button type="primary" :size="size"><Icon name="eye" class="w-4 mr-1" /> {{ text }}</el-button>
+  <el-button type="primary" :size="size"><Icon name="eye" className="w-4 h-4 mr-1" /> {{ text }}</el-button>
 </template>
 
 <script lang="ts" setup>
diff --git a/resources/admin/components/admin/buttons/update.vue b/resources/admin/components/admin/buttons/update.vue
index 0fb8838..e8b79dd 100644
--- a/resources/admin/components/admin/buttons/update.vue
+++ b/resources/admin/components/admin/buttons/update.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button type="success" :size="size"><Icon name="pencil-square" class="w-4 mr-1" /> {{ text }}</el-button>
+  <el-button type="success" :size="size"><Icon name="pencil-square" className="w-4 h-4 mr-1" /> {{ text }}</el-button>
 </template>
 
 <script lang="ts" setup>
diff --git a/resources/admin/components/admin/table/search.vue b/resources/admin/components/admin/table/search.vue
index fed87ac..c067f7c 100644
--- a/resources/admin/components/admin/table/search.vue
+++ b/resources/admin/components/admin/table/search.vue
@@ -4,11 +4,11 @@
       <slot name="body" />
       <el-form-item>
         <el-button type="primary" @click="search()">
-          <Icon name="magnifying-glass" class="w-4 mr-1 -ml-1" />
+          <Icon name="magnifying-glass" className="w-4 h-4 mr-1 -ml-1" />
           搜索
         </el-button>
         <el-button @click="reset()">
-          <Icon name="arrow-path" class="w-4 mr-1 -ml-1" />
+          <Icon name="arrow-path" className="w-4 h-4 mr-1 -ml-1" />
           重置
         </el-button>
       </el-form-item>
diff --git a/resources/admin/components/icon/index.vue b/resources/admin/components/icon/index.vue
index 7448577..9c47458 100644
--- a/resources/admin/components/icon/index.vue
+++ b/resources/admin/components/icon/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <component :is="icon" class="w-5 h-5" />
+    <component :is="icon" :class="className" />
 </template>
 
 <script setup>
@@ -7,17 +7,22 @@ import { computed } from 'vue'
 import * as heroIcons from '@heroicons/vue/24/outline'
 
 const props = defineProps({
-  name: {
-    type: String,
-    required: true,
-  },
+    name: {
+        type: String,
+        required: true,
+    },
+    className: {
+        type: String,
+        required: true,
+        default: "w-5 h-5"
+    }
 })
 
 const icon = computed(() => {
-  let name = ''
-  props.name.split('-').forEach(v => {
-    name += v[0].toUpperCase() + v.substr(1)
-  })
-  return heroIcons[name + 'Icon']
+    let name = ''
+    props.name.split('-').forEach(v => {
+        name += v[0].toUpperCase() + v.substr(1)
+    })
+    return heroIcons[name + 'Icon']
 })
 </script>
diff --git a/resources/admin/layout/components/header/profile.vue b/resources/admin/layout/components/header/profile.vue
index 2c39fb4..ca6c51d 100644
--- a/resources/admin/layout/components/header/profile.vue
+++ b/resources/admin/layout/components/header/profile.vue
@@ -11,7 +11,7 @@
                 <Icon name="user"/> <router-link to="/users/center"> 个人信息</router-link>
             </el-dropdown-item>
           <el-dropdown-item divided @click="logout">
-            <Icon name="power" class="mr-1 w-4 h-4" />
+            <Icon className="power" class="mr-1 w-4 h-4" />
             退 出
           </el-dropdown-item>
         </el-dropdown-menu>