update: 图标组件替换

src/views/system/Department/components/AddDeviceOrProductDialog.vue

@@ -9,7 +9,7 @@
         visible
     >
         <h5 class="row">
-            <exclamation-circle-outlined style="margin-right: 6px" />
+            <AIcon type="ExclamationCircleOutlined" style="margin-right: 6px" />
             只能分配有“共享”权限的资产数据
         </h5>
 
@@ -132,7 +132,6 @@
 </template>
 
 <script setup lang="ts">
-import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { getImage } from '@/utils/comm';
 import { uniq, intersection } from 'lodash-es';
 import {

src/views/system/Department/components/LeftTree.vue

@@ -7,7 +7,7 @@
             class="search-input"
         >
             <template #suffix>
-                <search-outlined />
+                <AIcon type="SearchOutlined" />
             </template>
         </j-input>
         <div class="add-btn">
@@ -89,7 +89,6 @@ import { debounce, cloneDeep, omit } from 'lodash-es';
 import { ArrayToTree } from '@/utils/utils';
 import EditDepartmentDialog from './EditDepartmentDialog.vue';
 
-import { SearchOutlined } from '@ant-design/icons-vue';
 import { message } from 'ant-design-vue';
 
 const permission = 'system/Department';

src/views/system/Menu/Setting/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="setting-container">
         <h5 class="top">
-            <exclamation-circle-outlined />
+            <AIcon type="ExclamationCircleOutlined" />
             <span style="padding-left: 12px"
                 >基于系统源代码中的菜单数据，配置系统菜单。</span
             >
@@ -17,7 +17,7 @@
                             <template #title
                                 >根据系统代码自动读取的菜单数据</template
                             >
-                            <question-circle-outlined />
+                            <AIcon type="QuestionCircleOutlined" />
                         </j-tooltip>
                     </div>
                     <div class="title-func">
@@ -36,7 +36,10 @@
                         placeholder="请输入菜单名称"
                     >
                         <template #prefix>
-                            <search-outlined style="color: #b3b3b3" />
+                            <AIcon
+                                type="SearchOutlined"
+                                style="color: #b3b3b3"
+                            />
                         </template>
                     </j-input>
                     <j-tree
@@ -63,7 +66,7 @@
                             <template #title
                                 >菜单管理页面配置的菜单数据</template
                             >
-                            <question-circle-outlined />
+                            <AIcon type="QuestionCircleOutlined" />
                         </j-tooltip>
                     </div>
                 </div>
@@ -74,7 +77,10 @@
                         placeholder="请输入菜单名称"
                     >
                         <template #prefix>
-                            <search-outlined style="color: #b3b3b3" />
+                            <AIcon
+                                type="SearchOutlined"
+                                style="color: #b3b3b3"
+                            />
                         </template>
                     </j-input>
                     <j-tree
@@ -103,7 +109,7 @@
                                             style="padding: 0"
                                             type="link"
                                         >
-                                            <close-outlined />
+                                            <AIcon type="CloseOutlined" />
                                         </j-button>
                                     </j-tooltip>
                                 </j-popconfirm>
@@ -114,7 +120,7 @@
             </div>
         </div>
 
-        <j-button type="primary" style="margin-top: 24px;">保存</j-button>
+        <j-button type="primary" style="margin-top: 24px">保存</j-button>
 
         <div class="dialogs">
             <j-modal
@@ -131,13 +137,6 @@
 </template>
 
 <script setup lang="ts" name="MenuSetting">
-import {
-    ExclamationCircleOutlined,
-    QuestionCircleOutlined,
-    SearchOutlined,
-    CloseOutlined,
-} from '@ant-design/icons-vue';
-
 import { getMenuTree_api } from '@/api/system/menu';
 import { getSystemPermission as getSystemPermission_api } from '@/api/initHome';
 import { filterMenu, getKeys, loop } from './utils';

src/views/system/User/index.vue

@@ -64,8 +64,13 @@
                                 onConfirm: () => table.changeStatus(slotProps),
                             }"
                         >
-                            <stop-outlined v-if="slotProps.status" />
-                            <play-circle-outlined v-else />
+                            <AIcon
+                                :type="
+                                    slotProps.status
+                                        ? 'StopOutlined'
+                                        : 'PlayCircleOutlined'
+                                "
+                            />
                         </PermissionButton>
                         <PermissionButton
                             :hasPermission="`${permission}:update`"
@@ -117,7 +122,6 @@ import {
     changeUserStatus_api,
     deleteUser_api,
 } from '@/api/system/user';
-import { StopOutlined, PlayCircleOutlined } from '@ant-design/icons-vue';
 import { message } from 'ant-design-vue';
 
 const permission = 'system/User';