feat: update some less

components/_util/transition.tsx

@@ -46,7 +46,7 @@ let TransitionGroup = TG;
 
 if (process.env.NODE_ENV === 'test') {
   Transition = (props, { slots }) => {
-    let child = slots.default?.()[0];
+    const child = slots.default?.()[0];
     if (child && child.dirs && child.dirs[0]) {
       const value = child.dirs[0].value;
       const oldValue = child.dirs[0].oldValue;
@@ -60,7 +60,7 @@ if (process.env.NODE_ENV === 'test') {
     }
     return slots.default?.();
   };
-  Transition.displayName = 'TransitionForTest'
+  Transition.displayName = 'TransitionForTest';
   Transition.inheritAttrs = false;
   TransitionGroup = defineComponent({
     name: 'TransitionGroupForTest',
@@ -70,8 +70,8 @@ if (process.env.NODE_ENV === 'test') {
       const { tag: Tag, ...rest } = props;
       return () => {
         const children = slots.default?.() || [];
-        if(Tag) {
-        return <Tag {...rest}>{children}</Tag>
+        if (Tag) {
+          return <Tag {...rest}>{children}</Tag>;
         } else {
           return children;
         }

components/badge/style/index.less

@@ -13,7 +13,6 @@
   line-height: 1;
 
   &-count {
-    z-index: @zindex-badge;
     min-width: @badge-height;
     height: @badge-height;
     padding: 0 6px;
@@ -37,7 +36,6 @@
   }
 
   &-dot {
-    z-index: @zindex-badge;
     width: @badge-dot-size;
     height: @badge-dot-size;
     background: @highlight-color;
@@ -51,6 +49,7 @@
     position: absolute;
     top: 0;
     right: 0;
+    z-index: @zindex-badge;
     transform: translate(50%, -50%);
     transform-origin: 100% 0%;
   }
@@ -114,10 +113,6 @@
     }
   }
 
-  &-dot-status {
-    line-height: 1;
-  }
-
   &-zoom-appear,
   &-zoom-enter {
     animation: antZoomBadgeIn 0.3s @ease-out-back;

components/form/FormItem.tsx

@@ -356,7 +356,7 @@ export default defineComponent({
       let classes = `${prefixCls}-item-control`;
       if (validateStatus) {
         classes = classNames(`${prefixCls}-item-control`, {
-          'has-feedback': this.hasFeedback || validateStatus === 'validating',
+          'has-feedback': validateStatus && this.hasFeedback,
           'has-success': validateStatus === 'success',
           'has-warning': validateStatus === 'warning',
           'has-error': validateStatus === 'error',

components/style/themes/default.less

@@ -265,8 +265,8 @@
 @layout-trigger-color-light: @text-color;
 
 // z-index list, order by `z-index`
-@zindex-badge: auto;
-@zindex-table-fixed: auto;
+@zindex-badge: 1;
+@zindex-table-fixed: 1;
 @zindex-affix: 10;
 @zindex-back-top: 10;
 @zindex-picker-panel: 10;

components/table/__tests__/__snapshots__/demo.test.js.snap

@@ -1504,7 +1504,7 @@ exports[`renders ./antdv-demo/docs/table/demo/fixed-columns.md correctly 1`] = `
   <!---->
   <div class="ant-table-body-outer">
     <div class="ant-table-body-inner">
-      <table class="ant-table-fixed">
+      <table class="ant-table-fixed" style="width: 200px;">
         <colgroup>
           <col style="width: 100px; min-width: 100px;">
           <col style="width: 100px; min-width: 100px;">
@@ -1551,7 +1551,7 @@ exports[`renders ./antdv-demo/docs/table/demo/fixed-columns.md correctly 1`] = `
   <!---->
   <div class="ant-table-body-outer">
     <div class="ant-table-body-inner">
-      <table class="ant-table-fixed">
+      <table class="ant-table-fixed" style="width: 100px;">
         <colgroup>
           <col style="width: 100px; min-width: 100px;">
         </colgroup>
@@ -2151,7 +2151,7 @@ exports[`renders ./antdv-demo/docs/table/demo/fixed-columns-header.md correctly
 </div>
 <div class="ant-table-fixed-left">
   <div class="ant-table-header">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 200px;">
       <colgroup>
         <col style="width: 100px; min-width: 100px;">
         <col style="width: 100px; min-width: 100px;">
@@ -2173,7 +2173,7 @@ exports[`renders ./antdv-demo/docs/table/demo/fixed-columns-header.md correctly
 </div>
 <div class="ant-table-body-outer">
   <div class="ant-table-body-inner" style="max-height: 300px; overflow-y: scroll;">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 200px;">
       <colgroup>
         <col style="width: 100px; min-width: 100px;">
         <col style="width: 100px; min-width: 100px;">
@@ -2287,7 +2287,7 @@ exports[`renders ./antdv-demo/docs/table/demo/fixed-columns-header.md correctly
 </div>
 <div class="ant-table-fixed-right">
   <div class="ant-table-header">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 100px;">
       <colgroup>
         <col style="width: 100px; min-width: 100px;">
       </colgroup>
@@ -2304,7 +2304,7 @@ exports[`renders ./antdv-demo/docs/table/demo/fixed-columns-header.md correctly
 </div>
 <div class="ant-table-body-outer">
   <div class="ant-table-body-inner" style="max-height: 300px; overflow-y: scroll;">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 100px;">
       <colgroup>
         <col style="width: 100px; min-width: 100px;">
       </colgroup>
@@ -3603,7 +3603,7 @@ exports[`renders ./antdv-demo/docs/table/demo/grouping-columns.md correctly 1`]
 </div>
 <div class="ant-table-fixed-left">
   <div class="ant-table-header">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 100px;">
       <colgroup>
         <col style="width: 100px; min-width: 100px;">
       </colgroup>
@@ -3620,7 +3620,7 @@ exports[`renders ./antdv-demo/docs/table/demo/grouping-columns.md correctly 1`]
 </div>
 <div class="ant-table-body-outer">
   <div class="ant-table-body-inner" style="max-height: 240px; overflow-y: scroll;">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 100px;">
       <colgroup>
         <col style="width: 100px; min-width: 100px;">
       </colgroup>
@@ -3693,7 +3693,7 @@ exports[`renders ./antdv-demo/docs/table/demo/grouping-columns.md correctly 1`]
 </div>
 <div class="ant-table-fixed-right">
   <div class="ant-table-header">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 80px;">
       <colgroup>
         <col style="width: 80px; min-width: 80px;">
       </colgroup>
@@ -3710,7 +3710,7 @@ exports[`renders ./antdv-demo/docs/table/demo/grouping-columns.md correctly 1`]
 </div>
 <div class="ant-table-body-outer">
   <div class="ant-table-body-inner" style="max-height: 240px; overflow-y: scroll;">
-    <table class="ant-table-fixed">
+    <table class="ant-table-fixed" style="width: 80px;">
       <colgroup>
         <col style="width: 80px; min-width: 80px;">
       </colgroup>

components/table/__tests__/__snapshots__/empty.test.js.snap

@@ -245,7 +245,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
   <!---->
   <div class="ant-table-body-outer">
     <div class="ant-table-body-inner">
-      <table class="ant-table-fixed">
+      <table class="ant-table-fixed" style="width: 200px;">
         <colgroup>
           <col style="width: 100px; min-width: 100px;">
           <col style="width: 100px; min-width: 100px;">
@@ -271,7 +271,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
   <!---->
   <div class="ant-table-body-outer">
     <div class="ant-table-body-inner">
-      <table class="ant-table-fixed">
+      <table class="ant-table-fixed" style="width: 100px;">
         <colgroup>
           <col style="width: 100px; min-width: 100px;">
         </colgroup>