From ace9cf0179a2ecd7f312841234283f168503c985 Mon Sep 17 00:00:00 2001
From: huxiyang3 <1872591453@qq.com>
Date: Mon, 25 Nov 2024 15:01:47 +0800
Subject: [PATCH] feat(actionsheet): component and demo harmony adaption

---
 src/packages/actionsheet/actionsheet.tsx | 13 ++++++++-----
 src/packages/popup/popup.scss            |  3 ---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/packages/actionsheet/actionsheet.tsx b/src/packages/actionsheet/actionsheet.tsx
index efeeedb50f..d37453b9e9 100644
--- a/src/packages/actionsheet/actionsheet.tsx
+++ b/src/packages/actionsheet/actionsheet.tsx
@@ -75,16 +75,19 @@ export const ActionSheet: FunctionComponent<
         {options.length ? (
           <div className={`${classPrefix}-list`}>
             {options.map((item, index) => {
+              const statusClass = `${item.disabled ? `${classPrefix}-item-disabled` : ''} ${item.danger ? `${classPrefix}-item-danger` : ''}`
               return (
                 <div
-                  className={`${classPrefix}-item ${
-                    item.disabled ? 'disabled' : ''
-                  } ${item.danger ? 'danger' : ''}`}
+                  className={`${classPrefix}-item ${statusClass}`}
                   key={index}
                   onClick={() => chooseItem(item, index)}
                 >
-                  {item[optionKey.name]}
-                  <div className={`${classPrefix}-item-description`}>
+                  <div className={`${classPrefix}-item-name ${statusClass}`}>
+                    {item[optionKey.name]}
+                  </div>
+                  <div
+                    className={`${classPrefix}-item-description ${statusClass}`}
+                  >
                     {item[optionKey.description]}
                   </div>
                 </div>
diff --git a/src/packages/popup/popup.scss b/src/packages/popup/popup.scss
index 850947a844..a8dfa63ed5 100644
--- a/src/packages/popup/popup.scss
+++ b/src/packages/popup/popup.scss
@@ -100,9 +100,6 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    /* #ifdef rn */
-    height: 300px;
-    /* #endif */
 
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;