无JIRA任务 chore: update demo

demo/js/config/fix.js

@@ -46,4 +46,9 @@ Demo.FIX_CONFIG = [{
     pId: 7,
     text: "场景",
     value: "demo.fix_scene"
-}];
+}, {
+    id: 80,
+    pId: 7,
+    text: "inject",
+    value: "demo.fix_inject"
+}];

demo/js/fix-2.0/context.js

@@ -8,6 +8,8 @@
         childContext: ["context"]
     });
 
+    BI.model("demo.model.context.parent_store",ParentStore)
+
     var ChildStore = BI.inherit(Fix.Model, {
         context: ["context"],
         computed: {
@@ -22,9 +24,11 @@
         }
     });
 
+    BI.model("demo.model.context.child_store",ChildStore)
+
     var Child = BI.inherit(BI.Widget, {
         _store: function () {
-            return new ChildStore();
+            return BI.Models.getModel("demo.model.context.child_store");
         },
         watch: {
             currContext: function (val) {
@@ -53,7 +57,7 @@
 
     var Parent = BI.inherit(BI.Widget, {
         _store: function () {
-            return new ParentStore();
+            return BI.Models.getModel("demo.model.context.parent_store");
         },
         render: function () {
             var self = this;
@@ -72,4 +76,4 @@
     });
 
     BI.shortcut("demo.fix_context", Parent);
-}());
+}());

demo/js/fix-2.0/inject.js

@@ -0,0 +1,87 @@
+(function () {
+    var ParentStore = BI.inherit(Fix.Model, {
+        state: function () {
+            return {
+                context: {
+                    one: {
+                        key: "one.key"
+                    }
+                }
+            };
+        },
+        childContext: ["context"]
+    });
+
+    BI.model("demo.model.inject.parent_store", ParentStore);
+
+    var ChildStore = BI.inherit(Fix.Model, {
+        inject: ["context"],
+        computed: {
+            currContext: function () {
+                return this.model.context.one.key;
+            }
+        },
+        actions: {
+            changeContext: function () {
+                this.model.context = {
+                    two: {
+                        key: "two.key"
+                    }
+                };
+            }
+        }
+    });
+
+    BI.model("demo.model.inject.child_store", ChildStore);
+
+    var Child = BI.inherit(BI.Widget, {
+        _store: function () {
+            return BI.Models.getModel("demo.model.inject.child_store");
+        },
+        watch: {
+            currContext: function (val) {
+                this.button.setText(val);
+            }
+        },
+        render: function () {
+            var self = this;
+            return {
+                type: "bi.button",
+                ref: function () {
+                    self.button = this;
+                },
+                text: this.model.currContext,
+                handler: function () {
+                    self.store.changeContext();
+                }
+            };
+        },
+        mounted: function () {
+
+        }
+    });
+
+    BI.shortcut("demo.fix_inject_child", Child);
+
+    var Parent = BI.inherit(BI.Widget, {
+        _store: function () {
+            return BI.Models.getModel("demo.model.inject.parent_store");
+        },
+        render: function () {
+            var self = this;
+            return {
+                type: "bi.absolute",
+                items: [{
+                    el: {
+                        type: "demo.fix_inject_child"
+                    }
+                }]
+            };
+        },
+        mounted: function () {
+
+        }
+    });
+
+    BI.shortcut("demo.fix_inject", Parent);
+}());