ipanel-rnapp-ajb-base 1.0.7 → 1.0.9

package/app/.local_dev/DemoPage.js

@@ -1,9 +1,20 @@
-import React from 'react';
-import {StyleSheet, View, Text, Button} from 'react-native';
+import React, {useState, useEffect} from 'react';
+import {StyleSheet, View, Text} from 'react-native';
+import {Icon, Button} from '@rneui/themed';
+import LinearGradient from 'react-native-linear-gradient';
 
 const {storage, replace} = global.base;
 
 const TestPage = ({navigation}) => {
+  const [viewVisible, setViewVisible] = useState(false);
+
+  useEffect(() => {
+    // 让视图晚一点渲染，先显示空白，避免默认进入独立页面时，有闪烁感
+    setTimeout(() => {
+      setViewVisible(true);
+    }, 500);
+  }, []);
+
   const onPress = () => {
     global.base.navigateModule({
       operatorId: 'ipanel',
@@ -13,13 +24,8 @@ const TestPage = ({navigation}) => {
 
   const handleLogout = async () => {
     await storage.set('accessToken', null);
+    await storage.set('refreshToken', null);
     await storage.set('homedAccessToken', null);
-    await storage.set('accountType', null);
-    await storage.set('addressRoomMap', null);
-    await storage.set('roomDeviceMap', null);
-    await storage.set('roomDeviceStatusMap', null);
-    await storage.set('roomDeviceGroupMap', null);
-    await storage.set('roomDeviceSceneMap', null);
     // 如果是在tab页的路由，当前栈路由历史只有首页Home调用会报错，如果是从智能客服进入“我的”，退出登录需要置顶
     if (navigation.getState().type === 'stack') {
       popToTop();
@@ -30,17 +36,71 @@ const TestPage = ({navigation}) => {
   };
 
   return (
-    <View>
-      <View>
-        <Text>退出登录</Text>
-      </View>
-      <Text>TestPage</Text>
-      <Button onPress={onPress} title="点击预览app全屏"></Button>
-      <Button onPress={handleLogout} title="退出登录"></Button>
+    <View style={styles.container}>
+      {viewVisible ? (
+        <>
+          <View style={styles.container}>
+            {viewVisible && (
+              <Button
+                buttonStyle={styles.previewBtn}
+                titleStyle={styles.previewBtnStyle}
+                size="lg"
+                ViewComponent={LinearGradient} // Don't forget this!
+                linearGradientProps={{
+                  colors: ['#FF9800', '#F44336'],
+                  start: {x: 0, y: 0.5},
+                  end: {x: 1, y: 0.5},
+                }}
+                radius="10"
+                onPress={onPress}
+                title="点击预览app作为独立页面的效果"
+              />
+            )}
+          </View>
+          <View style={styles.welcomeTextBox}>
+            <Text style={styles.welcomeText}>欢迎你，开发者！</Text>
+          </View>
+          <Icon
+            containerStyle={styles.exitBtn}
+            type="ionicon"
+            name="exit-outline"
+            color="#00aced"
+            size={30}
+            onPress={handleLogout}
+          />
+        </>
+      ) : null}
     </View>
   );
 };
 
-const styles = StyleSheet.create({});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#F2F2F2',
+  },
+  previewBtn: {
+    height: 70,
+  },
+  previewBtnStyle: {
+    fontSize: 18,
+  },
+  welcomeTextBox: {
+    position: 'absolute',
+    top: 200,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  welcomeText: {
+    fontSize: 24,
+  },
+  exitBtn: {
+    position: 'absolute',
+    top: 40,
+    right: 20,
+  },
+});
 
 export default TestPage;

package/bin/local-dev.js

@@ -3,6 +3,60 @@
 const fs = require("fs");
 const path = require("path");
 
+// stat = fs.stat;
+/*
+ * 复制目录中的所有文件包括子目录
+ * @param{ String } 需要复制的目录
+ * @param{ String } 复制到指定的目录
+ */
+var copy = function (src, dst) {
+  // 读取目录中的所有文件/目录
+  fs.readdir(src, function (err, paths) {
+    if (err) {
+      throw err;
+    }
+
+    paths.forEach(function (path) {
+      var _src = src + "/" + path,
+        _dst = dst + "/" + path,
+        readable,
+        writable;
+
+      fs.stat(_src, function (err, st) {
+        if (err) {
+          throw err;
+        }
+        // 判断是否为文件
+        if (st.isFile()) {
+          // 创建读取流
+          readable = fs.createReadStream(_src);
+          // 创建写入流
+          writable = fs.createWriteStream(_dst);
+          // 通过管道来传输流
+          readable.pipe(writable);
+        }
+        // 如果是目录则递归调用自身
+        else if (st.isDirectory()) {
+          exists(_src, _dst, copy);
+        }
+      });
+    });
+  });
+};
+// 在复制目录前需要判断该目录是否存在，不存在需要先创建目录
+var exists = function (src, dst, callback) {
+  fs.exists(dst, function (exists) {
+    // 已存在
+    if (exists) {
+      // callback(src, dst);
+    } else {
+      fs.mkdir(dst, function () {
+        callback(src, dst);
+      });
+    }
+  });
+};
+
 (function () {
   console.log("ipanel_rnapp_ajb_base local_dev=====");
 
@@ -15,6 +69,23 @@ const path = require("path");
   // 重写.local_dev/polyfill.js
   fs.writeFileSync(
     path.resolve(__dirname, "../app/.local_dev/polyfill.js"),
-    fs.readFileSync(path.resolve(__dirname, "./polyfill.js.tmpl")).toString()
+    fs.readFileSync(path.resolve(__dirname, "../tmpl/polyfill.js")).toString()
+  );
+
+  fs.copyFile(
+    path.resolve(__dirname, "../tmpl/index.android.js"),
+    "../../index.android.js",
+    (err) => {
+      if (err) throw err;
+      console.log("index.android.js文件拷贝成功!");
+    }
+  );
+  fs.copyFile(
+    path.resolve(__dirname, "../tmpl/index.ios.js"),
+    "../../index.ios.js",
+    (err) => {
+      if (err) throw err;
+      console.log("index.ios.js文件拷贝成功!");
+    }
   );
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ipanel-rnapp-ajb-base",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "main": "index.js",
   "bin": {

package/tmpl/index.android.js

@@ -0,0 +1,6 @@
+import { AppRegistry } from "react-native";
+
+// 默认加载base
+import App from "ipanel-rnapp-ajb-base";
+
+AppRegistry.registerComponent("rnApp", () => App);

package/tmpl/index.ios.js

@@ -0,0 +1,6 @@
+import { AppRegistry } from "react-native";
+
+// 默认加载base
+import App from "ipanel-rnapp-ajb-base";
+
+AppRegistry.registerComponent("rnApp", () => App);