Merge pull request '```' (#90) from cjl-new into master

Reviewed-on: http://120.26.116.243:3000/root/alert-front/pulls/90

build/vite/plugin/index.ts

@@ -10,6 +10,7 @@ import { configHtmlPlugin } from './html'
 import { configCompressPlugin } from './compress'
 import { configVisualizerConfig } from './visualizer'
 import { configSvgIconsPlugin } from './svgSprite'
+import { iconifySafelist } from '../../src/assets/iconify/safelist'
 
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   const { VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv
@@ -35,7 +36,10 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   vitePlugins.push(configSvgIconsPlugin(isBuild))
 
   // vite-plugin-purge-icons
-  vitePlugins.push(purgeIcons())
+  vitePlugins.push(purgeIcons({
+    iconSource: 'local',
+    included: iconifySafelist,
+  }))
 
   // rollup-plugin-visualizer
   vitePlugins.push(configVisualizerConfig())

src/assets/iconify/safelist.ts

@@ -0,0 +1,3 @@
+export const iconifySafelist: string[] = [
+  // Add backend menu icon names here to keep them in offline builds.
+]

src/components/Icon/src/Icon.vue

@@ -47,14 +47,14 @@ async function update() {
   if (svg) {
     el.textContent = ''
     el.appendChild(svg)
+    return
   }
-  else {
+
   const span = document.createElement('span')
   span.className = 'iconify-missing'
   span.title = icon
   el.textContent = ''
   el.appendChild(span)
-  }
 }
 
 const getWrapStyle = computed((): CSSProperties => {

src/views/model/list/ModelCard.vue

@@ -37,7 +37,7 @@ const modelCardList = ref<Array<ModelItem>>([])
 const lastQuery = ref<ModelQueryParams | null>(null)
 const colors = ['#8dc63f', '#dbb09e']
 const statusStr = ['未下装', '已下装']
-const statusIcons = ['material-symbols:lock-open', 'material-symbols:lock']
+const statusIcons = ['ant-design:unlock-outlined', 'ant-design:lock-outlined']
 
 function buildQuery(value: any): ModelQueryParams {
   return {
@@ -134,7 +134,7 @@ function goCreateModel() {
                 {{ item.creator || '未知' }}
               </span>
               <span class="meta-item">
-                <Icon icon="solar:calendar-bold" :size="16" class="meta-icon" />
+                <Icon icon="ant-design:calendar-outlined" :size="16" class="meta-icon" />
                 {{ item.createTime || '--' }}
               </span>
             </div>

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

@@ -91,10 +91,10 @@ function handleInfo(record: any) {
 
     <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="ant-design:check-circle-outlined" type="primary" :disabled="readedDisabled" @click="handleUpdateList">
           标记已读
         </a-button>
-        <a-button pre-icon="solar:check-read-linear" type="primary" @click="handleUpdateAll">
+        <a-button pre-icon="ant-design:check-outlined" type="primary" @click="handleUpdateAll">
           全部已读
         </a-button>
       </template>