ipanel-rnapp-ajb-base 1.0.21 → 1.0.23

package/app/screens/BaseScreen.js

@@ -1,4 +1,4 @@
-import React, {useState, useEffect} from 'react';
+import React, { useState, useEffect } from "react";
 import {
   Alert,
   View,
@@ -9,23 +9,23 @@ import {
   NativeModules,
   ImageBackground,
   Image,
-} from 'react-native';
-import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
+} from "react-native";
+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 
 // 线上本地调试环境文件
-import env from '../.local_dev/env';
-import LocalDevPage from '../.local_dev/DemoPage';
+import env from "../.local_dev/env";
+import LocalDevPage from "../.local_dev/DemoPage";
 
-import CustomTabBar from '../components/common/CustomTabBar';
-import UseMessageManager from '../hooks/useMessageManager';
-import ShopMessageManager from '../hooks/shopMessageManager';
+import CustomTabBar from "../components/common/CustomTabBar";
+import UseMessageManager from "../hooks/useMessageManager";
+import ShopMessageManager from "../hooks/shopMessageManager";
 
-import {getAreaOperatorModules, refreshToken} from '../api';
-import {replace} from '../utils/RootNavigation';
-import useAddress2 from '../hooks/useAddress2';
-import {useSafeArea} from 'react-native-safe-area-context';
+import { getAreaOperatorModules, refreshToken } from "../api";
+import { replace } from "../utils/RootNavigation";
+import useAddress2 from "../hooks/useAddress2";
+import { useSafeArea } from "react-native-safe-area-context";
 
-const {storage, px} = global.base;
+const { storage, px } = global.base;
 const appName = NativeModules?.RNToNativeEmitter?.appName;
 
 const Tab = createBottomTabNavigator();
