chore: improve compiled jsx code of default slot (#9676)

* chore: improve compiled jsx code of default slot

* fix: teleport not support v-slots

packages/vant/src/action-bar-icon/ActionBarIcon.tsx

@@ -35,9 +35,12 @@ export default defineComponent({
 
       if (slots.icon) {
         return (
-          <Badge dot={dot} content={badge} class={bem('icon')}>
+          <Badge
-            {slots.icon()}
+            v-slots={{ default: slots.icon }}
-          </Badge>
+            dot={dot}
+            content={badge}
+            class={bem('icon')}
+          />
         );
       }
 

packages/vant/src/calendar/Calendar.tsx

@@ -558,6 +558,7 @@ export default defineComponent({
       if (props.poppable) {
         return (
           <Popup
+            v-slots={{ default: renderCalendar }}
             show={props.show}
             class={bem('popup')}
             round={props.round}
@@ -567,9 +568,7 @@ export default defineComponent({
             closeOnPopstate={props.closeOnPopstate}
             closeOnClickOverlay={props.closeOnClickOverlay}
             onUpdate:show={updateShow}
-          >
+          />
-            {renderCalendar()}
-          </Popup>
         );
       }
 

packages/vant/src/grid-item/GridItem.tsx

@@ -80,9 +80,11 @@ export default defineComponent({
     const renderIcon = () => {
       if (slots.icon) {
         return (
-          <Badge dot={props.dot} content={props.badge}>
+          <Badge
-            {slots.icon()}
+            v-slots={{ default: slots.icon }}
-          </Badge>
+            dot={props.dot}
+            content={props.badge}
+          />
         );
       }
 

packages/vant/src/overlay/Overlay.tsx

@@ -56,9 +56,7 @@ export default defineComponent({
     });
 
     return () => (
-      <Transition name="van-fade" appear>
+      <Transition v-slots={{ default: renderOverlay }} name="van-fade" appear />
-        {renderOverlay()}
-      </Transition>
     );
   },
 });

packages/vant/src/popup/Popup.tsx

@@ -201,13 +201,12 @@ export default defineComponent({
 
       return (
         <Transition
+          v-slots={{ default: renderPopup }}
           name={transition || name}
           appear={transitionAppear}
           onAfterEnter={onOpened}
           onAfterLeave={onClosed}
-        >
+        />
-          {renderPopup()}
-        </Transition>
       );
     };
 

packages/vant/src/pull-refresh/PullRefresh.tsx

@@ -123,7 +123,12 @@ export default defineComponent({
         nodes.push(<div class={bem('text')}>{getStatusText()}</div>);
       }
       if (status === 'loading') {
-        nodes.push(<Loading class={bem('loading')}>{getStatusText()}</Loading>);
+        nodes.push(
+          <Loading
+            v-slots={{ default: getStatusText }}
+            class={bem('loading')}
+          />
+        );
       }
 
       return nodes;

packages/vant/src/tabbar-item/TabbarItem.tsx

@@ -83,9 +83,12 @@ export default defineComponent({
           style={{ color }}
           onClick={onClick}
         >
-          <Badge dot={dot} content={badge} class={bem('icon')}>
+          <Badge
-            {renderIcon()}
+            v-slots={{ default: renderIcon }}
-          </Badge>
+            dot={dot}
+            content={badge}
+            class={bem('icon')}
+          />
           <div class={bem('text')}>
             {slots.default?.({ active: active.value })}
           </div>

packages/vant/src/uploader/UploaderPreviewItem.tsx

@@ -95,6 +95,7 @@ export default defineComponent({
       if (isImageFile(item)) {
         return (
           <Image
+            v-slots={{ default: renderCover }}
             fit={props.imageFit}
             src={item.content || item.url}
             class={bem('preview-image')}
@@ -102,9 +103,7 @@ export default defineComponent({
             height={props.previewSize}
             lazyLoad={props.lazyLoad}
             onClick={onPreview}
-          >
+          />
-            {renderCover()}
-          </Image>
         );
       }