@lemon-fe/mini-app 1.3.0 → 1.4.0

package/es/components/AppContainer/index.d.ts

@@ -20,6 +20,14 @@ interface Props {
      * @default true
      */
     capsule?: boolean;
+    /**
+     * @description 初始路由路径（不传则使用当前 URL 或 pages[0]）
+     */
+    initialPath?: string;
+    /**
+     * @description 路由基础路径（类似 react-router 的 basename），用于从 URL 中裁剪前缀
+     */
+    routerBase?: string;
 }
 export default function AppContainer(props: Props): JSX.Element;
 export {};

package/es/components/AppContainer/index.js

@@ -54,12 +54,51 @@ export default function AppContainer(props) {
       children = props.children,
       headerStyle = props.headerStyle,
       _props$capsule = props.capsule,
-      capsule = _props$capsule === void 0 ? true : _props$capsule;
+      capsule = _props$capsule === void 0 ? true : _props$capsule,
+      initialPath = props.initialPath,
+      routerBase = props.routerBase;
 
-  var _useState = useState({
-    routes: [{
-      route: pages[0]
-    }]
+  var _useState = useState(function () {
+    var path = initialPath;
+
+    if (!path && typeof window !== 'undefined') {
+      var _window$location = window.location,
+          pathname = _window$location.pathname,
+          search = _window$location.search;
+      var realPathname = pathname;
+
+      if (routerBase && pathname.indexOf(routerBase) === 0) {
+        realPathname = pathname.slice(routerBase.length) || '/';
+      }
+
+      path = "".concat(realPathname).concat(search);
+    }
+
+    if (path) {
+      var _parsePath = parsePath(path),
+          _pathname = _parsePath.pathname,
+          _search = _parsePath.search;
+
+      var params = _search ? Object.fromEntries(Array.from(new URLSearchParams(_search).entries())) : {};
+      var page = pages.find(function (item) {
+        return item.path === _pathname;
+      });
+
+      if (page !== undefined) {
+        return {
+          routes: [{
+            route: page,
+            params: params
+          }]
+        };
+      }
+    }
+
+    return {
+      routes: [{
+        route: pages[0]
+      }]
+    };
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -135,14 +174,14 @@ export default function AppContainer(props) {
   }, []);
   var navigate = useMemoizedFun( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(path, otherParams) {
-      var routes, _parsePath, pathname, search, params, routeIndex, nextRoutes, page;
+      var routes, _parsePath2, pathname, search, params, routeIndex, nextRoutes, page;
 
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               routes = state.routes;
-              _parsePath = parsePath(path), pathname = _parsePath.pathname, search = _parsePath.search;
+              _parsePath2 = parsePath(path), pathname = _parsePath2.pathname, search = _parsePath2.search;
               params = search ? Object.fromEntries(Array.from(new URLSearchParams(search).entries())) : {};
               Object.assign(params, otherParams);
               routeIndex = routes.findIndex(function (item) {
@@ -193,14 +232,14 @@ export default function AppContainer(props) {
   }());
   var replace = useMemoizedFun( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(path, otherParams) {
-      var routes, _parsePath2, pathname, search, params, routeIndex, nextRoutes, page, newRoute;
+      var routes, _parsePath3, pathname, search, params, routeIndex, nextRoutes, page, newRoute;
 
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
               routes = state.routes;
-              _parsePath2 = parsePath(path), pathname = _parsePath2.pathname, search = _parsePath2.search;
+              _parsePath3 = parsePath(path), pathname = _parsePath3.pathname, search = _parsePath3.search;
               params = search ? Object.fromEntries(Array.from(new URLSearchParams(search).entries())) : {};
               Object.assign(params, otherParams);
               routeIndex = routes.findIndex(function (item) {

package/es/components/Screen/index.css

@@ -50,9 +50,8 @@
 }
 
 .lemon-route-header-center {
-  font-weight: bold;
-  /* prettier-ignore */
-  font-size: 16PX;
+  font-weight: normal;
+  font-size: 18px;
   /* prettier-ignore */
   line-height: 44PX;
   text-align: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/mini-app",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -31,5 +31,5 @@
     "react": "^17.0.2",
     "react-dom": "17.0.2"
   },
-  "gitHead": "d8e1da1a747ce526b80273636a3bcac9e9ce1ffe"
+  "gitHead": "fbde6ae2d79fe59624653cd88f15aebe3f21e270"
 }