diff --git a/Gruntfile.js b/Gruntfile.js index 37d01f85fb..1e8fe334a0 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 c04a9aa4e8..1c8fc2cd7d 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 3f2d556a7b..37ce2368bb 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 f7e208fe9e..827102bb2b 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 4bdd4dc627..9746717592 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 0000000000..0bbc8c87af --- /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 a9767b9116..b651fb20e5 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 ea66ee3655..e560082e25 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 7cc9d47996..1539fdef48 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 c04a9aa4e8..934db8afa2 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 23ac2d8f2c..96e5bc52a5 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 16ead6ea95..0000000000 --- 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 0000000000..df8063b54b --- /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 0000000000..a3368279cf --- /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 f3971e7d6d..2014a4c94f 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 0000000000..b977d1b752 --- /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 090b0f622c..07cb50f291 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