feat(actionsheet): component and demo harmony adaption

jdf2e · Nov 25, 2024 · ace9cf0 · ace9cf0
1 parent 76c7458
commit ace9cf0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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;