diff --git a/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
index e553b2575d..61727a2d0c 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -174,7 +174,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md extend cont
           <div
             aria-selected="false"
             id="undefined_list_0"
-            role="option"
+            role="presentation"
           />
           <div
             aria-selected="false"
@@ -619,7 +619,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="undefined_list_0"
                   aria-autocomplete="list"
                   aria-controls="undefined_list"
                   aria-haspopup="listbox"
@@ -765,7 +764,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
                   class="ant-select-selection-search"
                 >
                   <input
-                    aria-activedescendant="undefined_list_0"
                     aria-autocomplete="list"
                     aria-controls="undefined_list"
                     aria-haspopup="listbox"
@@ -1047,7 +1045,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
                   class="ant-select-selection-search"
                 >
                   <input
-                    aria-activedescendant="undefined_list_0"
                     aria-autocomplete="list"
                     aria-controls="undefined_list"
                     aria-haspopup="listbox"
@@ -1262,7 +1259,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
                   class="ant-select-selection-search"
                 >
                   <input
-                    aria-activedescendant="undefined_list_0"
                     aria-autocomplete="list"
                     aria-controls="undefined_list"
                     aria-haspopup="listbox"
@@ -1486,7 +1482,6 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
                   class="ant-select-selection-search"
                 >
                   <input
-                    aria-activedescendant="undefined_list_0"
                     aria-autocomplete="list"
                     aria-controls="undefined_list"
                     aria-haspopup="listbox"
