diff --git a/Gruntfile.js b/Gruntfile.js
index 37d01f85f..1e8fe334a 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -29,8 +29,7 @@ module.exports = function (grunt) {
'src/core/**/*.js',
'src/data/data.js',
- 'src/data/**/*.js',
- 'src/config.js'
+ 'src/data/**/*.js'
],
dest: 'dist/core.js'
},
diff --git a/bi/core.js b/bi/core.js
index c04a9aa4e..1c8fc2cd7 100644
--- a/bi/core.js
+++ b/bi/core.js
@@ -25821,7 +25821,9 @@ Data.Source = BISource = {
}
});
//IE8下滚动条用原生的
- if (BI.isIE9Below()) {
- BI.GridTableScrollbar.SIZE = 18;
- }
+ $(function () {
+ if (BI.isIE9Below()) {
+ BI.GridTableScrollbar.SIZE = 18;
+ }
+ })
}());
\ No newline at end of file
diff --git a/demo/config.js b/demo/config.js
index 3f2d556a7..37ce2368b 100644
--- a/demo/config.js
+++ b/demo/config.js
@@ -1,4 +1,4 @@
-Demo.CONFIG = Demo.CORE_CONFIG.concat(Demo.BASE_CONFIG).concat(Demo.CASE_CONFIG).concat(Demo.WIDGET_CONFIG).concat(Demo.COMPONENT_CONFIG).concat(Demo.VM_CONFIG).concat(Demo.ADDONS_CONFIG).concat(Demo.CATEGORY_CONFIG);
+Demo.CONFIG = Demo.CORE_CONFIG.concat(Demo.BASE_CONFIG).concat(Demo.CASE_CONFIG).concat(Demo.WIDGET_CONFIG).concat(Demo.COMPONENT_CONFIG).concat(Demo.FIX_CONFIG).concat(Demo.ADDONS_CONFIG).concat(Demo.CATEGORY_CONFIG);
Demo.CONSTANTS = {
SIMPLE_ITEMS: BI.map("柳州市城贸金属材料有限责任公司 柳州市建福房屋租赁有限公司 柳州市迅昌数码办公设备有限责任公司 柳州市河海贸易有限责任公司 柳州市花篮制衣厂 柳州市兴溪物资有限公司 柳州市针织总厂 柳州市衡管物资有限公司 柳州市琪成机电设备有限公司 柳州市松林工程机械修理厂".match(/[^\s]+/g), function (i, v) {
diff --git a/demo/js/config/addons.js b/demo/js/config/addons.js
index f7e208fe9..827102bb2 100644
--- a/demo/js/config/addons.js
+++ b/demo/js/config/addons.js
@@ -1,17 +1,17 @@
Demo.ADDONS_CONFIG = [{
- id: 7,
+ id: 1000,
text: "addons"
}, {
- pId: 7,
- id: 701,
+ pId: 1000,
+ id: 1001,
text: "拓展图表控件"
}, {
- pId: 701,
+ pId: 1001,
text: "柱状图",
value: "demo.axis_chart"
}, {
- pId: 7,
- id: 702,
+ pId: 1000,
+ id: 1002,
text: "滚动sliders",
value: "demo.slider"
}];
\ No newline at end of file
diff --git a/demo/js/config/vm.js b/demo/js/config/fix.js
similarity index 90%
rename from demo/js/config/vm.js
rename to demo/js/config/fix.js
index 4bdd4dc62..974671759 100644
--- a/demo/js/config/vm.js
+++ b/demo/js/config/fix.js
@@ -53,9 +53,9 @@ var viewRouter = new (BI.inherit(BI.WRouter, {
BI.View.registerVMRouter(viewRouter, modelRouter);
-Demo.VM_CONFIG = [{
+Demo.FIX_CONFIG = [{
id: 6,
- text: "数据流框架"
+ text: "数据流框架fix-1.0"
}, {
pId: 6,
text: "set,get方法",
@@ -80,4 +80,12 @@ Demo.VM_CONFIG = [{
pId: 6,
text: "tmp方法",
value: "demo.tmp"
+}, {
+ id: 7,
+ text: "数据流框架fix-2.0"
+}, {
+ id: 71,
+ pId: 7,
+ text: "fix框架",
+ value: "demo.fix"
}];
\ No newline at end of file
diff --git a/demo/js/vm/change.js b/demo/js/fix-1.0/change.js
similarity index 100%
rename from demo/js/vm/change.js
rename to demo/js/fix-1.0/change.js
diff --git a/demo/js/vm/local.js b/demo/js/fix-1.0/local.js
similarity index 100%
rename from demo/js/vm/local.js
rename to demo/js/fix-1.0/local.js
diff --git a/demo/js/vm/setget.js b/demo/js/fix-1.0/setget.js
similarity index 100%
rename from demo/js/vm/setget.js
rename to demo/js/fix-1.0/setget.js
diff --git a/demo/js/vm/skipto.js b/demo/js/fix-1.0/skipto.js
similarity index 100%
rename from demo/js/vm/skipto.js
rename to demo/js/fix-1.0/skipto.js
diff --git a/demo/js/vm/spliceduplicate.js b/demo/js/fix-1.0/spliceduplicate.js
similarity index 100%
rename from demo/js/vm/spliceduplicate.js
rename to demo/js/fix-1.0/spliceduplicate.js
diff --git a/demo/js/vm/tmp.js b/demo/js/fix-1.0/tmp.js
similarity index 100%
rename from demo/js/vm/tmp.js
rename to demo/js/fix-1.0/tmp.js
diff --git a/demo/js/fix-2.0/fix.js b/demo/js/fix-2.0/fix.js
new file mode 100644
index 000000000..0bbc8c87a
--- /dev/null
+++ b/demo/js/fix-2.0/fix.js
@@ -0,0 +1,38 @@
+Demo.Store = BI.inherit(Fix.VM, {
+ computed: {
+ b: function () {
+ return this.model.name + 1
+ },
+ c: function () {
+ return this.model.name + this.model.b
+ }
+ },
+ methods: {
+ run: function () {
+ this.model.name = 2;
+ }
+ }
+});
+var model = new Fix.Observer({
+ name: 1,
+ arr: [{
+ n: 'a'
+ }, {
+ n: 'b'
+ }]
+}).model;
+Demo.Fix = BI.inherit(BI.Widget, {
+ _store: function () {
+ return new Demo.Store(model);
+ },
+ watch: {
+ b: function () {
+ debugger;
+ }
+ },
+ mounted: function () {
+ this.store.run()
+ }
+});
+
+BI.shortcut("demo.fix", Demo.Fix);
\ No newline at end of file
diff --git a/dist/bundle.css b/dist/bundle.css
index a9767b911..b651fb20e 100644
--- a/dist/bundle.css
+++ b/dist/bundle.css
@@ -249,14 +249,16 @@ a {
a:focus {
outline: 0;
}
-input::-webkit-contacts-auto-fill-button,
-input::-ms-clear {
+input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}
+input::-ms-clear {
+ display: none;
+}
input,
textarea {
margin: 0;
diff --git a/dist/bundle.js b/dist/bundle.js
index ea66ee365..e560082e2 100644
--- a/dist/bundle.js
+++ b/dist/bundle.js
@@ -25782,100 +25782,7 @@ Data.Constant = BI.Constant = BICst = {};
};
Data.Source = BISource = {
-};//工程配置
-(function () {
- //注册布局
- var isSupportFlex = BI.isSupportCss3("flex");
- BI.Plugin.registerWidget("bi.horizontal", function (ob) {
- if (isSupportFlex) {
- return BI.extend(ob, {type: "bi.flex_horizontal"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.center_adapt", function (ob) {
- if (isSupportFlex && ob.items && ob.items.length <= 1) {
- //有滚动条的情况下需要用到flex_wrapper_center布局
- if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) {
- //不是IE用flex_wrapper_center布局
- if (!BI.isIE()) {
- return BI.extend(ob, {type: "bi.flex_wrapper_center"});
- }
- return ob;
- }
- return BI.extend(ob, {type: "bi.flex_center"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.vertical_adapt", function (ob) {
- if (isSupportFlex) {
- //有滚动条的情况下需要用到flex_wrapper_center布局
- if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) {
- //不是IE用flex_wrapper_center布局
- if (!BI.isIE()) {
- return BI.extend({}, ob, {type: "bi.flex_wrapper_vertical_center"});
- }
- return ob;
- }
- return BI.extend(ob, {type: "bi.flex_vertical_center"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.float_center_adapt", function (ob) {
- if (isSupportFlex) {
- //有滚动条的情况下需要用到flex_wrapper_center布局
- if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) {
- //不是IE用flex_wrapper_center布局
- if (!BI.isIE()) {
- return BI.extend({}, ob, {type: "bi.flex_wrapper_center"});
- }
- return ob;
- }
- return BI.extend(ob, {type: "bi.flex_center"});
- } else {
- return ob;
- }
- });
- //注册滚动条
- BI.Plugin.registerWidget("bi.grid_table_scrollbar", function (ob) {
- if (BI.isIE9Below()) {
- return BI.extend(ob, {type: "bi.native_table_scrollbar"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.grid_table_horizontal_scrollbar", function (ob) {
- if (BI.isIE9Below()) {
- return BI.extend(ob, {type: "bi.native_table_horizontal_scrollbar"});
- } else {
- return ob;
- }
- });
-
- //注册控件
- BI.Plugin.registerWidget("bi.grid_table", function (ob) {
- //非chrome下滚动条滑动效果不好，禁止掉
- if (!(BI.isChrome() && BI.isWindows() && !BI.isEdge())) {
- return BI.extend(ob, {type: "bi.quick_grid_table"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.collection_table", function (ob) {
- //非chrome下滚动条滑动效果不好，禁止掉
- if (!(BI.isChrome() && BI.isWindows() && !BI.isEdge())) {
- return BI.extend(ob, {type: "bi.quick_collection_table"});
- } else {
- return ob;
- }
- });
- //IE8下滚动条用原生的
- if (BI.isIE9Below()) {
- BI.GridTableScrollbar.SIZE = 18;
- }
-}());/*!
+};/*!
* jQuery Mousewheel 3.1.13
*
* Copyright jQuery Foundation and other contributors
diff --git a/dist/core.css b/dist/core.css
index 7cc9d4799..1539fdef4 100644
--- a/dist/core.css
+++ b/dist/core.css
@@ -249,14 +249,16 @@ a {
a:focus {
outline: 0;
}
-input::-webkit-contacts-auto-fill-button,
-input::-ms-clear {
+input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}
+input::-ms-clear {
+ display: none;
+}
input,
textarea {
margin: 0;
diff --git a/dist/core.js b/dist/core.js
index c04a9aa4e..934db8afa 100644
--- a/dist/core.js
+++ b/dist/core.js
@@ -25731,97 +25731,4 @@ Data.Constant = BI.Constant = BICst = {};
};
Data.Source = BISource = {
-};//工程配置
-(function () {
- //注册布局
- var isSupportFlex = BI.isSupportCss3("flex");
- BI.Plugin.registerWidget("bi.horizontal", function (ob) {
- if (isSupportFlex) {
- return BI.extend(ob, {type: "bi.flex_horizontal"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.center_adapt", function (ob) {
- if (isSupportFlex && ob.items && ob.items.length <= 1) {
- //有滚动条的情况下需要用到flex_wrapper_center布局
- if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) {
- //不是IE用flex_wrapper_center布局
- if (!BI.isIE()) {
- return BI.extend(ob, {type: "bi.flex_wrapper_center"});
- }
- return ob;
- }
- return BI.extend(ob, {type: "bi.flex_center"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.vertical_adapt", function (ob) {
- if (isSupportFlex) {
- //有滚动条的情况下需要用到flex_wrapper_center布局
- if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) {
- //不是IE用flex_wrapper_center布局
- if (!BI.isIE()) {
- return BI.extend({}, ob, {type: "bi.flex_wrapper_vertical_center"});
- }
- return ob;
- }
- return BI.extend(ob, {type: "bi.flex_vertical_center"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.float_center_adapt", function (ob) {
- if (isSupportFlex) {
- //有滚动条的情况下需要用到flex_wrapper_center布局
- if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) {
- //不是IE用flex_wrapper_center布局
- if (!BI.isIE()) {
- return BI.extend({}, ob, {type: "bi.flex_wrapper_center"});
- }
- return ob;
- }
- return BI.extend(ob, {type: "bi.flex_center"});
- } else {
- return ob;
- }
- });
- //注册滚动条
- BI.Plugin.registerWidget("bi.grid_table_scrollbar", function (ob) {
- if (BI.isIE9Below()) {
- return BI.extend(ob, {type: "bi.native_table_scrollbar"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.grid_table_horizontal_scrollbar", function (ob) {
- if (BI.isIE9Below()) {
- return BI.extend(ob, {type: "bi.native_table_horizontal_scrollbar"});
- } else {
- return ob;
- }
- });
-
- //注册控件
- BI.Plugin.registerWidget("bi.grid_table", function (ob) {
- //非chrome下滚动条滑动效果不好，禁止掉
- if (!(BI.isChrome() && BI.isWindows() && !BI.isEdge())) {
- return BI.extend(ob, {type: "bi.quick_grid_table"});
- } else {
- return ob;
- }
- });
- BI.Plugin.registerWidget("bi.collection_table", function (ob) {
- //非chrome下滚动条滑动效果不好，禁止掉
- if (!(BI.isChrome() && BI.isWindows() && !BI.isEdge())) {
- return BI.extend(ob, {type: "bi.quick_collection_table"});
- } else {
- return ob;
- }
- });
- //IE8下滚动条用原生的
- if (BI.isIE9Below()) {
- BI.GridTableScrollbar.SIZE = 18;
- }
-}());
\ No newline at end of file
+};
\ No newline at end of file
diff --git a/dist/demo.js b/dist/demo.js
index 23ac2d8f2..96e5bc52a 100644
--- a/dist/demo.js
+++ b/dist/demo.js
@@ -5065,19 +5065,19 @@ BI.shortcut("demo.value_chooser_combo", Demo.ValueChooserCombo);Demo.ValueChoose
}
});
BI.shortcut("demo.value_chooser_pane", Demo.ValueChooserPane);Demo.ADDONS_CONFIG = [{
- id: 7,
+ id: 1000,
text: "addons"
}, {
- pId: 7,
- id: 701,
+ pId: 1000,
+ id: 1001,
text: "拓展图表控件"
}, {
- pId: 701,
+ pId: 1001,
text: "柱状图",
value: "demo.axis_chart"
}, {
- pId: 7,
- id: 702,
+ pId: 1000,
+ id: 1002,
text: "滚动sliders",
value: "demo.slider"
}];Demo.BASE_CONFIG = [{
@@ -5714,9 +5714,9 @@ var viewRouter = new (BI.inherit(BI.WRouter, {
BI.View.registerVMRouter(viewRouter, modelRouter);
-Demo.VM_CONFIG = [{
+Demo.FIX_CONFIG = [{
id: 6,
- text: "数据流框架"
+ text: "数据流框架fix-1.0"
}, {
pId: 6,
text: "set,get方法",
@@ -5741,6 +5741,14 @@ Demo.VM_CONFIG = [{
pId: 6,
text: "tmp方法",
value: "demo.tmp"
+}, {
+ id: 7,
+ text: "数据流框架fix-2.0"
+}, {
+ id: 71,
+ pId: 7,
+ text: "fix框架",
+ value: "demo.fix"
}];Demo.WIDGET_CONFIG = [{
id: 4,
text: "详细控件",
@@ -9223,199 +9231,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
this._runGlobalStyle();
}
});
-BI.shortcut("demo.face", Demo.Face);Demo.Main = BI.inherit(BI.Widget, {
- props: {
- baseCls: "demo-main bi-background"
- },
- render: function () {
- var center;
- return {
- type: "bi.border",
- items: {
- north: {
- height: 50,
- el: {
- type: "demo.north",
- listeners: [{
- eventName: Demo.North.EVENT_VALUE_CHANGE,
- action: function (v) {
- center.setValue(v);
- }
- }]
- }
- },
- west: {
- width: 230,
- el: {
- type: "demo.west",
- listeners: [{
- eventName: Demo.West.EVENT_VALUE_CHANGE,
- action: function (v) {
- center.setValue(v);
- }
- }]
- }
- },
- center: {
- el: {
- type: "demo.center",
- ref: function (_ref) {
- center = _ref;
- }
- }
- }
- }
- }
- }
-});
-BI.shortcut("demo.main", Demo.Main);Demo.North = BI.inherit(BI.Widget, {
- props: {
- baseCls: "demo-north"
- },
- render: function () {
- var self = this;
- return {
- type: "bi.htape",
- items: [{
- width: 230,
- el: {
- type: "bi.text_button",
- listeners: [{
- eventName: BI.Button.EVENT_CHANGE,
- action: function () {
- self.fireEvent(Demo.North.EVENT_VALUE_CHANGE, "demo.face")
- }
- }],
- cls: "logo",
- height: 50,
- text: "FineUI2.0"
- }
- }, {
- el: {
- type: "bi.right",
- hgap: 10,
- items: [{
- type: "bi.text_button",
- text: "星空蓝",
- handler: function () {
- $("html").removeClass("bi-theme-default").addClass("bi-theme-dark");
- }
- }, {
- type: "bi.text_button",
- text: "典雅白",
- handler: function () {
- $("html").removeClass("bi-theme-dark").addClass("bi-theme-default");
- }
- }]
- }
- }]
- }
- }
-});
-Demo.North.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
-BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, {
- props: {
- baseCls: "demo-preview"
- },
- render: function () {
- var self = this;
- var items = [], header = [], columnSize = [];
-
- var rowCount = 100, columnCount = 100;
- for (var i = 0; i < 1; i++) {
- header[i] = [];
- for (var j = 0; j < columnCount; j++) {
- header[i][j] = {
- type: "bi.label",
- text: "表头" + i + "-" + j
- }
- columnSize[j] = 100;
- }
- }
- for (var i = 0; i < rowCount; i++) {
- items[i] = [];
- for (var j = 0; j < columnCount; j++) {
- items[i][j] = {
- type: "bi.label",
- text: (i < 3 ? 0 : i) + "-" + j
- }
- }
- }
- return {
- type: "bi.absolute",
- cls: "preview-background",
- items: [{
- el: {
- type: "bi.left",
- cls: "preview-header bi-tips",
- height: 40,
- items: [{
- type: "bi.label",
- height: 40,
- text: "Card2",
- hgap: 10,
- textAlign: "left"
- }, {
- type: "bi.icon_text_item",
- cls: "filter-font",
- text: "测试图标",
- width: 100,
- height: 40
- }]
- },
- left: 60,
- right: 60,
- top: 60
- }, {
- el: {
- type: "bi.vtape",
- cls: "preview-card bi-card",
- items: [{
- el: {
- type: "bi.label",
- cls: "preview-title bi-border-bottom",
- height: 40,
- text: "Card1",
- hgap: 10,
- textAlign: "left"
- },
- height: 40
- }, {
- type: "bi.center_adapt",
- scrollable: true,
- items: [{
- type: "bi.resizable_table",
- el: {
- type: "bi.collection_table"
- },
- width: 500,
- height: 400,
- isResizeAdapt: true,
- isNeedResize: true,
- isNeedMerge: true,
- mergeCols: [0, 1],
- mergeRule: function (col1, col2) {
- return BI.isEqual(col1, col2);
- },
- isNeedFreeze: true,
- freezeCols: [0, 1],
- columnSize: columnSize,
- items: items,
- header: header
- }]
- }]
- },
- left: 60,
- right: 60,
- top: 160,
- bottom: 60
- }]
- }
- },
- mounted: function () {
- }
-});
-BI.shortcut("demo.preview", Demo.Preview);//change函数
+BI.shortcut("demo.face", Demo.Face);//change函数
ChangeView = BI.inherit(BI.View, {
_defaultConfig: function(){
return BI.extend(ChangeView.superclass._defaultConfig.apply(this, arguments),{
@@ -10620,7 +10436,236 @@ Demo.Func = BI.inherit(BI.Widget, {
}
});
BI.shortcut("demo.tmp", Demo.Func);
-Demo.West = BI.inherit(BI.Widget, {
+Demo.Store = BI.inherit(Fix.VM, {
+ computed: {
+ b: function () {
+ return this.model.name + 1
+ },
+ c: function () {
+ return this.model.name + this.model.b
+ }
+ },
+ methods: {
+ run: function () {
+ this.model.name = 2;
+ }
+ }
+});
+var model = new Fix.Observer({
+ name: 1,
+ arr: [{
+ n: 'a'
+ }, {
+ n: 'b'
+ }]
+}).model;
+Demo.Fix = BI.inherit(BI.Widget, {
+ _store: function () {
+ return new Demo.Store(model);
+ },
+ watch: {
+ b: function () {
+ debugger;
+ }
+ },
+ mounted: function () {
+ this.store.run()
+ }
+});
+
+BI.shortcut("demo.fix", Demo.Fix);Demo.Main = BI.inherit(BI.Widget, {
+ props: {
+ baseCls: "demo-main bi-background"
+ },
+ render: function () {
+ var center;
+ return {
+ type: "bi.border",
+ items: {
+ north: {
+ height: 50,
+ el: {
+ type: "demo.north",
+ listeners: [{
+ eventName: Demo.North.EVENT_VALUE_CHANGE,
+ action: function (v) {
+ center.setValue(v);
+ }
+ }]
+ }
+ },
+ west: {
+ width: 230,
+ el: {
+ type: "demo.west",
+ listeners: [{
+ eventName: Demo.West.EVENT_VALUE_CHANGE,
+ action: function (v) {
+ center.setValue(v);
+ }
+ }]
+ }
+ },
+ center: {
+ el: {
+ type: "demo.center",
+ ref: function (_ref) {
+ center = _ref;
+ }
+ }
+ }
+ }
+ }
+ }
+});
+BI.shortcut("demo.main", Demo.Main);Demo.North = BI.inherit(BI.Widget, {
+ props: {
+ baseCls: "demo-north"
+ },
+ render: function () {
+ var self = this;
+ return {
+ type: "bi.htape",
+ items: [{
+ width: 230,
+ el: {
+ type: "bi.text_button",
+ listeners: [{
+ eventName: BI.Button.EVENT_CHANGE,
+ action: function () {
+ self.fireEvent(Demo.North.EVENT_VALUE_CHANGE, "demo.face")
+ }
+ }],
+ cls: "logo",
+ height: 50,
+ text: "FineUI2.0"
+ }
+ }, {
+ el: {
+ type: "bi.right",
+ hgap: 10,
+ items: [{
+ type: "bi.text_button",
+ text: "星空蓝",
+ handler: function () {
+ $("html").removeClass("bi-theme-default").addClass("bi-theme-dark");
+ }
+ }, {
+ type: "bi.text_button",
+ text: "典雅白",
+ handler: function () {
+ $("html").removeClass("bi-theme-dark").addClass("bi-theme-default");
+ }
+ }]
+ }
+ }]
+ }
+ }
+});
+Demo.North.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
+BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, {
+ props: {
+ baseCls: "demo-preview"
+ },
+ render: function () {
+ var self = this;
+ var items = [], header = [], columnSize = [];
+
+ var rowCount = 100, columnCount = 100;
+ for (var i = 0; i < 1; i++) {
+ header[i] = [];
+ for (var j = 0; j < columnCount; j++) {
+ header[i][j] = {
+ type: "bi.label",
+ text: "表头" + i + "-" + j
+ }
+ columnSize[j] = 100;
+ }
+ }
+ for (var i = 0; i < rowCount; i++) {
+ items[i] = [];
+ for (var j = 0; j < columnCount; j++) {
+ items[i][j] = {
+ type: "bi.label",
+ text: (i < 3 ? 0 : i) + "-" + j
+ }
+ }
+ }
+ return {
+ type: "bi.absolute",
+ cls: "preview-background",
+ items: [{
+ el: {
+ type: "bi.left",
+ cls: "preview-header bi-tips",
+ height: 40,
+ items: [{
+ type: "bi.label",
+ height: 40,
+ text: "Card2",
+ hgap: 10,
+ textAlign: "left"
+ }, {
+ type: "bi.icon_text_item",
+ cls: "filter-font",
+ text: "测试图标",
+ width: 100,
+ height: 40
+ }]
+ },
+ left: 60,
+ right: 60,
+ top: 60
+ }, {
+ el: {
+ type: "bi.vtape",
+ cls: "preview-card bi-card",
+ items: [{
+ el: {
+ type: "bi.label",
+ cls: "preview-title bi-border-bottom",
+ height: 40,
+ text: "Card1",
+ hgap: 10,
+ textAlign: "left"
+ },
+ height: 40
+ }, {
+ type: "bi.center_adapt",
+ scrollable: true,
+ items: [{
+ type: "bi.resizable_table",
+ el: {
+ type: "bi.collection_table"
+ },
+ width: 500,
+ height: 400,
+ isResizeAdapt: true,
+ isNeedResize: true,
+ isNeedMerge: true,
+ mergeCols: [0, 1],
+ mergeRule: function (col1, col2) {
+ return BI.isEqual(col1, col2);
+ },
+ isNeedFreeze: true,
+ freezeCols: [0, 1],
+ columnSize: columnSize,
+ items: items,
+ header: header
+ }]
+ }]
+ },
+ left: 60,
+ right: 60,
+ top: 160,
+ bottom: 60
+ }]
+ }
+ },
+ mounted: function () {
+ }
+});
+BI.shortcut("demo.preview", Demo.Preview);Demo.West = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-west bi-border-right bi-card"
},
@@ -13749,7 +13794,7 @@ Demo.YearQuarterCombo = BI.inherit(BI.Widget, {
}
})
-BI.shortcut("demo.year_quarter_combo", Demo.YearQuarterCombo);Demo.CONFIG = Demo.CORE_CONFIG.concat(Demo.BASE_CONFIG).concat(Demo.CASE_CONFIG).concat(Demo.WIDGET_CONFIG).concat(Demo.COMPONENT_CONFIG).concat(Demo.VM_CONFIG).concat(Demo.ADDONS_CONFIG).concat(Demo.CATEGORY_CONFIG);
+BI.shortcut("demo.year_quarter_combo", Demo.YearQuarterCombo);Demo.CONFIG = Demo.CORE_CONFIG.concat(Demo.BASE_CONFIG).concat(Demo.CASE_CONFIG).concat(Demo.WIDGET_CONFIG).concat(Demo.COMPONENT_CONFIG).concat(Demo.FIX_CONFIG).concat(Demo.ADDONS_CONFIG).concat(Demo.CATEGORY_CONFIG);
Demo.CONSTANTS = {
SIMPLE_ITEMS: BI.map("柳州市城贸金属材料有限责任公司 柳州市建福房屋租赁有限公司 柳州市迅昌数码办公设备有限责任公司 柳州市河海贸易有限责任公司 柳州市花篮制衣厂 柳州市兴溪物资有限公司 柳州市针织总厂 柳州市衡管物资有限公司 柳州市琪成机电设备有限公司 柳州市松林工程机械修理厂".match(/[^\s]+/g), function (i, v) {
diff --git a/dist/fix.js b/dist/fix.js
deleted file mode 100644
index 16ead6ea9..000000000
--- a/dist/fix.js
+++ /dev/null
@@ -1,3215 +0,0 @@
-/**
- * MVC工厂
- * guy
- * @class BI.Factory
- */
-BI.Factory = {
- parsePath: function parsePath (path) {
- var segments = path.split('.');
- return function (obj) {
- for (var i = 0; i < segments.length; i++) {
- if (!obj) {
- return;
- }
- obj = obj[segments[i]];
- }
- return obj;
- }
- },
- createView : function(url, viewFunc, mData, vData, context){
- var modelFunc = viewFunc.replace(/View/, "Model");
- modelFunc = this.parsePath(modelFunc)(window);
- if(!_.isFunction(modelFunc)){
- modelFunc = BI.Model;
- }
-// try {
- var model = new (modelFunc)(_.extend({}, mData, {
- parent: context && context.model,
- rootURL: url
- }), {silent: true});
-// } catch (e) {
-//
-// }
-// try {
- var view = new (this.parsePath(viewFunc)(window))(_.extend({}, vData, {
- model: model,
- parent: context,
- rootURL: url
- }));
-// } catch (e) {
-//
-// }
- return view;
- }
-};(function (root, factory) {
- root.BI = factory(root, root.BI || {}, root._, (root.jQuery || root.$));
-}(this, function (root, BI, _, $) {
-
- // Create local references to array methods we'll want to use later.
- var array = [];
- var slice = array.slice;
-
- // For BI's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns
- // the `$` variable.
- BI.$ = $;
-
- // Turn on `emulateHTTP` to support legacy HTTP servers. Setting this option
- // will fake `"PATCH"`, `"PUT"` and `"DELETE"` requests via the `_method` parameter and
- // set a `X-Http-Method-Override` header.
- BI.emulateHTTP = true;
-
- // Turn on `emulateJSON` to support legacy servers that can't deal with direct
- // `application/json` requests ... this will encode the body as
- // `application/x-www-form-urlencoded` instead and will send the model in a
- // form param named `model`.
- BI.emulateJSON = true;
-
- // BI.Events
- // ---------------
-
- // A module that can be mixed in to *any object* in order to provide it with
- // custom events. You may bind with `on` or remove with `off` callback
- // functions to an event; `trigger`-ing an event fires all callbacks in
- // succession.
- //
- // var object = {};
- // _.extend(object, BI.Events);
- // object.on('expand', function(){ alert('expanded'); });
- // object.trigger('expand');
- //
- var Events = {
-
- // Bind an event to a `callback` function. Passing `"all"` will bind
- // the callback to all events fired.
- on: function (name, callback, context) {
- if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this;
- this._events || (this._events = {});
- var events = this._events[name] || (this._events[name] = []);
- events.push({callback: callback, context: context, ctx: context || this});
- return this;
- },
-
- // Bind an event to only be triggered a single time. After the first time
- // the callback is invoked, it will be removed.
- once: function (name, callback, context) {
- if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this;
- var self = this;
- var once = _.once(function () {
- self.off(name, once);
- callback.apply(this, arguments);
- });
- once._callback = callback;
- return this.on(name, once, context);
- },
-
- // Remove one or many callbacks. If `context` is null, removes all
- // callbacks with that function. If `callback` is null, removes all
- // callbacks for the event. If `name` is null, removes all bound
- // callbacks for all events.
- off: function (name, callback, context) {
- if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this;
-
- // Remove all callbacks for all events.
- if (!name && !callback && !context) {
- this._events = void 0;
- return this;
- }
-
- var names = name ? [name] : _.keys(this._events);
- for (var i = 0, length = names.length; i < length; i++) {
- name = names[i];
-
- // Bail out if there are no events stored.
- var events = this._events[name];
- if (!events) continue;
-
- // Remove all callbacks for this event.
- if (!callback && !context) {
- delete this._events[name];
- continue;
- }
-
- // Find any remaining events.
- var remaining = [];
- for (var j = 0, k = events.length; j < k; j++) {
- var event = events[j];
- if (
- callback && callback !== event.callback &&
- callback !== event.callback._callback ||
- context && context !== event.context
- ) {
- remaining.push(event);
- }
- }
-
- // Replace events if there are any remaining. Otherwise, clean up.
- if (remaining.length) {
- this._events[name] = remaining;
- } else {
- delete this._events[name];
- }
- }
-
- return this;
- },
-
- un: function () {
- this.off.apply(this, arguments);
- },
-
- // Trigger one or many events, firing all bound callbacks. Callbacks are
- // passed the same arguments as `trigger` is, apart from the event name
- // (unless you're listening on `"all"`, which will cause your callback to
- // receive the true name of the event as the first argument).
- trigger: function (name) {
- if (!this._events) return this;
- var args = slice.call(arguments, 1);
- if (!eventsApi(this, 'trigger', name, args)) return this;
- var events = this._events[name];
- var allEvents = this._events.all;
- if (events) triggerEvents(events, args);
- if (allEvents) triggerEvents(allEvents, arguments);
- return this;
- },
-
- fireEvent: function () {
- this.trigger.apply(this, arguments);
- },
-
- // Inversion-of-control versions of `on` and `once`. Tell *this* object to
- // listen to an event in another object ... keeping track of what it's
- // listening to.
- listenTo: function (obj, name, callback) {
- var listeningTo = this._listeningTo || (this._listeningTo = {});
- var id = obj._listenId || (obj._listenId = _.uniqueId('l'));
- listeningTo[id] = obj;
- if (!callback && typeof name === 'object') callback = this;
- obj.on(name, callback, this);
- return this;
- },
-
- listenToOnce: function (obj, name, callback) {
- if (typeof name === 'object') {
- for (var event in name) this.listenToOnce(obj, event, name[event]);
- return this;
- }
- if (eventSplitter.test(name)) {
- var names = name.split(eventSplitter);
- for (var i = 0, length = names.length; i < length; i++) {
- this.listenToOnce(obj, names[i], callback);
- }
- return this;
- }
- if (!callback) return this;
- var once = _.once(function () {
- this.stopListening(obj, name, once);
- callback.apply(this, arguments);
- });
- once._callback = callback;
- return this.listenTo(obj, name, once);
- },
-
- // Tell this object to stop listening to either specific events ... or
- // to every object it's currently listening to.
- stopListening: function (obj, name, callback) {
- var listeningTo = this._listeningTo;
- if (!listeningTo) return this;
- var remove = !name && !callback;
- if (!callback && typeof name === 'object') callback = this;
- if (obj) (listeningTo = {})[obj._listenId] = obj;
- for (var id in listeningTo) {
- obj = listeningTo[id];
- obj.off(name, callback, this);
- if (remove || _.isEmpty(obj._events)) delete this._listeningTo[id];
- }
- return this;
- }
-
- };
-
- // Regular expression used to split event strings.
- var eventSplitter = /\s+/;
-
- // Implement fancy features of the Events API such as multiple event
- // names `"change blur"` and jQuery-style event maps `{change: action}`
- // in terms of the existing API.
- var eventsApi = function (obj, action, name, rest) {
- if (!name) return true;
-
- // Handle event maps.
- if (typeof name === 'object') {
- for (var key in name) {
- obj[action].apply(obj, [key, name[key]].concat(rest));
- }
- return false;
- }
-
- // Handle space separated event names.
- if (eventSplitter.test(name)) {
- var names = name.split(eventSplitter);
- for (var i = 0, length = names.length; i < length; i++) {
- obj[action].apply(obj, [names[i]].concat(rest));
- }
- return false;
- }
-
- return true;
- };
-
- // A difficult-to-believe, but optimized internal dispatch function for
- // triggering events. Tries to keep the usual cases speedy (most internal
- // BI events have 3 arguments).
- var triggerEvents = function (events, args) {
- var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2];
- switch (args.length) {
- case 0:
- while (++i < l) (ev = events[i]).callback.call(ev.ctx);
- return;
- case 1:
- while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1);
- return;
- case 2:
- while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2);
- return;
- case 3:
- while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3);
- return;
- default:
- while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args);
- return;
- }
- };
-
- // Aliases for backwards compatibility.
- Events.bind = Events.on;
- Events.unbind = Events.off;
-
- // BI.M
- // --------------
-
- // BI **Models** are the basic data object in the framework --
- // frequently representing a row in a table in a database on your server.
- // A discrete chunk of data and a bunch of useful, related methods for
- // performing computations and transformations on that data.
-
- // Create a new model with the specified attributes. A client id (`cid`)
- // is automatically generated and assigned for you.
- var M = BI.M = function (attributes, options) {
- var attrs = attributes || {};
- options = options || {};
- this.cid = _.uniqueId('c');
- this.attributes = {};
- if (options.collection) this.collection = options.collection;
- if (options.parse) attrs = this.parse(attrs, options) || {};
- this.options = attrs = _.defaults({}, attrs, _.result(this, '_defaultConfig'));
- _.extend(this, _.pick(this.options, modelOptions));
- this.set(attrs, options);
- this.changed = {};
- this._init.apply(this, arguments);
- };
-
- var modelOptions = ['rootURL', 'parent', 'data', 'id'];
-
- // Attach all inheritable methods to the M prototype.
- _.extend(M.prototype, Events, {
-
- // A hash of attributes whose current and previous value differ.
- changed: null,
-
- // The value returned during the last failed validation.
- validationError: null,
-
- // The default name for the JSON `id` attribute is `"id"`. MongoDB and
- // CouchDB users may want to set this to `"_id"`.
- idAttribute: 'ID',
-
- _defaultConfig: function () {
- return {}
- },
-
- // _init is an empty function by default. Override it with your own
- // initialization logic.
- _init: function () {
- },
-
- // Return a copy of the model's `attributes` object.
- toJSON: function (options) {
- return _.clone(this.attributes);
- },
-
- // Proxy `BI.sync` by default -- but override this if you need
- // custom syncing semantics for *this* particular model.
- sync: function () {
- return BI.sync.apply(this, arguments);
- },
-
- // Get the value of an attribute.
- get: function (attr) {
- return this.attributes[attr];
- },
-
- // Get the HTML-escaped value of an attribute.
- escape: function (attr) {
- return _.escape(this.get(attr));
- },
-
- // Returns `true` if the attribute contains a value that is not null
- // or undefined.
- has: function (attr) {
- return _.has(this.attributes, attr);
- },
-
- // Special-cased proxy to underscore's `_.matches` method.
- matches: function (attrs) {
- var keys = _.keys(attrs), length = keys.length;
- var obj = Object(this.attributes);
- for (var i = 0; i < length; i++) {
- var key = keys[i];
- if (!_.isEqual(attrs[key], obj[key]) || !(key in obj)) return false;
- }
- return true;
- },
-
- // Set a hash of model attributes on the object, firing `"change"`. This is
- // the core primitive operation of a model, updating the data and notifying
- // anyone who needs to know about the change in state. The heart of the beast.
- set: function (key, val, options) {
- var attr, attrs, unset, changes, silent, changing, changed, prev, current;
- if (key == null) return this;
-
- // Handle both `"key", value` and `{key: value}` -style arguments.
- if (typeof key === 'object') {
- attrs = key;
- options = val;
- } else {
- (attrs = {})[key] = val;
- }
-
- options || (options = {});
-
- // Run validation.
- if (!this._validate(attrs, options)) return false;
-
- // Extract attributes and options.
- unset = options.unset;
- silent = options.silent;
- changes = [];
- changing = this._changing;
- this._changing = true;
-
- if (!changing) {
- this._previousAttributes = _.clone(this.attributes);
- this.changed = {};
- }
- current = this.attributes, prev = this._previousAttributes;
-
- // Check for changes of `id`.
- if (this.idAttribute in attrs) this.id = attrs[this.idAttribute];
-
- // For each `set` attribute, update or delete the current value.
- for (attr in attrs) {
- val = attrs[attr];
- if (!_.isEqual(current[attr], val)) changes.push(attr);
- if (!_.isEqual(prev[attr], val)) {
- this.changed[attr] = val;
- } else {
- delete this.changed[attr];
- }
- unset ? delete current[attr] : current[attr] = val;
- }
-
- // Trigger all relevant attribute changes.
- if (!silent) {
- if (changes.length) this._pending = options;
- for (var i = 0, length = changes.length; i < length; i++) {
- this.trigger('change:' + changes[i], this, current[changes[i]], options);
- }
- }
-
- // You might be wondering why there's a `while` loop here. Changes can
- // be recursively nested within `"change"` events.
- if (changing) return this;
- changed = BI.clone(this.changed);
- if (!silent) {
- while (this._pending) {
- options = this._pending;
- this._pending = false;
- this.trigger('change', changed, prev, this, options);
- }
- }
- this._pending = false;
- this._changing = false;
- if (!silent && changes.length) this.trigger("changed", changed, prev, this, options);
- return this;
- },
-
- // Remove an attribute from the model, firing `"change"`. `unset` is a noop
- // if the attribute doesn't exist.
- unset: function (attr, options) {
- return this.set(attr, void 0, _.extend({}, options, {unset: true}));
- },
-
- // Clear all attributes on the model, firing `"change"`.
- clear: function (options) {
- var attrs = {};
- for (var key in this.attributes) attrs[key] = void 0;
- return this.set(attrs, _.extend({}, options, {unset: true}));
- },
-
- // Determine if the model has changed since the last `"change"` event.
- // If you specify an attribute name, determine if that attribute has changed.
- hasChanged: function (attr) {
- if (attr == null) return !_.isEmpty(this.changed);
- return _.has(this.changed, attr);
- },
-
- // Return an object containing all the attributes that have changed, or
- // false if there are no changed attributes. Useful for determining what
- // parts of a view need to be updated and/or what attributes need to be
- // persisted to the server. Unset attributes will be set to undefined.
- // You can also pass an attributes object to diff against the model,
- // determining if there *would be* a change.
- changedAttributes: function (diff) {
- if (!diff) return this.hasChanged() ? _.clone(this.changed) : false;
- var val, changed = false;
- var old = this._changing ? this._previousAttributes : this.attributes;
- for (var attr in diff) {
- if (_.isEqual(old[attr], (val = diff[attr]))) continue;
- (changed || (changed = {}))[attr] = val;
- }
- return changed;
- },
-
- // Get the previous value of an attribute, recorded at the time the last
- // `"change"` event was fired.
- previous: function (attr) {
- if (attr == null || !this._previousAttributes) return null;
- return this._previousAttributes[attr];
- },
-
- // Get all of the attributes of the model at the time of the previous
- // `"change"` event.
- previousAttributes: function () {
- return _.clone(this._previousAttributes);
- },
-
- // Fetch the model from the server. If the server's representation of the
- // model differs from its current attributes, they will be overridden,
- // triggering a `"change"` event.
- fetch: function (options) {
- options = options ? _.clone(options) : {};
- if (options.parse === void 0) options.parse = true;
- var model = this;
- var success = options.success;
- options.success = function (resp) {
- if (!options.noset) {
- if (!model.set(model.parse(resp, options), options)) return false;
- }
- if (success) success(resp, model, options);
- model.trigger('sync', resp, model, options).trigger('read', resp, model, options);
- };
- wrapError(this, options);
- return this.sync('read', this, options);
- },
-
- // Set a hash of model attributes, and sync the model to the server.
- // If the server returns an attributes hash that differs, the model's
- // state will be `set` again.
- save: function (key, val, options) {
- var attrs, method, xhr, attributes = this.attributes;
-
- // Handle both `"key", value` and `{key: value}` -style arguments.
- if (key == null || typeof key === 'object') {
- attrs = key;
- options = val;
- } else {
- (attrs = {})[key] = val;
- }
-
- options = _.extend({validate: true}, options);
-
- // If we're not waiting and attributes exist, save acts as
- // `set(attr).save(null, opts)` with validation. Otherwise, check if
- // the model will be valid when the attributes, if any, are set.
- if (attrs && !options.wait) {
- if (!this.set(attrs, options)) return false;
- } else {
- if (!this._validate(attrs, options)) return false;
- }
-
- // Set temporary attributes if `{wait: true}`.
- if (attrs && options.wait) {
- this.attributes = _.extend({}, attributes, attrs);
- }
-
- // After a successful server-side save, the client is (optionally)
- // updated with the server-side state.
- if (options.parse === void 0) options.parse = true;
- var model = this;
- var success = options.success;
- options.success = function (resp) {
- // Ensure attributes are restored during synchronous saves.
- model.attributes = attributes;
- var serverAttrs = model.parse(resp, options);
- if (options.wait) serverAttrs = _.extend(attrs || {}, serverAttrs);
- if (_.isObject(serverAttrs) && !options.noset && !model.set(serverAttrs, options)) {
- return false;
- }
- if (success) success(resp, model, options);
- model.trigger('sync', resp, model, options)
- .trigger((options.patch ? 'patch' : 'update'), resp, model, options);
- };
- wrapError(this, options);
-
- method = /**this.isNew() ? 'create' :**/ (options.patch ? 'patch' : 'update');
- if (method === 'patch' && !options.attrs) options.attrs = attrs;
- xhr = this.sync(method, this, options);
-
- // Restore attributes.
- if (attrs && options.wait) this.attributes = attributes;
-
- return xhr;
- },
-
- // Destroy this model on the server if it was already persisted.
- // Optimistically removes the model from its collection, if it has one.
- // If `wait: true` is passed, waits for the server to respond before removal.
- destroy: function (options) {
- options = options ? _.clone(options) : {};
- var model = this;
- var success = options.success;
-
- var destroy = function () {
- model.stopListening();
- model.trigger('destroy', model.collection, model, options);
- };
-
- options.success = function (resp) {
- if (options.wait || model.isNew()) destroy();
- if (success) success(resp, model, options);
- if (!model.isNew()) model.trigger('sync', resp, model, options).trigger('delete', resp, model, options);
- };
-
- if (this.isNew()) {
- options.success();
- return false;
- }
- wrapError(this, options);
-
- var xhr = this.sync('delete', this, options);
- if (!options.wait) destroy();
- return xhr;
- },
-
- // Default URL for the model's representation on the server -- if you're
- // using BI's restful methods, override this to change the endpoint
- // that will be called.
- url: function () {
- var base =
- _.result(this.collection, 'url');
- if (this.isNew()) return base;
- return base.replace(/([^\/])$/, '$1/') + encodeURIComponent(this.id);
- },
-
- // **parse** converts a response into the hash of attributes to be `set` on
- // the model. The default implementation is just to pass the response along.
- parse: function (resp, options) {
- return resp;
- },
-
- // Create a new model with identical attributes to this one.
- clone: function () {
- return new this.constructor(this.attributes);
- },
-
- // A model is new if it has never been saved to the server, and lacks an id.
- isNew: function () {
- return !this.has(this.idAttribute);
- },
-
- // Check if the model is currently in a valid state.
- isValid: function (options) {
- return this._validate({}, _.extend(options || {}, {validate: true}));
- },
-
- // Run validation against the next complete set of model attributes,
- // returning `true` if all is well. Otherwise, fire an `"invalid"` event.
- _validate: function (attrs, options) {
- if (!options.validate || !this.validate) return true;
- attrs = _.extend({}, this.attributes, attrs);
- var error = this.validationError = this.validate(attrs, options) || null;
- if (!error) return true;
- this.trigger('invalid', error, this, _.extend(options, {validationError: error}));
- return false;
- }
-
- });
-
- // Underscore methods that we want to implement on the M.
- var modelMethods = ['keys', 'values', 'pairs', 'invert', 'pick', 'omit', 'chain', 'isEmpty'];
-
- // Mix in each Underscore method as a proxy to `M#attributes`.
- _.each(modelMethods, function (method) {
- if (!_[method]) return;
- M.prototype[method] = function () {
- var args = slice.call(arguments);
- args.unshift(this.attributes);
- return _[method].apply(_, args);
- };
- });
-
- // BI.Collection
- // -------------------
-
- // If models tend to represent a single row of data, a BI Collection is
- // more analogous to a table full of data ... or a small slice or page of that
- // table, or a collection of rows that belong together for a particular reason
- // -- all of the messages in this particular folder, all of the documents
- // belonging to this particular author, and so on. Collections maintain
- // indexes of their models, both in order, and for lookup by `id`.
-
- // Create a new **Collection**, perhaps to contain a specific type of `model`.
- // If a `comparator` is specified, the Collection will maintain
- // its models in sort order, as they're added and removed.
- var Collection = BI.Collection = function (models, options) {
- this.options = options = options || {};
- if (options.model) this.model = options.model;
- if (options.comparator !== void 0) this.comparator = options.comparator;
- this._reset();
- this._init.apply(this, arguments);
- if (models) this.reset(models, _.extend({silent: true}, options));
- };
-
- // Default options for `Collection#set`.
- var setOptions = {add: true, remove: true, merge: true};
- var addOptions = {add: true, remove: false};
-
- // Define the Collection's inheritable methods.
- _.extend(Collection.prototype, Events, {
-
- // The default model for a collection is just a **BI.M**.
- // This should be overridden in most cases.
- model: M,
-
- // _init is an empty function by default. Override it with your own
- // initialization logic.
- _init: function () {
- },
-
- // The JSON representation of a Collection is an array of the
- // models' attributes.
- toJSON: function (options) {
- return this.map(function (model) {
- return model.toJSON(options);
- });
- },
-
- // Proxy `BI.sync` by default.
- sync: function () {
- return BI.sync.apply(this, arguments);
- },
-
- // Add a model, or list of models to the set.
- add: function (models, options) {
- return this.set(models, _.extend({merge: false}, options, addOptions));
- },
-
- // Remove a model, or a list of models from the set.
- remove: function (models, options) {
- var singular = !_.isArray(models);
- models = singular ? [models] : _.clone(models);
- options || (options = {});
- for (var i = 0, length = models.length; i < length; i++) {
- var model = models[i] = this.get(models[i]);
- if (!model) continue;
- var id = this.modelId(model.attributes);
- if (id != null) delete this._byId[id];
- delete this._byId[model.cid];
- var index = this.indexOf(model);
- this.models.splice(index, 1);
- this.length--;
- if (!options.silent) {
- options.index = index;
- model.trigger('remove', model, this, options);
- }
- this._removeReference(model, options);
- }
- return singular ? models[0] : models;
- },
-
- // Update a collection by `set`-ing a new list of models, adding new ones,
- // removing models that are no longer present, and merging models that
- // already exist in the collection, as necessary. Similar to **M#set**,
- // the core operation for updating the data contained by the collection.
- set: function (models, options) {
- options = _.defaults({}, options, setOptions);
- if (options.parse) models = this.parse(models, options);
- var singular = !_.isArray(models);
- models = singular ? (models ? [models] : []) : models.slice();
- var id, model, attrs, existing, sort;
- var at = options.at;
- if (at != null) at = +at;
- if (at < 0) at += this.length + 1;
- var sortable = this.comparator && (at == null) && options.sort !== false;
- var sortAttr = _.isString(this.comparator) ? this.comparator : null;
- var toAdd = [], toRemove = [], modelMap = {};
- var add = options.add, merge = options.merge, remove = options.remove;
- var order = !sortable && add && remove ? [] : false;
- var orderChanged = false;
-
- // Turn bare objects into model references, and prevent invalid models
- // from being added.
- for (var i = 0, length = models.length; i < length; i++) {
- attrs = models[i];
-
- // If a duplicate is found, prevent it from being added and
- // optionally merge it into the existing model.
- if (existing = this.get(attrs)) {
- if (remove) modelMap[existing.cid] = true;
- if (merge && attrs !== existing) {
- attrs = this._isModel(attrs) ? attrs.attributes : attrs;
- if (options.parse) attrs = existing.parse(attrs, options);
- existing.set(attrs, options);
- if (sortable && !sort && existing.hasChanged(sortAttr)) sort = true;
- }
- models[i] = existing;
-
- // If this is a new, valid model, push it to the `toAdd` list.
- } else if (add) {
- model = models[i] = this._prepareModel(attrs, options);
- if (!model) continue;
- toAdd.push(model);
- this._addReference(model, options);
- }
-
- // Do not add multiple models with the same `id`.
- model = existing || model;
- if (!model) continue;
- id = this.modelId(model.attributes);
- if (order && (model.isNew() || !modelMap[id])) {
- order.push(model);
-
- // Check to see if this is actually a new model at this index.
- orderChanged = orderChanged || !this.models[i] || model.cid !== this.models[i].cid;
- }
-
- modelMap[id] = true;
- }
-
- // Remove nonexistent models if appropriate.
- if (remove) {
- for (var i = 0, length = this.length; i < length; i++) {
- if (!modelMap[(model = this.models[i]).cid]) toRemove.push(model);
- }
- if (toRemove.length) this.remove(toRemove, options);
- }
-
- // See if sorting is needed, update `length` and splice in new models.
- if (toAdd.length || orderChanged) {
- if (sortable) sort = true;
- this.length += toAdd.length;
- if (at != null) {
- for (var i = 0, length = toAdd.length; i < length; i++) {
- this.models.splice(at + i, 0, toAdd[i]);
- }
- } else {
- if (order) this.models.length = 0;
- var orderedModels = order || toAdd;
- for (var i = 0, length = orderedModels.length; i < length; i++) {
- this.models.push(orderedModels[i]);
- }
- }
- }
-
- // Silently sort the collection if appropriate.
- if (sort) this.sort({silent: true});
-
- // Unless silenced, it's time to fire all appropriate add/sort events.
- if (!options.silent) {
- var addOpts = at != null ? _.clone(options) : options;
- for (var i = 0, length = toAdd.length; i < length; i++) {
- if (at != null) addOpts.index = at + i;
- (model = toAdd[i]).trigger('add', model, this, addOpts);
- }
- if (sort || orderChanged) this.trigger('sort', this, options);
- }
-
- // Return the added (or merged) model (or models).
- return singular ? models[0] : models;
- },
-
- // When you have more items than you want to add or remove individually,
- // you can reset the entire set with a new list of models, without firing
- // any granular `add` or `remove` events. Fires `reset` when finished.
- // Useful for bulk operations and optimizations.
- reset: function (models, options) {
- options = options ? _.clone(options) : {};
- for (var i = 0, length = this.models.length; i < length; i++) {
- this._removeReference(this.models[i], options);
- }
- options.previousModels = this.models;
- this._reset();
- models = this.add(models, _.extend({silent: true}, options));
- if (!options.silent) this.trigger('reset', this, options);
- return models;
- },
-
- // Add a model to the end of the collection.
- push: function (model, options) {
- return this.add(model, _.extend({at: this.length}, options));
- },
-
- // Remove a model from the end of the collection.
- pop: function (options) {
- var model = this.at(this.length - 1);
- this.remove(model, options);
- return model;
- },
-
- // Add a model to the beginning of the collection.
- unshift: function (model, options) {
- return this.add(model, _.extend({at: 0}, options));
- },
-
- // Remove a model from the beginning of the collection.
- shift: function (options) {
- var model = this.at(0);
- this.remove(model, options);
- return model;
- },
-
- // Slice out a sub-array of models from the collection.
- slice: function () {
- return slice.apply(this.models, arguments);
- },
-
- // Get a model from the set by id.
- get: function (obj) {
- if (obj == null) return void 0;
- var id = this.modelId(this._isModel(obj) ? obj.attributes : obj);
- return this._byId[obj] || this._byId[id] || this._byId[obj.cid];
- },
-
- // Get the model at the given index.
- at: function (index) {
- if (index < 0) index += this.length;
- return this.models[index];
- },
-
- // Return models with matching attributes. Useful for simple cases of
- // `filter`.
- where: function (attrs, first) {
- var matches = _.matches(attrs);
- return this[first ? 'find' : 'filter'](function (model) {
- return matches(model.attributes);
- });
- },
-
- // Return the first model with matching attributes. Useful for simple cases
- // of `find`.
- findWhere: function (attrs) {
- return this.where(attrs, true);
- },
-
- // Force the collection to re-sort itself. You don't need to call this under
- // normal circumstances, as the set will maintain sort order as each item
- // is added.
- sort: function (options) {
- if (!this.comparator) throw new Error('Cannot sort a set without a comparator');
- options || (options = {});
-
- // Run sort based on type of `comparator`.
- if (_.isString(this.comparator) || this.comparator.length === 1) {
- this.models = this.sortBy(this.comparator, this);
- } else {
- this.models.sort(_.bind(this.comparator, this));
- }
-
- if (!options.silent) this.trigger('sort', this, options);
- return this;
- },
-
- // Pluck an attribute from each model in the collection.
- pluck: function (attr) {
- return _.invoke(this.models, 'get', attr);
- },
-
- // Fetch the default set of models for this collection, resetting the
- // collection when they arrive. If `reset: true` is passed, the response
- // data will be passed through the `reset` method instead of `set`.
- fetch: function (options) {
- options = options ? _.clone(options) : {};
- if (options.parse === void 0) options.parse = true;
- var success = options.success;
- var collection = this;
- options.success = function (resp) {
- var method = options.reset ? 'reset' : 'set';
- collection[method](resp, options);
- if (success) success(collection, resp, options);
- collection.trigger('sync', collection, resp, options);
- };
- wrapError(this, options);
- return this.sync('read', this, options);
- },
-
- // Create a new instance of a model in this collection. Add the model to the
- // collection immediately, unless `wait: true` is passed, in which case we
- // wait for the server to agree.
- create: function (model, options) {
- options = options ? _.clone(options) : {};
- if (!(model = this._prepareModel(model, options))) return false;
- if (!options.wait) this.add(model, options);
- var collection = this;
- var success = options.success;
- options.success = function (model, resp) {
- if (options.wait) collection.add(model, options);
- if (success) success(model, resp, options);
- };
- model.save(null, options);
- return model;
- },
-
- // **parse** converts a response into a list of models to be added to the
- // collection. The default implementation is just to pass it through.
- parse: function (resp, options) {
- return resp;
- },
-
- // Create a new collection with an identical list of models as this one.
- clone: function () {
- return new this.constructor(this.models, {
- model: this.model,
- comparator: this.comparator
- });
- },
-
- // Define how to uniquely identify models in the collection.
- modelId: function (attrs) {
- return attrs[this.model.prototype.idAttribute || 'id'];
- },
-
- // Private method to reset all internal state. Called when the collection
- // is first _initd or reset.
- _reset: function () {
- this.length = 0;
- this.models = [];
- this._byId = {};
- },
-
- // Prepare a hash of attributes (or other model) to be added to this
- // collection.
- _prepareModel: function (attrs, options) {
- if (this._isModel(attrs)) {
- if (!attrs.collection) attrs.collection = this;
- return attrs;
- }
- options = options ? _.clone(options) : {};
- options.collection = this;
- var model = new this.model(attrs, options);
- if (!model.validationError) return model;
- this.trigger('invalid', this, model.validationError, options);
- return false;
- },
-
- // Method for checking whether an object should be considered a model for
- // the purposes of adding to the collection.
- _isModel: function (model) {
- return model instanceof M;
- },
-
- // Internal method to create a model's ties to a collection.
- _addReference: function (model, options) {
- this._byId[model.cid] = model;
- var id = this.modelId(model.attributes);
- if (id != null) this._byId[id] = model;
- model.on('all', this._onModelEvent, this);
- },
-
- // Internal method to sever a model's ties to a collection.
- _removeReference: function (model, options) {
- if (this === model.collection) delete model.collection;
- model.off('all', this._onModelEvent, this);
- },
-
- // Internal method called every time a model in the set fires an event.
- // Sets need to update their indexes when models change ids. All other
- // events simply proxy through. "add" and "remove" events that originate
- // in other collections are ignored.
- _onModelEvent: function (event, model, collection, options) {
- if ((event === 'add' || event === 'remove') && collection !== this) return;
- if (event === 'destroy') this.remove(model, options);
- if (event === 'change') {
- var prevId = this.modelId(model.previousAttributes());
- var id = this.modelId(model.attributes);
- if (prevId !== id) {
- if (prevId != null) delete this._byId[prevId];
- if (id != null) this._byId[id] = model;
- }
- }
- this.trigger.apply(this, arguments);
- }
-
- });
-
- // Underscore methods that we want to implement on the Collection.
- // 90% of the core usefulness of BI Collections is actually implemented
- // right here:
- var methods = ['forEach', 'each', 'map', 'collect', 'reduce', 'foldl',
- 'inject', 'reduceRight', 'foldr', 'find', 'detect', 'filter', 'select',
- 'reject', 'every', 'all', 'some', 'any', 'include', 'contains', 'invoke',
- 'max', 'min', 'toArray', 'size', 'first', 'head', 'take', 'initial', 'rest',
- 'tail', 'drop', 'last', 'without', 'difference', 'indexOf', 'shuffle',
- 'lastIndexOf', 'isEmpty', 'chain', 'sample', 'partition'];
-
- // Mix in each Underscore method as a proxy to `Collection#models`.
- _.each(methods, function (method) {
- if (!_[method]) return;
- Collection.prototype[method] = function () {
- var args = slice.call(arguments);
- args.unshift(this.models);
- return _[method].apply(_, args);
- };
- });
-
- // Underscore methods that take a property name as an argument.
- var attributeMethods = ['groupBy', 'countBy', 'sortBy', 'indexBy'];
-
- // Use attributes instead of properties.
- _.each(attributeMethods, function (method) {
- if (!_[method]) return;
- Collection.prototype[method] = function (value, context) {
- var iterator = _.isFunction(value) ? value : function (model) {
- return model.get(value);
- };
- return _[method](this.models, iterator, context);
- };
- });
-
- // BI.V
- // -------------
-
- // BI Views are almost more convention than they are actual code. A V
- // is simply a JavaScript object that represents a logical chunk of UI in the
- // DOM. This might be a single item, an entire list, a sidebar or panel, or
- // even the surrounding frame which wraps your whole app. Defining a chunk of
- // UI as a **V** allows you to define your DOM events declaratively, without
- // having to worry about render order ... and makes it easy for the view to
- // react to specific changes in the state of your models.
-
- // Creating a BI.V creates its initial element outside of the DOM,
- // if an existing element is not provided...
- var V = BI.V = function (options) {
- this.cid = _.uniqueId('view');
- options = options || {};
- this.options = _.defaults(options, _.result(this, '_defaultConfig'));
- _.extend(this, _.pick(this.options, viewOptions));
- this._ensureElement();
- this._init.apply(this, arguments);
- };
-
- // Cached regex to split keys for `delegate`.
- var delegateEventSplitter = /^(\S+)\s*(.*)$/;
-
- // List of view options to be merged as properties.
- var viewOptions = ['rootURL', 'model', 'parent', 'collection', 'element', 'id', 'attributes', 'baseCls', 'tagName', 'events'];
-
- // Set up all inheritable **BI.V** properties and methods.
- _.extend(V.prototype, Events, {
-
- // The default `tagName` of a V's element is `"div"`.
- tagName: 'div',
-
- // jQuery delegate for element lookup, scoped to DOM elements within the
- // current view. This should be preferred to global lookups where possible.
- $: function (selector) {
- return this.$el.find(selector);
- },
-
- _defaultConfig: function () {
- return {}
- },
-
- // _init is an empty function by default. Override it with your own
- // initialization logic.
- _init: function () {
- },
-
- //容器，默认放在this.element上
- _vessel: function () {
- return this
- },
- // **render** is the core function that your view should override, in order
- // to populate its element (`this.el`), with the appropriate HTML. The
- // convention is for **render** to always return `this`.
- render: function (vessel) {
- return this;
- },
-
- // Remove this view by taking the element out of the DOM, and removing any
- // applicable BI.Events listeners.
- remove: function () {
- this._removeElement();
- this.stopListening();
- return this;
- },
-
- // Remove this view's element from the document and all event listeners
- // attached to it. Exposed for subclasses using an alternative DOM
- // manipulation API.
- _removeElement: function () {
- this.$el.remove();
- },
-
- // Change the view's element (`this.el` property) and re-delegate the
- // view's events on the new element.
- setElement: function (element) {
- this.undelegateEvents();
- this._setElement(element);
- this.vessel = this._vessel();
- this.render(this.vessel);
- this.delegateEvents();
- return this;
- },
-
- setVisible: function (visible) {
- this.options.invisible = !visible;
- if (visible) {
- this.element.css("display", "");
- } else {
- this.element.css("display", "none");
- }
- },
-
- isVisible: function () {
- return !this.options.invisible;
- },
-
- visible: function () {
- this.setVisible(true);
- },
-
- invisible: function () {
- this.setVisible(false);
- },
-
- // Creates the `this.el` and `this.$el` references for this view using the
- // given `el`. `el` can be a CSS selector or an HTML string, a jQuery
- // context or an element. Subclasses can override this to utilize an
- // alternative DOM manipulation API and are only required to set the
- // `this.el` property.
- _setElement: function (el) {
- this.$el = el instanceof BI.$ ? el : (BI.isWidget(el) ? el.element : BI.$(el));
- this.element = this.$el;
- this.el = this.$el[0];
- },
-
- // Set callbacks, where `this.events` is a hash of
- //
- // *{"event selector": "callback"}*
- //
- // {
- // 'mousedown .title': 'edit',
- // 'click .button': 'save',
- // 'click .open': function(e) { ... }
- // }
- //
- // pairs. Callbacks will be bound to the view, with `this` set properly.
- // Uses event delegation for efficiency.
- // Omitting the selector binds the event to `this.el`.
- delegateEvents: function (events) {
- if (!(events || (events = _.result(this, 'events')))) return this;
- this.undelegateEvents();
- for (var key in events) {
- var method = events[key];
- if (!_.isFunction(method)) method = this[events[key]];
- if (!method) continue;
- var match = key.match(delegateEventSplitter);
- this.delegate(match[1], match[2], _.bind(method, this));
- }
- return this;
- },
-
- // Add a single event listener to the view's element (or a child element
- // using `selector`). This only works for delegate-able events: not `focus`,
- // `blur`, and not `change`, `submit`, and `reset` in Internet Explorer.
- delegate: function (eventName, selector, listener) {
- this.vessel.element.on(eventName + '.delegateEvents' + this.cid, selector, listener);
- },
-
- // Clears all callbacks previously bound to the view by `delegateEvents`.
- // You usually don't need to use this, but may wish to if you have multiple
- // BI views attached to the same DOM element.
- undelegateEvents: function () {
- if (this.vessel) this.vessel.element.off('.delegateEvents' + this.cid);
- return this;
- },
-
- // A finer-grained `undelegateEvents` for removing a single delegated event.
- // `selector` and `listener` are both optional.
- undelegate: function (eventName, selector, listener) {
- this.vessel.element.off(eventName + '.delegateEvents' + this.cid, selector, listener);
- },
-
- // Produces a DOM element to be assigned to your view. Exposed for
- // subclasses using an alternative DOM manipulation API.
- _createElement: function (tagName) {
- return document.createElement(tagName);
- },
-
- // Ensure that the V has a DOM element to render into.
- // If `this.el` is a string, pass it through `$()`, take the first
- // matching element, and re-assign it to `el`. Otherwise, create
- // an element from the `id`, `className` and `tagName` properties.
- _ensureElement: function () {
- var attrs = _.extend({}, _.result(this, 'attributes'));
- if (this.baseCls) attrs['class'] = _.result(this, 'baseCls');
- if (!this.element) {
- this.setElement(this._createElement(_.result(this, 'tagName')));
- } else {
- this.setElement(_.result(this, 'element'));
- }
- this._setAttributes(attrs);
- },
-
- // Set attributes from a hash on this view's element. Exposed for
- // subclasses using an alternative DOM manipulation API.
- _setAttributes: function (attributes) {
- this.$el.attr(attributes);
- }
-
- });
-
- // BI.sync
- // -------------
-
- // Override this function to change the manner in which BI persists
- // models to the server. You will be passed the type of request, and the
- // model in question. By default, makes a RESTful Ajax request
- // to the model's `url()`. Some possible customizations could be:
- //
- // * Use `setTimeout` to batch rapid-fire updates into a single request.
- // * Send up the models as XML instead of JSON.
- // * Persist models via WebSockets instead of Ajax.
- //
- // Turn on `BI.emulateHTTP` in order to send `PUT` and `DELETE` requests
- // as `POST`, with a `_method` parameter containing the true HTTP method,
- // as well as all requests with the body as `application/x-www-form-urlencoded`
- // instead of `application/json` with the model in a param named `model`.
- // Useful when interfacing with server-side languages like **PHP** that make
- // it difficult to read the body of `PUT` requests.
- BI.sync = function (method, model, options) {
- var type = methodMap[method];
-
- // Default options, unless specified.
- _.defaults(options || (options = {}), {
- emulateHTTP: BI.emulateHTTP,
- emulateJSON: BI.emulateJSON
- });
-
- // Default JSON-request options.
- var params = {type: type, dataType: 'json'};
-
- // Ensure that we have a URL.
- if (!options.url) {
- params.url = _.result(model, method + "URL") || _.result(model, 'url');
- if (!params.url) {
- return;
- }
- }
-
- // Ensure that we have the appropriate request data.
- if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) {
- params.contentType = 'application/json';
- params.data = _.extend({id: model.id}, model.toJSON(options), options.attrs);
- }
-
- // For older servers, emulate JSON by encoding the request into an HTML-form.
- if (options.emulateJSON) {
- params.contentType = 'application/x-www-form-urlencoded';
- params.data = options.data ? options.data : params.data;
- }
-
- // For older servers, emulate HTTP by mimicking the HTTP method with `_method`
- // And an `X-HTTP-Method-Override` header.
- if (options.emulateHTTP && (type === 'PUT' || type === 'DELETE' || type === 'PATCH')) {
- params.type = 'POST';
- if (options.emulateJSON) params.data._method = type;
- var beforeSend = options.beforeSend;
- options.beforeSend = function (xhr) {
- xhr.setRequestHeader('X-HTTP-Method-Override', type);
- if (beforeSend) return beforeSend.apply(this, arguments);
- };
- }
-
- // Don't process data on a non-GET request.
- if (params.type !== 'GET' && !options.emulateJSON) {
- params.processData = false;
- }
-
- // Pass along `textStatus` and `errorThrown` from jQuery.
- var error = options.error;
- options.error = function (xhr, textStatus, errorThrown) {
- options.textStatus = textStatus;
- options.errorThrown = errorThrown;
- if (error) error.apply(this, arguments);
- };
-
- // Make the request, allowing the user to override any Ajax options.
- var xhr = options.xhr = BI.ajax(_.extend(params, options));
- model.trigger('request', xhr, model, options);
- return xhr;
- };
-
- // Map from CRUD to HTTP for our default `BI.sync` implementation.
- var methodMap = {
- 'create': 'POST',
- 'update': 'PUT',
- 'patch': 'PATCH',
- 'delete': 'DELETE',
- 'read': 'GET'
- };
-
- // Set the default implementation of `BI.ajax` to proxy through to `$`.
- // Override this if you'd like to use a different library.
- BI.ajax = BI.ajax || $.ajax;
-
- // BI.Router
- // ---------------
-
- // Routers map faux-URLs to actions, and fire events when routes are
- // matched. Creating a new one sets its `routes` hash, if not set statically.
- var Router = BI.Router = function (options) {
- options || (options = {});
- if (options.routes) this.routes = options.routes;
- this._bindRoutes();
- this._init.apply(this, arguments);
- };
-
- // Cached regular expressions for matching named param parts and splatted
- // parts of route strings.
- var optionalParam = /\((.*?)\)/g;
- var namedParam = /(\(\?)?:\w+/g;
- var splatParam = /\*\w+/g;
- var escapeRegExp = /[\-{}\[\]+?.,\\\^$|#\s]/g;
-
- // Set up all inheritable **BI.Router** properties and methods.
- _.extend(Router.prototype, Events, {
-
- // _init is an empty function by default. Override it with your own
- // initialization logic.
- _init: function () {
- },
-
- // Manually bind a single named route to a callback. For example:
- //
- // this.route('search/:query/p:num', 'search', function(query, num) {
- // ...
- // });
- //
- route: function (route, name, callback) {
- if (!_.isRegExp(route)) route = this._routeToRegExp(route);
- if (_.isFunction(name)) {
- callback = name;
- name = '';
- }
- if (!callback) callback = this[name];
- var router = this;
- BI.history.route(route, function (fragment) {
- var args = router._extractParameters(route, fragment);
- if (router.execute(callback, args, name) !== false) {
- router.trigger.apply(router, ['route:' + name].concat(args));
- router.trigger('route', name, args);
- BI.history.trigger('route', router, name, args);
- }
- });
- return this;
- },
-
- // Execute a route handler with the provided parameters. This is an
- // excellent place to do pre-route setup or post-route cleanup.
- execute: function (callback, args, name) {
- if (callback) callback.apply(this, args);
- },
-
- // Simple proxy to `BI.history` to save a fragment into the history.
- navigate: function (fragment, options) {
- BI.history.navigate(fragment, options);
- return this;
- },
-
- // Bind all defined routes to `BI.history`. We have to reverse the
- // order of the routes here to support behavior where the most general
- // routes can be defined at the bottom of the route map.
- _bindRoutes: function () {
- if (!this.routes) return;
- this.routes = _.result(this, 'routes');
- var route, routes = _.keys(this.routes);
- while ((route = routes.pop()) != null) {
- this.route(route, this.routes[route]);
- }
- },
-
- // Convert a route string into a regular expression, suitable for matching
- // against the current location hash.
- _routeToRegExp: function (route) {
- route = route.replace(escapeRegExp, '\\$&')
- .replace(optionalParam, '(?:$1)?')
- .replace(namedParam, function (match, optional) {
- return optional ? match : '([^/?]+)';
- })
- .replace(splatParam, '([^?]*?)');
- return new RegExp('^' + route + '(?:\\?([\\s\\S]*))?$');
- },
-
- // Given a route, and a URL fragment that it matches, return the array of
- // extracted decoded parameters. Empty or unmatched parameters will be
- // treated as `null` to normalize cross-browser behavior.
- _extractParameters: function (route, fragment) {
- var params = route.exec(fragment).slice(1);
- return _.map(params, function (param, i) {
- // Don't decode the search params.
- if (i === params.length - 1) return param || null;
- return param ? decodeURIComponent(param) : null;
- });
- }
-
- });
-
- // BI.History
- // ----------------
-
- // Handles cross-browser history management, based on either
- // [pushState](http://diveintohtml5.info/history.html) and real URLs, or
- // [onhashchange](https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange)
- // and URL fragments. If the browser supports neither (old IE, natch),
- // falls back to polling.
- var History = BI.History = function () {
- this.handlers = [];
- _.bindAll(this, 'checkUrl');
-
- // Ensure that `History` can be used outside of the browser.
- if (typeof window !== 'undefined') {
- this.location = window.location;
- this.history = window.history;
- }
- };
-
- // Cached regex for stripping a leading hash/slash and trailing space.
- var routeStripper = /^[#\/]|\s+$/g;
-
- // Cached regex for stripping leading and trailing slashes.
- var rootStripper = /^\/+|\/+$/g;
-
- // Cached regex for stripping urls of hash.
- var pathStripper = /#.*$/;
-
- // Has the history handling already been started?
- History.started = false;
-
- // Set up all inheritable **BI.History** properties and methods.
- _.extend(History.prototype, Events, {
-
- // The default interval to poll for hash changes, if necessary, is
- // twenty times a second.
- interval: 50,
-
- // Are we at the app root?
- atRoot: function () {
- var path = this.location.pathname.replace(/[^\/]$/, '$&/');
- return path === this.root && !this.getSearch();
- },
-
- // In IE6, the hash fragment and search params are incorrect if the
- // fragment contains `?`.
- getSearch: function () {
- var match = this.location.href.replace(/#.*/, '').match(/\?.+/);
- return match ? match[0] : '';
- },
-
- // Gets the true hash value. Cannot use location.hash directly due to bug
- // in Firefox where location.hash will always be decoded.
- getHash: function (window) {
- var match = (window || this).location.href.match(/#(.*)$/);
- return match ? match[1] : '';
- },
-
- // Get the pathname and search params, without the root.
- getPath: function () {
- var path = decodeURI(this.location.pathname + this.getSearch());
- var root = this.root.slice(0, -1);
- if (!path.indexOf(root)) path = path.slice(root.length);
- return path.charAt(0) === '/' ? path.slice(1) : path;
- },
-
- // Get the cross-browser normalized URL fragment from the path or hash.
- getFragment: function (fragment) {
- if (fragment == null) {
- if (this._hasPushState || !this._wantsHashChange) {
- fragment = this.getPath();
- } else {
- fragment = this.getHash();
- }
- }
- return fragment.replace(routeStripper, '');
- },
-
- // Start the hash change handling, returning `true` if the current URL matches
- // an existing route, and `false` otherwise.
- start: function (options) {
- if (History.started) throw new Error('BI.history has already been started');
- History.started = true;
-
- // Figure out the initial configuration. Do we need an iframe?
- // Is pushState desired ... is it available?
- this.options = _.extend({root: '/'}, this.options, options);
- this.root = this.options.root;
- this._wantsHashChange = this.options.hashChange !== false;
- this._hasHashChange = 'onhashchange' in window;
- this._wantsPushState = !!this.options.pushState;
- this._hasPushState = !!(this.options.pushState && this.history && this.history.pushState);
- this.fragment = this.getFragment();
-
- // Normalize root to always include a leading and trailing slash.
- this.root = ('/' + this.root + '/').replace(rootStripper, '/');
-
- // Transition from hashChange to pushState or vice versa if both are
- // requested.
- if (this._wantsHashChange && this._wantsPushState) {
-
- // If we've started off with a route from a `pushState`-enabled
- // browser, but we're currently in a browser that doesn't support it...
- if (!this._hasPushState && !this.atRoot()) {
- var root = this.root.slice(0, -1) || '/';
- this.location.replace(root + '#' + this.getPath());
- // Return immediately as browser will do redirect to new url
- return true;
-
- // Or if we've started out with a hash-based route, but we're currently
- // in a browser where it could be `pushState`-based instead...
- } else if (this._hasPushState && this.atRoot()) {
- this.navigate(this.getHash(), {replace: true});
- }
-
- }
-
- // Proxy an iframe to handle location events if the browser doesn't
- // support the `hashchange` event, HTML5 history, or the user wants
- // `hashChange` but not `pushState`.
- if (!this._hasHashChange && this._wantsHashChange && (!this._wantsPushState || !this._hasPushState)) {
- var iframe = document.createElement('iframe');
- iframe.src = 'javascript:0';
- iframe.style.display = 'none';
- iframe.tabIndex = -1;
- var body = document.body;
- // Using `appendChild` will throw on IE < 9 if the document is not ready.
- this.iframe = body.insertBefore(iframe, body.firstChild).contentWindow;
- this.iframe.document.open().close();
- this.iframe.location.hash = '#' + this.fragment;
- }
-
- // Add a cross-platform `addEventListener` shim for older browsers.
- var addEventListener = window.addEventListener || function (eventName, listener) {
- return attachEvent('on' + eventName, listener);
- };
-
- // Depending on whether we're using pushState or hashes, and whether
- // 'onhashchange' is supported, determine how we check the URL state.
- if (this._hasPushState) {
- addEventListener('popstate', this.checkUrl, false);
- } else if (this._wantsHashChange && this._hasHashChange && !this.iframe) {
- addEventListener('hashchange', this.checkUrl, false);
- } else if (this._wantsHashChange) {
- this._checkUrlInterval = setInterval(this.checkUrl, this.interval);
- }
-
- if (!this.options.silent) return this.loadUrl();
- },
-
- // Disable BI.history, perhaps temporarily. Not useful in a real app,
- // but possibly useful for unit testing Routers.
- stop: function () {
- // Add a cross-platform `removeEventListener` shim for older browsers.
- var removeEventListener = window.removeEventListener || function (eventName, listener) {
- return detachEvent('on' + eventName, listener);
- };
-
- // Remove window listeners.
- if (this._hasPushState) {
- removeEventListener('popstate', this.checkUrl, false);
- } else if (this._wantsHashChange && this._hasHashChange && !this.iframe) {
- removeEventListener('hashchange', this.checkUrl, false);
- }
-
- // Clean up the iframe if necessary.
- if (this.iframe) {
- document.body.removeChild(this.iframe.frameElement);
- this.iframe = null;
- }
-
- // Some environments will throw when clearing an undefined interval.
- if (this._checkUrlInterval) clearInterval(this._checkUrlInterval);
- History.started = false;
- },
-
- // Add a route to be tested when the fragment changes. Routes added later
- // may override previous routes.
- route: function (route, callback) {
- this.handlers.unshift({route: route, callback: callback});
- },
-
- // Checks the current URL to see if it has changed, and if it has,
- // calls `loadUrl`, normalizing across the hidden iframe.
- checkUrl: function (e) {
- var current = this.getFragment();
-
- // If the user pressed the back button, the iframe's hash will have
- // changed and we should use that for comparison.
- if (current === this.fragment && this.iframe) {
- current = this.getHash(this.iframe);
- }
-
- if (current === this.fragment) return false;
- if (this.iframe) this.navigate(current);
- this.loadUrl();
- },
-
- // Attempt to load the current URL fragment. If a route succeeds with a
- // match, returns `true`. If no defined routes matches the fragment,
- // returns `false`.
- loadUrl: function (fragment) {
- fragment = this.fragment = this.getFragment(fragment);
- return _.any(this.handlers, function (handler) {
- if (handler.route.test(fragment)) {
- handler.callback(fragment);
- return true;
- }
- });
- },
-
- // Save a fragment into the hash history, or replace the URL state if the
- // 'replace' option is passed. You are responsible for properly URL-encoding
- // the fragment in advance.
- //
- // The options object can contain `trigger: true` if you wish to have the
- // route callback be fired (not usually desirable), or `replace: true`, if
- // you wish to modify the current URL without adding an entry to the history.
- navigate: function (fragment, options) {
- if (!History.started) return false;
- if (!options || options === true) options = {trigger: !!options};
-
- // Normalize the fragment.
- fragment = this.getFragment(fragment || '');
-
- // Don't include a trailing slash on the root.
- var root = this.root;
- if (fragment === '' || fragment.charAt(0) === '?') {
- root = root.slice(0, -1) || '/';
- }
- var url = root + fragment;
-
- // Strip the hash and decode for matching.
- fragment = decodeURI(fragment.replace(pathStripper, ''));
-
- if (this.fragment === fragment) return;
- this.fragment = fragment;
-
- // If pushState is available, we use it to set the fragment as a real URL.
- if (this._hasPushState) {
- this.history[options.replace ? 'replaceState' : 'pushState']({}, document.title, url);
-
- // If hash changes haven't been explicitly disabled, update the hash
- // fragment to store history.
- } else if (this._wantsHashChange) {
- this._updateHash(this.location, fragment, options.replace);
- if (this.iframe && (fragment !== this.getHash(this.iframe))) {
- // Opening and closing the iframe tricks IE7 and earlier to push a
- // history entry on hash-tag change. When replace is true, we don't
- // want this.
- if (!options.replace) this.iframe.document.open().close();
- this._updateHash(this.iframe.location, fragment, options.replace);
- }
-
- // If you've told us that you explicitly don't want fallback hashchange-
- // based history, then `navigate` becomes a page refresh.
- } else {
- return this.location.assign(url);
- }
- if (options.trigger) return this.loadUrl(fragment);
- },
-
- // Update the hash location, either replacing the current entry, or adding
- // a new one to the browser history.
- _updateHash: function (location, fragment, replace) {
- if (replace) {
- var href = location.href.replace(/(javascript:|#).*$/, '');
- location.replace(href + '#' + fragment);
- } else {
- // Some browsers require that `hash` contains a leading #.
- location.hash = '#' + fragment;
- }
- }
-
- });
-
- // Create the default BI.history.
- BI.history = new History;
-
- // Helpers
- // -------
-
- // Helper function to correctly set up the prototype chain, for subclasses.
- // Similar to `goog.inherits`, but uses a hash of prototype properties and
- // class properties to be extended.
- var extend = function (protoProps, staticProps) {
- var parent = this;
- var child;
-
- // The constructor function for the new subclass is either defined by you
- // (the "constructor" property in your `extend` definition), or defaulted
- // by us to simply call the parent's constructor.
- if (protoProps && _.has(protoProps, 'constructor')) {
- child = protoProps.constructor;
- } else {
- child = function () {
- return parent.apply(this, arguments);
- };
- }
-
- // Add static properties to the constructor function, if supplied.
- _.extend(child, parent, staticProps);
-
- // Set the prototype chain to inherit from `parent`, without calling
- // `parent`'s constructor function.
- var Surrogate = function () {
- this.constructor = child;
- };
- Surrogate.prototype = parent.prototype;
- child.prototype = new Surrogate;
-
- // Add prototype properties (instance properties) to the subclass,
- // if supplied.
- if (protoProps) _.extend(child.prototype, protoProps);
-
- // Set a convenience property in case the parent's prototype is needed
- // later.
- child.__super__ = parent.prototype;
-
- return child;
- };
-
- // Set up inheritance for the model, collection, router, view and history.
- M.extend = Collection.extend = Router.extend = V.extend = History.extend = extend;
-
- // Throw an error when a URL is needed, and none is supplied.
- var urlError = function () {
- throw new Error('A "url" property or function must be specified');
- };
-
- // Wrap an optional error callback with a fallback error event.
- var wrapError = function (model, options) {
- var error = options.error;
- options.error = function (resp) {
- if (error) error(model, resp, options);
- model.trigger('error', model, resp, options);
- };
- };
-
- return BI;
-
-}));/**
- * MVC路由
- * @class BI.WRouter
- * @extends BI.Router
- * @type {*|void|Object}
- */
-BI.WRouter = BI.Router.extend({
- add: function(route, callback){
- this.handlers || (this.handlers=[]);
- this.handlers.unshift({route: route, callback: callback})
- },
-
- route: function(route, name, callback) {
- if (!_.isRegExp(route)) route = this._routeToRegExp(route);
- if (_.isFunction(name)) {
- callback = name;
- name = '';
- }
- if (!callback) callback = this[name];
- var self = this;
- this.add(route, function(fragment) {
- var args = self._extractParameters(route, fragment);
- var result = self.execute(callback, args, name)
- if (result !== false) {
- self.trigger.apply(self, ['route:' + name].concat(args));
- self.trigger('route', name, args);
- }
- return result;
- });
- return this;
- },
-
- execute: function(callback, args, name) {
- if (callback) return callback.apply(this, args);
- return name;
- },
-
- get: function(fragment){
- var result = null;
- _.any(this.handlers, function(handler) {
- if (handler.route.test(fragment)) {
- result = handler.callback(fragment);
- return true;
- }
- });
- return result;
- }
-});BI.Model = BI.inherit(BI.M, {
- props: {},
- init: null,
- destroyed: null,
-
- _defaultConfig: function () {
- return BI.extend({
- "default": "just a default",
- "current": void 0
- }, this.props)
- },
-
- _static: function () {
- return {};
- },
-
- _init: function () {
- BI.Model.superclass._init.apply(this, arguments);
- this.on("change:current", function (obj, val) {
- BI.isNotNull(val) && this.refresh(val);
- }).on("change", function (changed, prev, context, options) {
- if (this._start === true || BI.has(changed, "current")) {
- return;
- }
- this.actionStart();
- if (!this.local()) {
- !BI.has(this._tmp, BI.keys(changed)) && this.parent && this.parent._change(this);
- this._changing_ = true;
- this.change(changed, prev, context, options);
- this._changing_ = false;
- }
- });
-
- this._tmp = {};//过渡属性
-
- this._hass = {};
- this._gets = [];//记录交互行为
- this._start = false;
- this._changing_ = false;
-
- this._read = BI.debounce(BI.bind(this.fetch, this), 30);
- this._save = BI.debounce(BI.bind(this.save, this), 30);
- this._F = [];
- this.init && this.init();
- },
-
- toJSON: function () {
- var json = BI.Model.superclass.toJSON.apply(this, arguments);
- delete json["baseCls"];
- delete json["current"];
- delete json["default"];
- delete json["parent"];
- delete json["rootURL"];
- delete json["id"];
- delete json["tag"];
- BI.each(this._gets, function (i, action) {
- delete json[action];
- });
- return json;
- },
-
- copy: function () {
- if (this._start === true || this._changing_ === true) {
- this._F.push({f: this.copy, arg: arguments});
- return;
- }
- this.trigger("copy");
- },
- //子节点的一个类似副本
- similar: function (value, key1, key2, key3) {
- return value;
- },
-
- _map: function (child) {
- var self = this;
- var map = {}, current = {};
- var mapping = function (key, ch) {
- key = key + "";
- if (key === "") {
- return;
- }
- var keys = key.split('.');
- if (!map[keys[0]]) {
- map[keys[0]] = self.get(keys[0]);
- }
- var parent = map, last = void 0;
- BI.each(keys, function (i, k) {
- last && (parent = parent[last] || (parent[last] = {}));
- last = k;
- });
- parent[last] = ch.toJSON();
- };
- BI.each(this._childs, function (key, chs) {
- if (!BI.isArray(chs)) {
- chs = [chs];
- }
- BI.each(chs, function (i, ch) {
- if (ch === child) {
- current[key] = child;
- return;
- }
- //mapping(key, ch);
- })
- });
- BI.each(current, function (key, ch) {
- mapping(key, ch);
- });
- var tmp = {};
- BI.each(this._tmp, function (k) {
- if (map[k]) {
- tmp[k] = map[k];
- delete map[k];
- }
- });
- this.tmp(tmp);
- return map;
- },
-
- _change: function (child) {
- var self = this;
- var childMap = this._map(child);
- //this.set(childMap);
- var changes = [];
- var changing = this._changing;
- var changed;
- var options = {};
- this._changing = true;
- if (!changing) {
- this._previousAttributes = _.clone(this.attributes);
- this.changed = {};
- }
- var current = this.attributes, prev = this._previousAttributes, val;
- for (var attr in childMap) {
- val = childMap[attr];
- changes.push(attr);
- this.changed[attr] = val;
- current[attr] = val;
- }
- if (changes.length) this._pending = options;
- for (var i = 0, length = changes.length; i < length; i++) {
- this.trigger('change:' + changes[i], this, current[changes[i]], options);
- }
- if (changing) return this;
- changed = BI.clone(this.changed);
- while (this._pending) {
- options = this._pending;
- this._pending = false;
- this.trigger('change', changed, prev, this, options);
- }
- this._pending = false;
- this._changing = false;
- if (changes.length) {
- this.trigger("changed", changed, prev, this, options);
- }
- return this;
- },
-
- splice: function (old, key1, key2, key3) {
-
- },
-
- duplicate: function (copy, key1, key2, key3) {
-
- },
-
- change: function (changed, prev) {
-
- },
-
- actionStart: function () {
- this._start = true;
- return this;
- },
-
- actionEnd: function () {
- var self = this;
- this._start = false;
- var _gets = this._gets.slice(0), _F = this._F.slice(0);
- this._gets = [];
- this._hass = {};
- this._F = [];
- BI.each(_gets, function (i, action) {
- self.unset(action, {silent: true});
- });
- BI.each(_F, function (i, fn) {
- fn.f.apply(self, fn.arg);
- });
- return this;
- },
-
- addChild: function (name, child) {
- name = name + "";
- var self = this;
- this._childs || (this._childs = {});
- if (this._childs[name]) {
- if (BI.isArray(this._childs[name])) {
- this._childs[name].push(child);
- } else {
- this._childs[name] = [this._childs[name]].concat(child)
- }
- } else {
- this._childs[name] = child;
- }
- child && child.on("destroy", function () {
- var keys = name.split('.');
- var g = self.get(keys[0]), p, c;
- var sset = !!self._tmp[keys[0]] ? "tmp" : "set", unset = "un" + sset;
-
- BI.each(keys, function (i, k) {
- if (i === 0) {
- c = g;
- return;
- }
- p = c;
- c = c[k];
- });
- self.removeChild(name, child);
- var newKeys = BI.clone(keys);
- keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
- keys.length > 1 ? (delete p[keys[keys.length - 1]], self[sset](keys[0], g, {silent: true})) : self[unset](name, {silent: true});
- !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);
- self.splice.apply(self, newKeys);
- self.trigger("splice", newKeys);
- BI.remove(self._childs, child);
- }).on("copy", function () {
- var keys = name.split('.');
- var g = self.get(keys[0]), p, c;
- var sset = !!self._tmp[keys[0]] ? "tmp" : "set";
- BI.each(keys, function (i, k) {
- if (i === 0) {
- c = g;
- return;
- }
- p = c;
- c = c[k];
- });
- var copy = BI.UUID(), newKeys = BI.clone(keys);
- keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
- var backup = self.similar.apply(self, newKeys);
- if (BI.isKey(backup.id)) {
- copy = backup.id;
- delete backup.id;
- }
- keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
- keys.unshift(copy);
- !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);
- self.duplicate.apply(self, keys);
- self.trigger("duplicate", keys);
- });
- },
-
- removeChild: function (name, child) {
- if (BI.isArray(this._childs[name])) {
- BI.remove(this._childs[name], child);
- if (BI.isEmpty(this._childs[name])) {
- delete this._childs[name];
- }
- return;
- }
- delete this._childs[name];
- },
-
- has: function (attr, istemp) {
- if (istemp === true) {
- return _.has(this.tmp, attr);
- }
- if (this._start === true && this._changing_ === false) {
- this._hass[attr] = true;
- }
- return BI.Model.superclass.has.apply(this, arguments);
- },
-
- cat: function (attr) {
- if (_.has(this._tmp, attr)) {
- return this._tmp[attr];
- }
- if (this._start === true && this._hass[attr]) {
- delete this._hass[attr];
- switch (attr) {
- case "default":
- break;
- case "current":
- break;
- default :
- this._gets.push(attr);
- break;
- }
- }
- if (_.has(this.attributes, attr)) {
- return this.attributes[attr];
- }
- var sta = _.result(this, "_static");
- return BI.isFunction(sta[attr]) ? sta[attr].apply(this, Array.prototype.slice.apply(arguments, [1])) : sta[attr];
- },
-
- get: function () {
- return BI.deepClone(this.cat.apply(this, arguments));
- },
-
- set: function (key, val, options) {
- if (this._start === true || this._changing_ === true) {
- this._F.push({f: this.set, arg: arguments});
- return this;
- }
- return BI.Model.superclass.set.apply(this, arguments);
- },
-
- unset: function (attr, options) {
- var self = this;
- BI.each(this._childs, function (key, model) {
- key = key + "";
- var keys = key.split('.');
- if (_.isEqual(attr, keys[0])) {
- delete self._childs[attr];
- if (!BI.isArray(model)) {
- model = [model];
- }
- BI.each(model, function (i, m) {
- m.trigger("unset");
- });
- }
- });
- return BI.Model.superclass.unset.apply(this, arguments);
- },
-
- tmp: function (key, val, options) {
- if (this._start === true || this._changing_ === true) {
- this._F.push({f: this.tmp, arg: arguments});
- return this;
- }
- var attr, attrs, unset, changes, silent, changing, changed, prev, current;
- if (key == null) return this;
- if (typeof key === 'object') {
- attrs = key;
- options = val;
- } else {
- (attrs = {})[key] = val;
- }
- options || (options = {});
-
- unset = options.unset;
- silent = options.silent;
- changes = [];
- changing = this._changingTmp;
- this._changingTmp = true;
-
- if (!changing) {
- this._previousTmp = _.clone(this._tmp);
- this.changedTmp = {};
- }
- if (!this._previousTmp) {
- this._previousTmp = _.clone(this._tmp);
- }
- current = this._tmp, prev = this._previousTmp;
-
- for (attr in attrs) {
- val = attrs[attr];
- if (!_.isEqual(current[attr], val)) changes.push(attr);
- if (!_.isEqual(prev[attr], val)) {
- this.changedTmp[attr] = val;
- } else {
- delete this.changedTmp[attr];
- }
- unset ? delete current[attr] : current[attr] = val;
- }
-
- if (!silent) {
- if (changes.length) this._pendingTmp = options;
- for (var i = 0, length = changes.length; i < length; i++) {
- this.trigger('change:' + changes[i], this, current[changes[i]], options);
- }
- }
-
- if (changing) return this;
- changed = BI.clone(this.changedTmp);
- if (!silent) {
- while (this._pendingTmp) {
- options = this._pendingTmp;
- this._pendingTmp = false;
- this.trigger('change', changed, prev, this, options);
- }
- }
- this._pendingTmp = false;
- this._changingTmp = false;
- if (!silent && changes.length) this.trigger("changed", changed, prev, this, options);
- return this;
- },
-
- untmp: function (attr, options) {
- var self = this;
- BI.each(this._childs, function (key, model) {
- key = key + "";
- var keys = key.split('.');
- if (_.isEqual(attr, keys[0])) {
- delete self._childs[attr];
- if (!BI.isArray(model)) {
- model = [model];
- }
- BI.each(model, function (i, m) {
- m.trigger("unset");
- });
- }
- });
- return this.tmp(attr, void 0, _.extend({}, options, {unset: true}));
- },
-
- cancel: function (options) {
- var self = this;
- var tmp = BI.clone(this._tmp);
- this._tmp = {};
- BI.each(tmp, function (k) {
- self.untmp(k, options);
- });
- },
-
- submit: function () {
- var tmp = BI.clone(this._tmp);
- this._tmp = {};
- this.set(tmp);
- return this;
- },
-
- urlRoot: function () {
- return BI.servletURL;
- },
-
- parse: function (data) {
- return data;
- },
-
- setEditing: function (edit) {
- this._editing = edit;
- },
-
- getEditing: function () {
- if (this._start !== true) {
- throw new Error("getEditing函数只允许在local中调用");
- }
- return this._editing;
- },
-
- local: function () {
-
- },
-
- load: function (data) {
-
- },
-
- refresh: function () {
-
- },
-
- /**
- * 更新整个model
- */
- updateURL: function () {
-
- },
- /**
- * 添加一个元素或删除一个元素或修改一个元素
- */
- patchURL: function () {
-
- },
- /**
- * 删除整个model, destroy方法调用
- */
- deleteURL: function () {
-
- },
- /**
- * 读取model
- */
- readURL: function () {
-
- },
-
- read: function (options) {
- if (this._start == true || this._changing_ === true) {
- this._F.push({f: this.read, arg: arguments});
- return;
- }
- this._read(options);
- },
-
- update: function (options) {
- if (this._start == true || this._changing_ === true) {
- this._F.push({f: this.update, arg: arguments});
- return;
- }
- this._save(null, options);
- },
-
- patch: function (options) {
- if (this._start == true || this._changing_ === true) {
- this._F.push({f: this.patch, arg: arguments});
- return;
- }
- this._save(null, BI.extend({}, options, {
- patch: true
- }));
- },
-
- _destroy: function () {
- var children = BI.extend({}, this._childs);
- this._childs = {};
- BI.each(children, function (i, child) {
- child._destroy();
- });
- this.destroyed && this.destroyed();
- },
-
- destroy: function () {
- this._destroy();
- BI.Model.superclass.destroy.apply(this, arguments);
- }
-});/**
- * @class BI.View
- * @extends BI.V
- * @type {*|void|Object}
- */
-BI.View = BI.inherit(BI.V, {
-
- //生命周期函数
- beforeCreate: null,
-
- created: null,
-
- beforeDestroy: null,
-
- destroyed: null,
-
- _init: function () {
- BI.View.superclass._init.apply(this, arguments);
- this.beforeCreate && this.beforeCreate();
- var self = this;
- this.listenTo(this.model, "change:current", function (obj, val) {
- if (BI.isNotNull(val) && val.length > 0) {
- this.refresh(val);
- }
- }).listenTo(this.model, "change", function (changed) {
- this.delegateEvents();
- }).listenTo(this.model, "changed", function (changed, prev, context, options) {
- if (BI.has(changed, "current") && BI.size(changed) > 1) {
- throw new Error("refresh操作不能调用set操作");
- }
- var notLocal = !BI.has(changed, "current") && !this.local() && this.notifyParent().notify();
- this.model.actionEnd() && this.actionEnd();
- this.model._changing_ = true;
- notLocal && !BI.isEmpty(changed) && this.change(changed, prev, context, options);
- this.model._changing_ = false;
- this.model.actionEnd() && this.actionEnd();
- }).listenTo(this.model, "destroy", function () {
- this._destroy();
- }).listenTo(this.model, "unset", function () {
- this._destroy();
- }).listenTo(this.model, "splice", function (arg) {
- this.splice.apply(this, arg);
- }).listenTo(this.model, "duplicate", function (arg) {
- this.duplicate.apply(this, arg);
- });
- this._F = [];
- var flatten = ["_init", "_defaultConfig", "_vessel", "_render", "getName", "listenEnd", "local", "refresh", "load", "change"];
- flatten = BI.makeObject(flatten, true);
- BI.each(this.constructor.caller.caller.prototype, function (key) {
- if (flatten[key]) {
- return;
- }
- var f = self[key];
- if (BI.isFunction(f)) {
- self[key] = BI.bind(function () {
- if (this.model._start === true) {
- this._F.push({f: f, arg: arguments});
- return;
- }
- return f.apply(this, arguments);
- }, self);
- }
- });
- this.created && this.created();
- },
-
- change: function (changed, prev) {
-
- },
-
- actionEnd: function () {
- var self = this;
- var _F = this._F.slice(0);
- this._F = [];
- BI.each(_F, function (i, f) {
- f.f.apply(self, f.arg);
- });
- return this;
- },
-
- delegateEvents: function (events) {
- if (!(events || (events = BI.deepClone(_.result(this, 'events'))))) return this;
- var delegateEventSplitter = /^(\S+)\s*(.*)$/;
- for (var key in events) {
- var method = events[key];
- if (!_.isFunction(method)) method = this[events[key]];
- if (!method) continue;
- var match = key.match(delegateEventSplitter);
- var ev = true;
- switch (match[1]) {
- case "draggable":
- break;
- case "droppable":
- break;
- case "sortable":
- break;
- case "resizable":
- break;
- case "hover":
- break;
- default :
- ev = false;
- break;
- }
-
- var off = new BI.OffList({
- event: match[1] + '.delegateEvents' + this.cid
- });
-
- var keys = match[2].split('.');
- var handle = keys[1];
- var bind = ev ? new BI.EventList({
- event: match[1],
- handle: handle,
- callback: BI.bind(method, this)
- }) : new BI.ListenerList({
- event: match[1] + '.delegateEvents' + this.cid,
- handle: handle,
- callback: BI.bind(method, this),
- context: this
- });
-
- var list = [];
- if (this[keys[0]] && (this[keys[0]] instanceof $ || this[keys[0]].element instanceof $)) {
- list = [this[keys[0]]]
- delete events[key];
- } else if (BI.isArray(this[keys[0]]) || BI.isPlainObject(this[keys[0]])) {
- list = this[keys[0]]
- delete events[key];
- }
- off.populate(list);
- bind.populate(list);
- }
- return BI.View.superclass.delegateEvents.apply(this, [events]);
- },
-
- _vessel: function () {
- this._cardLayouts = {};
- this._cardLayouts[this.getName()] = new BI.CardLayout({
- element: this
- });
- var vessel = BI.createWidget();
- this._cardLayouts[this.getName()].addCardByName(this.getName(), vessel);
- return vessel;
- },
-
- render: function (vessel) {
- return this;
- },
-
- /**
- * 创建儿子所在容器
- * @param key
- * @param vessel
- * @param options isLayer:是否是弹出层, defaultShowName:默认显示项
- * @returns {BI.View}
- */
- addSubVessel: function (key, vessel, options) {
- options || (options = {});
- this._cardLayouts || (this._cardLayouts = {});
- var id = key + this.cid;
- options.isLayer && (vessel = BI.Layers.has(id) ? BI.Layers.get(id) : BI.Layers.create(id, vessel));
- if (this._cardLayouts[key]) {
- options.defaultShowName && this._cardLayouts[key].setDefaultShowName(options.defaultShowName);
- return this;
- }
- this._cardLayouts[key] = BI.createWidget({
- type: "bi.card",
- element: vessel,
- defaultShowName: options.defaultShowName
- });
- return this;
- },
-
- removeSubVessel: function (key) {
- var self = this, id = key + this.cid;
- BI.Layers.remove(id);
- var cardNames = this._cardLayouts[key] && this._cardLayouts[key].getAllCardNames();
- BI.each(cardNames, function (i, name) {
- delete self._cards[name];
- });
- this._cardLayouts[key] && this._cardLayouts[key]._destroy();
- return this;
- },
-
- createView: function (url, modelData, viewData, context) {
- return BI.Factory.createView(url, this.get(url), modelData, viewData, context);
- },
-
- /**
- * 跳转到指定的card
- * @param cardName
- */
- skipTo: function (cardName, layout, modelData, viewData, options) {
- if (this.model._start === true || this._changing_ === true) {
- this._F.push({f: this.skipTo, arg: arguments});
- return this;
- }
- var self = this, isValid = BI.isKey(modelData), data = void 0;
- BI.isKey(layout) && (layout = layout + "");
- layout = layout || this.getName();
- options || (options = {});
- if (isValid) {
- modelData = modelData + "";//避免modelData是数字
- var keys = modelData.split('.');
- BI.each(keys, function (i, k) {
- if (i === 0) {
- data = self.model.get(k) || {};
- } else {
- data = data[k] || {};
- }
- });
- data.id = options.id || keys[keys.length - 1];
- } else {
- data = modelData;
- }
- BI.extend(data, options.data);
- var action = options.action || new BI.ShowAction();
- var cardLayout = this._cardLayouts[layout];
- if (!cardLayout) {
- return this;
- }
- cardLayout.setVisible(true);
- if (BI.isKey(cardName) && !cardLayout.isCardExisted(cardName)) {
- var view = this.createView(this.rootURL + "/" + cardName, data, viewData, this);
- isValid && this.model.addChild(modelData, view.model);
- view.listenTo(view.model, "destroy", function () {
- delete self._cards[cardName];
- cardLayout.deleteCardByName(cardName);
- if (cardLayout.isAllCardHide()) {
- cardLayout.setVisible(false);
- BI.Layers.hide(layout + self.cid);
- }
- }).listenTo(view.model, "unset", function () {
- delete self._cards[cardName];
- cardLayout.deleteCardByName(cardName);
- });
- cardLayout.addCardByName(cardName, view);
- this._cards || (this._cards = {});
- this._cards[cardName] = view;
- data = {};
- this.on("end:" + view.cid, function () {
- var isNew = false, t, keys;
- if (isValid) {
- keys = modelData.split('.');
- BI.each(keys, function (i, k) {
- if (i === 0) {
- t = self.model.get(k) || (isNew = true);
- } else {
- t = t[k] || (isNew = true);
- }
- });
- }
- if (isNew) {
- delete self._cards[cardName];
- self.model.removeChild(modelData, view.model);
- cardLayout.deleteCardByName(cardName);
- view._destroy();
- cardLayout.setVisible(false);
- }
- action.actionBack(view, null, function () {
- if (cardLayout.isAllCardHide()) {
- cardLayout.setVisible(false);
- BI.Layers.hide(layout + self.cid);
- }
- !isNew && (self.listenEnd.apply(self, isValid ? keys : [modelData]) !== false) && self.populate();
- })
- }).on("change:" + view.cid, _.bind(this.notifyParent, this));
- }
- BI.isKey(cardName) && BI.Layers.show(layout + this.cid);
- cardLayout.showCardByName(cardName, action, function () {
- BI.isKey(cardName) && self._cards[cardName].populate(data, options);
- });
- !BI.isKey(cardName) && BI.Layers.hide(layout + this.cid);
- return this._cards[cardName];
- },
-
- listenEnd: function (key1, key2, key3) {
- return this;
- },
-
- /**
- * 告诉父亲我的操作结束了，后面的事情任由父亲处置
- * @param force 强制下次再次进入该节点时不进行刷新操作， 默认执行刷新
- * @returns {BI.View}
- */
- notifyParentEnd: function (force) {
- this.parent && this.parent.trigger("end:" + this.cid);
- this.trigger("end");
- !force && this.notify();
- return this;
- },
-
- /**
- * 通知父亲我的数据发生了变化
- */
- notifyParent: function () {
- this.parent && this.parent.notify().trigger("change:" + this.cid);
- return this;
- },
-
- /**
- * 告诉Model数据改变了
- */
- notify: function () {
- this.model.unset("current", {silent: true});
- return this;
- },
-
- getName: function () {
- return "VIEW"
- },
-
- /**
- * 全局刷新
- * @param current
- */
- refresh: function (current) {
- },
- /**
- * 局部刷新
- */
- local: function () {
- return false;
- },
-
- load: function (data) {
-
- },
-
- readData: function (force, options) {
- options || (options = {});
- var self = this;
- var args = [].slice.call(arguments, 2);
- if (!force && this._readed === true) {//只从后台获取一次数据
- callback(this.model.toJSON());
- return;
- }
- //采用静默方式读数据,该数据变化不引起data的change事件触发
- var success = options.success;
- this.model.read(BI.extend({
- silent: true
- }, options, {
- success: function (data, model) {
- callback(data);
- !force && (self._readed = true);
- self.delegateEvents();
- success && success(data, model);
- }
- }));
-
- function callback(data) {
- self.model.load(data);
- self.load(data);
- BI.each(args, function (i, arg) {
- if (BI.isFunction(arg)) {
- arg.apply(self, [data]);
- }
- })
- }
- },
-
- //处理model的通用方法
- cat: function () {
- return this.model.cat.apply(this.model, arguments);
- },
-
- get: function () {
- return this.model.get.apply(this.model, arguments);
- },
-
- set: function () {
- return this.model.set.apply(this.model, arguments);
- },
-
- has: function () {
- return this.model.has.apply(this.model, arguments);
- },
-
- getEditing: function () {
- return this.model.getEditing();
- },
-
- reading: function (options) {
- var self = this;
- var name = BI.UUID();
- this.model.read(BI.extend({}, options, {
- beforeSend: function () {
- var loading = BI.createWidget({
- type: 'bi.vertical',
- items: [{
- type: "bi.layout",
- height: 30,
- cls: "loading-background"
- }],
- element: BI.Maskers.make(name, self)
- });
- loading.setVisible(true);
- },
- complete: function (data) {
- options.complete && options.complete(data);
- BI.Maskers.remove(name);
- }
- }));
- },
-
- updating: function (options) {
- var self = this;
- var name = BI.UUID();
- this.model.update(BI.extend({}, options, {
- noset: true,
- beforeSend: function () {
- var loading = BI.createWidget({
- type: 'bi.vertical',
- items: [{
- type: "bi.layout",
- height: 30,
- cls: "loading-background"
- }],
- element: BI.Maskers.make(name, self)
- });
- loading.setVisible(true);
- },
- complete: function (data) {
- options.complete && options.complete(data);
- BI.Maskers.remove(name);
- }
- }));
- },
-
- patching: function (options) {
- var self = this;
- var name = BI.UUID();
- this.model.patch(BI.extend({}, options, {
- noset: true,
- beforeSend: function () {
- var loading = BI.createWidget({
- type: 'bi.vertical',
- items: [{
- type: "bi.layout",
- height: 30,
- cls: "loading-background"
- }],
- element: BI.Maskers.make(name, self)
- });
- loading.setVisible(true);
- },
- complete: function (data) {
- options.complete && options.complete(data);
- BI.Maskers.remove(name);
- }
- }));
- },
-
- populate: function (modelData, options) {
- var self = this;
- options || (options = {});
- if (options.force === true) {
- this.notify();
- }
- if (this._cardLayouts && this._cardLayouts[this.getName()]) {
- this._cardLayouts[this.getName()].showCardByName(this.getName());
- }
- //BI.each(this._cardLayouts, function (key, layout) {
- // layout.showCardByName(layout.getDefaultShowName() || self.getName());
- //});
- //BI.each(this._cards, function (i, card) {
- // card.notify && card.notify();
- //});
- if (this._F.length > 0) {
- throw new Error("流程错误");
- }
- if (options.force === true) {
- this.model.set(modelData, options).set({current: this.model.get("default")});
- return;
- }
- if (options.force === false) {
- this.model.set(modelData);
- return;
- }
- var filter = BI.clone(modelData || {});
- delete filter.id;
- var contains = BI.has(this.model.toJSON(), _.keys(filter));
- var match = BI.isEmpty(filter) || (contains && this.model.matches(modelData));
- if (match === true) {
- this.model.set({current: this.model.get("default")});
- } else if (contains === false) {
- this.model.set(modelData);
- } else {
- this.model.set(modelData, options).set({current: this.model.get("default")});
- }
- },
-
- //删除子节点触发
- splice: function (old, key1, key2, key3) {
-
- },
-
- //复制子节点触发
- duplicate: function (copy, key1, key2, key3) {
-
- },
-
- _unMount: function () {
- this.beforeDestroy && this.beforeDestroy();
- BI.each(this._cardLayouts, function (name, card) {
- card && card._unMount();
- });
- delete this._cardLayouts;
- delete this._cards;
- this.destroyed && this.destroyed();
- this.trigger(BI.Events.UNMOUNT);
- this.off();
- },
-
- _destroy: function () {
- var self = this;
- BI.each(this._cardLayouts, function (name, card) {
- card && card._unMount();
- BI.Layers.remove(name + self.cid);
- });
- delete this._cardLayouts;
- delete this._cards;
- this.destroyed && this.destroyed();
- this.remove();
- this.trigger(BI.Events.DESTROY);
- this.off();
- }
-});
-
-BI.View.registerVMRouter = function (viewRouter, modelRouter) {
- //配置View
- BI.View.createView = BI.View.prototype.createView = function (url, modelData, viewData, context) {
- return BI.Factory.createView(url, viewRouter.get(url), _.extend({}, modelRouter.get(url), modelData), viewData || {}, context);
- };
-};/**
- * @class BI.FloatSection
- * @extends BI.View
- * @abstract
- */
-BI.FloatSection = BI.inherit(BI.View, {
- _init : function() {
- BI.FloatSection.superclass._init.apply(this, arguments);
- var self = this;
- var flatten = ["_init", "_defaultConfig", "_vessel", "_render", "getName", "listenEnd", "local", "refresh", "load", "change"];
- flatten = BI.makeObject(flatten, true);
- BI.each(this.constructor.caller.caller.caller.prototype, function (key) {
- if (flatten[key]) {
- return;
- }
- var f = self[key];
- if (BI.isFunction(f)) {
- self[key] = BI.bind(function () {
- if (this.model._start === true) {
- this._F.push({f: f, arg: arguments});
- return;
- }
- return f.apply(this, arguments);
- }, self);
- }
- })
- },
-
- rebuildNorth : function(north) {
- return true;
- },
- rebuildCenter : function(center) {},
- rebuildSouth : function(south) {
- return false;
- },
- close: function(){
- this.notifyParentEnd();
- this.trigger(BI.PopoverSection.EVENT_CLOSE);
- },
- end: function(){
-
- }
-});
-/**
- * 统一绑定事件
- * @type {*|void|Object}
- */
-BI.EventList = BI.inherit(BI.OB, {
- _defaultConfig: function() {
- return BI.extend(BI.EventList.superclass._defaultConfig.apply(this, arguments), {
- event: "click",
- callback: BI.emptyFn,
- handle: "",
- items:[]
- });
- },
-
- _init : function() {
- BI.EventList.superclass._init.apply(this, arguments);
- this.populate(this.options.items);
- },
-
- _getHandle: function(item){
- var handle = this.options.handle ? _.result(item, this.options.handle) : item;
- return handle.element || handle;
- },
-
- populate: function(items){
- var self = this,
- event = this.options.event,
- callback = this.options.callback;
- BI.nextTick(function(){
- BI.each(items, function(i, item){
- var fn = callback(item);
- BI.isFunction(fn) && (fn = BI.debounce(fn, BI.EVENT_RESPONSE_TIME, true));
- self._getHandle(item)[event](fn);
- })
- })
-
- }
-});/**
- * 统一监听jquery事件
- * @type {*|void|Object}
- */
-BI.ListenerList = BI.inherit(BI.OB, {
- _defaultConfig: function() {
- return BI.extend(BI.ListenerList.superclass._defaultConfig.apply(this, arguments), {
- event: "click",
- callback: BI.emptyFn,
- items:[]
- });
- },
-
- _init : function() {
- BI.ListenerList.superclass._init.apply(this, arguments);
- this.populate(this.options.items);
- },
-
- _getHandle: function(item){
- var handle = this.options.handle ? _.result(item, this.options.handle) : item;
- return handle.element || handle;
- },
-
- populate: function(items){
- var self = this,
- event = this.options.event,
- callback = this.options.callback;
- BI.nextTick(function(){
- BI.each(items, function(i, item){
- var fn = callback(item);
- BI.isFunction(fn) && (fn = BI.debounce(fn, BI.EVENT_RESPONSE_TIME, true));
- self._getHandle(item).on(event, fn);
- })
- })
- }
-});/**
- * Created by GUY on 2015/6/25.
- */
-/**
- * 统一监听jquery事件
- * @type {*|void|Object}
- */
-BI.OffList = BI.inherit(BI.OB, {
- _defaultConfig: function() {
- return BI.extend(BI.OffList.superclass._defaultConfig.apply(this, arguments), {
- event: "click",
- items:[]
- });
- },
-
- _init : function() {
- BI.OffList.superclass._init.apply(this, arguments);
- this.populate(this.options.items);
- },
-
- _getHandle: function(item){
- var handle = this.options.handle ? _.result(item, this.options.handle) : item;
- return handle.element || handle;
- },
-
- populate: function(items){
- var self = this,
- event = this.options.event;
- BI.each(items, function(i, item){
- self._getHandle(item).off(event);
- })
- }
-});/**
- * 有确定取消按钮的弹出层
- * @class BI.BarFloatSection
- * @extends BI.FloatSection
- * @abstract
- */
-BI.BarFloatSection = BI.inherit(BI.FloatSection, {
- _defaultConfig: function () {
- return BI.extend(BI.BarFloatSection.superclass._defaultConfig.apply(this, arguments), {
- btns: [BI.i18nText(BI.i18nText("BI-Basic_Sure")), BI.i18nText("BI-Basic_Cancel")]
- })
- },
-
- _init: function () {
- BI.BarFloatSection.superclass._init.apply(this, arguments);
- var self = this;
- var flatten = ["_init", "_defaultConfig", "_vessel", "_render", "getName", "listenEnd", "local", "refresh", "load", "change"];
- flatten = BI.makeObject(flatten, true);
- BI.each(this.constructor.caller.caller.caller.caller.prototype, function (key) {
- if (flatten[key]) {
- return;
- }
- var f = self[key];
- if (BI.isFunction(f)) {
- self[key] = BI.bind(function () {
- if (this.model._start === true) {
- this._F.push({f: f, arg: arguments});
- return;
- }
- return f.apply(this, arguments);
- }, self);
- }
- })
- },
-
- rebuildSouth: function (south) {
- var self = this, o = this.options;
- this.sure = BI.createWidget({
- type: 'bi.button',
- text: this.options.btns[0],
- height: 30,
- value: 0,
- handler: function (v) {
- self.end();
- self.close(v);
- }
- });
- this.cancel = BI.createWidget({
- type: 'bi.button',
- text: this.options.btns[1],
- height: 30,
- value: 1,
- level: 'ignore',
- handler: function (v) {
- self.close(v);
- }
- });
- BI.createWidget({
- type: 'bi.right_vertical_adapt',
- element: south,
- hgap: 5,
- items: [this.cancel, this.sure]
- });
- }
-});
-/**
- *
- * @class BI.FloatBoxRouter
- * @extends BI.WRouter
- */
-BI.FloatBoxRouter = BI.inherit(BI.WRouter, {
- routes: {},
-
- _init: function () {
- this.store = {};
- this.views = {};
- },
-
- createView: function (url, modelData, viewData, context) {
- return BI.Factory.createView(url, this.get(url), modelData || {}, viewData || {}, context)
- },
-
- open: function (url, modelData, viewData, context, options) {
- var self = this, isValid = BI.isKey(modelData);
- options || (options = {});
- url = context.rootURL + "/" + url;
- var data = void 0;
- if (isValid) {
- modelData = modelData + "";//避免modelData是数字
- var keys = modelData.split('.');
- BI.each(keys, function (i, k) {
- if (i === 0) {
- data = context.model.get(k) || {};
- } else {
- data = data[k] || {};
- }
- });
- data.id = options.id || keys[keys.length - 1];
- } else {
- data = modelData;
- }
- BI.extend(data, options.data);
- if (!this.controller) {
- this.controller = new BI.FloatBoxController();
- }
- if (!this.store[url]) {
- this.store[url] = BI.createWidget({
- type: "bi.float_box"
- }, options);
- var view = this.createView(url, data, viewData, context);
- isValid && context.model.addChild(modelData, view.model);
- view.listenTo(view.model, "destroy", function () {
- self.remove(url, context);
- });
- context.on(BI.Events.UNMOUNT, function () {
- self.remove(url, context);
- });
- this.store[url].populate(view);
- this.views[url] = view;
- this.controller.add(url, this.store[url]);
- context && context.on("end:" + view.cid, function () {
- BI.nextTick(function () {
- self.close(url);
-// view.end();
- (context.listenEnd.apply(context, isValid ? modelData.split('.') : [modelData]) !== false) && context.populate();
- }, 30)
- }).on("change:" + view.cid, _.bind(context.notifyParent, context))
- }
- this.controller.open(url);
- this.views[url].populate(data, options.force || true);
- return this;
- },
-
- close: function (url) {
- if (this.controller) {
- this.controller.close(url);
- }
- return this;
- },
-
- remove: function (url, context) {
- url = context.rootURL + "/" + url;
- if (this.controller) {
- this.controller.remove(url);
- delete this.store[url];
- this.views[url] && this.views[url].model.destroy();
- delete this.views[url];
- }
- return this;
- }
-});
\ No newline at end of file
diff --git a/bi/fix.js b/dist/fix/fix-1.0.js
similarity index 100%
rename from bi/fix.js
rename to dist/fix/fix-1.0.js
diff --git a/dist/fix/fix.compact.js b/dist/fix/fix.compact.js
new file mode 100644
index 000000000..df8063b54
--- /dev/null
+++ b/dist/fix/fix.compact.js
@@ -0,0 +1,51 @@
+;(function () {
+ function initWatch(vm, watch) {
+ vm._watchers || (vm._watchers = []);
+ for (var key in watch) {
+ var handler = watch[key]
+ if (BI.isArray(handler)) {
+ for (var i = 0; i < handler.length; i++) {
+ vm._watchers.push(createWatcher(vm, key, handler[i]))
+ }
+ } else {
+ vm._watchers.push(createWatcher(vm, key, handler))
+ }
+ }
+ }
+
+ function createWatcher(vm, keyOrFn, handler, options) {
+ if (BI.isPlainObject(handler)) {
+ options = handler
+ handler = handler.handler
+ }
+ if (typeof handler === 'string') {
+ handler = vm[handler]
+ }
+ return Fix.VM.prototype.$watch.call(vm, keyOrFn, handler, options)
+ }
+
+ var _init = BI.Widget.prototype._init;
+ BI.Widget.prototype._init = function () {
+ if (window.Fix && this._store) {
+ this.store = this._store();
+ if (this.store instanceof Fix.VM) {
+ this.model = this.store.model;
+ } else {
+ this.model = this.store;
+ }
+ initWatch(this, this.watch);
+ }
+ _init.apply(this, arguments);
+ };
+
+ var destroy = BI.Widget.prototype.destroy;
+ BI.Widget.prototype.destroy = function () {
+ destroy.apply(this, arguments);
+ this.store && this.store.destroy();
+ BI.each(this._watchers, function (i, unwatch) {
+ unwatch();
+ });
+ this._watchers && (this._watchers = []);
+ this.store && (this.store = null);
+ }
+}());
\ No newline at end of file
diff --git a/dist/fix/fix.js b/dist/fix/fix.js
new file mode 100644
index 000000000..a3368279c
--- /dev/null
+++ b/dist/fix/fix.js
@@ -0,0 +1,951 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : factory(global.Fix = global.Fix || {});
+})(this, function (exports) {
+ 'use strict';
+
+ function noop(a, b, c) {}
+
+ function isNative(Ctor) {
+ return typeof Ctor === 'function' && /native code/.test(Ctor.toString());
+ }
+
+ var rhashcode = /\d\.\d{4}/;
+
+ //生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
+ function makeHashCode(prefix) {
+ /* istanbul ignore next*/
+ prefix = prefix || 'bi';
+ /* istanbul ignore next*/
+ return String(Math.random() + Math.random()).replace(rhashcode, prefix);
+ }
+
+ var hasProto = '__proto__' in {};
+
+ var getIEVersion = function getIEVersion() {
+ var version = 0;
+ var agent = navigator.userAgent.toLowerCase();
+ var v1 = agent.match(/(?:msie\s([\w.]+))/);
+ var v2 = agent.match(/(?:trident.*rv:([\w.]+))/);
+ if (v1 && v2 && v1[1] && v2[1]) {
+ version = Math.max(v1[1] * 1, v2[1] * 1);
+ } else if (v1 && v1[1]) {
+ version = v1[1] * 1;
+ } else if (v2 && v2[1]) {
+ version = v2[1] * 1;
+ } else {
+ version = 0;
+ }
+ return version;
+ };
+ var isIE9Below = getIEVersion() < 9;
+
+ var _toString = Object.prototype.toString;
+
+ function isPlainObject(obj) {
+ return _toString.call(obj) === '[object Object]';
+ }
+
+ function remove(arr, item) {
+ if (arr.length) {
+ var _index = arr.indexOf(item);
+ if (_index > -1) {
+ return arr.splice(_index, 1);
+ }
+ }
+ }
+
+ var bailRE = /[^\w.$]/;
+
+ function parsePath(path) {
+ if (bailRE.test(path)) {
+ return;
+ }
+ var segments = path.split('.');
+ return function (obj) {
+ for (var i = 0; i < segments.length; i++) {
+ if (!obj) return;
+ obj = obj[segments[i]];
+ }
+ return obj;
+ };
+ }
+
+ var nextTick = function () {
+ var callbacks = [];
+ var pending = false;
+ var timerFunc = void 0;
+
+ function nextTickHandler() {
+ pending = false;
+ var copies = callbacks.slice(0);
+ callbacks.length = 0;
+ for (var i = 0; i < copies.length; i++) {
+ copies[i]();
+ }
+ }
+
+ // An asynchronous deferring mechanism.
+ // In pre 2.4, we used to use microtasks (Promise/MutationObserver)
+ // but microtasks actually has too high a priority and fires in between
+ // supposedly sequential events (e.g. #4521, #6690) or even between
+ // bubbling of the same event (#6566). Technically setImmediate should be
+ // the ideal choice, but it's not available everywhere; and the only polyfill
+ // that consistently queues the callback after all DOM events triggered in the
+ // same loop is by using MessageChannel.
+ /* istanbul ignore if */
+ if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
+ timerFunc = function timerFunc() {
+ setImmediate(nextTickHandler);
+ };
+ } else if (typeof MessageChannel !== 'undefined' && (isNative(MessageChannel) ||
+ // PhantomJS
+ MessageChannel.toString() === '[object MessageChannelConstructor]')) {
+ var channel = new MessageChannel();
+ var port = channel.port2;
+ channel.port1.onmessage = nextTickHandler;
+ timerFunc = function timerFunc() {
+ port.postMessage(1);
+ };
+ } else
+ /* istanbul ignore next */
+ if (typeof Promise !== 'undefined' && isNative(Promise)) {
+ // use microtask in non-DOM environments, e.g. Weex
+ var p = Promise.resolve();
+ timerFunc = function timerFunc() {
+ p.then(nextTickHandler);
+ };
+ } else {
+ // fallback to setTimeout
+ timerFunc = function timerFunc() {
+ setTimeout(nextTickHandler, 0);
+ };
+ }
+
+ return function queueNextTick(cb, ctx) {
+ var _resolve = void 0;
+ callbacks.push(function () {
+ if (cb) {
+ try {
+ cb.call(ctx);
+ } catch (e) {}
+ } else if (_resolve) {
+ _resolve(ctx);
+ }
+ });
+ if (!pending) {
+ pending = true;
+ timerFunc();
+ }
+ // $flow-disable-line
+ if (!cb && typeof Promise !== 'undefined') {
+ return new Promise(function (resolve, reject) {
+ _resolve = resolve;
+ });
+ }
+ };
+ }();
+
+ var falsy;
+ var $$skipArray = {
+ __ob__: falsy,
+ $accessors: falsy,
+ $vbthis: falsy,
+ $vbsetter: falsy
+ };
+
+ var uid = 0;
+
+ /**
+ * A dep is an observable that can have multiple
+ * directives subscribing to it.
+ */
+
+ var Dep = function () {
+ function Dep() {
+ _classCallCheck(this, Dep);
+
+ this.id = uid++;
+ this.subs = [];
+ }
+
+ Dep.prototype.addSub = function addSub(sub) {
+ this.subs.push(sub);
+ };
+
+ Dep.prototype.removeSub = function removeSub(sub) {
+ remove(this.subs, sub);
+ };
+
+ Dep.prototype.depend = function depend() {
+ if (Dep.target) {
+ Dep.target.addDep(this);
+ }
+ };
+
+ Dep.prototype.notify = function notify() {
+ // stabilize the subscriber list first
+ var subs = this.subs.slice();
+ for (var i = 0, l = subs.length; i < l; i++) {
+ subs[i].update();
+ }
+ };
+
+ return Dep;
+ }();
+
+ // the current target watcher being evaluated.
+ // this is globally unique because there could be only one
+ // watcher being evaluated at any time.
+
+
+ Dep.target = null;
+ var targetStack = [];
+
+ function pushTarget(_target) {
+ if (Dep.target) targetStack.push(Dep.target);
+ Dep.target = _target;
+ }
+
+ function popTarget() {
+ Dep.target = targetStack.pop();
+ }
+
+ //如果浏览器不支持ecma262v5的Object.defineProperties或者存在BUG，比如IE8
+ //标准浏览器使用__defineGetter__, __defineSetter__实现
+ var canHideProperty = true;
+ try {
+ Object.defineProperty({}, '_', {
+ value: 'x'
+ });
+ delete $$skipArray.$vbsetter;
+ delete $$skipArray.$vbthis;
+ } catch (e) {
+ /* istanbul ignore next*/
+ canHideProperty = false;
+ }
+
+ var createViewModel = Object.defineProperties;
+ var defineProperty = void 0;
+
+ var timeBucket = new Date() - 0;
+ /* istanbul ignore if*/
+ if (!canHideProperty) {
+ if ('__defineGetter__' in {}) {
+ defineProperty = function defineProperty(obj, prop, desc) {
+ if ('value' in desc) {
+ obj[prop] = desc.value;
+ }
+ if ('get' in desc) {
+ obj.__defineGetter__(prop, desc.get);
+ }
+ if ('set' in desc) {
+ obj.__defineSetter__(prop, desc.set);
+ }
+ return obj;
+ };
+ createViewModel = function createViewModel(obj, descs) {
+ for (var prop in descs) {
+ if (descs.hasOwnProperty(prop)) {
+ defineProperty(obj, prop, descs[prop]);
+ }
+ }
+ return obj;
+ };
+ }
+ /* istanbul ignore if*/
+ if (isIE9Below) {
+ var VBClassPool = {};
+ window.execScript([// jshint ignore:line
+ 'Function parseVB(code)', '\tExecuteGlobal(code)', 'End Function' //转换一段文本为VB代码
+ ].join('\n'), 'VBScript');
+
+ var VBMediator = function VBMediator(instance, accessors, name, value) {
+ // jshint ignore:line
+ var accessor = accessors[name];
+ if (arguments.length === 4) {
+ accessor.set.call(instance, value);
+ } else {
+ return accessor.get.call(instance);
+ }
+ };
+ createViewModel = function createViewModel(name, accessors, properties) {
+ // jshint ignore:line
+ var buffer = [];
+ buffer.push('\tPrivate [$vbsetter]', '\tPublic [$accessors]', '\tPublic Default Function [$vbthis](ac' + timeBucket + ', s' + timeBucket + ')', '\t\tSet [$accessors] = ac' + timeBucket + ': set [$vbsetter] = s' + timeBucket, '\t\tSet [$vbthis] = Me', //链式调用
+ '\tEnd Function');
+ //添加普通属性,因为VBScript对象不能像JS那样随意增删属性，必须在这里预先定义好
+ var uniq = {
+ $vbthis: true,
+ $vbsetter: true,
+ $accessors: true
+ };
+ for (name in $$skipArray) {
+ if (!uniq[name]) {
+ buffer.push('\tPublic [' + name + ']');
+ uniq[name] = true;
+ }
+ }
+ //添加访问器属性
+ for (name in accessors) {
+ if (uniq[name]) {
+ continue;
+ }
+ uniq[name] = true;
+ buffer.push(
+ //由于不知对方会传入什么,因此set, let都用上
+ '\tPublic Property Let [' + name + '](val' + timeBucket + ')', //setter
+ '\t\tCall [$vbsetter](Me, [$accessors], "' + name + '", val' + timeBucket + ')', '\tEnd Property', '\tPublic Property Set [' + name + '](val' + timeBucket + ')', //setter
+ '\t\tCall [$vbsetter](Me, [$accessors], "' + name + '", val' + timeBucket + ')', '\tEnd Property', '\tPublic Property Get [' + name + ']', //getter
+ '\tOn Error Resume Next', //必须优先使用set语句,否则它会误将数组当字符串返回
+ '\t\tSet[' + name + '] = [$vbsetter](Me, [$accessors],"' + name + '")', '\tIf Err.Number <> 0 Then', '\t\t[' + name + '] = [$vbsetter](Me, [$accessors],"' + name + '")', '\tEnd If', '\tOn Error Goto 0', '\tEnd Property');
+ }
+
+ for (name in properties) {
+ if (!uniq[name]) {
+ uniq[name] = true;
+ buffer.push('\tPublic [' + name + ']');
+ }
+ }
+
+ buffer.push('\tPublic [hasOwnProperty]');
+ buffer.push('End Class');
+ var body = buffer.join('\r\n');
+ var className = VBClassPool[body];
+ if (!className) {
+ className = makeHashCode('VBClass');
+ window.parseVB('Class ' + className + body);
+ window.parseVB(['Function ' + className + 'Factory(acc, vbm)', //创建实例并传入两个关键的参数
+ '\tDim o', '\tSet o = (New ' + className + ')(acc, vbm)', '\tSet ' + className + 'Factory = o', 'End Function'].join('\r\n'));
+ VBClassPool[body] = className;
+ }
+ var ret = window[className + 'Factory'](accessors, VBMediator); //得到其产品
+ return ret; //得到其产品
+ };
+ }
+ }
+
+ var createViewModel$1 = createViewModel;
+
+ var queue = [];
+ var activatedChildren = [];
+ var has = {};
+ var waiting = false;
+ var flushing = false;
+ var index = 0;
+
+ function resetSchedulerState() {
+ index = queue.length = activatedChildren.length = 0;
+ has = {};
+ waiting = flushing = false;
+ }
+
+ function flushSchedulerQueue() {
+ flushing = true;
+ var watcher = void 0,
+ id = void 0;
+
+ // Sort queue before flush.
+ // This ensures that:
+ // 1. Components are updated from parent to child. (because parent is always
+ // created before the child)
+ // 2. A component's user watchers are run before its render watcher (because
+ // user watchers are created before the render watcher)
+ // 3. If a component is destroyed during a parent component's watcher run,
+ // its watchers can be skipped.
+ queue.sort(function (a, b) {
+ return a.id - b.id;
+ });
+
+ // do not cache length because more watchers might be pushed
+ // as we run existing watchers
+ for (index = 0; index < queue.length; index++) {
+ watcher = queue[index];
+ id = watcher.id;
+ has[id] = null;
+ watcher.run();
+ }
+
+ resetSchedulerState();
+ }
+
+ function queueWatcher(watcher) {
+ var id = watcher.id;
+ if (has[id] == null) {
+ has[id] = true;
+ if (!flushing) {
+ queue.push(watcher);
+ } else {
+ // if already flushing, splice the watcher based on its id
+ // if already past its id, it will be run next immediately.
+ var i = queue.length - 1;
+ while (i > index && queue[i].id > watcher.id) {
+ i--;
+ }
+ queue.splice(i + 1, 0, watcher);
+ }
+ // queue the flush
+ if (!waiting) {
+ waiting = true;
+ nextTick(flushSchedulerQueue);
+ }
+ }
+ }
+
+ var uid$1 = 0;
+
+ var Watcher = function () {
+ function Watcher(vm, expOrFn, cb, options) {
+ _classCallCheck(this, Watcher);
+
+ this.vm = vm;
+ // vm._watchers || (vm._watchers = [])
+ // vm._watchers.push(this)
+ // options
+ if (options) {
+ this.deep = !!options.deep;
+ this.user = !!options.user;
+ this.lazy = !!options.lazy;
+ this.sync = !!options.sync;
+ } else {
+ this.deep = this.user = this.lazy = this.sync = false;
+ }
+ this.cb = cb;
+ this.id = ++uid$1; // uid for batching
+ this.active = true;
+ this.dirty = this.lazy; // for lazy watchers
+ this.deps = [];
+ this.newDeps = [];
+ this.depIds = new Set();
+ this.newDepIds = new Set();
+ this.expression = '';
+ // parse expression for getter
+ if (typeof expOrFn === 'function') {
+ this.getter = expOrFn;
+ } else {
+ this.getter = parsePath(expOrFn);
+ if (!this.getter) {
+ this.getter = function () {};
+ }
+ }
+ this.value = this.lazy ? undefined : this.get();
+ }
+
+ Watcher.prototype.get = function get() {
+ pushTarget(this);
+ var value = void 0;
+ var vm = this.vm;
+ try {
+ value = this.getter.call(vm, vm);
+ } catch (e) {
+ if (this.user) {} else {
+ throw e;
+ }
+ } finally {
+ // "touch" every property so they are all tracked as
+ // dependencies for deep watching
+ if (this.deep) {
+ traverse(value);
+ }
+ popTarget();
+ this.cleanupDeps();
+ }
+ return value;
+ };
+
+ Watcher.prototype.addDep = function addDep(dep) {
+ var id = dep.id;
+ if (!this.newDepIds.has(id)) {
+ this.newDepIds.add(id);
+ this.newDeps.push(dep);
+ if (!this.depIds.has(id)) {
+ dep.addSub(this);
+ }
+ }
+ };
+
+ Watcher.prototype.cleanupDeps = function cleanupDeps() {
+ var i = this.deps.length;
+ while (i--) {
+ var dep = this.deps[i];
+ if (!this.newDepIds.has(dep.id)) {
+ dep.removeSub(this);
+ }
+ }
+ var tmp = this.depIds;
+ this.depIds = this.newDepIds;
+ this.newDepIds = tmp;
+ this.newDepIds.clear();
+ tmp = this.deps;
+ this.deps = this.newDeps;
+ this.newDeps = tmp;
+ this.newDeps.length = 0;
+ };
+
+ Watcher.prototype.update = function update() {
+ /* istanbul ignore else */
+ if (this.lazy) {
+ this.dirty = true;
+ } else if (this.sync) {
+ this.run();
+ } else {
+ queueWatcher(this);
+ }
+ };
+
+ Watcher.prototype.run = function run() {
+ if (this.active) {
+ var value = this.get();
+ if (value !== this.value ||
+ // Deep watchers and watchers on Object/Arrays should fire even
+ // when the value is the same, because the value may
+ // have mutated.
+ _.isObject(value) || this.deep) {
+ // set new value
+ var oldValue = this.value;
+ this.value = value;
+ if (this.user) {
+ try {
+ this.cb.call(this.vm, value, oldValue);
+ } catch (e) {}
+ } else {
+ this.cb.call(this.vm, value, oldValue);
+ }
+ }
+ }
+ };
+
+ Watcher.prototype.evaluate = function evaluate() {
+ this.value = this.get();
+ this.dirty = false;
+ };
+
+ Watcher.prototype.depend = function depend() {
+ var i = this.deps.length;
+ while (i--) {
+ this.deps[i].depend();
+ }
+ };
+
+ Watcher.prototype.teardown = function teardown() {
+ if (this.active) {
+ // remove self from vm's watcher list
+ // this is a somewhat expensive operation so we skip it
+ // if the vm is being destroyed.
+ if (!this.vm._isBeingDestroyed) {
+ remove(this.vm._watchers, this);
+ }
+ var i = this.deps.length;
+ while (i--) {
+ this.deps[i].removeSub(this);
+ }
+ this.active = false;
+ }
+ };
+
+ return Watcher;
+ }();
+
+ var seenObjects = new Set();
+
+ function traverse(val) {
+ seenObjects.clear();
+ _traverse(val, seenObjects);
+ }
+
+ function _traverse(val, seen) {
+ var i = void 0,
+ keys = void 0;
+ var isA = _.isArray(val);
+ if (!isA && !_.isObject(val)) {
+ return;
+ }
+ if (val.__ob__) {
+ var depId = val.__ob__.dep.id;
+ if (seen.has(depId)) {
+ return;
+ }
+ seen.add(depId);
+ }
+ if (isA) {
+ i = val.length;
+ while (i--) {
+ _traverse(val[i], seen);
+ }
+ } else {
+ keys = _.keys(val);
+ i = keys.length;
+ while (i--) {
+ _traverse(val[keys[i]], seen);
+ }
+ }
+ }
+
+ var arrayProto = Array.prototype;
+ var arrayMethods = [];
+ _.each(['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'], function (method) {
+ var original = arrayProto[method];
+ arrayMethods[method] = function mutator() {
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ var ob = this.__ob__;
+ var inserted = void 0;
+ switch (method) {
+ case 'push':
+ case 'unshift':
+ inserted = args;
+ break;
+ case 'splice':
+ inserted = args.slice(2);
+ break;
+ }
+ if (inserted) inserted = ob.observeArray(inserted);
+ switch (method) {
+ case 'push':
+ case 'unshift':
+ args = inserted;
+ break;
+ case 'splice':
+ args = [args[0], args[1]].concat(inserted ? inserted : []);
+ break;
+ }
+ var result = original.apply(this, args);
+ ob.dep.notify();
+ return result;
+ };
+ });
+
+ var arrayKeys = _.keys(arrayMethods);
+
+ var observerState = {
+ shouldConvert: true
+ };
+
+ /**
+ * Observer class that are attached to each observed
+ * object. Once attached, the observer converts target
+ * object's property keys into getter/setters that
+ * collect dependencies and dispatches updates.
+ */
+
+ var Observer = function () {
+ function Observer(value) {
+ _classCallCheck(this, Observer);
+
+ this.value = value;
+ this.dep = new Dep();
+ this.vmCount = 0;
+ if (_.isArray(value)) {
+ var augment = hasProto ? protoAugment : copyAugment;
+ augment(value, arrayMethods, arrayKeys);
+ this.model = this.observeArray(value);
+ } else {
+ this.model = this.walk(value);
+ }
+ this.model['__ob__'] = this;
+ }
+
+ Observer.prototype.walk = function walk(obj) {
+ return defineReactive(obj);
+ };
+
+ Observer.prototype.observeArray = function observeArray(items) {
+ for (var i = 0, l = items.length; i < l; i++) {
+ items[i] = observe(items[i]).model;
+ }
+ return items;
+ };
+
+ return Observer;
+ }();
+
+ function protoAugment(target, src, keys) {
+ /* eslint-disable no-proto */
+ target.__proto__ = src;
+ /* eslint-enable no-proto */
+ }
+
+ /* istanbul ignore next */
+ function copyAugment(target, src, keys) {
+ for (var i = 0, l = keys.length; i < l; i++) {
+ var key = keys[i];
+ target[key] = src[key];
+ }
+ }
+
+ function observe(value, asRootData) {
+ if (!_.isObject(value)) {
+ return;
+ }
+ var ob = void 0;
+ if (_.has(value, '__ob__') && value.__ob__ instanceof Observer) {
+ ob = value.__ob__;
+ } else if (observerState.shouldConvert && (_.isArray(value) || isPlainObject(value)) && !value._isVue) {
+ ob = new Observer(value);
+ }
+ if (asRootData && ob) {
+ ob.vmCount++;
+ }
+ return ob;
+ }
+
+ function defineReactive(obj, shallow) {
+
+ var props = {};
+ _.each(obj, function (val, key) {
+ if (key in $$skipArray) {
+ return;
+ }
+ var dep = new Dep();
+ var childOb = !shallow && observe(val);
+ props[key] = {
+ enumerable: true,
+ configurable: true,
+ get: function reactiveGetter() {
+ var value = val;
+ if (Dep.target) {
+ dep.depend();
+ if (childOb) {
+ childOb.dep.depend();
+ if (_.isArray(value)) {
+ dependArray(value);
+ }
+ }
+ }
+ return value;
+ },
+ set: function reactiveSetter(newVal) {
+ var value = val;
+ if (newVal === value || newVal !== newVal && value !== value) {
+ return;
+ }
+ val = newVal;
+ childOb = !shallow && observe(newVal);
+ obj[key] = childOb ? childOb.model : newVal;
+ dep.notify();
+ }
+ };
+ });
+ return createViewModel$1(obj, props);
+ }
+
+ /**
+ * Set a property on an object. Adds the new property and
+ * triggers change notification if the property doesn't
+ * already exist.
+ */
+ function set(target, key, val) {
+ if (_.isArray(target)) {
+ target.length = Math.max(target.length, key);
+ target.splice(key, 1, val);
+ return val;
+ }
+ if (_.has(target, key)) {
+ target[key] = val;
+ return val;
+ }
+ var ob = target.__ob__;
+ if (target._isVue || ob && ob.vmCount) {
+ return val;
+ }
+ if (!ob) {
+ target[key] = val;
+ return val;
+ }
+ defineReactive(ob.value, key, val);
+ ob.dep.notify();
+ return val;
+ }
+
+ /**
+ * Delete a property and trigger change if necessary.
+ */
+ function del(target, key) {
+ if (_.isArray(target)) {
+ target.splice(key, 1);
+ return;
+ }
+ var ob = target.__ob__;
+ if (target._isVue || ob && ob.vmCount) {
+ return;
+ }
+ if (!_.has(target, key)) {
+ return;
+ }
+ delete target[key];
+ if (!ob) {
+ return;
+ }
+ ob.dep.notify();
+ }
+
+ /**
+ * Collect dependencies on array elements when the array is touched, since
+ * we cannot intercept array element access like property getters.
+ */
+ function dependArray(value) {
+ for (var e, i = 0, l = value.length; i < l; i++) {
+ e = value[i];
+ e && e.__ob__ && e.__ob__.dep.depend();
+ if (_.isArray(e)) {
+ dependArray(e);
+ }
+ }
+ }
+
+ var computedWatcherOptions = { lazy: true };
+
+ function initComputed(vm, computed) {
+ var watchers = vm._computedWatchers = {};
+
+ defineComputed(vm, computed);
+
+ for (var key in computed) {
+ var userDef = computed[key];
+ var getter = typeof userDef === 'function' ? _.bind(userDef, vm) : _.bind(userDef.get, vm);
+
+ watchers[key] = new Watcher(vm.$$computed, getter || noop, noop, computedWatcherOptions);
+ }
+ }
+
+ function defineComputed(target, computed) {
+ var props = {};
+ var shouldCache = true;
+ for (var key in computed) {
+ if (!(key in target)) {
+ var sharedPropertyDefinition = {
+ enumerable: true,
+ configurable: true,
+ get: noop,
+ set: noop
+ };
+ var userDef = computed[key];
+ if (typeof userDef === 'function') {
+ sharedPropertyDefinition.get = createComputedGetter(target, key);
+ sharedPropertyDefinition.set = noop;
+ } else {
+ sharedPropertyDefinition.get = userDef.get ? shouldCache && userDef.cache !== false ? createComputedGetter(key) : userDef.get : noop;
+ sharedPropertyDefinition.set = userDef.set ? userDef.set : noop;
+ }
+
+ props[key] = sharedPropertyDefinition;
+ }
+ }
+ target.$$computed = createViewModel$1({}, props);
+ }
+
+ function createComputedGetter(vm, key) {
+ return function computedGetter() {
+ var watcher = vm._computedWatchers && vm._computedWatchers[key];
+ if (watcher) {
+ if (watcher.dirty) {
+ watcher.evaluate();
+ }
+ if (Dep.target) {
+ watcher.depend();
+ }
+ return watcher.value;
+ }
+ };
+ }
+
+ function initMethods(vm, methods) {
+ for (var key in methods) {
+ vm[key] = methods[key] == null ? noop : _.bind(methods[key], vm);
+ }
+ }
+
+ function createWatcher(vm, keyOrFn, handler, options) {
+ if (isPlainObject(handler)) {
+ options = handler;
+ handler = handler.handler;
+ }
+ if (typeof handler === 'string') {
+ handler = vm[handler];
+ }
+ return vm.$watch(keyOrFn, handler, options);
+ }
+
+ var VM = function () {
+ function VM(model) {
+ _classCallCheck(this, VM);
+
+ var vm = this;
+ if (model instanceof Observer) {
+ model = model.model;
+ }
+ this.$$model = model;
+ initComputed(this, this.computed);
+ initMethods(this, this.methods);
+ var keys = _.keys(model).concat(_.keys(this.computed));
+ var props = {};
+
+ var _loop = function _loop(i, len) {
+ var key = keys[i];
+ if (!(key in $$skipArray)) {
+ props[key] = {
+ enumerable: true,
+ configurable: true,
+ get: function get() {
+ return key in vm.$$model ? vm.$$model[key] : vm.$$computed[key];
+ },
+ set: function set(val) {
+ return key in vm.$$model ? vm.$$model[key] = val : vm.$$computed[key] = val;
+ }
+ };
+ }
+ };
+
+ for (var i = 0, len = keys.length; i < len; i++) {
+ _loop(i, len);
+ }
+ this.model = createViewModel$1({}, props);
+ this.model.__ob__ = this.$$model.__ob__;
+ this._init();
+ }
+
+ VM.prototype.$watch = function $watch(expOrFn, cb, options) {
+ var vm = this;
+ if (isPlainObject(cb)) {
+ return createWatcher(vm, expOrFn, cb, options);
+ }
+ options = options || {};
+ options.user = true;
+ var watcher = new Watcher(vm.model, expOrFn, _.bind(cb, vm), options);
+ if (options.immediate) {
+ cb.call(vm, watcher.value);
+ }
+ return function unwatchFn() {
+ watcher.teardown();
+ };
+ };
+
+ VM.prototype._init = function _init() {};
+
+ VM.prototype.destroy = function destroy() {
+ for (var _key2 in this._computedWatchers) {
+ this._computedWatchers[_key2].teardown();
+ }
+ };
+
+ return VM;
+ }();
+
+ var version = '2.0';
+
+ exports.version = version;
+ exports.$$skipArray = $$skipArray;
+ exports.VM = VM;
+ exports.observerState = observerState;
+ exports.Observer = Observer;
+ exports.observe = observe;
+ exports.defineReactive = defineReactive;
+ exports.set = set;
+ exports.del = del;
+ exports.Watcher = Watcher;
+
+ exports.__esModule = true;
+});
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index f3971e7d6..2014a4c94 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -14,7 +14,9 @@
-
+
+
+
diff --git a/npm-debug.log b/npm-debug.log
new file mode 100644
index 000000000..b977d1b75
--- /dev/null
+++ b/npm-debug.log
@@ -0,0 +1,49 @@
+0 info it worked if it ends with ok
+1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
+1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
+1 verbose cli 'run',
+1 verbose cli 'start',
+1 verbose cli '--scripts-prepend-node-path=auto' ]
+2 info using npm@3.10.10
+3 info using node@v6.11.4
+4 verbose run-script [ 'prestart', 'start', 'poststart' ]
+5 info lifecycle fineui@1.0.1~prestart: fineui@1.0.1
+6 silly lifecycle fineui@1.0.1~prestart: no script for prestart, continuing
+7 info lifecycle fineui@1.0.1~start: fineui@1.0.1
+8 verbose lifecycle fineui@1.0.1~start: unsafe-perm in lifecycle true
+9 verbose lifecycle fineui@1.0.1~start: PATH: C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;D:\PROJECT\fineui\node_modules\.bin;C:\Program Files\Docker\Docker\Resources\bin;C:\ProgramData\Oracle\Java\javapath;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\TortoiseGit\bin;C:\Program Files\nodejs\;C:\Program Files (x86)\Microsoft Emulator Manager\1.0\;C:\Users\Wang\AppData\Local\Programs\Python\Python36-32\Scripts\;C:\Users\Wang\AppData\Local\Programs\Python\Python36-32\;C:\Users\Wang\AppData\Local\Microsoft\WindowsApps;C:\Program Files\Git\bin;C:\Program Files\Microsoft VS Code\bin;C:\Users\Wang\AppData\Roaming\npm
+10 verbose lifecycle fineui@1.0.1~start: CWD: D:\PROJECT\fineui
+11 silly lifecycle fineui@1.0.1~start: Args: [ '/d /s /c', 'node server.js' ]
+12 silly lifecycle fineui@1.0.1~start: Returned: code: 1 signal: null
+13 info lifecycle fineui@1.0.1~start: Failed to exec start script
+14 verbose stack Error: fineui@1.0.1 start: `node server.js`
+14 verbose stack Exit status 1
+14 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:255:16)
+14 verbose stack at emitTwo (events.js:106:13)
+14 verbose stack at EventEmitter.emit (events.js:191:7)
+14 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:40:14)
+14 verbose stack at emitTwo (events.js:106:13)
+14 verbose stack at ChildProcess.emit (events.js:191:7)
+14 verbose stack at maybeClose (internal/child_process.js:920:16)
+14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:230:5)
+15 verbose pkgid fineui@1.0.1
+16 verbose cwd D:\PROJECT\fineui
+17 error Windows_NT 10.0.14393
+18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "start" "--scripts-prepend-node-path=auto"
+19 error node v6.11.4
+20 error npm v3.10.10
+21 error code ELIFECYCLE
+22 error fineui@1.0.1 start: `node server.js`
+22 error Exit status 1
+23 error Failed at the fineui@1.0.1 start script 'node server.js'.
+23 error Make sure you have the latest version of node.js and npm installed.
+23 error If you do, this is most likely a problem with the fineui package,
+23 error not with npm itself.
+23 error Tell the author that this fails on your system:
+23 error node server.js
+23 error You can get information on how to open an issue for this project with:
+23 error npm bugs fineui
+23 error Or if that isn't available, you can get their info via:
+23 error npm owner ls fineui
+23 error There is likely additional logging output above.
+24 verbose exit [ 1, true ]
diff --git a/src/config.js b/src/config.js
index 090b0f622..07cb50f29 100644
--- a/src/config.js
+++ b/src/config.js
@@ -88,7 +88,9 @@
}
});
//IE8下滚动条用原生的
- if (BI.isIE9Below()) {
- BI.GridTableScrollbar.SIZE = 18;
- }
+ $(function () {
+ if (BI.isIE9Below()) {
+ BI.GridTableScrollbar.SIZE = 18;
+ }
+ })
}());
\ No newline at end of file