perf: update some less

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/color-picker/__tests__/__snapshots__/index.test.js.snap

@@ -70,7 +70,7 @@ exports[`ColorPicker save event should works 1`] = `
         <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
       </svg></i>
   </div>
-  <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;">
+  <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="top: 384px; left: 512px;">
     <div class="pcr-selection">
       <div class="pcr-color-preview">
         <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(0, 0, 0);"></button>
@@ -225,7 +225,7 @@ exports[`ColorPicker should support disabled 1`] = `
 `;
 
 exports[`ColorPicker should support format 1`] = `
-<div tabindex="0" class="ant-color-picker ant-color-picker-open">
+<div tabindex="0" class="ant-color-picker">
   <div class="ant-color-picker-selection">
     <div id="color-picker-box19">
       <div class="pickr">
@@ -238,7 +238,7 @@ exports[`ColorPicker should support format 1`] = `
         <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
       </svg></i>
   </div>
-  <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;">
+  <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window">
     <div class="pcr-selection">
       <div class="pcr-color-preview">
         <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(0, 0, 0);"></button>

components/form/FormItem.jsx

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

components/select/style/index.less

@@ -529,7 +529,7 @@
       }
 
       &-selected {
-        color: @select-item-selected-color;
+        color: @text-color;
         font-weight: @select-item-selected-font-weight;
         background-color: @select-item-selected-bg;
       }

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-badge: 1;
-@zindex-table-fixed: auto;
+@zindex-table-fixed: 1;
 @zindex-affix: 10;
 @zindex-back-top: 10;
 @zindex-picker-panel: 10;

components/upload/Upload.jsx

@@ -261,9 +261,15 @@ export default {
         reject: this.onReject,
       },
       ref: 'uploadRef',
-      attrs: this.$attrs,
+      attrs: {...this.$attrs},
     };
-
+    const children = this.$slots.default;
+    // Remove id to avoid open by label when trigger is hidden
+    // https://github.com/ant-design/ant-design/issues/14298
+    if (!children || disabled) {
+      delete vcUploadProps.props.id;
+      delete vcUploadProps.attrs.id;
+    }
     const uploadList = showUploadList ? (
       <LocaleReceiver
         componentName="Upload"
@@ -272,8 +278,6 @@ export default {
       />
     ) : null;
 
-    const children = this.$slots.default;
-
     if (type === 'drag') {
       const dragCls = classNames(prefixCls, {
         [`${prefixCls}-drag`]: true,
@@ -304,11 +308,7 @@ export default {
       [`${prefixCls}-disabled`]: disabled,
     });
 
-    // Remove id to avoid open by label when trigger is hidden
+
-    // https://github.com/ant-design/ant-design/issues/14298
-    if (!children || disabled) {
-      delete vcUploadProps.props.id;
-    }
 
     const uploadButton = (
       <div class={uploadButtonCls} style={children ? undefined : { display: 'none' }}>

scripts/syncStyleFromAntd.js

@@ -6,7 +6,7 @@ const path = require('path');
 
 const owner = 'ant-design';
 const repo = 'ant-design';
-const tag = '3.26.13';
+const tag = '3.26.19';
 const clientId = '5f6ccfdc4cdc69f8ba12';
 const clientSecret = process.env.CLIENT_SECRET;