diff --git a/components/avatar/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/avatar/__tests__/__snapshots__/demo-extend.test.ts.snap
index 6027874235..30e3a5ee8e 100644
--- a/components/avatar/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/avatar/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -701,6 +701,142 @@ Array [
       </div>
     </div>
   </div>,
+  <div
+    class="ant-divider ant-divider-horizontal"
+    role="separator"
+  />,
+  <div
+    class="ant-avatar-group"
+  >
+    <span
+      class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
+    >
+      <img
+        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+      />
+    </span>
+    <span
+      class="ant-avatar ant-avatar-lg ant-avatar-circle"
+      style="background-color:#f56a00"
+    >
+      <span
+        class="ant-avatar-string"
+        style="opacity:0"
+      >
+        K
+      </span>
+    </span>
+    <span
+      class="ant-avatar ant-avatar-lg ant-avatar-circle"
+      style="color:#f56a00;background-color:#fde3cf;cursor:pointer"
+    >
+      <span
+        class="ant-avatar-string"
+        style="opacity:0"
+      >
+        +2
+      </span>
+    </span>
+    <div>
+      <div
+        class="ant-popover ant-avatar-group-popover"
+        style="opacity:0;pointer-events:none"
+      >
+        <div
+          class="ant-popover-content"
+        >
+          <div
+            class="ant-popover-arrow"
+          >
+            <span
+              class="ant-popover-arrow-content"
+            />
+          </div>
+          <div
+            class="ant-popover-inner"
+            role="tooltip"
+          >
+            <div
+              class="ant-popover-inner-content"
+            >
+              <span
+                class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
+                style="background-color:#87d068"
+              >
+                <span
+                  aria-label="user"
+                  class="anticon anticon-user"
+                  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>
+              <div>
+                <div
+                  class="ant-tooltip"
+                  style="opacity:0;pointer-events:none"
+                >
+                  <div
+                    class="ant-tooltip-content"
+                  >
+                    <div
+                      class="ant-tooltip-arrow"
+                    >
+                      <span
+                        class="ant-tooltip-arrow-content"
+                      />
+                    </div>
+                    <div
+                      class="ant-tooltip-inner"
+                      role="tooltip"
+                    >
+                      Ant User
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <span
+                class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"
+                style="background-color:#1890ff"
+              >
+                <span
+                  aria-label="ant-design"
+                  class="anticon anticon-ant-design"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="ant-design"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
 ]
 `;
 
diff --git a/components/cascader/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/cascader/__tests__/__snapshots__/demo-extend.test.ts.snap
index a82b3ec1a5..ee61eafcf7 100644
--- a/components/cascader/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/cascader/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -11,7 +11,6 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -48,7 +47,7 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -84,7 +83,7 @@ exports[`renders ./components/cascader/demo/basic.md extend context correctly 1`
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -162,7 +161,6 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -197,7 +195,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -233,7 +231,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md extend context c
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -311,7 +309,6 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -349,7 +346,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -385,7 +382,7 @@ exports[`renders ./components/cascader/demo/custom-dropdown.md extend context co
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -475,7 +472,6 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -524,7 +520,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -560,7 +556,7 @@ exports[`renders ./components/cascader/demo/custom-render.md extend context corr
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -677,7 +673,7 @@ exports[`renders ./components/cascader/demo/custom-trigger.md extend context cor
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -713,7 +709,7 @@ exports[`renders ./components/cascader/demo/custom-trigger.md extend context cor
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -765,7 +761,6 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -803,7 +798,7 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -839,7 +834,7 @@ exports[`renders ./components/cascader/demo/default-value.md extend context corr
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -943,7 +938,6 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -978,7 +972,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -1014,7 +1008,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md extend context co
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-disabled"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -1092,7 +1086,6 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -1129,7 +1122,7 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -1165,7 +1158,7 @@ exports[`renders ./components/cascader/demo/fields-name.md extend context correc
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -1243,7 +1236,6 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -1278,7 +1270,7 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -1314,7 +1306,7 @@ exports[`renders ./components/cascader/demo/hover.md extend context correctly 1`
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -1392,7 +1384,6 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -1427,7 +1418,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -1463,7 +1454,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -1550,7 +1541,6 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
           style="width:0"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
@@ -1593,7 +1583,7 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="light"
+              data-path-key="light"
               role="menuitemcheckbox"
               title="Light"
             >
@@ -1636,7 +1626,7 @@ exports[`renders ./components/cascader/demo/multiple.md extend context correctly
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="bamboo"
+              data-path-key="bamboo"
               role="menuitemcheckbox"
               title="Bamboo"
             >
@@ -1695,7 +1685,6 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -1729,7 +1718,7 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="zhejiang"
+              data-path-key="zhejiang"
               role="menuitemcheckbox"
               title="Zhejiang"
             >
@@ -1765,7 +1754,7 @@ exports[`renders ./components/cascader/demo/search.md extend context correctly 1
             <li
               aria-checked="false"
               class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-              data-value="jiangsu"
+              data-path-key="jiangsu"
               role="menuitemcheckbox"
               title="Jiangsu"
             >
@@ -1844,7 +1833,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -1879,7 +1867,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -1915,7 +1903,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -1992,7 +1980,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -2027,7 +2014,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -2063,7 +2050,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -2140,7 +2127,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -2175,7 +2161,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -2211,7 +2197,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -2293,7 +2279,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -2330,7 +2315,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -2366,7 +2351,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -2443,7 +2428,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -2480,7 +2464,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -2516,7 +2500,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -2575,7 +2559,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -2612,7 +2595,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -2648,7 +2631,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -2725,7 +2708,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -2762,7 +2744,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -2780,7 +2762,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
diff --git a/components/divider/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/divider/__tests__/__snapshots__/demo-extend.test.ts.snap
index 93981c3e9d..7be4fe4551 100644
--- a/components/divider/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/divider/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -173,5 +173,33 @@ Array [
   <p>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
   </p>,
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left ant-divider-no-default-orientation-margin-left"
+    role="separator"
+  >
+    <span
+      class="ant-divider-inner-text"
+      style="margin-left:0"
+    >
+      Left Text with 0 orientationMargin
+    </span>
+  </div>,
+  <p>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
+  </p>,
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-right ant-divider-no-default-orientation-margin-right"
+    role="separator"
+  >
+    <span
+      class="ant-divider-inner-text"
+      style="margin-right:50px"
+    >
+      Right Text with 50px orientationMargin
+    </span>
+  </div>,
+  <p>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.
+  </p>,
 ]
 `;
diff --git a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
index 151f1597cc..7ba1062ede 100644
--- a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3664,6 +3664,518 @@ Array [
 ]
 `;
 
+exports[`renders ./components/dropdown/demo/loading.md extend context correctly 1`] = `
+<div
+  class="ant-space ant-space-vertical"
+>
+  <div
+    class="ant-space-item"
+    style="margin-bottom:8px"
+  >
+    <div
+      class="ant-btn-group ant-dropdown-button"
+    >
+      <button
+        class="ant-btn ant-btn-primary ant-btn-loading"
+        type="button"
+      >
+        <span
+          class="ant-btn-loading-icon"
+        >
+          <span
+            aria-label="loading"
+            class="anticon anticon-loading anticon-spin"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </span>
+        </span>
+        <span>
+          Submit
+        </span>
+      </button>
+      <button
+        class="ant-btn ant-btn-primary ant-btn-icon-only ant-dropdown-trigger"
+        type="button"
+      >
+        <span
+          aria-label="ellipsis"
+          class="anticon anticon-ellipsis"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="ellipsis"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
+            />
+          </svg>
+        </span>
+      </button>
+      <div>
+        <div
+          class="ant-dropdown"
+          style="opacity:0;pointer-events:none"
+        >
+          <ul
+            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
+            data-menu-list="true"
+            role="menu"
+            tabindex="0"
+          >
+            <li
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                Submit and continue
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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"
+            style="display:none"
+          >
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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>
+    </div>
+  </div>
+  <div
+    class="ant-space-item"
+    style="margin-bottom:8px"
+  >
+    <div
+      class="ant-btn-group ant-btn-group-sm ant-dropdown-button"
+    >
+      <button
+        class="ant-btn ant-btn-primary ant-btn-loading"
+        type="button"
+      >
+        <span
+          class="ant-btn-loading-icon"
+        >
+          <span
+            aria-label="loading"
+            class="anticon anticon-loading anticon-spin"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
+            >
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
+          </span>
+        </span>
+        <span>
+          Submit
+        </span>
+      </button>
+      <button
+        class="ant-btn ant-btn-primary ant-btn-icon-only ant-dropdown-trigger"
+        type="button"
+      >
+        <span
+          aria-label="ellipsis"
+          class="anticon anticon-ellipsis"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="ellipsis"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
+            />
+          </svg>
+        </span>
+      </button>
+      <div>
+        <div
+          class="ant-dropdown"
+          style="opacity:0;pointer-events:none"
+        >
+          <ul
+            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
+            data-menu-list="true"
+            role="menu"
+            tabindex="0"
+          >
+            <li
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                Submit and continue
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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"
+            style="display:none"
+          >
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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>
+    </div>
+  </div>
+  <div
+    class="ant-space-item"
+    style="margin-bottom:8px"
+  >
+    <div
+      class="ant-btn-group ant-dropdown-button"
+    >
+      <button
+        class="ant-btn ant-btn-primary"
+        type="button"
+      >
+        <span>
+          Submit
+        </span>
+      </button>
+      <button
+        class="ant-btn ant-btn-primary ant-btn-icon-only ant-dropdown-trigger"
+        type="button"
+      >
+        <span
+          aria-label="ellipsis"
+          class="anticon anticon-ellipsis"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="ellipsis"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
+            />
+          </svg>
+        </span>
+      </button>
+      <div>
+        <div
+          class="ant-dropdown"
+          style="opacity:0;pointer-events:none"
+        >
+          <ul
+            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
+            data-menu-list="true"
+            role="menu"
+            tabindex="0"
+          >
+            <li
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                Submit and continue
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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"
+            style="display:none"
+          >
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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>
+    </div>
+  </div>
+  <div
+    class="ant-space-item"
+  >
+    <div
+      class="ant-btn-group ant-dropdown-button"
+    >
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Submit
+        </span>
+      </button>
+      <button
+        class="ant-btn ant-btn-icon-only ant-dropdown-trigger"
+        type="button"
+      >
+        <span
+          aria-label="down"
+          class="anticon anticon-down"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="down"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <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"
+            />
+          </svg>
+        </span>
+      </button>
+      <div>
+        <div
+          class="ant-dropdown"
+          style="opacity:0;pointer-events:none"
+        >
+          <ul
+            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
+            data-menu-list="true"
+            role="menu"
+            tabindex="0"
+          >
+            <li
+              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <span
+                class="ant-dropdown-menu-title-content"
+              >
+                Submit and continue
+              </span>
+            </li>
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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"
+            style="display:none"
+          >
+            <div>
+              <div
+                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
+                style="opacity:0;pointer-events:none"
+              >
+                <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>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`renders ./components/dropdown/demo/menu-full.md extend context correctly 1`] = `
 Array [
   <a
diff --git a/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
index 9913399184..a72f30d5a5 100644
--- a/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -234,7 +234,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
           class="ant-select-selection-search"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
@@ -354,7 +353,6 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
           class="ant-select-selection-search"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
@@ -386,7 +384,7 @@ exports[`renders ./components/empty/demo/config-provider.md extend context corre
                 <li
                   aria-checked="false"
                   class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
-                  data-value="__EMPTY__"
+                  data-path-key="__EMPTY__"
                   role="menuitemcheckbox"
                 >
                   <div
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index f2de506f25..95ec607669 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -2397,6 +2397,112 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend con
 </form>
 `;
 
+exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend context correctly 1`] = `
+<form
+  autocomplete="off"
+  class="ant-form ant-form-horizontal"
+  id="dynamic_form_nest_item"
+>
+  <div
+    class="ant-row ant-form-item"
+  >
+    <div
+      class="ant-col ant-form-item-label"
+    >
+      <label
+        class=""
+        title="Users"
+      >
+        Users
+      </label>
+    </div>
+    <div
+      class="ant-col ant-form-item-control"
+    >
+      <div
+        class="ant-form-item-control-input"
+      >
+        <div
+          class="ant-form-item-control-input-content"
+        >
+          <div
+            class="ant-row ant-form-item"
+          >
+            <div
+              class="ant-col ant-form-item-control"
+            >
+              <div
+                class="ant-form-item-control-input"
+              >
+                <div
+                  class="ant-form-item-control-input-content"
+                >
+                  <button
+                    class="ant-btn ant-btn-dashed ant-btn-block"
+                    type="button"
+                  >
+                    <span
+                      aria-label="plus"
+                      class="anticon anticon-plus"
+                      role="img"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        data-icon="plus"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
+                      >
+                        <defs />
+                        <path
+                          d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+                        />
+                        <path
+                          d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+                        />
+                      </svg>
+                    </span>
+                    <span>
+                      Add field
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="ant-row ant-form-item"
+  >
+    <div
+      class="ant-col ant-form-item-control"
+    >
+      <div
+        class="ant-form-item-control-input"
+      >
+        <div
+          class="ant-form-item-control-input-content"
+        >
+          <button
+            class="ant-btn ant-btn-primary"
+            type="submit"
+          >
+            <span>
+              Submit
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
+`;
+
 exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly 1`] = `
 <form
   class="ant-form ant-form-horizontal"
@@ -3155,6 +3261,120 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
 </form>
 `;
 
+exports[`renders ./components/form/demo/layout-can-wrap.md extend context correctly 1`] = `
+<form
+  class="ant-form ant-form-horizontal"
+  id="wrap"
+>
+  <div
+    class="ant-row ant-form-item"
+  >
+    <div
+      class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      style="flex:0 0 110px"
+    >
+      <label
+        class="ant-form-item-required ant-form-item-no-colon"
+        for="wrap_username"
+        title="正常标签文案"
+      >
+        正常标签文案
+      </label>
+    </div>
+    <div
+      class="ant-col ant-form-item-control"
+      style="flex:1 1 auto"
+    >
+      <div
+        class="ant-form-item-control-input"
+      >
+        <div
+          class="ant-form-item-control-input-content"
+        >
+          <input
+            class="ant-input"
+            id="wrap_username"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="ant-row ant-form-item"
+  >
+    <div
+      class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      style="flex:0 0 110px"
+    >
+      <label
+        class="ant-form-item-required ant-form-item-no-colon"
+        for="wrap_password"
+        title="超长标签文案超长标签文案"
+      >
+        超长标签文案超长标签文案
+      </label>
+    </div>
+    <div
+      class="ant-col ant-form-item-control"
+      style="flex:1 1 auto"
+    >
+      <div
+        class="ant-form-item-control-input"
+      >
+        <div
+          class="ant-form-item-control-input-content"
+        >
+          <input
+            class="ant-input"
+            id="wrap_password"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="ant-row ant-form-item"
+  >
+    <div
+      class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      style="flex:0 0 110px"
+    >
+      <label
+        class="ant-form-item-no-colon"
+        title=" "
+      >
+         
+      </label>
+    </div>
+    <div
+      class="ant-col ant-form-item-control"
+      style="flex:1 1 auto"
+    >
+      <div
+        class="ant-form-item-control-input"
+      >
+        <div
+          class="ant-form-item-control-input-content"
+        >
+          <button
+            class="ant-btn ant-btn-primary"
+            type="submit"
+          >
+            <span>
+              Submit
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
+`;
+
 exports[`renders ./components/form/demo/nest-messages.md extend context correctly 1`] = `
 <form
   class="ant-form ant-form-horizontal"
@@ -3957,7 +4177,6 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="register_residence_list_0"
                   aria-autocomplete="list"
                   aria-controls="register_residence_list"
                   aria-haspopup="listbox"
@@ -3996,7 +4215,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
                       <li
                         aria-checked="false"
                         class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                        data-value="zhejiang"
+                        data-path-key="zhejiang"
                         role="menuitemcheckbox"
                         title="Zhejiang"
                       >
@@ -4032,7 +4251,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
                       <li
                         aria-checked="false"
                         class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                        data-value="jiangsu"
+                        data-path-key="jiangsu"
                         role="menuitemcheckbox"
                         title="Jiangsu"
                       >
@@ -5576,7 +5795,6 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="undefined_list_0"
                   aria-autocomplete="list"
                   aria-controls="undefined_list"
                   aria-haspopup="listbox"
@@ -5755,7 +5973,6 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="undefined_list_0"
                   aria-autocomplete="list"
                   aria-controls="undefined_list"
                   aria-haspopup="listbox"
@@ -5790,7 +6007,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
                       <li
                         aria-checked="false"
                         class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                        data-value="zhejiang"
+                        data-path-key="zhejiang"
                         role="menuitemcheckbox"
                         title="Zhejiang"
                       >
@@ -18413,7 +18630,6 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="undefined_list_0"
                   aria-autocomplete="list"
                   aria-controls="undefined_list"
                   aria-haspopup="listbox"
@@ -18448,7 +18664,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
                       <li
                         aria-checked="false"
                         class="ant-cascader-menu-item"
-                        data-value="xx"
+                        data-path-key="xx"
                         role="menuitemcheckbox"
                         title="xx"
                       >
diff --git a/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8eee05c375..73712387ad 100644
--- a/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input-number/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -647,7 +647,6 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="undefined_list_0"
                   aria-autocomplete="list"
                   aria-controls="undefined_list"
                   aria-haspopup="listbox"
@@ -684,7 +683,7 @@ exports[`renders ./components/input-number/demo/addon.md extend context correctl
                       <li
                         aria-checked="false"
                         class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
-                        data-value="__EMPTY__"
+                        data-path-key="__EMPTY__"
                         role="menuitemcheckbox"
                       >
                         <div
@@ -1560,6 +1559,454 @@ exports[`renders ./components/input-number/demo/out-of-range.md extend context c
 </div>
 `;
 
+exports[`renders ./components/input-number/demo/prefix.md extend context correctly 1`] = `
+Array [
+  <div
+    class="ant-input-number-affix-wrapper"
+    style="width:100%"
+  >
+    <span
+      class="ant-input-number-prefix"
+    >
+      ￥
+    </span>
+    <div
+      class="ant-input-number"
+    >
+      <div
+        class="ant-input-number-handler-wrap"
+      >
+        <span
+          aria-disabled="false"
+          aria-label="Increase Value"
+          class="ant-input-number-handler ant-input-number-handler-up"
+          role="button"
+          unselectable="on"
+        >
+          <span
+            aria-label="up"
+            class="anticon anticon-up ant-input-number-handler-up-inner"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="up"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+        <span
+          aria-disabled="false"
+          aria-label="Decrease Value"
+          class="ant-input-number-handler ant-input-number-handler-down"
+          role="button"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down ant-input-number-handler-down-inner"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <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"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="ant-input-number-input-wrap"
+      >
+        <input
+          autocomplete="off"
+          class="ant-input-number-input"
+          role="spinbutton"
+          step="1"
+          value=""
+        />
+      </div>
+    </div>
+  </div>,
+  <br />,
+  <br />,
+  <div
+    class="ant-input-number-group-wrapper"
+    style="width:100%"
+  >
+    <div
+      class="ant-input-number-wrapper ant-input-number-group"
+    >
+      <div
+        class="ant-input-number-group-addon"
+      >
+        <span
+          aria-label="user"
+          class="anticon anticon-user"
+          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>
+      </div>
+      <div
+        class="ant-input-number-affix-wrapper"
+      >
+        <span
+          class="ant-input-number-prefix"
+        >
+          ￥
+        </span>
+        <div
+          class="ant-input-number"
+        >
+          <div
+            class="ant-input-number-handler-wrap"
+          >
+            <span
+              aria-disabled="false"
+              aria-label="Increase Value"
+              class="ant-input-number-handler ant-input-number-handler-up"
+              role="button"
+              unselectable="on"
+            >
+              <span
+                aria-label="up"
+                class="anticon anticon-up ant-input-number-handler-up-inner"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="up"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              aria-disabled="false"
+              aria-label="Decrease Value"
+              class="ant-input-number-handler ant-input-number-handler-down"
+              role="button"
+              unselectable="on"
+            >
+              <span
+                aria-label="down"
+                class="anticon anticon-down ant-input-number-handler-down-inner"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="down"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <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"
+                  />
+                </svg>
+              </span>
+            </span>
+          </div>
+          <div
+            class="ant-input-number-input-wrap"
+          >
+            <input
+              autocomplete="off"
+              class="ant-input-number-input"
+              role="spinbutton"
+              step="1"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  <br />,
+  <br />,
+  <div
+    class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-disabled"
+    style="width:100%"
+  >
+    <span
+      class="ant-input-number-prefix"
+    >
+      ￥
+    </span>
+    <div
+      class="ant-input-number ant-input-number-disabled"
+    >
+      <div
+        class="ant-input-number-handler-wrap"
+      >
+        <span
+          aria-disabled="false"
+          aria-label="Increase Value"
+          class="ant-input-number-handler ant-input-number-handler-up"
+          role="button"
+          unselectable="on"
+        >
+          <span
+            aria-label="up"
+            class="anticon anticon-up ant-input-number-handler-up-inner"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="up"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+        <span
+          aria-disabled="false"
+          aria-label="Decrease Value"
+          class="ant-input-number-handler ant-input-number-handler-down"
+          role="button"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down ant-input-number-handler-down-inner"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <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"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="ant-input-number-input-wrap"
+      >
+        <input
+          autocomplete="off"
+          class="ant-input-number-input"
+          disabled=""
+          role="spinbutton"
+          step="1"
+          value=""
+        />
+      </div>
+    </div>
+  </div>,
+  <br />,
+  <br />,
+  <form
+    class="ant-form ant-form-horizontal"
+  >
+    <div
+      class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    >
+      <div
+        class="ant-col ant-form-item-label"
+      >
+        <label
+          class=""
+          title="Warning"
+        >
+          Warning
+        </label>
+      </div>
+      <div
+        class="ant-col ant-form-item-control"
+      >
+        <div
+          class="ant-form-item-control-input"
+        >
+          <div
+            class="ant-form-item-control-input-content"
+          >
+            <div
+              class="ant-input-number-affix-wrapper"
+              style="width:100%"
+            >
+              <span
+                class="ant-input-number-prefix"
+              >
+                <span
+                  aria-label="smile"
+                  class="anticon anticon-smile"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="smile"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
+                    />
+                  </svg>
+                </span>
+              </span>
+              <div
+                class="ant-input-number"
+              >
+                <div
+                  class="ant-input-number-handler-wrap"
+                >
+                  <span
+                    aria-disabled="false"
+                    aria-label="Increase Value"
+                    class="ant-input-number-handler ant-input-number-handler-up"
+                    role="button"
+                    unselectable="on"
+                  >
+                    <span
+                      aria-label="up"
+                      class="anticon anticon-up ant-input-number-handler-up-inner"
+                      role="img"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        data-icon="up"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
+                      >
+                        <path
+                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+                        />
+                      </svg>
+                    </span>
+                  </span>
+                  <span
+                    aria-disabled="false"
+                    aria-label="Decrease Value"
+                    class="ant-input-number-handler ant-input-number-handler-down"
+                    role="button"
+                    unselectable="on"
+                  >
+                    <span
+                      aria-label="down"
+                      class="anticon anticon-down ant-input-number-handler-down-inner"
+                      role="img"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        data-icon="down"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
+                      >
+                        <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"
+                        />
+                      </svg>
+                    </span>
+                  </span>
+                </div>
+                <div
+                  class="ant-input-number-input-wrap"
+                >
+                  <input
+                    autocomplete="off"
+                    class="ant-input-number-input"
+                    id="warning"
+                    placeholder="Warning"
+                    role="spinbutton"
+                    step="1"
+                    value=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <span
+            class="ant-form-item-children-icon"
+          >
+            <span
+              aria-label="exclamation-circle"
+              class="anticon anticon-exclamation-circle"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="exclamation-circle"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </form>,
+]
+`;
+
 exports[`renders ./components/input-number/demo/size.md extend context correctly 1`] = `
 <div
   class="ant-space ant-space-horizontal ant-space-align-center"
diff --git a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8d477bdfc2..f7d7cc1217 100644
--- a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -470,7 +470,6 @@ exports[`renders ./components/input/demo/addon.md extend context correctly 1`] =
                 class="ant-select-selection-search"
               >
                 <input
-                  aria-activedescendant="undefined_list_0"
                   aria-autocomplete="list"
                   aria-controls="undefined_list"
                   aria-haspopup="listbox"
@@ -507,7 +506,7 @@ exports[`renders ./components/input/demo/addon.md extend context correctly 1`] =
                       <li
                         aria-checked="false"
                         class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
-                        data-value="__EMPTY__"
+                        data-path-key="__EMPTY__"
                         role="menuitemcheckbox"
                       >
                         <div
@@ -2998,7 +2997,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -3114,7 +3112,6 @@ Array [
         class="ant-select-selection-search"
       >
         <input
-          aria-activedescendant="undefined_list_0"
           aria-autocomplete="list"
           aria-controls="undefined_list"
           aria-haspopup="listbox"
@@ -3152,7 +3149,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="zhejiang"
+                data-path-key="zhejiang"
                 role="menuitemcheckbox"
                 title="Zhejiang"
               >
@@ -3188,7 +3185,7 @@ Array [
               <li
                 aria-checked="false"
                 class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                data-value="jiangsu"
+                data-path-key="jiangsu"
                 role="menuitemcheckbox"
                 title="Jiangsu"
               >
@@ -8499,7 +8496,6 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
           class="ant-select-selection-search"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
@@ -8536,7 +8532,7 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
                 <li
                   aria-checked="false"
                   class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                  data-value="zhejiang"
+                  data-path-key="zhejiang"
                   role="menuitemcheckbox"
                   title="Zhejiang"
                 >
@@ -8572,7 +8568,7 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
                 <li
                   aria-checked="false"
                   class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-                  data-value="jiangsu"
+                  data-path-key="jiangsu"
                   role="menuitemcheckbox"
                   title="Jiangsu"
                 >
@@ -9391,6 +9387,40 @@ Array [
 ]
 `;
 
+exports[`renders ./components/input/demo/show-count.md extend context correctly 1`] = `
+Array [
+  <span
+    class="ant-input-affix-wrapper"
+  >
+    <input
+      class="ant-input"
+      maxlength="20"
+      type="text"
+      value=""
+    />
+    <span
+      class="ant-input-suffix"
+    >
+      <span
+        class="ant-input-show-count-suffix"
+      >
+        0 / 20
+      </span>
+    </span>
+  </span>,
+  <br />,
+  <br />,
+  <div
+    class="ant-input-textarea ant-input-textarea-show-count"
+    data-count="0 / 100"
+  >
+    <textarea
+      class="ant-input"
+    />
+  </div>,
+]
+`;
+
 exports[`renders ./components/input/demo/size.md extend context correctly 1`] = `
 Array [
   <span
diff --git a/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
index b17242a9c3..c5f320fc10 100644
--- a/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3528,15 +3528,15 @@ Array [
   <br />,
   <br />,
   <ul
-    class="ant-menu-overflow ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark"
+    class="ant-menu ant-menu-root ant-menu-vertical ant-menu-dark ant-menu-inline-collapsed"
     data-menu-list="true"
     role="menu"
     tabindex="0"
   >
     <li
-      class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal"
+      class="ant-menu-submenu ant-menu-submenu-vertical"
       role="none"
-      style="opacity:1;order:0"
+      style="background:rgba(255,255,255,0.3)"
     >
       <div
         aria-expanded="false"
@@ -3585,6 +3585,7 @@ Array [
             <li
               class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child"
               role="menuitem"
+              style="text-decoration:underline"
               tabindex="-1"
             >
               <span
@@ -3593,31 +3594,10 @@ Array [
                 Option 1
               </span>
             </li>
-            <div>
-              <div
-                class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-                style="opacity:0;pointer-events:none"
-              >
-                <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>
             <li
               class="ant-menu-item ant-menu-item-only-child"
               role="menuitem"
+              style="text-decoration:underline"
               tabindex="-1"
             >
               <span
@@ -3626,31 +3606,10 @@ Array [
                 Option 2
               </span>
             </li>
-            <div>
-              <div
-                class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-                style="opacity:0;pointer-events:none"
-              >
-                <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>
             <li
               class="ant-menu-item ant-menu-item-only-child"
               role="menuitem"
+              style="text-decoration:underline"
               tabindex="-1"
             >
               <span
@@ -3659,31 +3618,10 @@ Array [
                 Option 3
               </span>
             </li>
-            <div>
-              <div
-                class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-                style="opacity:0;pointer-events:none"
-              >
-                <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>
             <li
               class="ant-menu-item ant-menu-item-only-child"
               role="menuitem"
+              style="text-decoration:underline"
               tabindex="-1"
             >
               <span
@@ -3692,36 +3630,14 @@ Array [
                 Option 4
               </span>
             </li>
-            <div>
-              <div
-                class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-                style="opacity:0;pointer-events:none"
-              >
-                <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>
       </div>
     </li>
     <li
-      class="ant-menu-overflow-item ant-menu-submenu ant-menu-submenu-horizontal"
+      class="ant-menu-submenu ant-menu-submenu-vertical"
       role="none"
-      style="opacity:1;order:1"
+      style="background:rgba(255,255,255,0.3)"
     >
       <div
         aria-expanded="false"
@@ -3758,349 +3674,130 @@ Array [
           class="ant-menu-submenu-arrow"
         />
       </div>
-    </li>
-    <li
-      class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
-      role="menuitem"
-      style="opacity:1;order:2"
-      tabindex="-1"
-    >
-      <span
-        class="ant-menu-title-content"
-      >
-        Option 11
-      </span>
-    </li>
-    <div>
-      <div
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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>
-    <li
-      class="ant-menu-overflow-item ant-menu-item ant-menu-item-only-child"
-      role="menuitem"
-      style="opacity:1;order:3"
-      tabindex="-1"
-    >
-      <span
-        class="ant-menu-title-content"
-      >
-        Option 12
-      </span>
-    </li>
-    <div>
-      <div
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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>
-    <li
-      aria-hidden="true"
-      class="ant-menu-overflow-item ant-menu-overflow-item-rest ant-menu-submenu ant-menu-submenu-horizontal"
-      role="none"
-      style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
-    >
-      <div
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-menu-submenu-title"
-        role="menuitem"
-        tabindex="-1"
-      >
-        <span
-          aria-label="ellipsis"
-          class="anticon anticon-ellipsis"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="ellipsis"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
-            />
-          </svg>
-        </span>
-        <i
-          class="ant-menu-submenu-arrow"
-        />
-      </div>
       <div>
         <div
-          class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark"
+          class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
           style="opacity:0;pointer-events:none"
         >
           <ul
             class="ant-menu ant-menu-sub ant-menu-vertical"
             data-menu-list="true"
-          />
+          >
+            <li
+              class="ant-menu-item ant-menu-item-only-child"
+              role="menuitem"
+              style="text-decoration:underline"
+              tabindex="-1"
+            >
+              <span
+                class="ant-menu-title-content"
+              >
+                Option 5
+              </span>
+            </li>
+            <li
+              class="ant-menu-item ant-menu-item-only-child"
+              role="menuitem"
+              style="text-decoration:underline"
+              tabindex="-1"
+            >
+              <span
+                class="ant-menu-title-content"
+              >
+                Option 6
+              </span>
+            </li>
+            <li
+              class="ant-menu-submenu ant-menu-submenu-vertical"
+              role="none"
+              style="background:rgba(255,255,255,0.3)"
+            >
+              <div
+                aria-expanded="false"
+                aria-haspopup="true"
+                class="ant-menu-submenu-title"
+                role="menuitem"
+                tabindex="-1"
+              >
+                <span
+                  class="ant-menu-title-content"
+                >
+                  Submenu
+                </span>
+                <i
+                  class="ant-menu-submenu-arrow"
+                />
+              </div>
+              <div>
+                <div
+                  class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark"
+                  style="opacity:0;pointer-events:none"
+                >
+                  <ul
+                    class="ant-menu ant-menu-sub ant-menu-vertical"
+                    data-menu-list="true"
+                  >
+                    <li
+                      class="ant-menu-item ant-menu-item-only-child"
+                      role="menuitem"
+                      style="text-decoration:underline"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="ant-menu-title-content"
+                      >
+                        Option 7
+                      </span>
+                    </li>
+                    <li
+                      class="ant-menu-item ant-menu-item-only-child"
+                      role="menuitem"
+                      style="text-decoration:underline"
+                      tabindex="-1"
+                    >
+                      <span
+                        class="ant-menu-title-content"
+                      >
+                        Option 8
+                      </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </li>
+    <li
+      class="ant-menu-item ant-menu-item-only-child"
+      role="menuitem"
+      style="text-decoration:underline"
+      tabindex="-1"
+    >
+      <div
+        class="ant-menu-inline-collapsed-noicon"
+      >
+        O
+      </div>
+    </li>
+    <li
+      class="ant-menu-item ant-menu-item-only-child"
+      role="menuitem"
+      style="text-decoration:underline"
+      tabindex="-1"
+    >
+      <div
+        class="ant-menu-inline-collapsed-noicon"
+      >
+        O
+      </div>
+    </li>
   </ul>,
   <div
     aria-hidden="true"
     style="display:none"
-  >
-    <div>
-      <div
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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
-        class="ant-tooltip ant-menu-inline-collapsed-tooltip"
-        style="opacity:0;pointer-events:none"
-      >
-        <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>,
+  />,
 ]
 `;
 
diff --git a/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
index 9011f5ba48..bc9a98b6d7 100644
--- a/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3772,7 +3772,7 @@ exports[`renders ./components/select/demo/optgroup.md extend context correctly 1
           <div
             aria-selected="false"
             id="undefined_list_0"
-            role="option"
+            role="presentation"
           />
           <div
             aria-label="Jack"
@@ -4028,6 +4028,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
                 <div
                   aria-selected="true"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                  label="China"
                 >
                   <div
                     class="ant-select-item-option-content"
@@ -4074,6 +4075,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  label="USA"
                 >
                   <div
                     class="ant-select-item-option-content"
@@ -4094,6 +4096,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  label="Japan"
                 >
                   <div
                     class="ant-select-item-option-content"
@@ -4114,6 +4117,7 @@ exports[`renders ./components/select/demo/option-label-prop.md extend context co
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
+                  label="Korea"
                 >
                   <div
                     class="ant-select-item-option-content"
@@ -5454,12 +5458,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
           style="height:0;width:0;overflow:hidden"
         >
           <div
-            aria-label="Not Identified"
+            aria-label="Cancelled"
             aria-selected="false"
             id="undefined_list_0"
             role="option"
           >
-            1
+            6
           </div>
           <div
             aria-label="Closed"
@@ -5486,12 +5490,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-active"
-                  title="Not Identified"
+                  title="Cancelled"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    Not Identified
+                    Cancelled
                   </div>
                   <span
                     aria-hidden="true"
@@ -5554,12 +5558,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
-                  title="Resolved"
+                  title="Not Identified"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    Resolved
+                    Not Identified
                   </div>
                   <span
                     aria-hidden="true"
@@ -5571,12 +5575,12 @@ exports[`renders ./components/select/demo/search-sort.md extend context correctl
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option"
-                  title="Cancelled"
+                  title="Resolved"
                 >
                   <div
                     class="ant-select-item-option-content"
                   >
-                    Cancelled
+                    Resolved
                   </div>
                   <span
                     aria-hidden="true"
diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index e9d3753634..a69bedafd0 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -15476,6 +15476,370 @@ exports[`renders ./components/table/demo/nested-table.md extend context correctl
 </div>
 `;
 
+exports[`renders ./components/table/demo/order-column.md extend context correctly 1`] = `
+<div
+  class="ant-table-wrapper"
+>
+  <div
+    class="ant-spin-nested-loading"
+  >
+    <div
+      class="ant-spin-container"
+    >
+      <div
+        class="ant-table"
+      >
+        <div
+          class="ant-table-container"
+        >
+          <div
+            class="ant-table-content"
+          >
+            <table
+              style="table-layout:auto"
+            >
+              <colgroup>
+                <col />
+                <col
+                  class="ant-table-expand-icon-col"
+                />
+                <col />
+                <col
+                  class="ant-table-selection-col"
+                />
+              </colgroup>
+              <thead
+                class="ant-table-thead"
+              >
+                <tr>
+                  <th
+                    class="ant-table-cell"
+                  >
+                    Name
+                  </th>
+                  <th
+                    class="ant-table-cell ant-table-row-expand-icon-cell"
+                  />
+                  <th
+                    class="ant-table-cell"
+                  >
+                    Age
+                  </th>
+                  <th
+                    class="ant-table-cell ant-table-selection-column"
+                  >
+                    <div
+                      class="ant-table-selection"
+                    >
+                      <label
+                        class="ant-checkbox-wrapper"
+                      >
+                        <span
+                          class="ant-checkbox"
+                        >
+                          <input
+                            class="ant-checkbox-input"
+                            type="checkbox"
+                          />
+                          <span
+                            class="ant-checkbox-inner"
+                          />
+                        </span>
+                      </label>
+                    </div>
+                  </th>
+                  <th
+                    class="ant-table-cell"
+                  >
+                    Address
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody"
+              >
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="1"
+                >
+                  <td
+                    class="ant-table-cell"
+                  >
+                    John Brown
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell"
+                  >
+                    <button
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    32
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-selection-column"
+                  >
+                    <label
+                      class="ant-checkbox-wrapper"
+                    >
+                      <span
+                        class="ant-checkbox"
+                      >
+                        <input
+                          class="ant-checkbox-input"
+                          type="checkbox"
+                        />
+                        <span
+                          class="ant-checkbox-inner"
+                        />
+                      </span>
+                    </label>
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    New York No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="2"
+                >
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Jim Green
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell"
+                  >
+                    <button
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    42
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-selection-column"
+                  >
+                    <label
+                      class="ant-checkbox-wrapper"
+                    >
+                      <span
+                        class="ant-checkbox"
+                      >
+                        <input
+                          class="ant-checkbox-input"
+                          type="checkbox"
+                        />
+                        <span
+                          class="ant-checkbox-inner"
+                        />
+                      </span>
+                    </label>
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    London No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="3"
+                >
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Not Expandable
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell"
+                  >
+                    <button
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    29
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-selection-column"
+                  >
+                    <label
+                      class="ant-checkbox-wrapper"
+                    >
+                      <span
+                        class="ant-checkbox"
+                      >
+                        <input
+                          class="ant-checkbox-input"
+                          type="checkbox"
+                        />
+                        <span
+                          class="ant-checkbox-inner"
+                        />
+                      </span>
+                    </label>
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Jiangsu No. 1 Lake Park
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="4"
+                >
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Joe Black
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell"
+                  >
+                    <button
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    32
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-selection-column"
+                  >
+                    <label
+                      class="ant-checkbox-wrapper"
+                    >
+                      <span
+                        class="ant-checkbox"
+                      >
+                        <input
+                          class="ant-checkbox-input"
+                          type="checkbox"
+                        />
+                        <span
+                          class="ant-checkbox-inner"
+                        />
+                      </span>
+                    </label>
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Sidney No. 1 Lake Park
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <ul
+        class="ant-pagination ant-table-pagination ant-table-pagination-right"
+        unselectable="unselectable"
+      >
+        <li
+          aria-disabled="true"
+          class="ant-pagination-prev ant-pagination-disabled"
+          title="Previous Page"
+        >
+          <button
+            class="ant-pagination-item-link"
+            disabled=""
+            tabindex="-1"
+            type="button"
+          >
+            <span
+              aria-label="left"
+              class="anticon anticon-left"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="left"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+                />
+              </svg>
+            </span>
+          </button>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          tabindex="0"
+          title="1"
+        >
+          <a
+            rel="nofollow"
+          >
+            1
+          </a>
+        </li>
+        <li
+          aria-disabled="true"
+          class="ant-pagination-next ant-pagination-disabled"
+          title="Next Page"
+        >
+          <button
+            class="ant-pagination-item-link"
+            disabled=""
+            tabindex="-1"
+            type="button"
+          >
+            <span
+              aria-label="right"
+              class="anticon anticon-right"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="right"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+                />
+              </svg>
+            </span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`renders ./components/table/demo/pagination.md extend context correctly 1`] = `
 <div>
   <div>
diff --git a/components/tree-select/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/tree-select/__tests__/__snapshots__/demo-extend.test.ts.snap
index 1eddd0e62b..e9fcee8a58 100644
--- a/components/tree-select/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -12,7 +12,6 @@ exports[`renders ./components/tree-select/demo/async.md extend context correctly
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -237,7 +236,6 @@ exports[`renders ./components/tree-select/demo/basic.md extend context correctly
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -630,7 +628,6 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
           style="width:0"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
@@ -733,11 +730,7 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
                       </span>
                       <span
                         class="ant-select-tree-checkbox ant-select-tree-checkbox-checked"
-                      >
-                        <span
-                          class="ant-select-tree-checkbox-inner"
-                        />
-                      </span>
+                      />
                       <span
                         class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                         title="Node1"
@@ -783,11 +776,7 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
                       </span>
                       <span
                         class="ant-select-tree-checkbox"
-                      >
-                        <span
-                          class="ant-select-tree-checkbox-inner"
-                        />
-                      </span>
+                      />
                       <span
                         class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                         title="Node2"
@@ -814,7 +803,6 @@ exports[`renders ./components/tree-select/demo/checkable.md extend context corre
 exports[`renders ./components/tree-select/demo/multiple.md extend context correctly 1`] = `
 <div
   class="ant-select ant-tree-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-  multiple=""
   style="width:100%"
 >
   <div
@@ -832,7 +820,6 @@ exports[`renders ./components/tree-select/demo/multiple.md extend context correc
           style="width:0"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
@@ -1161,7 +1148,6 @@ exports[`renders ./components/tree-select/demo/suffix.md extend context correctl
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -1505,7 +1491,6 @@ exports[`renders ./components/tree-select/demo/treeData.md extend context correc
       class="ant-select-selection-search"
     >
       <input
-        aria-activedescendant="undefined_list_0"
         aria-autocomplete="list"
         aria-controls="undefined_list"
         aria-haspopup="listbox"
@@ -1787,7 +1772,6 @@ exports[`renders ./components/tree-select/demo/treeLine.md extend context correc
           class="ant-select-selection-search"
         >
           <input
-            aria-activedescendant="undefined_list_0"
             aria-autocomplete="list"
             aria-controls="undefined_list"
             aria-haspopup="listbox"
diff --git a/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
index d5e6331135..c65e51b209 100644
--- a/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/typography/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -508,6 +508,237 @@ Array [
       </div>
     </div>
   </div>,
+  "Trigger edit with: ",
+  <div
+    class="ant-radio-group ant-radio-group-outline"
+  >
+    <label
+      class="ant-radio-wrapper ant-radio-wrapper-checked"
+    >
+      <span
+        class="ant-radio ant-radio-checked"
+      >
+        <input
+          checked=""
+          class="ant-radio-input"
+          type="radio"
+          value="icon"
+        />
+        <span
+          class="ant-radio-inner"
+        />
+      </span>
+      <span>
+        icon
+      </span>
+    </label>
+    <label
+      class="ant-radio-wrapper"
+    >
+      <span
+        class="ant-radio"
+      >
+        <input
+          class="ant-radio-input"
+          type="radio"
+          value="text"
+        />
+        <span
+          class="ant-radio-inner"
+        />
+      </span>
+      <span>
+        text
+      </span>
+    </label>
+    <label
+      class="ant-radio-wrapper"
+    >
+      <span
+        class="ant-radio"
+      >
+        <input
+          class="ant-radio-input"
+          type="radio"
+          value="both"
+        />
+        <span
+          class="ant-radio-inner"
+        />
+      </span>
+      <span>
+        both
+      </span>
+    </label>
+  </div>,
+  <div
+    class="ant-typography"
+  >
+    Text or icon as trigger - click to start editing.
+    <div
+      aria-label="click to edit text"
+      class="ant-typography-edit"
+      role="button"
+      style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
+      tabindex="0"
+    >
+      <span
+        aria-label="edit"
+        class="anticon anticon-edit"
+        role="button"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="edit"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
+          />
+        </svg>
+      </span>
+    </div>
+    <div>
+      <div
+        class="ant-tooltip"
+        style="opacity:0;pointer-events:none"
+      >
+        <div
+          class="ant-tooltip-content"
+        >
+          <div
+            class="ant-tooltip-arrow"
+          >
+            <span
+              class="ant-tooltip-arrow-content"
+            />
+          </div>
+          <div
+            class="ant-tooltip-inner"
+            role="tooltip"
+          >
+            click to edit text
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  <div
+    class="ant-typography"
+  >
+    Editable text with a custom enter icon in edit field.
+    <div
+      aria-label="click to edit text"
+      class="ant-typography-edit"
+      role="button"
+      style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
+      tabindex="0"
+    >
+      <span
+        aria-label="highlight"
+        class="anticon anticon-highlight"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="highlight"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M957.6 507.4L603.2 158.2a7.9 7.9 0 00-11.2 0L353.3 393.4a8.03 8.03 0 00-.1 11.3l.1.1 40 39.4-117.2 115.3a8.03 8.03 0 00-.1 11.3l.1.1 39.5 38.9-189.1 187H72.1c-4.4 0-8.1 3.6-8.1 8V860c0 4.4 3.6 8 8 8h344.9c2.1 0 4.1-.8 5.6-2.3l76.1-75.6 40.4 39.8a7.9 7.9 0 0011.2 0l117.1-115.6 40.1 39.5a7.9 7.9 0 0011.2 0l238.7-235.2c3.4-3 3.4-8 .3-11.2zM389.8 796.2H229.6l134.4-133 80.1 78.9-54.3 54.1zm154.8-62.1L373.2 565.2l68.6-67.6 171.4 168.9-68.6 67.6zM713.1 658L450.3 399.1 597.6 254l262.8 259-147.3 145z"
+          />
+        </svg>
+      </span>
+    </div>
+    <div>
+      <div
+        class="ant-tooltip"
+        style="opacity:0;pointer-events:none"
+      >
+        <div
+          class="ant-tooltip-content"
+        >
+          <div
+            class="ant-tooltip-arrow"
+          >
+            <span
+              class="ant-tooltip-arrow-content"
+            />
+          </div>
+          <div
+            class="ant-tooltip-inner"
+            role="tooltip"
+          >
+            click to edit text
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  <div
+    class="ant-typography"
+  >
+    Editable text with no enter icon in edit field.
+    <div
+      aria-label="click to edit text"
+      class="ant-typography-edit"
+      role="button"
+      style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
+      tabindex="0"
+    >
+      <span
+        aria-label="highlight"
+        class="anticon anticon-highlight"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="highlight"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M957.6 507.4L603.2 158.2a7.9 7.9 0 00-11.2 0L353.3 393.4a8.03 8.03 0 00-.1 11.3l.1.1 40 39.4-117.2 115.3a8.03 8.03 0 00-.1 11.3l.1.1 39.5 38.9-189.1 187H72.1c-4.4 0-8.1 3.6-8.1 8V860c0 4.4 3.6 8 8 8h344.9c2.1 0 4.1-.8 5.6-2.3l76.1-75.6 40.4 39.8a7.9 7.9 0 0011.2 0l117.1-115.6 40.1 39.5a7.9 7.9 0 0011.2 0l238.7-235.2c3.4-3 3.4-8 .3-11.2zM389.8 796.2H229.6l134.4-133 80.1 78.9-54.3 54.1zm154.8-62.1L373.2 565.2l68.6-67.6 171.4 168.9-68.6 67.6zM713.1 658L450.3 399.1 597.6 254l262.8 259-147.3 145z"
+          />
+        </svg>
+      </span>
+    </div>
+    <div>
+      <div
+        class="ant-tooltip"
+        style="opacity:0;pointer-events:none"
+      >
+        <div
+          class="ant-tooltip-content"
+        >
+          <div
+            class="ant-tooltip-arrow"
+          >
+            <span
+              class="ant-tooltip-arrow-content"
+            />
+          </div>
+          <div
+            class="ant-tooltip-inner"
+            role="tooltip"
+          >
+            click to edit text
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
   <div
     class="ant-typography"
   >