perf: antdv 4.0.1

src/App.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import 'dayjs/locale/zh-cn'
 
-import { ConfigProvider } from 'ant-design-vue'
+import { App, ConfigProvider } from 'ant-design-vue'
 import { storeToRefs } from 'pinia'
 
 import { computed } from 'vue'
@@ -22,8 +22,10 @@ useTitle()
 
 <template>
   <ConfigProvider :locale="getAntdLocale" :theme="themeConfig" :component-size="componentSize">
-    <AppProvider>
-      <RouterView />
-    </AppProvider>
+    <App class="h-full w-full">
+      <AppProvider>
+        <RouterView />
+      </AppProvider>
+    </App>
   </ConfigProvider>
 </template>

src/components/Application/src/search/AppSearchFooter.vue

@@ -30,8 +30,8 @@ const { t } = useI18n()
   height: 44px;
   padding: 0 16px;
   font-size: 12px;
-  color: var(--text-color);
-  background-color: var(--component-background);
+  // color: var(--text-color);
+  // background-color: var(--component-background);
   border-top: 1px solid var(--border-color);
   border-radius: 0 0 16px 16px;
 

src/components/ContextMenu/src/ContextMenu.vue

@@ -159,7 +159,7 @@ export default defineComponent({
     }
 
     &:not(.ant-menu-item-disabled):hover {
-      color: @text-color;
+      // color: @text-color;
       background-color: @item-hover-bg;
     }
   }

src/components/Page/src/PageFooter.vue

@@ -33,8 +33,6 @@ const { getCalcContentWidth } = useMenuSetting()
   width: 100%;
   padding: 0 24px;
   line-height: 44px;
-  color: var(--text-color);
-  background-color: var(--component-background);
   border-top: 1px solid var(--border-color);
   box-shadow:
     0 -6px 16px -8px rgb(0 0 0 / 8%),

src/components/SimpleMenu/src/components/menu.less

@@ -68,8 +68,6 @@
     &-light {
       .@{menu-prefix-cls}-item,
       .@{menu-prefix-cls}-submenu-title {
-        color: @text-color;
-
         &-selected {
           z-index: 2;
           .light-border();
@@ -88,7 +86,6 @@
     padding: 0;
     margin: 0;
     font-size: @font-size-base;
-    color: @text-color;
     list-style: none;
     outline: none;
 
@@ -233,6 +230,7 @@
       &-active:not(.@{menu-prefix-cls}-submenu) {
         color: #fff !important;
         background-color: #0b55a4;
+        border-radius: 6px;
       }
 
       &:hover {

src/design/index.less

@@ -5,9 +5,9 @@
 @import "./theme.less";
 @import "./entry.css";
 
-input:-webkit-autofill {
-  box-shadow: 0 0 0 1000px white inset !important;
-}
+// input:-webkit-autofill {
+//   box-shadow: 0 0 0 1000px white inset !important;
+// }
 
 :-webkit-autofill {
   transition: background-color 5000s ease-in-out 0s !important;

src/layouts/default/header/components/user-dropdown/index.vue

@@ -136,10 +136,6 @@ function handleMenuClick(e: MenuInfo) {
       background-color: @header-light-bg-hover-color;
     }
 
-    .@{prefix-cls}__name {
-      color: @text-color;
-    }
-
     .@{prefix-cls}__desc {
       color: @header-light-desc-color;
     }

src/layouts/default/header/index.less

@@ -141,8 +141,6 @@
     border-left: 1px solid @header-light-bottom-border-color;
 
     .@{header-prefix-cls}-logo {
-      color: @text-color;
-
       &:hover {
         background-color: @header-light-bg-hover-color;
       }
@@ -150,8 +148,6 @@
 
     .@{header-prefix-cls}-action {
       &__item {
-        color: @text-color;
-
         .app-iconify {
           padding: 0 10px;
           font-size: 16px !important;
@@ -161,11 +157,6 @@
           background-color: @header-light-bg-hover-color;
         }
       }
-
-      &-icon,
-      span[role="img"] {
-        color: @text-color;
-      }
     }
   }
 

src/layouts/default/setting/components/SwitchItem.vue

@@ -29,7 +29,7 @@ const { t } = useI18n()
 const getBindValue = computed(() => {
   return props.def ? { checked: props.def } : {}
 })
-function handleChange(e: ChangeEvent) {
+function handleChange(e) {
   props.event && baseHandler(props.event, e)
 }
 </script>
@@ -42,7 +42,7 @@ function handleChange(e: ChangeEvent) {
       :disabled="disabled"
       :checked-children="t('layout.setting.on')"
       :un-checked-children="t('layout.setting.off')"
-      @change="handleChange as any"
+      @change="handleChange"
     />
   </div>
 </template>

src/layouts/default/sider/LayoutSider.vue

@@ -132,7 +132,6 @@ const getTrigger = h(LayoutTrigger)
     // box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
 
     .ant-layout-sider-trigger {
-      color: @text-color;
       border-top: 1px solid var(--border-color);
     }
   }

src/layouts/default/tabs/index.less

@@ -31,18 +31,12 @@
         padding: 0 6px;
         margin: 0 -14px 0 0 !important;
         line-height: @multiple-height;
-        color: var(--text-color);
-        background-color: var(--component-background);
         border-radius: 8px 8px 0 0;
         /* stylelint-disable-next-line function-url-quotes */
         mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
         transition: padding 0.3s;
         mask-size: 100% 100%;
 
-        .ant-tabs-tab-btn {
-          color: var(--text-color);
-        }
-
         &:hover {
           z-index: 2;
           padding: 0 12px;

src/views/base/login/sso.vue

@@ -195,7 +195,6 @@ html[data-theme='dark'] {
 
   .ant-divider-inner-text {
     font-size: 12px;
-    color: var(--text-color-secondary);
   }
 }
 </style>

src/views/infra/codegen/components/BasicInfoForm.vue

@@ -76,19 +76,14 @@ watch(
     margin: 0 0 12px;
     font-size: 16px;
     line-height: 32px;
-    color: @text-color;
   }
 
   h4 {
     margin: 0 0 4px;
     font-size: 14px;
     line-height: 22px;
-    color: @text-color;
   }
 
-  p {
-    color: @text-color;
-  }
 }
 
 .pay-select {

src/views/infra/codegen/components/CloumInfoForm.vue

@@ -73,18 +73,13 @@ function handleEdit(record: EditRecordRow) {
     margin: 0 0 12px;
     font-size: 16px;
     line-height: 32px;
-    color: @text-color;
   }
 
   h4 {
     margin: 0 0 4px;
     font-size: 14px;
     line-height: 22px;
-    color: @text-color;
   }
 
-  p {
-    color: @text-color;
-  }
 }
 </style>