整理代码

demo/app.js

@@ -10,26 +10,34 @@ BI.$(function () {
     var tree = BI.Tree.transformToTreeFormat(Demo.CONFIG);
 
     var routes = [{
-        path: '/',
+        path: "/",
         component: function () {
             return Promise.resolve({
                 type: "demo.face"
-            })
+            });
         }
-    }];
-
-    BI.Tree.traversal(tree, function (index, node) {
-        if (!node.children || BI.isEmptyArray(node.children)) {
-            routes.push({
-                path: '/' + node.text,
+    }, {
+        name: "component",
+        path: "/component/:componentId",
         component: function () {
             return Promise.resolve({
-                        type: node.value
-                    })
-                }
+                type: "demo.router"
             });
         }
-    });
+    }];
+
+    // BI.Tree.traversal(tree, function (index, node) {
+    //     if (!node.children || BI.isEmptyArray(node.children)) {
+    //         routes.push({
+    //             path: "/",
+    //             component: function () {
+    //                 return Promise.resolve({
+    //                     type: node.value
+    //                 });
+    //             }
+    //         });
+    //     }
+    // });
 
     // var AppRouter = BI.inherit(BI.Router, obj);
     // new AppRouter;
@@ -49,7 +57,7 @@ BI.$(function () {
                     console.log(_ref);
                     ref = _ref;
                 }
-            }
+            };
         }
     });
 });

demo/js/center.js

@@ -10,3 +10,17 @@ Demo.Center = BI.inherit(BI.Widget, {
     }
 });
 BI.shortcut("demo.center", Demo.Center);
+
+Demo.Router = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-router"
+    },
+    render: function () {
+        var self = this;
+        var params = BI.Router.$router.history.current.params;
+        return {
+            type: params.componentId
+        }
+    }
+});
+BI.shortcut("demo.router", Demo.Router);

demo/js/main.store.js

@@ -44,7 +44,12 @@
             handleTreeSelectChange: function (v) {
                 var matched = BI.some(Demo.CONFIG, function (index, item) {
                     if (item.value === v) {
-                        BI.Router.$router.push(item.text);
+                        BI.Router.$router.push({
+                            name: "component",
+                            params: {
+                                componentId: item.value
+                            }
+                        });
                         // BI.history.navigate(item.text, {trigger: true});
                         return true;
                     }

dist/router.js

@@ -3143,7 +3143,7 @@
     created: function () {
       var self = this, o = this.options;
       cbs.push(this._callbackListener = function () {
-        self.tab.setSelect($router.history.current.matched[o.deps].path || "/");
+        self.tab.setSelect($router.history.current.fullPath || "/");
       });
     },
     render: function () {