feat(projects): refactor icon system, unify icon usage [重构图标系统，统一图标用法]

build/plugins/unplugin.ts

@@ -7,29 +7,38 @@ import { FileSystemIconLoader } from 'unplugin-icons/loaders';
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
 import { getSrcPath } from '../utils';
 
-const srcPath = getSrcPath();
+export default function unplugin(viteEnv: ImportMetaEnv) {
+  const { VITE_ICON_PREFFIX, VITE_ICON_LOCAL_PREFFIX } = viteEnv;
 
-const customIconPath = `${srcPath}/assets/svg`;
+  const srcPath = getSrcPath();
+  const localIconPath = `${srcPath}/assets/svg-icon`;
 
-export default [
-  VueMacros(),
-  Icons({
-    compiler: 'vue3',
-    customCollections: {
-      custom: FileSystemIconLoader(customIconPath)
-    },
-    scale: 1,
-    defaultClass: 'inline-block'
-  }),
-  Components({
-    dts: 'src/typings/components.d.ts',
-    types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
-    resolvers: [NaiveUiResolver(), IconsResolver({ customCollections: ['custom'], componentPrefix: 'icon' })]
-  }),
-  createSvgIconsPlugin({
-    iconDirs: [customIconPath],
-    symbolId: 'icon-custom-[dir]-[name]',
-    inject: 'body-last',
-    customDomId: '__CUSTOM_SVG_ICON__'
-  })
-];
+  /** 本地svg图标集合名称 */
+  const collectionName = VITE_ICON_LOCAL_PREFFIX.replace(`${VITE_ICON_PREFFIX}-`, '');
+
+  return [
+    VueMacros(),
+    Icons({
+      compiler: 'vue3',
+      customCollections: {
+        [collectionName]: FileSystemIconLoader(localIconPath)
+      },
+      scale: 1,
+      defaultClass: 'inline-block'
+    }),
+    Components({
+      dts: 'src/typings/components.d.ts',
+      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
+      resolvers: [
+        NaiveUiResolver(),
+        IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFFIX })
+      ]
+    }),
+    createSvgIconsPlugin({
+      iconDirs: [localIconPath],
+      symbolId: `${VITE_ICON_LOCAL_PREFFIX}-[dir]-[name]`,
+      inject: 'body-last',
+      customDomId: '__SVG_ICON_LOCAL__'
+    })
+  ];
+}