ipanel-rnapp-ajb-base 1.0.0

package/app/components/sheets.js

@@ -0,0 +1,30 @@
+import {registerSheet} from 'react-native-actions-sheet';
+import AddressActionSheet from './iot/AddressActionSheet';
+import RoomActionSheet from './iot/RoomActionSheet';
+import AddDeviceActionSheet from './iot/AddDeviceActionSheet';
+import ViewDeviceActionSheet from './iot/ViewDeviceActionSheet';
+import ActionPicker from './common/ActionPicker';
+import DateTimingPicker from './common/DateTimingPicker';
+import WeekDaysPicker from './common/WeekDaysPicker';
+import SelectPicker from './common/SelectPicker';
+import ProductOrderPicker from './common/ProductOrderPicker';
+import PaymentPicker from './common/PaymentPicker';
+import AddressPicker from './common/AddressPicker';
+import ScrollPicker from './common/ScrollPicker';
+
+// 要用SheetManager调用的action-sheet都需要在这里注册
+// 注意：测试发现这里的注册顺序会影响其层级，前面的会被后面遮盖
+registerSheet('address-action-sheet', AddressActionSheet);
+registerSheet('room-action-sheet', RoomActionSheet);
+registerSheet('add-device-action-sheet', AddDeviceActionSheet);
+registerSheet('view-device-action-sheet', ViewDeviceActionSheet);
+registerSheet('date-timing-picker', DateTimingPicker);
+registerSheet('week-days-picker', WeekDaysPicker);
+registerSheet('action-picker', ActionPicker);
+registerSheet('select-picker', SelectPicker);
+registerSheet('product-order-picker', ProductOrderPicker);
+registerSheet('payment-picker', PaymentPicker);
+registerSheet('address-picker', AddressPicker);
+registerSheet('scroll-picker', ScrollPicker);
+
+export {};

package/app/eventBus/index.js

@@ -0,0 +1,54 @@
+import EventEmitter from 'events';
+
+// 全局事件总线
+// 事件名规范：
+// "事件命名空间.事件动作", 如"message.add"
+const eventBus = new EventEmitter();
+
+export default eventBus;
+
+// 全部事件汇总声明，便于查验引用
+export const EVENTS = {
+  // 智能客服聊天界面
+  MESSAGE: {
+    ADD: 'message.add', // 新增消息事件
+    RENDER: 'message.render', // 渲染消息UI
+    CONNECT_STATUS_CHANGE: 'message.connectStatusChange', // websocket连接状态变更事件
+    RECONNECT: 'message.reconnect', // 触发websocket重连事件
+    CUSTOM_SERVICE_CONNECT_CHANGE: 'message.customServiceConnectChange', // 智能客服转人工的进入和退出事件
+  },
+  // 底部自定义导航栏
+  CUSTOM_TAB_BAR: {
+    HIDE_MORE_AREA: 'CustomTabBar.hideMoreArea', // 隐藏更多按钮区域事件
+  },
+  // 我的家庭
+  FAMILY: {
+    CHANGE: 'family.change', // 当前家庭切换事件
+  },
+  HOMED: {
+    TOKEN_CHANGE: 'homed.tokenChange',
+  },
+  TV: {
+    SHARE_TIME_LIMIT: 'tv.shareTimeLimit',
+    HOME_DATA_CHANGE: 'tv.homeDataChange',
+  },
+  SMART_HOME: {
+    BLE_MESH_ADD: 'smartHome.bleMeshAdd',
+  },
+  IOT: {
+    DEVICE_STATUS_UPDATE: 'device.status.update',
+    ITEE_NETWORK_CHANGE: 'itee.network.change',
+  },
+  ACCOUNT: {
+    AVATAR_CHANGE: 'avatar.change',
+  },
+  // 商城客服聊天界面
+  SHOPMESSAGE: {
+    ADD: 'shop.message.add', // 新增消息事件
+    RENDER: 'shop.message.render', // 渲染消息UI
+    CONNECT_STATUS_CHANGE: 'shop.message.connectStatusChange', // websocket连接状态变更事件
+    RECONNECT: 'shop.message.reconnect', // 触发websocket重连事件
+    ONLINE_LIST: 'shop.message.online', // 商城在线用户
+    CUSTOM_SERVICE_CONNECT_CHANGE: 'shop.message.customServiceConnectChange', // 智能客服转人工的进入和退出事件
+  },
+};

package/app/hooks/checkLogin.js

