fix: icon display issue

src/components/Cropper/src/CopperModal.vue

@@ -109,14 +109,14 @@ async function handleOk() {
         <div :class="`${prefixCls}-toolbar`">
           <Upload :file-list="[]" accept="image/*" :before-upload="handleBeforeUpload">
             <Tooltip :title="t('component.cropper.selectImage')" placement="bottom">
-              <a-button size="small" pre-icon="ant-design:upload-outlined" type="primary" />
+              <a-button size="small" pre-icon="i-ant-design:upload-outlined" type="primary" />
             </Tooltip>
           </Upload>
           <Space>
             <Tooltip :title="t('component.cropper.btn_reset')" placement="bottom">
               <a-button
                 type="primary"
-                pre-icon="ant-design:reload-outlined"
+                pre-icon="i-ant-design:reload-outlined"
                 size="small"
                 :disabled="!src"
                 @click="handlerToolbar('reset')"
@@ -125,7 +125,7 @@ async function handleOk() {
             <Tooltip :title="t('component.cropper.btn_rotate_left')" placement="bottom">
               <a-button
                 type="primary"
-                pre-icon="ant-design:rotate-left-outlined"
+                pre-icon="i-ant-design:rotate-left-outlined"
                 size="small"
                 :disabled="!src"
                 @click="handlerToolbar('rotate', -45)"
@@ -134,7 +134,7 @@ async function handleOk() {
             <Tooltip :title="t('component.cropper.btn_rotate_right')" placement="bottom">
               <a-button
                 type="primary"
-                pre-icon="ant-design:rotate-right-outlined"
+                pre-icon="i-ant-design:rotate-right-outlined"
                 size="small"
                 :disabled="!src"
                 @click="handlerToolbar('rotate', 45)"
@@ -149,7 +149,7 @@ async function handleOk() {
             <Tooltip :title="t('component.cropper.btn_zoom_in')" placement="bottom">
               <a-button
                 type="primary"
-                pre-icon="ant-design:zoom-in-outlined"
+                pre-icon="i-ant-design:zoom-in-outlined"
                 size="small"
                 :disabled="!src"
                 @click="handlerToolbar('zoom', 0.1)"
@@ -158,7 +158,7 @@ async function handleOk() {
             <Tooltip :title="t('component.cropper.btn_zoom_out')" placement="bottom">
               <a-button
                 type="primary"
-                pre-icon="ant-design:zoom-out-outlined"
+                pre-icon="i-ant-design:zoom-out-outlined"
                 size="small"
                 :disabled="!src"
                 @click="handlerToolbar('zoom', -0.1)"

src/components/Upload/src/BasicUpload.vue

@@ -70,7 +70,7 @@ function handlePreviewDelete(url: string) {
 <template>
   <div>
     <Space>
-      <a-button type="primary" pre-icon="carbon:cloud-upload" @click="openUploadModal">
+      <a-button type="primary" pre-icon="i-carbon:cloud-upload" @click="openUploadModal">
         {{ t('component.upload.upload') }}
       </a-button>
       <Tooltip v-if="showPreview" placement="bottom">

src/enums/appEnum.ts

@@ -52,22 +52,22 @@ export enum RouterTransitionEnum {
 }
 
 export enum IconEnum {
-  VIEW = 'ant-design:file-search-outlined',
-  ADD = 'ant-design:plus-outlined',
-  IMPORT = 'ant-design:vertical-align-top-outlined',
-  EXPORT = 'ant-design:vertical-align-bottom-outlined',
-  TEST = 'ant-design:deployment-unit-outlined',
-  EDIT = 'clarity:note-edit-line',
-  AUTH = 'ant-design:safety-certificate-outlined',
-  DELETE = 'ant-design:delete-outlined',
-  SEARCH = 'ant-design:search-outlined',
-  RESET = 'ant-design:sync-outlined',
-  UPLOAD = 'ant-design:cloud-upload-outlined',
-  DOWNLOAD = 'ant-design:cloud-download-outlined',
-  PREVIEW = 'ant-design:eye-outlined',
-  ADD_FOLD = 'ant-design:folder-add-outlined',
-  LOG = 'ant-design:exception-outlined',
-  PASSWORD = 'ant-design:key-outlined',
-  SETTING = 'ant-design:setting-outlined',
-  SEND = 'ant-design:send-outlined',
+  VIEW = 'i-ant-design:file-search-outlined',
+  ADD = 'i-ant-design:plus-outlined',
+  IMPORT = 'i-ant-design:vertical-align-top-outlined',
+  EXPORT = 'i-ant-design:vertical-align-bottom-outlined',
+  TEST = 'i-ant-design:deployment-unit-outlined',
+  EDIT = 'i-ant-design:edit-outlined',
+  AUTH = 'i-ant-design:safety-certificate-outlined',
+  DELETE = 'i-ant-design:delete-outlined',
+  SEARCH = 'i-ant-design:search-outlined',
+  RESET = 'i-ant-design:sync-outlined',
+  UPLOAD = 'i-ant-design:cloud-upload-outlined',
+  DOWNLOAD = 'i-ant-design:cloud-download-outlined',
+  PREVIEW = 'i-ant-design:eye-outlined',
+  ADD_FOLD = 'i-ant-design:folder-add-outlined',
+  LOG = 'i-ant-design:exception-outlined',
+  PASSWORD = 'i-ant-design:key-outlined',
+  SETTING = 'i-ant-design:setting-outlined',
+  SEND = 'i-ant-design:send-outlined',
 }

src/layouts/default/tabs/useTabDropdown.ts

@@ -49,42 +49,43 @@ export function useTabDropdown(tabContentProps: TabContentProps, getIsTabs: Comp
 
     // Close right
     const closeRightDisabled = !isCurItem || (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0)
+    // @unocss-include
     const dropMenuList: DropMenu[] = [
       {
-        icon: 'ion:reload-sharp',
+        icon: 'i-ion:reload-sharp',
         event: MenuEventEnum.REFRESH_PAGE,
         text: t('layout.multipleTab.reload'),
         disabled: refreshDisabled,
       },
       {
-        icon: 'clarity:close-line',
+        icon: 'i-clarity:close-line',
         event: MenuEventEnum.CLOSE_CURRENT,
         text: t('layout.multipleTab.close'),
         disabled: !!meta?.affix || disabled,
         divider: true,
       },
       {
-        icon: 'line-md:arrow-close-left',
+        icon: 'i-line-md:arrow-close-left',
         event: MenuEventEnum.CLOSE_LEFT,
         text: t('layout.multipleTab.closeLeft'),
         disabled: closeLeftDisabled,
         divider: false,
       },
       {
-        icon: 'line-md:arrow-close-right',
+        icon: 'i-line-md:arrow-close-right',
         event: MenuEventEnum.CLOSE_RIGHT,
         text: t('layout.multipleTab.closeRight'),
         disabled: closeRightDisabled,
         divider: true,
       },
       {
-        icon: 'dashicons:align-center',
+        icon: 'i-dashicons:align-center',
         event: MenuEventEnum.CLOSE_OTHER,
         text: t('layout.multipleTab.closeOther'),
         disabled: disabled || !isCurItem,
       },
       {
-        icon: 'clarity:minus-line',
+        icon: 'i-clarity:minus-line',
         event: MenuEventEnum.CLOSE_ALL,
         text: t('layout.multipleTab.closeAll'),
         disabled,

src/router/routes/index.ts

@@ -64,7 +64,7 @@ export const ProfileRoute: AppRouteRecordRaw = {
         canTo: true,
         hidden: true,
         noTagsView: false,
-        icon: 'ant-design:user-outlined',
+        icon: 'i-ant-design:user-outlined',
         title: t('routes.basic.profile'),
       },
     },

src/views/base/profile/BaseSetting.vue

@@ -61,7 +61,7 @@ async function handleSubmit() {
           <CropperAvatar
             :value="avatar"
             btn-text="更换头像"
-            :btn-props="{ preIcon: 'ant-design:cloud-upload-outlined' }"
+            :btn-props="{ preIcon: 'i-ant-design:cloud-upload-outlined' }"
             width="150"
             class="mb-4 block rounded-full"
             @change="updateAvatar"

src/views/system/notify/my/index.vue

@@ -88,10 +88,10 @@ function handleInfo(record: any) {
   <div>
     <BasicTable bordered @register="registerTable">
       <template #toolbar>
-        <a-button pre-icon="solar:check-read-line-duotone" type="primary" :disabled="readedDisabled" @click="handleUpdateList">
+        <a-button pre-icon="i-solar:check-read-line-duotone" type="primary" :disabled="readedDisabled" @click="handleUpdateList">
           标记已读
         </a-button>
-        <a-button pre-icon="solar:check-read-linear" type="primary" @click="handleUpdateAll">
+        <a-button pre-icon="i-solar:check-read-linear" type="primary" @click="handleUpdateAll">
           全部已读
         </a-button>
       </template>