@momo-kits/foundation 0.81.23-beta.1 → 0.81.23-beta.2

package/Application/BottomTab.tsx

@@ -41,6 +41,7 @@ const BottomTab: React.FC<BottomTabProps> = ({
                 return (
                   <View style={{paddingHorizontal: 16}}>
                     <Text
+                      numberOfLines={1}
                       typography={focused ? 'label_xs' : 'description_xs'}
                       color={color}>
                       {item.label}

package/Application/Components.tsx

@@ -234,6 +234,8 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
       ]}>
       <StatusBar
         barStyle={headerImage || theme.dark ? 'light-content' : 'dark-content'}
+        translucent={true}
+        backgroundColor={'transparent'}
       />
       {!!headerImage && (
         <Image

package/Application/ModalScreen.tsx

@@ -6,7 +6,6 @@ import {
   Platform,
   Pressable,
   StyleSheet,
-  TouchableHighlight,
   View,
 } from 'react-native';
 import {SafeAreaView, useSafeAreaInsets} from 'react-native-safe-area-context';
@@ -191,11 +190,7 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
                 ...theme,
                 assets: {...theme.assets, headerBackground: undefined},
               }}
-              screen={props => (
-                <TouchableHighlight style={Styles.flex}>
-                  <Component {...props} {...params} />
-                </TouchableHighlight>
-              )}
+              screen={props => <Component {...props} {...params} />}
               options={{
                 ...options,
                 ...{

package/Application/StackScreen.tsx

@@ -53,13 +53,13 @@ const StackScreen: React.FC<ScreenParams> = props => {
         trigger_id: '111378000000000000',
       });
 
-      return props.navigation.addListener('beforeRemove', () => {
+      return () => {
         navigator?.maxApi?.trackEvent('service_icon_clicked', {
           ...tracking,
           trigger_id: '111154000000000000',
           icon_name: 'back',
         });
-      });
+      };
     }
   }, []);
 

package/Layout/Card.tsx

@@ -140,6 +140,18 @@ const Card: React.FC<CardProps> = ({
   const {theme} = useContext(ApplicationContext);
   return (
     <GridContext.Provider value={gridContext}>
+      {!!backgroundImage && (
+        <Image
+          source={{uri: backgroundImage}}
+          style={[
+            styles.imageBackground,
+            {
+              width: widthSection,
+              marginHorizontal: margin,
+            },
+          ]}
+        />
+      )}
       <View
         accessibilityLabel={`Card`}
         style={[
@@ -149,16 +161,12 @@ const Card: React.FC<CardProps> = ({
           {
             width: widthSection,
             marginHorizontal: margin,
-            backgroundColor: theme.colors.background.surface,
+            backgroundColor: backgroundImage
+              ? undefined
+              : theme.colors.background.surface,
           },
           useShadow && Shadow.Light,
         ]}>
-        {!!backgroundImage && (
-          <Image
-            source={{uri: backgroundImage}}
-            style={styles.imageBackground}
-          />
-        )}
         {renderView(validateChildren(children, [Item, ItemList]))}
         {showGrid && renderOverlay()}
       </View>

package/Popup/PopupNotify.tsx

@@ -33,29 +33,6 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
    * tracking
    */
   useEffect(() => {
-    onTracking('service_component_displayed', undefined, '111012100000000000');
-    return () => {
-      onTracking(
-        'service_popup_dismissed',
-        closeAction.current,
-        '111154100000000001',
-      );
-    };
-  }, []);
-  /**
-   * on action popup
-   * @param callback
-   */
-  const onAction = (callback?: () => void) => {
-    navigator?.pop();
-    callback?.();
-  };
-
-  const onTracking = (
-    event: string,
-    actionType: string | undefined,
-    trigger_id: string,
-  ) => {
     if (navigator?.trackingInfo) {
       const routes = navigator.ref.current?.getRootState()?.routes || [];
       const routesLength = routes.length;
@@ -63,7 +40,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
       if (routesLength > 1) {
         screen_name = routes[routesLength - 2]?.params?.screen?.name;
       }
-      navigator?.maxApi?.trackEvent(event, {
+      const tracking = {
         feature_code: navigator?.trackingInfo?.code,
         app_id: navigator?.trackingInfo?.appId,
         miniapp_version: navigator?.trackingInfo?.buildNumber,
@@ -72,10 +49,27 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
         component_type: 'popup',
         component_name: 'PopupNotify',
         error_code: error ? error : undefined,
-        trigger_id,
-        action_type: actionType,
+      };
+      navigator?.maxApi?.trackEvent('service_component_displayed', {
+        ...tracking,
+        trigger_id: '111012100000000000',
       });
+      return () => {
+        navigator?.maxApi?.trackEvent('service_popup_dismissed', {
+          ...tracking,
+          trigger_id: '111154100000000001',
+          action_type: closeAction.current,
+        });
+      };
     }
+  }, []);
+  /**
+   * on action popup
+   * @param callback
+   */
+  const onAction = (callback?: () => void) => {
+    navigator?.pop();
+    callback?.();
   };
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.23-beta.1",
+    "version": "0.81.23-beta.2",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {