@lemon-fe/mini-app 0.0.2 → 0.1.3

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,3 +1,9 @@
+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';
@@ -23,9 +29,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 +46,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/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.3",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",