perf: menu

components/menu/src/Menu.tsx

@@ -413,9 +413,8 @@ export default defineComponent({
               <MenuContextProvider
                 key={child.key}
                 overflowDisabled={index > lastVisibleIndex.value}
-              >
+                v-slots={{ default: () => child }}
-                {child}
+              ></MenuContextProvider>
-              </MenuContextProvider>
             ));
       const overflowedIndicator = slots.overflowedIndicator?.() || <EllipsisOutlined />;
 
@@ -446,9 +445,8 @@ export default defineComponent({
                     title={overflowedIndicator}
                     disabled={allVisible}
                     internalPopupClose={len === 0}
-                  >
+                    v-slots={{ default: () => originOmitItems }}
-                    {originOmitItems}
+                  ></SubMenu>
-                  </SubMenu>
                   <PathContext>
                     <SubMenu
                       eventKey={OVERFLOW_KEY}
@@ -456,9 +454,8 @@ export default defineComponent({
                       title={overflowedIndicator}
                       disabled={allVisible}
                       internalPopupClose={len === 0}
-                    >
+                      v-slots={{ default: () => originOmitItems }}
-                      {originOmitItems}
+                    ></SubMenu>
-                    </SubMenu>
                   </PathContext>
                 </>
               );

components/menu/src/SubMenu.tsx

@@ -230,15 +230,8 @@ export default defineComponent({
     const subMenuTriggerModeRef = computed(() =>
       triggerModeRef.value === 'horizontal' ? 'vertical' : triggerModeRef.value,
     );
-    return () => {
-      if (isMeasure) {
-        if (!hasKey) {
-          return null;
-        }
-        return slots.default?.();
-      }
-      const subMenuPrefixClsValue = subMenuPrefixCls.value;
     const baseTitleNode = () => {
+      const subMenuPrefixClsValue = subMenuPrefixCls.value;
       const icon = getPropsSlot(slots, props, 'icon');
       const expandIcon = props.expandIcon || slots.expandIcon || menuExpandIcon.value;
       const title = renderTitle(getPropsSlot(slots, props, 'title'), icon);
@@ -268,6 +261,15 @@ export default defineComponent({
         </div>
       );
     };
+    return () => {
+      if (isMeasure) {
+        if (!hasKey) {
+          return null;
+        }
+        return slots.default?.();
+      }
+      const subMenuPrefixClsValue = subMenuPrefixCls.value;
+
       let titleNode = () => null;
       if (!overflowDisabled.value && mode.value !== 'inline') {
         titleNode = () => (
@@ -282,9 +284,11 @@ export default defineComponent({
             v-slots={{
               popup: () => (
                 <MenuContextProvider mode={subMenuTriggerModeRef.value} isRootMenu={false}>
-                  <SubMenuList id={popupId} ref={popupRef}>
+                  <SubMenuList
-                    {slots.default?.()}
+                    id={popupId}
-                  </SubMenuList>
+                    ref={popupRef}
+                    v-slots={{ default: slots.default }}
+                  ></SubMenuList>
                 </MenuContextProvider>
               ),
             }}
@@ -295,7 +299,7 @@ export default defineComponent({
       } else {
         // 包裹一层，保持结构一致，防止动画丢失
         // https://github.com/vueComponent/ant-design-vue/issues/4325
-        titleNode = () => <PopupTrigger>{baseTitleNode()}</PopupTrigger>;
+        titleNode = () => <PopupTrigger v-slots={{ default: baseTitleNode }}></PopupTrigger>;
       }
       return (
         <MenuContextProvider mode={renderMode.value}>
@@ -324,9 +328,12 @@ export default defineComponent({
 
                   {/* Inline mode */}
                   {!overflowDisabled.value && (
-                    <InlineSubMenuList id={popupId} open={open.value} keyPath={keysPath.value}>
+                    <InlineSubMenuList
-                      {slots.default?.()}
+                      id={popupId}
-                    </InlineSubMenuList>
+                      open={open.value}
+                      keyPath={keysPath.value}
+                      v-slots={{ default: slots.default }}
+                    ></InlineSubMenuList>
                   )}
                 </>
               );