chore: arco-design-pro-vue 2.7.0 => 2.7.2

continew-admin-ui/config/plugin/arcoStyleImport.ts

@@ -0,0 +1,12 @@
+/**
+ * Theme import
+ * 样式按需引入
+ * https://github.com/arco-design/arco-plugins/blob/main/packages/plugin-vite-vue/README.md
+ * https://arco.design/vue/docs/start
+ */
+import { vitePluginForArco } from '@arco-plugins/vite-vue';
+
+export default function configArcoStyleImportPlugin() {
+    const arcoResolverPlugin = vitePluginForArco({});
+    return arcoResolverPlugin;
+}

continew-admin-ui/config/plugin/styleImport.ts

@@ -1,90 +0,0 @@
-/**
- * Introduces component library styles on demand.
- * 按需引入组件库样式
- * https://github.com/anncwb/vite-plugin-style-import
- */
-
-import styleImport from 'vite-plugin-style-import';
-
-export default function configStyleImportPlugin() {
-  const styleImportPlugin = styleImport({
-    libs: [
-      {
-        libraryName: '@arco-design/web-vue',
-        esModule: true,
-        resolveStyle: (name) => {
-          // The use of this part of the component must depend on the parent, so it can be ignored directly.
-          // 这部分组件的使用必须依赖父级，所以直接忽略即可。
-          const ignoreList = [
-            'config-provider',
-            'anchor-link',
-            'sub-menu',
-            'menu-item',
-            'menu-item-group',
-            'breadcrumb-item',
-            'form-item',
-            'step',
-            'card-grid',
-            'card-meta',
-            'collapse-panel',
-            'collapse-item',
-            'descriptions-item',
-            'list-item',
-            'list-item-meta',
-            'table-column',
-            'table-column-group',
-            'tab-pane',
-            'tab-content',
-            'timeline-item',
-            'tree-node',
-            'skeleton-line',
-            'skeleton-shape',
-            'grid-item',
-            'carousel-item',
-            'doption',
-            'option',
-            'optgroup',
-            'icon',
-            'dsubmenu',
-            'dgroup',
-          ];
-          // List of components that need to map imported styles
-          // 需要映射引入样式的组件列表
-          const replaceList = {
-            'typography-text': 'typography',
-            'typography-title': 'typography',
-            'typography-paragraph': 'typography',
-            'typography-link': 'typography',
-            'dropdown-button': 'dropdown',
-            'input-password': 'input',
-            'input-search': 'input',
-            'input-group': 'input',
-            'radio-group': 'radio',
-            'checkbox-group': 'checkbox',
-            'layout-sider': 'layout',
-            'layout-content': 'layout',
-            'layout-footer': 'layout',
-            'layout-header': 'layout',
-            'month-picker': 'date-picker',
-            'range-picker': 'date-picker',
-            'row': 'grid', // 'grid/row.less'
-            'col': 'grid', // 'grid/col.less'
-            'avatar-group': 'avatar',
-            'image-preview': 'image',
-            'image-preview-group': 'image',
-            'cascader-panel': 'cascader',
-            'button-group': 'button',
-          };
-          if (ignoreList.includes(name)) return '';
-          // eslint-disable-next-line no-prototype-builtins
-          return replaceList.hasOwnProperty(name)
-            ? `@arco-design/web-vue/es/${replaceList[name]}/style/css.js`
-            : `@arco-design/web-vue/es/${name}/style/css.js`;
-          // less
-          // return `@arco-design/web-vue/es/${name}/style/index.js`;
-        },
-      },
-    ],
-  });
-  return styleImportPlugin;
-}

continew-admin-ui/config/vite.config.base.ts

@@ -3,9 +3,15 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import svgLoader from 'vite-svg-loader';
+import configArcoStyleImportPlugin from './plugin/arcoStyleImport';
 
 export default defineConfig({
-  plugins: [vue(), vueJsx(), svgLoader({ svgoConfig: {} })],
+  plugins: [
+    vue(),
+    vueJsx(),
+    svgLoader({ svgoConfig: {} }),
+    configArcoStyleImportPlugin(),
+  ],
   resolve: {
     alias: [
       {

continew-admin-ui/config/vite.config.prod.ts

@@ -3,7 +3,6 @@ import baseConfig from './vite.config.base';
 import configCompressPlugin from './plugin/compress';
 import configVisualizerPlugin from './plugin/visualizer';
 import configArcoResolverPlugin from './plugin/arcoResolver';
-import configStyleImportPlugin from './plugin/styleImport';
 import configImageminPlugin from './plugin/imagemin';
 import createSvgIcon from './plugin/svg-icon';
 
@@ -14,7 +13,6 @@ export default mergeConfig(
       configCompressPlugin('gzip'),
       configVisualizerPlugin(),
       configArcoResolverPlugin(),
-      configStyleImportPlugin(),
       configImageminPlugin(),
       createSvgIcon(true),
     ],