Pull request #1994: 无JIRA任务 集成VueRouter

Merge in VISUAL/fineui from ~GUY/fineui:master to master

* commit 'f5f9ae06822dbdb122c4a6ccd59bdae2761f785b':
  update
  update
  add
  add

demo/app.js

@@ -9,34 +9,47 @@ BI.$(function () {
     });
     var tree = BI.Tree.transformToTreeFormat(Demo.CONFIG);
 
-    var obj = {
-        routes: {
-            "": "index"
-        },
-        index: function () {
-            Demo.showIndex = "demo.face";
+    var routes = [{ 
+        path: '/', 
+        component: function(){
+            return Promise.resolve({
+                type: "demo.face"
+            })
         }
-    };
+    }];
 
     BI.Tree.traversal(tree, function (index, node) {
         if (!node.children || BI.isEmptyArray(node.children)) {
-            obj.routes[node.text] = node.text;
-            obj[node.text] = function () {
-                Demo.showIndex = node.value;
-            };
+            routes.push({ 
+                path: '/' + node.text, 
+                component: function(){
+                    return Promise.resolve({
+                        type: node.value
+                    })
+                } 
+            });
         }
     });
 
-    var AppRouter = BI.inherit(BI.Router, obj);
-    new AppRouter;
-    BI.history.start();
+    // var AppRouter = BI.inherit(BI.Router, obj);
+    // new AppRouter;
+    // BI.history.start();
 
     BI.createWidget({
+        type: "bi.router",
+        ref: function (_ref) {
+            BI.router = _ref._router;
+        },
+        element: "#wrapper",
+        routes: routes,
+        render: function () {
+            return {
                 type: "demo.main",
                 ref: function (_ref) {
                     console.log(_ref);
                     ref = _ref;
-        },
-        element: "#wrapper"
+                }
+            }
+        }    
     });
 });

demo/js/center.js

@@ -5,22 +5,8 @@ Demo.Center = BI.inherit(BI.Widget, {
     render: function () {
         var self = this;
         return {
-            type: "bi.tab",
-            ref: function () {
-                self.tab = this;
-            },
-            single: true,
-            showIndex: Demo.showIndex,
-            cardCreator: function (v) {
-                return BI.createWidget({
-                    type: v
-                });
+            type: "bi.router_view"
         }
-        };
-    },
-
-    setValue: function (v) {
-        this.tab.setSelect(v);
     }
 });
 BI.shortcut("demo.center", Demo.Center);

demo/js/main.js

@@ -7,12 +7,6 @@ Demo.Main = BI.inherit(BI.Widget, {
         return BI.Stores.getStore("demo.store.main");
     },
 
-    watch: {
-        activeCard: function (v) {
-            this.center.setValue(v);
-        }
-    },
-
     beforeInit: function (cb) {
         this.store.init(cb);
     },

demo/js/main.store.js

@@ -4,12 +4,6 @@
 
         },
 
-        state: function () {
-            return {
-                activeCard: Demo.showIndex
-            };
-        },
-
         computed: {},
 
         watch: {},
@@ -48,15 +42,16 @@
             },
 
             handleTreeSelectChange: function (v) {
-                this.model.activeCard = v;
                 var matched = BI.some(Demo.CONFIG, function (index, item) {
                     if (item.value === v) {
-                        BI.history.navigate(item.text, {trigger: true});
+                        BI.router.push(item.text);
+                        // BI.history.navigate(item.text, {trigger: true});
                         return true;
                     }
                 });
                 if (!matched) {
-                    BI.history.navigate("", {trigger: true});
+                    BI.router.push("/");
+                    // BI.history.navigate("", {trigger: true});
                 }
             }
         }

demo/js/north.js

@@ -13,7 +13,7 @@ Demo.North = BI.inherit(BI.Widget, {
                     listeners: [{
                         eventName: BI.Button.EVENT_CHANGE,
                         action: function () {
-                            self.fireEvent(Demo.North.EVENT_VALUE_CHANGE, "demo.face");
+                            self.fireEvent(Demo.North.EVENT_VALUE_CHANGE, "");
                         }
                     }],
                     cls: "logo",