style: slots.default?.()

components/_util/transButton.jsx

@@ -68,7 +68,7 @@ const TransButton = defineComponent({
         onKeyup={this.onKeyUp}
         style={{ ...(!noStyle ? inlineStyle : null) }}
       >
-        {this.$slots.default && this.$slots.default()}
+        {this.$slots.default?.()}
       </div>
     );
   },

components/_util/wave.jsx

@@ -169,6 +169,6 @@ export default defineComponent({
     if (csp) {
       this.csp = csp;
     }
-    return this.$slots.default && this.$slots.default()[0];
+    return this.$slots.default?.()[0];
   },
 });

components/affix/index.tsx

@@ -258,7 +258,7 @@ const Affix = defineComponent({
       >
         <div {...props} style={placeholderStyle} ref="placeholderNode">
           <div class={className} ref="fixedNode" style={affixStyle}>
-            {$slots.default && $slots.default()}
+            {$slots.default?.()}
           </div>
         </div>
       </ResizeObserver>

components/anchor/Anchor.tsx

@@ -283,7 +283,7 @@ export default defineComponent({
           <div class={`${prefixCls}-ink`}>
             <span class={inkClass} ref="inkNode" />
           </div>
-          {$slots.default && $slots.default()}
+          {$slots.default?.()}
         </div>
       </div>
     );

components/anchor/AnchorLink.tsx

@@ -82,7 +82,7 @@ export default defineComponent({
         >
           {title}
         </a>
-        {$slots.default && $slots.default()}
+        {$slots.default?.()}
       </div>
     );
   },

components/avatar/Avatar.tsx

@@ -118,7 +118,7 @@ export default defineComponent({
           }
         : {};
 
-    let children: VueNode = this.$slots.default && this.$slots.default();
+    let children: VueNode = this.$slots.default?.();
     if (src && isImgExist) {
       children = (
         <img src={src} srcset={srcset || srcSet} onError={this.handleImgLoadError} alt={alt} />

components/back-top/index.tsx

@@ -93,7 +93,7 @@ const BackTop = defineComponent({
     };
 
     const backTopBtn = this.visible ? (
-      <div {...divProps}>{($slots.default && $slots.default()) || defaultElement}</div>
+      <div {...divProps}>{$slots.default?.() || defaultElement}</div>
     ) : null;
     const transitionProps = getTransitionProps('fade');
     return <Transition {...transitionProps}>{backTopBtn}</Transition>;

components/drawer/index.tsx

@@ -187,7 +187,7 @@ const Drawer = defineComponent({
         >
           {this.renderHeader(prefixCls)}
           <div key="body" class={`${prefixCls}-body`} style={bodyStyle}>
-            {this.$slots.default && this.$slots.default()}
+            {this.$slots.default?.()}
           </div>
         </div>
       );

components/select/index.tsx

@@ -216,7 +216,7 @@ const Select = defineComponent({
         dropdownClassName={rcSelectRtlDropDownClassName}
         onChange={triggerChange}
       >
-        {slots.default && slots.default()}
+        {slots.default?.()}
       </RcSelect>
     );
   },

components/timeline/Timeline.tsx

@@ -43,7 +43,7 @@ export default defineComponent({
       [`${prefixCls}-reverse`]: !!reverse,
       [`${prefixCls}-${mode}`]: !!mode,
     });
-    const children = filterEmpty(this.$slots.default && this.$slots.default());
+    const children = filterEmpty(this.$slots.default?.());
     // // Remove falsy items
     // const falsylessItems = filterEmpty(this.$slots.default)
     // const items = falsylessItems.map((item, idx) => {

components/timeline/TimelineItem.tsx

@@ -52,9 +52,7 @@ export default defineComponent({
         >
           {dot}
         </div>
-        <div class={`${prefixCls}-item-content`}>
-          {this.$slots.default && this.$slots.default()}
-        </div>
+        <div class={`${prefixCls}-item-content`}>{this.$slots.default?.()}</div>
       </li>
     );
   },

components/vc-menu/FunctionProvider.jsx

@@ -10,7 +10,7 @@ const FunctionProvider = {
     if (props.injectExtraPropsKey) {
       provide(props.injectExtraPropsKey, reactive(attrs));
     }
-    return () => slots.default && slots.default();
+    return () => slots.default?.();
   },
 };
 

components/vc-resize-observer/index.jsx

@@ -83,7 +83,7 @@ const VueResizeObserver = defineComponent({
   },
 
   render() {
-    return this.$slots.default && this.$slots.default()[0];
+    return this.$slots.default?.()[0];
   },
 });
 

components/vc-select/TransBtn.tsx

@@ -40,7 +40,7 @@ const TransBtn = (props: TransBtnProps, { slots }: SetupContext) => {
         icon
       ) : (
         <span class={className.split(/\s+/).map((cls: any) => `${cls}-icon`)}>
-          {slots.default && slots.default()}
+          {slots.default?.()}
         </span>
       )}
     </span>

components/vc-trigger/Popup.jsx

@@ -246,7 +246,7 @@ export default {
                 align={align}
                 onAlign={this.onAlign}
               >
-                <PopupInner {...popupInnerProps}>{$slots.default && $slots.default()}</PopupInner>
+                <PopupInner {...popupInnerProps}>{$slots.default?.()}</PopupInner>
               </Align>
             ) : null}
           </Transition>

components/vc-trigger/PopupInner.jsx

@@ -13,7 +13,7 @@ export default {
     return (
       <div class={!visible ? hiddenClassName : ''}>
         <LazyRenderBox class={`${prefixCls}-content`} visible={visible}>
-          {this.$slots.default && this.$slots.default()}
+          {this.$slots.default?.()}
         </LazyRenderBox>
       </div>
     );