From 466d4edcd02fc91e2b4cdbbc3c501bfd2fde7a3d Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Wed, 25 Aug 2021 23:04:15 +0800
Subject: [PATCH] perf: optimize css volume

---
 src/components/Menu/src/BasicMenu.vue          |  3 ---
 .../Menu/src/components/BasicMenuItem.vue      | 18 ++----------------
 src/components/registerGlobComp.ts             |  1 -
 windi.config.ts                                |  2 +-
 4 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/src/components/Menu/src/BasicMenu.vue b/src/components/Menu/src/BasicMenu.vue
index d4cfc82c..80cfd70a 100644
--- a/src/components/Menu/src/BasicMenu.vue
+++ b/src/components/Menu/src/BasicMenu.vue
@@ -126,9 +126,6 @@
         emit('menuClick', key);
 
         isClickGo.value = true;
-        // const parentPath = await getCurrentParentPath(key);
-
-        // menuState.openKeys = [parentPath];
         menuState.selectedKeys = [key];
       }
 
diff --git a/src/components/Menu/src/components/BasicMenuItem.vue b/src/components/Menu/src/components/BasicMenuItem.vue
index 3318b3c8..2a565627 100644
--- a/src/components/Menu/src/components/BasicMenuItem.vue
+++ b/src/components/Menu/src/components/BasicMenuItem.vue
@@ -1,13 +1,11 @@
 <template>
   <MenuItem :key="item.path">
-    <!-- <MenuItem :class="getLevelClass"> -->
     <MenuItemContent v-bind="$props" :item="item" />
   </MenuItem>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
   import { Menu } from 'ant-design-vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
   import { itemProps } from '../props';
 
   import MenuItemContent from './MenuItemContent.vue';
@@ -15,20 +13,8 @@
     name: 'BasicMenuItem',
     components: { MenuItem: Menu.Item, MenuItemContent },
     props: itemProps,
-    setup() // props
-    {
-      const { prefixCls } = useDesign('basic-menu-item');
-
-      // const getLevelClass = computed(() => {
-      //   const { level, theme } = props;
-
-      //   const levelCls = [`${prefixCls}__level${level}`, theme];
-      //   return levelCls;
-      // });
-      return {
-        prefixCls,
-        // getLevelClass,
-      };
+    setup() {
+      return {};
     },
   });
 </script>
diff --git a/src/components/registerGlobComp.ts b/src/components/registerGlobComp.ts
index d44c618e..feb060e7 100644
--- a/src/components/registerGlobComp.ts
+++ b/src/components/registerGlobComp.ts
@@ -1,5 +1,4 @@
 import type { App } from 'vue';
-// import { Icon } from './Icon';
 import { Button } from './Button';
 import {
   // Need
diff --git a/windi.config.ts b/windi.config.ts
index 97e4aad5..fa642bba 100644
--- a/windi.config.ts
+++ b/windi.config.ts
@@ -29,7 +29,7 @@ export default defineConfig({
  * Used for animation when the element is displayed
  * @param maxOutput The larger the maxOutput output, the larger the generated css volume
  */
-function createEnterPlugin(maxOutput = 10) {
+function createEnterPlugin(maxOutput = 8) {
   const createCss = (index: number, d = 'x') => {
     const upd = d.toUpperCase();
     return {
-- 
GitLab