style: slots.default?.()

Author: Amour1688

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) => {