From 60d1b42c99c60e331501d32a69ec87505d8d124d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E8=89=B3=E5=85=B5?= <yanbing.gao@aliyun.com>
Date: Thu, 3 Sep 2026 09:43:25 +0800
Subject: [PATCH] refactor: use renderable guards for panel content

---
 package.json                 |  2 +-
 src/Dialog/Content/Panel.tsx | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index bc3edbd9..f2383a8b 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
   "dependencies": {
     "@rc-component/motion": "^1.3.3",
     "@rc-component/portal": "^2.1.0",
-    "@rc-component/util": "^1.9.0",
+    "@rc-component/util": "^1.13.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
diff --git a/src/Dialog/Content/Panel.tsx b/src/Dialog/Content/Panel.tsx
index 3b260b08..08256843 100644
--- a/src/Dialog/Content/Panel.tsx
+++ b/src/Dialog/Content/Panel.tsx
@@ -1,5 +1,5 @@
 import { clsx } from 'clsx';
-import { useComposeRef, useLockFocus, pickAttrs } from '@rc-component/util';
+import { isReactRenderable, pickAttrs, useComposeRef, useLockFocus } from '@rc-component/util';
 import React, { useMemo, useRef } from 'react';
 import { RefContext } from '../../context';
 import type { IDialogPropTypes } from '../../IDialogPropTypes';
@@ -73,7 +73,10 @@ const Panel = React.forwardRef<PanelRef, PanelProps>((props, ref) => {
     contentStyle.height = height;
   }
   // ================================ Render ================================
-  const footerNode = footer ? (
+  const hasFooter = isReactRenderable(footer);
+  const hasTitle = isReactRenderable(title);
+
+  const footerNode = hasFooter ? (
     <div
       className={clsx(`${prefixCls}-footer`, modalClassNames?.footer)}
       style={{ ...modalStyles?.footer }}
@@ -82,7 +85,7 @@ const Panel = React.forwardRef<PanelRef, PanelProps>((props, ref) => {
     </div>
   ) : null;
 
-  const headerNode = title ? (
+  const headerNode = hasTitle ? (
     <div
       className={clsx(`${prefixCls}-header`, modalClassNames?.header)}
       style={{ ...modalStyles?.header }}
@@ -146,7 +149,7 @@ const Panel = React.forwardRef<PanelRef, PanelProps>((props, ref) => {
     <div
       key="dialog-element"
       role="dialog"
-      aria-labelledby={title ? ariaId : null}
+      aria-labelledby={hasTitle ? ariaId : null}
       aria-modal="true"
       ref={mergedRef}
       style={{ ...style, ...contentStyle }}