@lemon-fe/mini-app 0.0.2 → 0.1.5

package/es/components/AppContainer/index.js

@@ -45,7 +45,7 @@ function App(props) {
       state = _useState2[0],
       setState = _useState2[1];
 
-  var navigate = useCallback(function (path) {
+  var navigate = useCallback(function (path, otherParams) {
     setState(function (prev) {
       var routes = prev.routes;
 
@@ -53,7 +53,8 @@ function App(props) {
           pathname = _parsePath.pathname,
           search = _parsePath.search;
 
-      var params = search ? Object.fromEntries(Array.from(new URLSearchParams(search).entries())) : undefined;
+      var params = search ? Object.fromEntries(Array.from(new URLSearchParams(search).entries())) : {};
+      Object.assign(params, otherParams);
       var routeIndex = routes.findIndex(function (item) {
         return item.route.path === pathname;
       });

package/es/components/Screen/index.css

@@ -7,6 +7,7 @@
   bottom: 0;
   left: 0; 
   background-color: #fff;
+  color: #333;
   transition: transform 300ms;
 }
 
@@ -29,7 +30,6 @@
 .lemon-route-header-center {
   font-weight: bold;
   font-size: 16px;
-  color: #333;
   text-align: center;
   line-height: 44px;
 }

package/es/components/Screen/index.js

@@ -1,7 +1,12 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import React, { createElement, memo, useMemo } from 'react';
 import { ScreenContext } from '../../context';
 import { useNavigation } from '../../hooks';
-import { mini } from '../../global';
 import './index.css';
 
 function Screen(props) {
@@ -14,7 +19,9 @@ function Screen(props) {
     };
   }, [params]);
   var statusBarHeight = useMemo(function () {
-    return mini.getSystemInfoSync().statusBarHeight;
+    var _window$mini;
+
+    return (_window$mini = window.mini) === null || _window$mini === void 0 ? void 0 : _window$mini.getSystemInfoSync().statusBarHeight;
   }, []);
   var navigation = useNavigation();
   return /*#__PURE__*/React.createElement(ScreenContext.Provider, {
@@ -23,9 +30,9 @@ function Screen(props) {
     className: "lemon-route"
   }, /*#__PURE__*/React.createElement("div", {
     className: "lemon-route-header",
-    style: {
+    style: _objectSpread({
       paddingTop: statusBarHeight
-    }
+    }, route.headerStyle)
   }, /*#__PURE__*/React.createElement("div", {
     className: "lemon-route-header-content"
   }, index > 0 && /*#__PURE__*/React.createElement("div", {
@@ -40,7 +47,7 @@ function Screen(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("path", {
     d: "m23.002 38-2.556 2.5L.713 21.2a.975.975 0 0 1 0-1.4L20.446.5 23.002 3 5.109 20.5 23.002 38Z",
-    fill: "#333",
+    fill: "currentColor",
     fillRule: "evenodd"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "lemon-route-header-center"

package/es/context/index.d.ts

@@ -1,6 +1,6 @@
 export declare const NavigationContext: import("react").Context<{
     navigation: {
-        navigate: (path: string) => void;
+        navigate: (path: string, params?: Record<string, any> | undefined) => void;
         goBack: () => void;
     };
 }>;

package/es/global.d.ts

@@ -1,25 +1,4 @@
-declare global {
-    interface Window {
-        ReactNativeWebView?: {
-            postMessage(e: string): void;
-        };
-        mini?: {
-            getSystemInfoSync(): {
-                statusBarHeight: number;
-                pixelRatio: number;
-                safeArea: {
-                    top: number;
-                    right: number;
-                    bottom: number;
-                    left: number;
-                };
-            };
-            addListener(cb: (e: string) => void): void;
-            getExtraPayload(): unknown;
-        };
-    }
-}
-export declare const mini: {
+interface Mini {
     getSystemInfoSync(): {
         statusBarHeight: number;
         pixelRatio: number;
@@ -32,4 +11,15 @@ export declare const mini: {
     };
     addListener(cb: (e: string) => void): void;
     getExtraPayload(): unknown;
-};
+}
+declare global {
+    interface Window {
+        ReactNativeWebView?: {
+            postMessage(e: string): void;
+        };
+        mini?: Mini;
+    }
+}
+export declare let mini: Mini;
+export declare function createApp(render: () => void): void;
+export {};

package/es/global.js

@@ -1,20 +1,37 @@
-if (window.mini === undefined) {
-  window.mini = {
-    getSystemInfoSync: function getSystemInfoSync() {
-      return {
-        statusBarHeight: 0,
-        pixelRatio: window.devicePixelRatio,
-        safeArea: {
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0
-        }
-      };
-    },
-    addListener: function addListener() {},
-    getExtraPayload: function getExtraPayload() {}
+export var mini = {
+  getSystemInfoSync: function getSystemInfoSync() {
+    return {
+      statusBarHeight: 0,
+      pixelRatio: window.devicePixelRatio,
+      safeArea: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      }
+    };
+  },
+  addListener: function addListener() {},
+  getExtraPayload: function getExtraPayload() {}
+};
+export function createApp(render) {
+  var count = 0;
+
+  var check = function check() {
+    if (window.mini === undefined) {
+      count++;
+
+      if (count <= 10) {
+        setTimeout(check, 100);
+      } else {
+        window.mini = mini;
+        render();
+      }
+    } else {
+      mini = window.mini;
+      render();
+    }
   };
-}
 
-export var mini = window.mini;
+  check();
+}

package/es/hooks/index.d.ts

@@ -1,5 +1,5 @@
 export declare function useNavigation(): {
-    navigate: (path: string) => void;
+    navigate: (path: string, params?: Record<string, any> | undefined) => void;
     goBack: () => void;
 };
 export declare function useParams<T extends Record<string, any> | void = void>(): T;

package/es/typings.d.ts

@@ -1,9 +1,10 @@
-import type { ComponentType } from 'react';
+import type { ComponentType, CSSProperties } from 'react';
 
 export interface NavigationStackScreen {
   title: string;
   path: string;
   screen: ComponentType;
+  headerStyle?: CSSProperties;
 }
 
 export interface Path {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/mini-app",
-  "version": "0.0.2",
+  "version": "0.1.5",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",