From 5f40fe874b559d2775c1ccb41bdd97017a8507be Mon Sep 17 00:00:00 2001
From: Wuxh <wxh1220@gmail.com>
Date: Thu, 29 Dec 2022 21:08:45 +0800
Subject: [PATCH] fix: dropdown menu style issue (#39904)

* fix: dropdown menu item in danger

Disable dropdown menu item when type is equal to danger

increase disabled CSS specificity

remove unnecessary changes

fix: remove reordering functions

Remove reordering functions by increasing `disable` class on line 350 CSS specificity

Revert "fix: remove reordering functions "

This reverts commit bd94daaddf973f5f8ef1641ea3081f5aab2fc3a2.

* chore: update style

* chore: update demo

ref: https://github.com/ant-design/ant-design/issues/39322

* test: update snapshot

Co-authored-by: samyar <75088294+samyarkd@users.noreply.github.com>
---
 .../__snapshots__/demo-extend.test.ts.snap    | 456 +++++++++++++++++-
 components/dropdown/demo/dropdown-button.tsx  |   8 +
 components/dropdown/style/status.ts           |   2 +-
 3 files changed, 459 insertions(+), 7 deletions(-)

diff --git a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8ef969e6ac1f..716b4be6779f 100644
--- a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3514,7 +3514,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
             <li
-              class="ant-dropdown-menu-item"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-danger"
               role="menuitem"
               tabindex="-1"
             >
@@ -3565,6 +3565,58 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <li
+              aria-disabled="true"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-danger"
+              role="menuitem"
+            >
+              <span
+                aria-label="user"
+                class="anticon anticon-user ant-dropdown-menu-item-icon"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="user"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+                  />
+                </svg>
+              </span>
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                4rd menu item
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </ul>
           <div
             aria-hidden="true"
@@ -3636,6 +3688,28 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -3796,7 +3870,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
             <li
-              class="ant-dropdown-menu-item"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-danger"
               role="menuitem"
               tabindex="-1"
             >
@@ -3847,6 +3921,58 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <li
+              aria-disabled="true"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-danger"
+              role="menuitem"
+            >
+              <span
+                aria-label="user"
+                class="anticon anticon-user ant-dropdown-menu-item-icon"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="user"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+                  />
+                </svg>
+              </span>
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                4rd menu item
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </ul>
           <div
             aria-hidden="true"
@@ -3918,6 +4044,28 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -4080,7 +4228,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
             <li
-              class="ant-dropdown-menu-item"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-danger"
               role="menuitem"
               tabindex="-1"
             >
@@ -4131,6 +4279,58 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <li
+              aria-disabled="true"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-danger"
+              role="menuitem"
+            >
+              <span
+                aria-label="user"
+                class="anticon anticon-user ant-dropdown-menu-item-icon"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="user"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+                  />
+                </svg>
+              </span>
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                4rd menu item
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </ul>
           <div
             aria-hidden="true"
@@ -4202,6 +4402,28 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -4390,7 +4612,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
             <li
-              class="ant-dropdown-menu-item"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-danger"
               role="menuitem"
               tabindex="-1"
             >
@@ -4441,6 +4663,58 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <li
+              aria-disabled="true"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-danger"
+              role="menuitem"
+            >
+              <span
+                aria-label="user"
+                class="anticon anticon-user ant-dropdown-menu-item-icon"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="user"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+                  />
+                </svg>
+              </span>
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                4rd menu item
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </ul>
           <div
             aria-hidden="true"
@@ -4512,6 +4786,28 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -4675,7 +4971,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
             </div>
           </div>
           <li
-            class="ant-dropdown-menu-item"
+            class="ant-dropdown-menu-item ant-dropdown-menu-item-danger"
             role="menuitem"
             tabindex="-1"
           >
@@ -4726,6 +5022,58 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
           </div>
+          <li
+            aria-disabled="true"
+            class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-danger"
+            role="menuitem"
+          >
+            <span
+              aria-label="user"
+              class="anticon anticon-user ant-dropdown-menu-item-icon"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="user"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+                />
+              </svg>
+            </span>
+            <span
+              class="ant-dropdown-menu-title-content"
+            >
+              4rd menu item
+            </span>
+          </li>
+          <div>
+            <div
+              class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+              style="opacity:0"
+            >
+              <div
+                class="ant-tooltip-content"
+              >
+                <div
+                  class="ant-tooltip-arrow"
+                >
+                  <span
+                    class="ant-tooltip-arrow-content"
+                  />
+                </div>
+                <div
+                  class="ant-tooltip-inner"
+                  role="tooltip"
+                />
+              </div>
+            </div>
+          </div>
         </ul>
         <div
           aria-hidden="true"
@@ -4797,6 +5145,28 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
           </div>
+          <div>
+            <div
+              class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+              style="opacity:0"
+            >
+              <div
+                class="ant-tooltip-content"
+              >
+                <div
+                  class="ant-tooltip-arrow"
+                >
+                  <span
+                    class="ant-tooltip-arrow-content"
+                  />
+                </div>
+                <div
+                  class="ant-tooltip-inner"
+                  role="tooltip"
+                />
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -4956,7 +5326,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
               </div>
             </div>
             <li
-              class="ant-dropdown-menu-item"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-danger"
               role="menuitem"
               tabindex="-1"
             >
@@ -5007,6 +5377,58 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <li
+              aria-disabled="true"
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-disabled ant-dropdown-menu-item-danger"
+              role="menuitem"
+            >
+              <span
+                aria-label="user"
+                class="anticon anticon-user ant-dropdown-menu-item-icon"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="user"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+                  />
+                </svg>
+              </span>
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                4rd menu item
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </ul>
           <div
             aria-hidden="true"
@@ -5078,6 +5500,28 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
                 </div>
               </div>
             </div>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0"
+              >
+                <div
+                  class="ant-tooltip-content"
+                >
+                  <div
+                    class="ant-tooltip-arrow"
+                  >
+                    <span
+                      class="ant-tooltip-arrow-content"
+                    />
+                  </div>
+                  <div
+                    class="ant-tooltip-inner"
+                    role="tooltip"
+                  />
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
diff --git a/components/dropdown/demo/dropdown-button.tsx b/components/dropdown/demo/dropdown-button.tsx
index 7d0b51eea88b..d2897fed0728 100644
--- a/components/dropdown/demo/dropdown-button.tsx
+++ b/components/dropdown/demo/dropdown-button.tsx
@@ -28,6 +28,14 @@ const items: MenuProps['items'] = [
     label: '3rd menu item',
     key: '3',
     icon: <UserOutlined />,
+    danger: true,
+  },
+  {
+    label: '4rd menu item',
+    key: '4',
+    icon: <UserOutlined />,
+    danger: true,
+    disabled: true,
   },
 ];
 
diff --git a/components/dropdown/style/status.ts b/components/dropdown/style/status.ts
index 8e7f536dec95..1f6ddb0b21d8 100644
--- a/components/dropdown/style/status.ts
+++ b/components/dropdown/style/status.ts
@@ -9,7 +9,7 @@ const genStatusStyle: GenerateStyle<DropdownToken> = (token) => {
   return {
     [`${componentCls}, ${componentCls}-menu-submenu`]: {
       [`${menuCls} ${itemCls}`]: {
-        [`&${itemCls}-danger`]: {
+        [`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
           color: colorError,
 
           '&:hover': {