@viewfly/router 0.0.16 → 0.0.18

package/bundles/index.esm.js

@@ -319,12 +319,13 @@ function RouterOutlet(props) {
             return;
         }
         const { routeConfig, remainingPath } = result;
-        const matchingRouteComponent = routeConfig.component;
-        if (matchingRouteComponent instanceof Promise) {
-            matchingRouteComponent.then(result => _updateChildren(result, remainingPath));
+        if (routeConfig.component) {
+            _updateChildren(routeConfig.component, remainingPath);
         }
-        else {
-            _updateChildren(matchingRouteComponent, remainingPath);
+        else if (routeConfig.asyncComponent) {
+            routeConfig.asyncComponent().then(c => {
+                _updateChildren(c, remainingPath);
+            });
         }
     }
     function _updateChildren(Component, remainingPath) {

package/bundles/index.js

@@ -321,12 +321,13 @@ function RouterOutlet(props) {
             return;
         }
         const { routeConfig, remainingPath } = result;
-        const matchingRouteComponent = routeConfig.component;
-        if (matchingRouteComponent instanceof Promise) {
-            matchingRouteComponent.then(result => _updateChildren(result, remainingPath));
+        if (routeConfig.component) {
+            _updateChildren(routeConfig.component, remainingPath);
         }
-        else {
-            _updateChildren(matchingRouteComponent, remainingPath);
+        else if (routeConfig.asyncComponent) {
+            routeConfig.asyncComponent().then(c => {
+                _updateChildren(c, remainingPath);
+            });
         }
     }
     function _updateChildren(Component, remainingPath) {

package/bundles/providers/router.d.ts

@@ -3,7 +3,8 @@ import { Observable } from '@tanbo/stream';
 import { Navigator, QueryParams } from './navigator';
 export interface RouteConfig {
     name: string;
-    component: JSXInternal.ElementClass | Promise<JSXInternal.ElementClass>;
+    component?: JSXInternal.ElementClass;
+    asyncComponent?: () => Promise<JSXInternal.ElementClass>;
     beforeEach?(): boolean | Promise<boolean>;
 }
 export declare class Router {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/router",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "A routing library based on the Viewfly framework that can be run in the browser or Nodejs background.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -13,7 +13,7 @@
   "keywords": [],
   "dependencies": {
     "@tanbo/stream": "^1.2.0",
-    "@viewfly/core": "^0.0.16",
+    "@viewfly/core": "^0.0.18",
     "url": "^0.11.1"
   },
   "devDependencies": {
@@ -34,5 +34,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "424aee30ec55010f16a8e055222d42b07fae4b38"
+  "gitHead": "1cc6ec2decf3173792086553af0b3e171d49deae"
 }