@@ -34,65 +34,65 @@ async function getNavigationPackages() {
   let packages = [];
 
   // 根据currentOperator动态返回packages
-  const accountData = await storage.get('accountData');
-  const accountType = await storage.get('accountType');
+  const accountData = await storage.get("accountData");
+  const accountType = await storage.get("accountType");
   const currentOperator = await storage.get(
-    `${accountData?.account?.account_id || ''}currentOperator`,
+    `${accountData?.account?.account_id || ""}currentOperator`
   );
   let areaOperatorId =
-    currentOperator && currentOperator.id ? currentOperator.id : 'common';
-  console.log('currentOperator', currentOperator);
+    currentOperator && currentOperator.id ? currentOperator.id : "common";
+  console.log("currentOperator", currentOperator);
 
-  if (appName?.includes('安电工') || accountType === 'adg') {
+  if (appName?.includes("安电工") || accountType === "adg") {
     // 写死特殊区域运营商adg，加载安电工专属模块
-    areaOperatorId = 'adg';
+    areaOperatorId = "adg";
   }
 
   // 从网络加载最新导航模块
   const res = await getAreaOperatorModules({
     platform: Platform.OS,
     areaOperatorId,
-  }).catch(err => {
+  }).catch((err) => {
     console.log(err);
   });
   if (!res || res.code !== 0) {
-    console.log('warn: 网络加载底部导航模块失败,取storage中存的上次的版本');
+    console.log("warn: 网络加载底部导航模块失败,取storage中存的上次的版本");
     // 从网络加载失败则取storage中存的上次的版本
-    packages = await global.base.storage.get('base.navigationPackages');
+    packages = await global.base.storage.get("base.navigationPackages");
   } else {
-    console.log('网络加载底部导航模块成功！');
+    console.log("网络加载底部导航模块成功！");
     packages = res.data || [];
     await storage.set(
-      'areaOperatorModules',
-      packages.map(item => {
+      "areaOperatorModules",
+      packages.map((item) => {
         return {
           moduleName: item.moduleName,
           moduleChineseName: item.moduleChineseName,
           version: item.version,
         };
-      }),
+      })
     );
-    packages.forEach(pack => {
+    packages.forEach((pack) => {
       switch (pack.moduleName) {
-        case 'tvShare':
-          pack.icon = 'tv-outline';
-          pack.activeIcon = 'tv';
+        case "tvShare":
+          pack.icon = "tv-outline";
+          pack.activeIcon = "tv";
           break;
-        case 'smartHome':
-          pack.icon = 'ios-home-outline';
-          pack.activeIcon = 'ios-home';
+        case "smartHome":
+          pack.icon = "ios-home-outline";
+          pack.activeIcon = "ios-home";
           break;
-        case 'shop':
-          pack.icon = 'card-outline';
-          pack.activeIcon = 'card';
+        case "shop":
+          pack.icon = "card-outline";
+          pack.activeIcon = "card";
           break;
-        case 'panYuGovData':
-          pack.icon = 'newspaper-outline';
-          pack.activeIcon = 'newspaper';
+        case "panYuGovData":
+          pack.icon = "newspaper-outline";
+          pack.activeIcon = "newspaper";
           break;
-        case 'myProfile':
-          pack.icon = 'person-outline';
-          pack.activeIcon = 'person';
+        case "myProfile":
+          pack.icon = "person-outline";
+          pack.activeIcon = "person";
           break;
       }
     });
@@ -102,51 +102,51 @@ async function getNavigationPackages() {
     // global.base.navigationPackages = packages;
     // console.log('成功从网络中读取最新底部导航模块');
     // save to local
-    await global.base.storage.set('base.navigationPackages', packages);
+    await global.base.storage.set("base.navigationPackages", packages);
   } else {
     // 兜底
-    console.log('warn: 网络和本地加载底部导航模块都异常，加载兜底模块...');
+    console.log("warn: 网络和本地加载底部导航模块都异常，加载兜底模块...");
     packages = global.base.initialNavigationPackages;
   }
 
   return packages;
 }
 
-function HomeTabScreen({navigation, route}) {
+function HomeTabScreen({ navigation, route }) {
   const [tabScreens, setTabScreens] = useState([]);
-  const [initialRouteName, setInitialRouteName] = useState('');
-  const {updateDataFromNetwork} = useAddress2();
+  const [initialRouteName, setInitialRouteName] = useState("");
+  const { updateDataFromNetwork } = useAddress2();
   const redirect = route.params?.redirect;
 
   const init = async () => {
     let tabs = [];
 
-    console.log('env:', env);
+    console.log("env:", env);
 
-    if (env !== '__BASE_SINGLETON_MODE__') {
+    if (env !== "__BASE_SINGLETON_MODE__") {
       let packages = await getNavigationPackages();
 
       const flag = await global.base
         .loadPackages({
           packages,
         })
-        .catch(errors => {
+        .catch((errors) => {
           console.log(JSON.stringify(errors));
         });
 
       if (!flag) {
         // 加载包失败
-        Alert.alert('网络繁忙');
+        Alert.alert("网络繁忙");
         return;
       }
 
-      const componentPromises = packages.map(pack => {
+      const componentPromises = packages.map((pack) => {
         return global.base.getRemoteComponentByName(pack.moduleName);
       });
 
       const components = await Promise.all(componentPromises);
-      components.forEach(component => {
-        typeof component?.registerStackScreens === 'function' &&
+      components.forEach((component) => {
+        typeof component?.registerStackScreens === "function" &&
           component.registerStackScreens();
       });
 
@@ -157,8 +157,8 @@ function HomeTabScreen({navigation, route}) {
           options: {
             title: pack.moduleChineseName,
             headerShown: false,
-            icon: pack.icon || 'menu-outline',
-            activeIcon: pack.activeIcon || 'menu',
+            icon: pack.icon || "menu-outline",
+            activeIcon: pack.activeIcon || "menu",
             iconUri: pack.moduleIcon,
             activeIconUri: pack.moduleFocusIcon,
             moduleAlias: pack.moduleAlias,
@@ -168,41 +168,41 @@ function HomeTabScreen({navigation, route}) {
     } else {
       // 单业务包开发调试环境
       const component = await global.base.getRemoteComponentByName(
-        '__BASE_SINGLETON_MODE_APP__',
+        "__BASE_SINGLETON_MODE_APP__"
       );
-      typeof component?.registerStackScreens === 'function' &&
+      typeof component?.registerStackScreens === "function" &&
         component.registerStackScreens();
       tabs = [
         {
-          name: 'asJumpPage',
+          name: "asJumpPage",
           component: LocalDevPage,
           options: {
-            title: '作为独立页面',
+            title: "作为独立页面",
             headerShown: false,
           },
         },
         {
-          name: 'asMenuPage',
+          name: "asMenuPage",
           component: component,
           options: {
-            title: '作为导航页面',
+            title: "作为导航页面",
             headerShown: false,
           },
         },
       ];
     }
 
-    setInitialRouteName('');
+    setInitialRouteName("");
     setTabScreens([]);
     setTimeout(() => {
       // 智能家居tab index
       global.base.smartHomeTabIndex = tabs.findIndex(
-        screen => screen.name === 'smartHome',
+        (screen) => screen.name === "smartHome"
       );
-      if (tabs.find(screen => screen.name === 'panYuGovData')) {
-        setInitialRouteName('panYuGovData');
-      } else if (tabs.find(screen => screen.name === 'apartment')) {
-        setInitialRouteName('apartment');
+      if (tabs.find((screen) => screen.name === "panYuGovData")) {
+        setInitialRouteName("panYuGovData");
+      } else if (tabs.find((screen) => screen.name === "apartment")) {
+        setInitialRouteName("apartment");
       } else if (global.base.smartHomeTabIndex > -1) {
         setInitialRouteName(tabs[global.base.smartHomeTabIndex].name);
       } else {
@@ -215,26 +215,26 @@ function HomeTabScreen({navigation, route}) {
   global.base.reloadNavigation = init;
 
   useEffect(() => {
-    console.log(redirect ? '重定向进来' : '登录进来');
+    console.log(redirect ? "重定向进来" : "登录进来");
     (async () => {
       if (redirect) {
         await checkToken();
       }
 
-      if (env === '__BASE_SINGLETON_MODE__') {
+      if (env === "__BASE_SINGLETON_MODE__") {
         // 单业务包开发调试环境
         global.base.navigateModule({
-          operatorId: 'ipanel',
-          moduleName: '__BASE_SINGLETON_MODE_APP__',
+          operatorId: "ipanel",
+          moduleName: "__BASE_SINGLETON_MODE_APP__",
         });
       }
 
-      const accountType = await storage.get('accountType');
+      const accountType = await storage.get("accountType");
       global.base.accountType = accountType;
-      if (accountType !== 'adg' && redirect) {
+      if (accountType !== "adg" && redirect) {
         await updateDataFromNetwork({
           refreshAddress: true,
-        }).catch(err => {});
+        }).catch((err) => {});
       }
       init();
     })();
@@ -242,34 +242,34 @@ function HomeTabScreen({navigation, route}) {
 
   // 刷新token
   const checkToken = async () => {
-    const access_token = await storage.get('accessToken');
-    const refresh_token = await storage.get('refreshToken');
+    const access_token = await storage.get("accessToken");
+    const refresh_token = await storage.get("refreshToken");
     const logout = () => {
-      Alert.alert('登录过期，请重新登录！', '', [
+      Alert.alert("登录过期，请重新登录！", "", [
         {
-          text: '好',
+          text: "好",
           onPress: async () => {
-            await storage.set('accessToken', null);
-            await storage.set('refreshToken', null);
-            await storage.set('homedAccessToken', null);
-            replace('Login');
+            await storage.set("accessToken", null);
+            await storage.set("refreshToken", null);
+            await storage.set("homedAccessToken", null);
+            replace("Login");
           },
         },
       ]);
     };
     try {
-      const accountType = await storage.get('accountType');
+      const accountType = await storage.get("accountType");
       const res = await refreshToken(
         {
           access_token,
           refresh_token,
         },
-        accountType,
+        accountType
       );
       if (res.code === 0) {
-        console.log('刷新token', res);
-        await storage.set('accessToken', res.result.access_token);
-        await storage.set('refreshToken', res.result.refresh_token);
+        console.log("刷新token", res);
+        await storage.set("accessToken", res.result.access_token);
+        await storage.set("refreshToken", res.result.refresh_token);
       } else {
         logout();
       }
@@ -307,26 +307,28 @@ function HomeTabScreen({navigation, route}) {
   global.base.shopMessageManager.getOnlineUser = getOnlineUser;
   global.base.shopMessageManager.sendShopImMessage = sendShopImMessage;
   global.base.shopMessageManager.getConnectStatus = getConnectStatus;
-  const renderCustomTabBar = props => {
+  const renderCustomTabBar = (props) => {
     return <CustomTabBar {...props} />;
   };
   const insets = useSafeArea();
   return (
-    <View style={{flex: 1}}>
+    <View style={{ flex: 1 }}>
       {tabScreens.length > 0 ? (
         <View
           style={{
             paddingBottom: insets.bottom,
-            backgroundColor: '#fff',
+            backgroundColor: "#fff",
             flex: 1,
-          }}>
+          }}
+        >
           <Tab.Navigator
             initialRouteName={initialRouteName}
             backBehavior="initialRoute"
-            tabBar={props => renderCustomTabBar(props)}
+            tabBar={(props) => renderCustomTabBar(props)}
             screenOptions={{
-              headerTitleAlign: 'center',
-            }}>
+              headerTitleAlign: "center",
+            }}
+          >
             {tabScreens.map((item, index) => (
               <Tab.Screen
                 name={item.name}
@@ -341,19 +343,20 @@ function HomeTabScreen({navigation, route}) {
         <ImageBackground
           style={styles.loadingView}
           source={
-            appName === '禺乐慧家'
-              ? require('../assets/img/launch_bg_panyu.png')
-              : require('../assets/img/launch_bg.png')
-          }>
+            ["禺乐慧家", "悦慧家"].includes(appName)
+              ? require("../assets/img/launch_bg_panyu.png")
+              : require("../assets/img/launch_bg.png")
+          }
+        >
           {/*<Text style={styles.loadingText}>*/}
           {/*  欢迎使用{appName.includes('安电工') ? '安电工' : '爱家宝'}*/}
           {/*</Text>*/}
           {/*<ActivityIndicator size="large" />*/}
           <Image
             source={
-              appName === '禺乐慧家'
-                ? require('../assets/img/launch_logo_panyu.png')
-                : require('../assets/img/launch_logo.png')
+              ["禺乐慧家", "悦慧家"].includes(appName)
+                ? require("../assets/img/launch_logo_panyu.png")
+                : require("../assets/img/launch_logo.png")
             }
             style={{
               width: px(231),
@@ -364,9 +367,9 @@ function HomeTabScreen({navigation, route}) {
           />
           <Image
             source={
-              appName === '禺乐慧家'
-                ? require('../assets/img/launch_text_panyu.png')
-                : require('../assets/img/launch_text.png')
+              ["禺乐慧家", "悦慧家"].includes(appName)
+                ? require("../assets/img/launch_text_panyu.png")
+                : require("../assets/img/launch_text.png")
             }
             style={{
               width: px(687),
@@ -385,8 +388,8 @@ function HomeTabScreen({navigation, route}) {
 const styles = StyleSheet.create({
   loadingView: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     // backgroundColor: '#fff',
   },
   loadingText: {