From 087b8934e2687200ad6335b378c1f6b9faffa66e Mon Sep 17 00:00:00 2001
From: ryanwang <email@binlin.wang>
Date: Mon, 17 Nov 2025 21:06:06 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20support=20style=20and=20classname?=
 =?UTF-8?q?=20props=EF=BC=8Cperf=20constant=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/safearea/safearea.scss     |  6 ++++++
 src/packages/safearea/safearea.taro.tsx | 11 +++++++++--
 src/packages/safearea/safearea.tsx      | 11 +++++++++--
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/packages/safearea/safearea.scss b/src/packages/safearea/safearea.scss
index 62b8722282..b04bc6de3a 100644
--- a/src/packages/safearea/safearea.scss
+++ b/src/packages/safearea/safearea.scss
@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );
diff --git a/src/packages/safearea/safearea.taro.tsx b/src/packages/safearea/safearea.taro.tsx
index 714cb7a889..44f38fe996 100644
--- a/src/packages/safearea/safearea.taro.tsx
+++ b/src/packages/safearea/safearea.taro.tsx
@@ -5,13 +5,20 @@ import { TaroSafeAreaProps } from '@/types'
 
 const classPrefix = 'nut-safe-area'
 export const SafeArea: FC<TaroSafeAreaProps> = (props) => {
+  const { className, style, position, children, ...rest } = props
+
   return (
     <View
+      {...rest}
       className={classNames(
         classPrefix,
-        `${classPrefix}-position-${props.position}`
+        `${classPrefix}-position-${position}`,
+        className
       )}
-    />
+      style={style}
+    >
+      {children}
+    </View>
   )
 }
 
diff --git a/src/packages/safearea/safearea.tsx b/src/packages/safearea/safearea.tsx
index f50e0969eb..2c8ea7b22b 100644
--- a/src/packages/safearea/safearea.tsx
+++ b/src/packages/safearea/safearea.tsx
@@ -4,13 +4,20 @@ import { WebSafeAreaProps } from '@/types'
 
 const classPrefix = 'nut-safe-area'
 export const SafeArea: FC<WebSafeAreaProps> = (props) => {
+  const { className, style, position, children, ...rest } = props
+
   return (
     <div
+      {...rest}
       className={classNames(
         classPrefix,
-        `${classPrefix}-position-${props.position}`
+        `${classPrefix}-position-${position}`,
+        className
       )}
-    />
+      style={style}
+    >
+      {children}
+    </div>
   )
 }
 

From 68a1e1d16586ffe5c5b1b9630e311c2fc3c9d60c Mon Sep 17 00:00:00 2001
From: ryanwang <email@binlin.wang>
Date: Mon, 17 Nov 2025 21:47:40 +0800
Subject: [PATCH 2/2] fix: remove unused children prop

---
 src/packages/safearea/safearea.taro.tsx | 6 ++----
 src/packages/safearea/safearea.tsx      | 6 ++----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/packages/safearea/safearea.taro.tsx b/src/packages/safearea/safearea.taro.tsx
index 44f38fe996..9cb42c1336 100644
--- a/src/packages/safearea/safearea.taro.tsx
+++ b/src/packages/safearea/safearea.taro.tsx
@@ -5,7 +5,7 @@ import { TaroSafeAreaProps } from '@/types'
 
 const classPrefix = 'nut-safe-area'
 export const SafeArea: FC<TaroSafeAreaProps> = (props) => {
-  const { className, style, position, children, ...rest } = props
+  const { className, style, position, ...rest } = props
 
   return (
     <View
@@ -16,9 +16,7 @@ export const SafeArea: FC<TaroSafeAreaProps> = (props) => {
         className
       )}
       style={style}
-    >
-      {children}
-    </View>
+    />
   )
 }
 
diff --git a/src/packages/safearea/safearea.tsx b/src/packages/safearea/safearea.tsx
index 2c8ea7b22b..2201ab47a1 100644
--- a/src/packages/safearea/safearea.tsx
+++ b/src/packages/safearea/safearea.tsx
@@ -4,7 +4,7 @@ import { WebSafeAreaProps } from '@/types'
 
 const classPrefix = 'nut-safe-area'
 export const SafeArea: FC<WebSafeAreaProps> = (props) => {
-  const { className, style, position, children, ...rest } = props
+  const { className, style, position, ...rest } = props
 
   return (
     <div
@@ -15,9 +15,7 @@ export const SafeArea: FC<WebSafeAreaProps> = (props) => {
         className
       )}
       style={style}
-    >
-      {children}
-    </div>
+    />
   )
 }