fix(card): loading属性增加TNode支持

fix #2997
Tencent · Aug 20, 2024 · 56a8d03 · 56a8d03
1 parent f5b208c
commit 56a8d03
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/card/Card.tsx b/src/card/Card.tsx
@@ -133,20 +133,24 @@ const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {
   );
 
   const card = (
-    <div ref={ref} className={cardClass}>
+    <>
       {showHeader ? renderHeader() : null}
       {renderCover}
       {renderChildren}
       {renderFooter}
-    </div>
+    </>
   );
 
-  return loading ? (
-    <Loading {...loadingProps} style={style}>
-      {card}
-    </Loading>
-  ) : (
-    React.cloneElement(card, { style })
+  return (
+    <div ref={ref} className={cardClass} style={style}>
+      {React.isValidElement(loading) ? (
+        React.cloneElement(loading, null, card)
+      ) : (
+        <Loading {...loadingProps} loading={!!loading}>
+          {card}
+        </Loading>
+      )}
+    </div>
   );
 });