@@ -0,0 +1,30 @@
+import {getRootState, replace, popToTop} from '../utils/RootNavigation';
+import storage from '../storage';
+
+// 测试用：启动APP后设置登录态为false
+// storage.set("accessToken", false);
+
+async function checkLogin() {
+  const rootNavigationState = getRootState();
+
+  if (rootNavigationState) {
+    const currentStackRoute =
+      rootNavigationState.routes[rootNavigationState.routes.length - 1];
+    // console.log("正在进行登录鉴权", currentStackRoute.name);
+    if (!['Login', 'WebviewScreen'].includes(currentStackRoute.name)) {
+      // const start = new Date().getTime();
+      const token = await storage.get('accessToken');
+      // console.log(isLogined, new Date() - start); // 获取登录状态是异步的
+      if (!token) {
+        if (rootNavigationState.routes.length > 1) {
+          popToTop();
+        }
+        replace('Login', {
+          skip: true,
+        });
+      }
+    }
+  }
+}
+
+export default checkLogin;

package/app/hooks/shopMessageManager.js

@@ -0,0 +1,308 @@
+import {useEffect, useCallback, useRef, useState} from 'react';
+// import {PermissionsAndroid, Platform} from 'react-native';
+
+// import {format} from 'date-fns';
+
+import storage from '../storage';
+import eventBus, {EVENTS} from '../eventBus';
+import config from '../utils/config';
+import {shopGenMsg} from '../utils/common';
+
+let connectStatus = -1; // -1 连接中  0 连接成功  1连接失败
+let tryConnectTimes = 0;
+let seq_id = 0;
+
+/**
+ * 商城客服中心JS
+ */
+
+// 消息记录
+storage.get('shopMessageList').then(msgList => {
+  if (typeof msgList === 'string') {
+    try {
+      msgList = JSON.parse(msgList);
+    } catch (e) {
+      console.log('msgList error', e, msgList);
+      msgList = [];
+    }
+  }
+  // console.log(msgList, '商城客服消息列表msgList');
+  global.base.shopMessageManager.messages = msgList || [];
+});
+
+// 当前是否处于智能客服转人工
+// let isManualCustomServiceActive = false;
+// // 当前人工客服
+// let currentCustomStaff = {};
+// // 用户长时间没有发送消息后自动退出转人工的定时器
+// let manualCustomServiceTimer;
+
+// TODO 定期轮询检查消息过期
+
+const ShopMessageManager = () => {
+  const ws = useRef(null);
+  // 获取在线用户
+  const getOnlineUser = useCallback(() => {
+    if (ws.current) {
+      const data = {
+        page_pos: 1,
+        page_num: 20,
+      };
+      let proto = {
+        id: seq_id,
+        type: 1000, // 1000 request 2000 response
+        ecode: 0,
+        emessage: '',
+        route: 'online_user_list',
+        data: JSON.stringify(data),
+      };
+      ws.current.send(JSON.stringify(proto));
+    }
+  }, []);
+
+  // 发送消息
+  const sendMessage = useCallback(msg => {
+    if (ws.current) {
+      console.log('ws.shop.send');
+      ws.current.send(JSON.stringify(msg));
+      let msgData = JSON.parse(msg.data);
+      msgData.type = 2000;
+      eventBus.emit(EVENTS.SHOPMESSAGE.ADD, msgData);
+    }
+  }, []);
+
+  const connectMsgServer = async connectCallback => {
+    const token = await storage.get('accessToken');
+    const accountData = await storage.get('accountData');
+    const wsUrl = 'ws://192.168.36.241:9100/imchat';
+    const connectParams = [
+      `accesstoken=${token}`,
+      `nick_name=${accountData?.user?.nickname}`,
+      'face_url=',
+      `user_id=${accountData?.user?.user_id}`,
+      'platform=web',
+      'api=ipanel_test',
+      `source=${'dev.ipanelcloud2.ipanel.cn' || config.IPANEL_CLOUD_DOMAIN}`,
+    ];
+
+    // 缓存全局商城客服websocket连接
+    global.shopMessageWebsocketRef = ws;
+    global.base.shopMessageManager.wsRef = ws;
+    ws.current = new WebSocket(
+      encodeURI(`${wsUrl}?${connectParams.join('&')}`),
+    );
+    ws.current.onopen = () => {
+      console.log('商城客服已连接ws shop open');
+      connectCallback && connectCallback(null); // success
+      connectStatus = 0;
+      eventBus.emit(EVENTS.SHOPMESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+    };
+    ws.current.onmessage = ({data}) => {
+      const msgData = JSON.parse(data);
+      // 2000是接收自己发的消息
+      if (msgData.type === 1000) {
+        const msg = JSON.parse(msgData?.data);
+        msg.type = msgData.type;
+        console.log('接收消息', msg?.message_data, msg);
+        eventBus.emit(EVENTS.SHOPMESSAGE.ADD, msg);
+      } else if (
+        msgData.type === 2000 &&
+        msgData.route === 'online_user_list'
+      ) {
+        // 获取在线用户
+        const msg = JSON.parse(msgData?.data);
+        eventBus.emit(EVENTS.SHOPMESSAGE.ONLINE_LIST, msg);
+      }
+    };
+    ws.current.onerror = err => {
+      console.log('onerror', err);
+    };
+    ws.current.onclose = event => {
+      console.log('onclose', event);
+      reConnect(connectCallback);
+    };
+  };
+
+  const reConnect = async callback => {
+    if (tryConnectTimes < 5) {
+      // 重连ws
+      tryConnectTimes++;
+      connectMsgServer(callback);
+    } else {
+      // 重连5次ws失败，不再重试。等用户自己发消息时触发重连
+      tryConnectTimes = 0;
+      connectStatus = 1;
+      eventBus.emit(EVENTS.SHOPMESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+      callback && callback('error');
+    }
+  };
+
+  // const [onlineUser, setOnlineUser] = useState([]); // 在线用户列表
+  // const nameRef = useRef('');
+  // // 请求到客服列表的回调
+  // const handleGetOnlineUserList = async data => {
+  //   if (isManualCustomServiceActive) {
+  //     return;
+  //   }
+  //   const accountData = await storage.get('accountData');
+  //   console.log('handleGetOnlineUserList', data);
+  //   let dataList = data?.list.filter(val => {
+  //     return val.nick_name !== nameRef.current;
+  //   });
+  //   // // console.log(dataList, nameRef.current);
+  //   setOnlineUser(dataList);
+
+  //   if (dataList.length === 0) {
+  //     global.toast.showToast('当前没有人工客服在线，请稍候再试！');
+  //     return;
+  //   }
+
+  //   console.log('当前商城客服列表：', dataList);
+  //   // 分配一个人工客服
+  //   currentCustomStaff =
+  //     dataList.find(user => user.nick_name === '壮壮') || dataList[0];
+  //   console.log('已分配商城智能客服人工客服：', currentCustomStaff.nick_name);
+
+  //   // 设置当前处于人工客服的标志
+  //   isManualCustomServiceActive = true;
+  //   eventBus.emit(EVENTS.SHOPMESSAGE.CUSTOM_SERVICE_CONNECT_CHANGE, true);
+
+  //   // 显示消息
+  //   handleShopTextSubmit(
+  //     `您好，客服“${currentCustomStaff.nick_name}”为您服务！`,
+  //     currentCustomStaff?.user_id,
+  //     `${accountData.user?.user_id}-${currentCustomStaff.user_id}-shop`,
+  //   );
+
+  //   resetManualCustomServiceExitTimer();
+  // };
+  // const resetManualCustomServiceExitTimer = () => {
+  //   // 10分钟没发消息后自动退出人工
+  //   clearTimeout(manualCustomServiceTimer);
+  //   manualCustomServiceTimer = setTimeout(() => {
+  //     exitShopManualCustomService(true);
+  //   }, 600000);
+  // };
+  // // 请求转人工
+  // const requestShopManualCustomService = async () => {
+  //   const user = await storage.get('accountData');
+  //   nameRef.current = user.user?.nickname;
+  //   // 发送获取客服列表消息，在EVENTS.SHOPMESSAGE.ONLINE_LIST事件回调中处理获取到的客服列表数据
+  //   getOnlineUser();
+  // };
+  // const exitShopManualCustomService = async timeout => {
+  //   isManualCustomServiceActive = false;
+  //   eventBus.emit(EVENTS.SHOPMESSAGE.CUSTOM_SERVICE_CONNECT_CHANGE, false);
+  //   console.log('退出商城智能客服人工客服');
+
+  //   // 显示消息
+  //   const accountData = await storage.get('accountData');
+  //   handleShopTextSubmit(
+  //     timeout
+  //       ? '您已经很长时间没说话了，已自动退出人工客服，如有需要请再次联系'
+  //       : '您已退出人工客服。',
+  //     currentCustomStaff?.user_id,
+  //     `${accountData.user?.user_id}-${currentCustomStaff.user_id}-shop`,
+  //   );
+  // };
+
+  useEffect(() => {
+    const onMessageAdd = msg => {
+      msg.MsgId =
+        msg.MsgId ||
+        parseInt(Math.random().toString().slice(2), 10)
+          .toString(16)
+          .slice(0, 7);
+      msg.CreateTime = new Date().getTime();
+      console.log(msg, '商城客服msg');
+      // console.log(global.base.shopMessageManager.messages, '22');
+      global.base.shopMessageManager.messages.push(msg);
+
+      // // save to local 存到本地
+      storage.set(
+        'shopMessageList',
+        global.base.shopMessageManager.messages.slice(-100),
+      );
+      // storage.remove('shopMessageList');
+
+      eventBus.emit(EVENTS.SHOPMESSAGE.RENDER, msg);
+    };
+    seq_id = 0;
+    connectStatus = -1;
+    eventBus.emit(EVENTS.SHOPMESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+    (async () => {
+      const accountType = await storage.get('accountType');
+      if (accountType !== 'adg') {
+        connectMsgServer();
+      }
+    })();
+
+    eventBus.on(EVENTS.SHOPMESSAGE.ADD, onMessageAdd);
+    eventBus.on(EVENTS.SHOPMESSAGE.RECONNECT, reConnect);
+
+    // 监听请求客服人员列表的回调
+    // eventBus.on(EVENTS.SHOPMESSAGE.ONLINE_LIST, handleGetOnlineUserList);
+
+    return () => {
+      eventBus.off(EVENTS.SHOPMESSAGE.ADD, onMessageAdd);
+      eventBus.off(EVENTS.SHOPMESSAGE.RECONNECT, reConnect);
+      // eventBus.off(EVENTS.SHOPMESSAGE.ONLINE_LIST, handleGetOnlineUserList);
+    };
+  }, []);
+
+  // 文本输入发消息
+  const handleShopTextSubmit = useCallback(
+    async (inputText, recver_id, conversation_id) => {
+      // 1000 request 2000 response
+      let message_prop = JSON.stringify({
+        msgType: 'text',
+      });
+      const userMsg = await shopGenMsg(
+        1000,
+        message_prop,
+        inputText,
+        seq_id++,
+        recver_id,
+        conversation_id,
+      );
+      sendMessage(userMsg);
+    },
+    [],
+  );
+
+  // 发送图片或视频消息
+  const handleShopMediaSelect = useCallback(
+    async (file, message_prop, recver_id, conversation_id) => {
+      // 本地手机存储url
+      const userMsg = await shopGenMsg(
+        1000,
+        message_prop,
+        file,
+        seq_id++,
+        recver_id,
+        conversation_id,
+      );
+      // console.log(userMsg);
+      sendMessage(userMsg);
+    },
+    [],
+  );
+
+  // const getShopManualCustomServiceActiveFlag = () =>
+  //   isManualCustomServiceActive;
+
+  return {
+    sendMessage,
+    getOnlineUser,
+    // requestShopManualCustomService,
+    // exitShopManualCustomService,
+    // getShopManualCustomServiceActiveFlag,
+    handleShopTextSubmit,
+    handleShopMediaSelect,
+  };
+};
+
+export default ShopMessageManager;
+
+//global.base.messageManager
+//EVENTS.MESSAGE

package/app/hooks/useAddress.js

@@ -0,0 +1,179 @@
+import {useState, useEffect, useCallback, useMemo} from 'react';
+
+import {getAddrInfo} from '../api';
+
+import storage from '../storage';
+import eventBus, {EVENTS} from '../eventBus';
+
+function isStorageRoom(room) {
+  return room.room_type === 'STORAGEROOM';
+}
+
+const Hook = (addressId, roomId) => {
+  const [addressList, setAddressList] = useState([]);
+  const [activeAddr, setActiveAddr] = useState({});
+
+  // 从本地存储中更新到当前组件内存
+  async function updateAddrFromStorage() {
+    // todo 数据超时更新
+    const addrList = await storage.get('addressList');
+    setAddressList(addrList || []);
+
+    const addr = await storage.get('activeAddr');
+    setActiveAddr(addr || {});
+  }
+
+  const updateAddrList = async addrList => {
+    await storage.set('addressList', addrList);
+    setAddressList(addrList);
+
+    const oldActiveAddr = await storage.get('activeAddr');
+    const newActiveAddr = addrList.find(
+      addr => oldActiveAddr && addr.address_id === oldActiveAddr.address_id,
+    );
+
+    if (newActiveAddr) {
+      updateActiveAddr(newActiveAddr);
+    } else {
+      const defaultAddr = addrList[0] ? addrList[0] : {};
+      eventBus.emit(EVENTS.FAMILY.CHANGE, defaultAddr);
+      updateActiveAddr(defaultAddr);
+    }
+  };
+
+  const updateActiveAddr = addr => {
+    setActiveAddr(addr);
+    storage.set('activeAddr', addr);
+  };
+
+  const mapModel = (brand, model) => {
+    /* 兼容存量 start */
+    if (brand === 'SQ' && model === 'Flight') {
+      return 'FLI17131';
+    }
+    if (brand === 'YGZM' && model === 'Tlight') {
+      return 'DLI19121';
+    }
+    if (brand === 'YHWL' && model === 'Tlight') {
+      return 'DLIIP121';
+    }
+    if (brand === 'YHWL' && model === 'SIL500B1') {
+      return 'SLIIP121';
+    }
+    if (brand === 'dooya' && model === 'ELCEC001') {
+      return 'ELC22011';
+    }
+    if (brand === 'YHWL' && model === 'Dlight') {
+      return 'DLIIP121';
+    }
+    if (brand === 'merach' && model === 'IRMIR101') {
+      return 'IRM24101';
+    }
+    if (brand === 'merach' && model === 'ISR12071') {
+      return 'ISR24101';
+    }
+    /* 兼容存量 end */
+
+    return model;
+  };
+
+  const mapAddrList = addrList => {
+    addrList.forEach(address => {
+      const roomList = address.room_list || [];
+      roomList.forEach(room => {
+        const deviceList = room.device_list || [];
+        deviceList.forEach(device => {
+          device.extend.model = mapModel(
+            device.extend?.brand,
+            device.extend?.model,
+          );
+        });
+      });
+    });
+  };
+
+  // 从网络更新到本地存储和内存
+  const updateAddrFromNetwork = useCallback(async timeout => {
+    try {
+      const res = await getAddrInfo({detail: false});
+      const addrList = res?.result?.address_list || [];
+      mapAddrList(addrList);
+      await updateAddrList(addrList);
+      return addrList;
+    } catch (e) {
+      console.log('房间数据拉取失败');
+      throw e;
+    }
+  }, []);
+
+  useEffect(() => {
+    updateAddrFromStorage();
+
+    // 监听用户家庭切换事件
+    eventBus.on(EVENTS.FAMILY.CHANGE, updateActiveAddr);
+
+    return () => {
+      eventBus.off(EVENTS.FAMILY.CHANGE, updateActiveAddr);
+    };
+  }, []);
+
+  /**
+   * 当前家庭
+   * @type {unknown}
+   */
+  const currentAddr = useMemo(() => {
+    if (!addressId) {
+      return activeAddr;
+    }
+    return addressList.find(addr => addr.address_id === addressId) || {};
+  }, [addressList, activeAddr]);
+
+  /**
+   * 当前家庭下的家庭列表
+   * @type {unknown}
+   */
+  const roomList = useMemo(() => {
+    return currentAddr.room_list || [];
+  }, [currentAddr]);
+
+  /**
+   * 当前家庭下的储物间
+   */
+  const storageRoom = useMemo(() => {
+    return roomList.find(room => isStorageRoom(room));
+  }, [roomList]);
+
+  /**
+   * 当前房间
+   * @type {unknown}
+   */
+  const currentRoom = useMemo(() => {
+    if (!roomId) {
+      return {};
+    }
+    return roomList.find(room => room.room_id === roomId) || {};
+  }, [roomList]);
+
+  /**
+   * 当前房间下的所有设备
+   * @type {unknown}
+   */
+  const deviceListOfCurrentRoom = useMemo(() => {
+    return currentRoom.device_list || [];
+  }, [currentRoom]);
+
+  return {
+    addressList,
+    activeAddr,
+    setActiveAddr,
+    updateAddrFromNetwork,
+    updateAddrFromStorage,
+    currentAddr,
+    roomList,
+    currentRoom,
+    deviceListOfCurrentRoom,
+    storageRoom,
+  };
+};
+
+export default Hook;